@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 851px) {
	
	.mobile-only { display: none; }
	
	.nav-container { background:#fff; position: absolute; bottom: 0; width: 100%; box-shadow: 0 0 4px #888; height: 35px; }
	
	#nav { margin:0 auto; padding:0; font-size:13px; position: absolute; width: 80%;}
	#nav li { float: left;  background: #449c4b url(../images/menu_divider.png) no-repeat center right; padding: 5px 0; position: relative; }
	#nav li.last { background-image: none; }
	#nav li a { color: #fff; text-decoration: none; font-size: 16px; font-family: "fagocotfbold", Arial, sans-serif; font-weight: bold; padding: 0 20px; display: block; }
	
	#nav li ul { width: 300px; position: absolute; top: 35px; left: 0; z-index: 9999; background: #fff; border: 1px solid #449c4b; display: none; padding: 1px; }
	#nav li ul.shown-sub { display: block;  }
	#nav li ul li { float: none;  background: #fff; text-align: left;  border-bottom: 1px solid #fff;}
	#nav li ul li a { color: #333; padding: 0 10px; font-weight: normal; }
	#nav li ul li.active,
	#nav li ul li:hover { background: #449c4b;  }
	#nav li ul li.active > a,
	#nav li ul li:hover > a { color: #fff;  }
	#nav li ul ul { left: 160px; top: 5px; }
	
	#nav .nav-self { display: none; }
	
	.navigation-links { float: right; margin-right: 5px; margin-top:4px; }
	.navigation-links li { float: left; margin-left: 30px; }
	
	
	
	
}

@media only screen and (min-width: 851px) and (max-width: 1024px) {
	
	.header,
	.footer,
	.menu,
	.wrapper,
	.page { padding: 0 10px;  }
	
	.absolute-header,
	.page { width: 100%; box-sizing: border-box; }
	
	.header .logo { transform: scale(0.7); transform-origin: center left; }
	.header .banners { left: 270px; }
	.nav-container { box-sizing: border-box; }
	
	.col2-left-layout .categories-list .item,
	.categories-list .item { width: calc(31% - 10px); margin-right: 2%; margin-bottom: 2%; }
	.col2-left-layout .categories-list .item:nth-child(3n + 3),
	.categories-list .item:nth-child(3n +3) { margin-right: 0; }
	
	.col1-layout .products-grid li.item,
	.col2-left-layout .products-grid li.item,
	.products-grid li.item { width: calc(31% - 10px); margin-right: 2%; margin-bottom: 2%; }
	.col1-layout .products-grid li.item:nth-child(3n + 3),
	.col2-left-layout .products-grid li.item:nth-child(3n + 3),
	.products-grid li.item:nth-child(3n + 3) { margin-right: 0; }
	.col1-layout .products-grid li.item .product-name a
	.col2-left-layout .products-grid li.item .product-name a,
	.products-grid li.item .product-name a { font-size: 13px; line-height: 15px; }
	
	.product-view .product-img-box { width: 230px; }
	.product-view .product-img-box img { width: 100%; }
	
	.product-view .product-shop { margin-right: -250px; }
	.product-view .product-shop-wrapper { margin-right: 250px; }
	
	.product-view .link-next { left: 235px; }
	
	.footer .block-social { display: none; }
	
	.footer .block-subscribe { left: auto; right: 0; }
	.footer .block-footer-links { left: 40%; }
}

@media only screen and (max-width: 850px) {
	
	.pc-only { display: none; }
	
	.col-left .block-banners,
	.col-left .block-layered-nav { display: none; }
	
	.col-left,
	.col-main-wrapper,
	.col-main { float: none !important; margin: 0 !important; display: block !important; width: 100% !important; }
	
	.col2-set .col-1,
	.col2-set .col-2 { display: block; float: none; width: 100%; margin-bottom: 10px; }
	
	.category-slider,
	.category-slider-title { display: none !important; }
	
	.header,
	.footer,
	.wrapper { padding: 0; }
	
	.page { margin: 0 auto; box-shadow: 0 0 0; width: 100%; overflow: visible; }
	
	.absolute-header { position: static; width: 100%; border-bottom: 1px solid #ddd; }
	.absolute-header .store-phone { top: 0; right: 5px; left: auto; }
	.absolute-header .links { position: static; margin: 5px 0; }
	.absolute-header .links li { float: none; display: inline-block; }
		
	.header { text-align: center; height: 75px; border-bottom: 1px solid #ccc; }
	.header .logo { position: absolute; display: block; width: 180px; text-align: center; top: 20px; left: 5px; margin: 0; }
	.header .logo img { width:100%; }
	
	.header .icon { width: 24px; height: 24px; position: absolute; top: 26px; cursor: pointer; }
	.header .icon.menu-toggle { background: url(../images/i_menu.png) no-repeat; right: 97px; }
	.header .icon.search-toggle { background: url(../images/i_search.png) no-repeat; right: 138px; }
	
	.header .banners { display: none; }
	
	.header .form-search{ position: absolute; top: 65px; left: 5px; background: #fff; padding: 10px; box-sizing: border-box; width: calc(100% - 10px); height: 35px; padding: 2px; visibility: hidden; opacity: 0; transform: translateY(30px); transition: .3s all; }
	.header .form-search.visible { visibility: visible; opacity: 1; transform: translateY(0); }
	.header .form-search input.input-text {box-sizing: border-box; width: calc(100% - 40px);}
	.header .form-search label { display: none; }
	
	.header .block-cart { transform: scale(0.65); transform-origin: top right; margin: 6px 0 0; }
	.header .block-cart .block-title strong { background: none; text-align: center; }
	.header .block-cart .block-content { display: none !important; }
	
	.header-banners .header-banners-slideshow,
	.header-banners .header-banners-list { float: none; width: 100%; margin-bottom: 10px; }
		
	.navigation-links { display: none; }
	
	.nav-container { position: absolute; top: 60px; left: 0; width: 100%; z-index: 9999; visibility: hidden; opacity: 0; transform: translateY(30px); transition: .3s all;}
	.nav-container.visible { visibility: visible; opacity: 1; transform: translateY(0); }
	
	#nav { background: #fff; padding: 5px 0; margin: 0; border: 0; }
	#nav li { float: none; display: block; margin: 0 0 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd; position: relative; }
	#nav li a { padding: 0 10px; display: block; color: #000; text-align: left; font-family: "fagocotfbold", Arial, sans-serif; font-size: 18px;  }
	#nav > li:hover ul { -webkit-animation: fadein 0s; -moz-animation: fadein 0s; -ms-animation: fadein 0s; -o-animation: fadein 0s; animation: fadein 0s; }
	
	#nav ul { position: relative; top: auto; left: auto; min-height: auto; display: none; }
	#nav ul li { display: block; width: calc(100% - 30px); border-bottom: 0; }
	#nav ul li.nav-self { margin-top: 10px; }
	#nav ul li a { font-size: 16px; font-weight: normal; padding: 0 20px;  }
	
	#nav ul ul li { display: block; width: calc(100% - 30px); margin-bottom: 0; }
	#nav ul ul li a { font-size: 15px; padding: 0 30px; font-weight: lighter; font-family: Arial, Helvetica, sans-serif;  }
	
	#nav .nav-banner { display: none; }

	.cms- .tabs .tabs-divider { margin-bottom: 20px; }
	
	.col2-left-layout .categories-list .item,
	.categories-list .item { width: calc(48% - 10px); margin-right: 2%; margin-bottom: 2%; }
	.col2-left-layout .categories-list .item:nth-child(2n + 2),
	.categories-list .item:nth-child(2n + 2) { margin-right: 0; }
	
	.col1-layout .products-grid li.item,
	.col2-left-layout .products-grid li.item,
	.products-grid li.item { width: calc(48% - 10px); margin-right: 2%; margin-bottom: 2%; }
	.col1-layout .products-grid li.item:nth-child(2n + 2),
	.col2-left-layout .products-grid li.item:nth-child(2n + 2),
	.products-grid li.item:nth-child(2n + 2) { margin-right: 0; }
	.col1-layout .products-grid li.item .product-name a
	.col2-left-layout .products-grid li.item .product-name a,
	.products-grid li.item .product-name a { font-size: 13px; line-height: 15px; }
	
	.category-products .toolbar { position: static; display: block; margin-bottom: 20px; }
	.pager .amount,
	.pager .sort-by, 
	.sorter .sort-by { text-align: center; float: none; margin: 0 0 10px; }
		
	.page-title { margin-bottom: 10px; }
	.page-title h1, .page-title h2 { font-size: 25px; text-align: center; }
	
	.mb-mana-catalog-leftnav .block-content { border-top: 0; }
	.mb-mana-catalog-leftnav .block-title { border: 1px solid #ccc; padding: 5px; background: url(../images/i_arrow_right.png) center right 5px no-repeat; cursor: pointer; }
	.mb-mana-catalog-leftnav .block-title.expanded { background-image: url(../images/i_arrow_down.png); }
	.block-layered-nav .block-content { display: none; }
	
	.block-bestsellers { display: none; }
	
	.product-view .product-img-box { float: none; width: 100%; }
	.product-view .product-img-box .more-views li img { width: 100%; }
	.product-view .product-img-container { padding:10px 0 0 10px; width: calc(100% - 10px); }
	
	.product-view .product-shop-wrapper { margin: 0;}
	
	.product-view .related-products,
	.product-view .product-shop { float: none; width: 100%; margin: 0 0 20px; padding: 0; border: 0; }
	.product-view .product-shop .page-title h1 { font-size: 25px; }
	
	.product-view .product-shop .add-to-links .wishlist { float: none; }
	.product-view .product-shop .add-to-links .link-compare,
	.product-view .product-shop .add-to-links .link-wishlist { display: inline-block; margin-bottom: 5px; padding-top: inherit}
	
	.product-view .product-essential { margin-bottom: 30px; }
	
	.product-view .link-next { position: absolute; left: auto; right: 0; }
	
	.product-collateral .box-collateral { margin-bottom: 30px; }
	.product-collateral .col-1,
	.product-collateral .col-2,
	.product-collateral .col-3{ float: none; width: 100%; margin: 0 0 20px; }
	
	.product-view .tabs .tabs-title li { font-size: 11px; }
	
	.product-view .share,
	.product-view .share tbody,
	.product-view .share tr,
	.product-view .share td { display: block; width: 100%; padding: 0; }
	.product-view .share td.addthis-container { padding: 0; }
	.product-view .share td.reviews-container { padding-top: 15px; }
	
	.cart-actions .discount { float: none; width: 100%; margin-bottom: 30px; text-align: left; }
	.cart-actions .discount .input-text { width: 130px; }
	.cart .totals { float: none; width: 100%; }
	.cart .wishlist-cell,
	.cart .image-cell { display: none; }
	.cart-table thead th { padding: 4px !important; font-size: 12px; }
	.cart-table td { padding: 4px; }
	.cart-table .product-name { font-size: 11px; font-weight: normal; }
	.cart-table .qty-selector-container { padding-right: 16px; }
	.cart-table .qty-selector { font-size: 11px;}
	.cart-table .qty-selector.up { top: 5px; }
	.cart-table .qty-selector.down { bottom: 5px; }
	.cart-table .cart-price .price { font-size: 14px; }
	.checkout-methods { margin-bottom: 20px; }
	.cart .shipping { width: calc(100% - 10px); padding: 5px; margin: 0; text-align: center; }
	.cart .shipping .banner  { margin: 0 0 10px; width: 100%; }
	.cart .shipping .banner img { width: 100%; }
	.cart .shipping .col-1 { width: 100%; }
	.cart .shipping .buttons-set { text-align: center; }
	
	.cart .cart-collaterals .col2-set { width: 100%; float: none; }
	
	.cart .offers .products-grid li.item { width: calc(50% - 10px); }
	
	#onepagecheckout_orderform .col3-set .col-wrapper { padding: 0 !important; background: none !important; }
	.onepagecheckout-index-index .col-main { width: 100% !important; }
	#onepagecheckout_orderform .col3-set .col-1,
	#onepagecheckout_orderform .col3-set .col-3,
	#onepagecheckout_orderform .col3-set .col-2 { margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; min-height: auto !important;  }
	#onepagecheckout_orderform .col3-set .col-2 { border-left: 0 !important; border-right: 0 !important; margin: 0 !important; padding: 0 !important; }
	
	#payment-method .sp-methods .payment-paypal_standard { height: 140px; }
	
	.account-login .registered-users { border: 0; border-bottom: 1px solid #000; margin-bottom: 35px; }
	
	.block-cart { margin-top: 10px; }
	
	.contact-form,
	.contact-info { width: 100%; float: none; }
	.contact-info { border: 1px solid #ccc; padding: 10px; width: calc(100% - 22px); margin-bottom: 15px; }
	
	.form-list .fields { margin-bottom: 0; }
	.form-list .fields .field { margin: 0; width: calc(100% - 2px); margin-bottom: 5px; }
	
	.form-list .input-box,
	.form-list li.wide textarea,
	.form-list li.wide select,
	.form-list li.wide input.input-text,
	.form-list textarea,
	.form-list select,
	.form-list input.input-text { width:100% !important; box-sizing: border-box; }
	
	.cms-contactos .contact-info,
	.cms-contactos .contact-form { float: none; width: 100%; box-sizing: border-box;  }
	
			
	.footer-container { border-top: 0; padding-top: 5px; }
	.footer { margin: 0 auto; height: auto; text-align: center; border-top: 1px solid #ccc; padding-top: 20px; }
	.footer .block{ display: block; position: static; width: 100%; top: auto; }
	
	.footer .block-social iframe { height: 80px; margin: 0 auto; width: 230px;  }
	.footer .block-subscribe { position: relative; top: auto; left: auto; max-width: 290px; margin: 0 auto; }
			
	.footer .footer-links ul { margin-right: 0; }
		
	#onepagecheckout_orderform .col3-set .col-2 { border-left: 0 !important; border-right: 0 !important; margin: 0 !important; padding: 0 !important; }
	
	body[class*="categorypath-marcas"] .main { display: flex; flex-direction: column; }
	body[class*="categorypath-marcas"] .breadcrumbs { order: 1; }
	body[class*="categorypath-marcas"] .col-left {  order: 3; border-top: 1px solid #ccc; }
	body[class*="categorypath-marcas"] .col-main {  order: 2;  }
	body[class*="categorypath-marcas"] .categories-list li.item { width: calc(100% - 22px) !important; margin: 0 0 10px !important; }
	
}