/* Do not change this file it lost your changes. */ /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Toolbar -------------------------------------------------------------- */ /* All elements - vertical spacing */ .pager .amount, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by, .sorter .pager {margin: 0 45px;} /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col .item:nth-child(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col .item:nth-child(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col .item:nth-child(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col .item:nth-child(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col .item:nth-child(8n+1) { clear:left !important; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Cart -------------------------------------------------------------- */ .dashboard .col-1, .dashboard .col-2{width:46%;} } /* Design for a width of 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width <= 1024px */ @media only screen and (max-width: 1041px) { /* Products grid -------------------------------------------------------------- */ .products-grid .item .visible-onhover {} .products-grid .item .quick-view { display: none !important; } /* Disable hover effect -------------------------------------------------------------- */ /* Show elements normally displayed only on hover */ .category-products-grid .item .display-onhover {display: block !important;} /* Display products label normally on hover */ .products-grid .item:hover .sale, .products-grid .item:hover .new{visibility: visible;opacity: 1;} /*Remove add hover bottom margin (Use display on hover elements)*/ .category-products-grid .item{margin-bottom:0px !important;} /* Display alter image arrow normally on hover */ .products-grid .owl-theme .owl-controls .owl-buttons .owl-next{right:0;} .products-grid .owl-theme .owl-controls .owl-buttons .owl-prev{left:0;} /* Remove On Hover Change Alter Image */ .products-grid .item:hover .product-image .small-image, .products-list .item:hover .product-image .small-image{opacity: 1;} .products-grid .item:hover .product-image .thumbnail, .products-list .item:hover .product-image .thumbnail{display: none;} /*Remove on hover box shadow & border*/ .category-products-grid.product-hover-style1 .item:hover, .products-list .item:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; border-color: transparent; } /*Product Style 1*/ .products-grid.product-style1 .price-box .price{font-size: 15px;} /*Product Hover Style 2*/ .products-grid.product-hover-style2 .actions, .products-grid.product-hover-style2 .actions-inner{} .products-grid.product-hover-style2 .actions{padding-top: 20px;background-color: transparent !important;} .products-grid.product-hover-style2 .actions-inner{margin-top: 0px;margin-left: 0px;} .products-grid.product-hover-style2 .add-to-links{width: auto;max-width: inherit;display: inherit;} .products-grid.product-hover-style2 button.button, .products-grid.product-hover-style2 .add-to-links li{max-height: 47px;margin-right: 2px;margin-bottom: 2px;margin-top: 0px;} /*Product Hover Style 3*/ .products-grid.product-hover-style3 .actions, .products-grid.product-hover-style3 .actions-inner{position: initial;} .products-grid.product-hover-style3 .actions{padding-top: 20px;background-color: transparent !important;} .products-grid.product-hover-style3 .actions-inner{margin-top: 0px;margin-left: 0px;} .products-grid.product-hover-style3 div.btn-cart{float: left;margin-right: 2px;margin-bottom: 2px;} .products-grid.product-hover-style3 .add-to-links li{margin-top: 0px;margin-right: 2px;margin-bottom: 2px;} /*Product Hover Style 4*/ .products-grid.product-hover-style4 .item:hover .product-content-wrapper, .products-grid.product-hover-style4 .item:hover .add-to-links, .products-grid.product-hover-style4 .item:hover .ratings, .products-grid.product-hover-style4 .item{text-align:center;} .products-grid.product-hover-style4 div.btn-cart, .products-grid.product-hover-style4 .product-name, .products-grid.product-hover-style4 .add-to-links{float:none;width:100%;} .products-grid.product-hover-style4 .product-name, .products-grid.product-hover-style4 div.btn-cart, .products-grid.product-hover-style4 .add-to-links, .products-grid.product-hover-style4 .ratings, .products-grid.product-hover-style4 .vert{ opacity: 1; visibility: visible; margin-bottom:10px; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .products-grid.product-hover-style4 .item:hover .product-name, .products-grid.product-hover-style4 .item:hover div.btn-cart, .products-grid.product-hover-style4 .item:hover .add-to-links, .products-grid.product-hover-style4 .item:hover .ratings, .products-grid.product-hover-style4 .item:hover .vert{ -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } /* Header Style3 elements -------------------------------------------------------------- */ /*Mobile Menu - align center*/ .header-container.header3 .toggleMenu{text-align: center;padding-left: 0px;} /* Header Style4 elements -------------------------------------------------------------- */ /*Mobile Menu - align center*/ .header-container.header4 .toggleMenu{text-align: center;padding-left: 0px;} /* Header Style5 elements -------------------------------------------------------------- */ /*Mobile Menu - align center*/ .header-container.header5 .toggleMenu{text-align: center;padding-left: 0px;} /* Header Style7 elements -------------------------------------------------------------- */ /*Mobile Menu - align center*/ .header-container.header7 .toggleMenu{padding-left: 0px;} } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Data Table Thead Heading -------------------------------------------------------------- */ /*.data-table thead th {font-size: inherit;font-weight: bold !important;}*/ /* Toolbar -------------------------------------------------------------- */ .my-account .pager .amount{display: none;} .sorter .pager, .sorter .view-mode{float:none;} /* Caption (Banner) ------------------------------------------------------------- */ .caption .heading{font-size: 3.5em;line-height: 1em;} #category-tabs li{width:24.6%;margin-bottom:2px;} .header .links > li > a {padding:0px 1px;} .header .links > li > a:after{margin-left:1px;} } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes ------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Sidebar Block -------------------------------------------------------------- */ .block{padding:10px;} /* Cart -------------------------------------------------------------- */ .dashboard .col-1, .dashboard .col-2{width:45%;} } /* 640px <= width < 960px */ @media only screen and (min-width: 640px) and (max-width: 959px) { .products-grid.product-hover-style3 div.btn-cart{float:none;text-align:center;} .products-grid.product-hover-style3 .add-to-links{float:none;text-align: center;margin-top: 10px;} .products-grid.product-hover-style3 .add-to-links li{display: inline-block;margin:0;float:none;} } @media only screen and (min-width: 768px) and (max-width: 790px) { .products-grid.product-hover-style1 div.btn-cart button.button{margin: 0 auto; float:none; display:table;} .products-grid.product-hover-style1 .add-to-links{margin: 0 auto; float:none; display:table;} .products-grid.product-hover-style1 .actions{padding-top: 10px;} .products-grid.product-hover-style1 div.btn-cart{margin-bottom:5px;} } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-title { border-bottom:none; } /* Hide line when not on mobile */ .mobile-collapsible .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-collapsible .block-content { display:block !important; } /* Always show when not on mobile */ .collapsible .block-content{display: none;} } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { /*margin-bottom:30px;*/ } /* Margin for basic Magento columns*/ .col-left, .col-right{ margin-top:30px } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { /*margin-bottom:20px;*/ } .product-third-column.custom-sidebar-right{padding:0 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} /* Remove additional margin for main sidebars */ .col-left > * { margin-right: 0; } .col-right > * { margin-left: 0; } .center-block{margin-top:20px;} /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Disable display banner with header -------------------------------------------------------------- */ body.cms-index-index .header-container, body.cms-index-defaultindex .header-container, body.cms-home .header-container {position: relative !important;} /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; width: 100%;} /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal ; } .data-table th, .data-table td, .product-view .form-add .data-table th, .product-view .form-add .data-table td{ padding:10px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead, .multiple-checkout .data-table thead{ display:none; } .cart-table .btn-edit, .cart-table .btn-remove, .cart-table .link-wishlist{margin:0;display:inline-block;} .quantity_counter{display:inline-block;} .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody, .multiple-checkout .data-table tbody{ background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td, .multiple-checkout .data-table tr, .multiple-checkout .data-table td{ border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;} .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr, .multiple-checkout .data-table tr{ border-bottom:1px solid #f2f2f2 !important; margin-bottom:20px; } .cart .data-table tfoot tr.last, .my-wishlist .data-table tfoot tr.last, .my-account .data-table tfoot tr.last, .order-review .data-table tfoot tr.last, .multiple-checkout .data-table tfoot tr.last{border-bottom: none !important;margin-bottom: 0px;} .cart .data-table tfoot tr.last{margin-bottom: 20px;} .data-table .product-name{display: inline;} .order-items .price-excl-tax, .multiple-checkout td .cart-price{display: inline-block;} .multiple-checkout .data-table td select{width: 100%;} /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child, .multiple-checkout .data-table tfoot tr td:first-child{ font-weight:bold; } /* Show cell label */ .data-table .cartlabel { display: inline-block; width: 30%; min-width: 100px; max-width: 140px; margin-right: 10px; vertical-align: top; color: #999; } /* Header -------------------------------------------------------------- */ /* Global notices */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Logo -------------------------------------------------------------- */ .logo { width:70%; margin-left:auto; margin-right:auto; text-align:center;} /* Quick search -------------------------------------------------------------- */ /* Search: mobile (search bar layout for narrow screens) -------------------------------------------------------------- */ .search-wrapper-mobile { float:left; width:100%; margin:10px 0px; } .search-wrapper-mobile .form-search { float: none; width: auto; margin: 0 10px; } /* Other -------------------------------------------------------------- */ /* Header Style elements -------------------------------------------------------------- */ .header-container .search-wrapper-centered .form-search{ padding-left: 0px; } .header-container .logo{margin-top: 20px;margin-bottom:20px;} /* Inside Dropdown menu & Top Links */ .header-container .top-links{margin-bottom:10px;} .header-container .shopping_cart{max-width: 100%;} /*Wishlist & Toplinks elements*/ .header-container .wishlist.dropdown, .header-container .header .top-links{text-align:center;margin-bottom:10px;} .header-container .currency, .header-container .language{float:left;margin-right:0;} /* Category view -------------------------------------------------------------- */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { width:98% !important; margin-left:1% !important; margin-right:1% !important; } /* Footer -------------------------------------------------------------- */ /* Footer elements - align center */ /* Footer elements */ /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .my-account .pager{ text-align:center; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Page heading with RSS link */ .page-title { position:relative; } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product name */ .products-grid .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td, .my-wishlist .buttons-set{ text-align:center !important; padding:0;} .cart-table tfoot button, .my-wishlist .buttons-set button.button{ display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* Cart -------------------------------------------------------------- */ /*Opc login buttons-set bottom margin*/ #opc-login .buttons-set {margin-bottom: 20px !important;} /* Products Page -------------------------------------------------------------- */ /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) .product-view .box-additional { margin-top:0; } */ .product-view .product-shop{padding:0;margin-top:20px;} /* Slideshow -------------------------------------------------------------- */ /* Slideshow navigation: move buttons to the top right corner */ .banner .owl-theme .owl-controls .owl-buttons{top: 0;margin-top: 0;} .banner .owl-theme .owl-controls .owl-buttons .owl-prev { top: 10px;right: 50px;left: auto;width: 30px;height: 30px;line-height: 30px;} .banner .owl-theme .owl-controls .owl-buttons .owl-next { top: 10px;right: 10px;left: auto;width: 30px;height: 30px;line-height: 30px;} .banner .owl-theme .owl-controls .owl-buttons .owl-prev:before, .banner .owl-theme .owl-controls .owl-buttons .owl-next:before{font-size: 23px;} /* Pagination */ .banner .caption-container { display: none; } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-content { display:none; } /* Hide on mobile */ .collapsible .block-content{display: none;} /* Hide on mobile */ .mobile-collapsible { position:relative; } /* Always make "relative" when not on mobile (to avoid flickering on CSS transitions) */ /* Banner Gaping -------------------------------------------------------------- */ body.cms-index-index .header1 .nav-maincontainer, body.cms-index-defaultindex .header1 .nav-maincontainer, body.cms-home .header1 .nav-maincontainer{margin-top:0px !important;} } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Shrink and align center the main image */ .img-box { width:60.4651%; /*364px*/ } } /* end: 480px <= width < 768px */ /* Design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; } } /* end: 640px <= width < 768px */ /* Design for a width of less than 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 640px */ @media only screen and (max-width: 639px) { h1 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h2 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h3 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h4 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h5 { font-size:1em; line-height:1em; /*12px, 12px*/ } h6 { font-size:1em; line-height:1em; /*12px, 12px*/ } /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; } /* Homepage Category Tabs -------------------------------------------------------------- */ #category-tabs li{width:32.9%;} } /* end: width < 640px */ /* Design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:44.5%;} } /* end: 480 <= width < 640px */ /* Design for a width of 380px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 380 <= width < 640px */ @media only screen and (min-width:396px) and (max-width: 639px) { .products-grid.product-hover-style3 div.btn-cart{float:none;text-align:center;} .products-grid.product-hover-style3 .add-to-links{float:none;text-align: center;margin-top: 10px;} .products-grid.product-hover-style3 .add-to-links li{display: inline-block;margin:0;float:none;} } /* end: 380 <= width < 640px */ /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Ajex Cart Popup (Remove Ajex Popup Product Image For Small Device) -------------------------------------------------------------- */ div.alert-inner{display: inherit;bottom: auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;margin-top: -112px;z-index: 10010;text-align: center;right: 0;left: 0;margin-left: 0;height: 185px;} div.alert-inner .product-image{display: none;} div.alert-inner p{padding-left: 0px;} div.alert-inner li.success-msg{margin-left: 0px;} div.alert-inner a{float: none !important;cursor: pointer;margin: 5px 5px;display: inline-block;vertical-align: top;} /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:94.5%; margin-bottom: 20px;} /* Header -------------------------------------------------------------- */ /* Header elements - align center -------------------------------------------------------------- */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Products list -------------------------------------------------------------- */ .products-list .product-image { margin-bottom:20px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .form-add .data-table th{font-size: inherit;font-weight: bold;} .product-view .form-add .data-table th, .product-view .form-add .data-table td { padding:6px 10px; } .product-view .form-add .form-list input.input-text, .product-view .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar -------------------------------------------------------------- */ /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 {margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Product Review Detail*/ .product-review .product-img-box{width: auto;float: none;} .product-review .product-details{margin: 0 0px 20px 0px;} /* Checkout -------------------------------------------------------------- */ .opc .step-title h2 { font-size:1.3em;text-align: left;} .opc .step-title .number{font-size:1.3em;} } /* end: width < 480px */ /* Design for a width of 320px (mobile - portrait) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { } /* end: 320px <= width < 480px */ /* Design for a width of less than 380px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 380px */ @media only screen and (max-width: 396px) { /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } /* Header Style elements -------------------------------------------------------------- */ /*Wishlist & Toplinks elements*/ .header-container .wishlist .dropdown-toggle.cover > div, .header-container .header .links > li > a{padding:0px 5px;} .header-container .wishlist .dropdown-toggle.cover > div{padding-left:10px;} .header-container .header .separator{display: none;} #category-tabs li{width: 48.6%;margin:0px 0.5%;margin-bottom:5px;} #category-product-tab .owl-buttons {top: -291px;} } /* end: width < 320px */ /* Design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Slideshow -------------------------------------------------------------- */ .banner .owl-pagination { display:none; } /* Deprecated */ /* Header elements - align center -------------------------------------------------------------- */ .header{text-align: center;} .header .v-grid{} /*Mobile Menu - align center*/ .toggleMenu{text-align: center;padding-left: 0px;} /* Header Style elements -------------------------------------------------------------- */ .header-container .header-secondary{margin-top:10px;float:left;width:100%;} /* Inside Dropdown menu & Top Links */ .header-container .dropdown, .header-container .top-links, .header-container .header .separator { float:none !important; display:inline-block;margin-top: 0px;margin-bottom: 0px;} .header-container .wishlist .dropdown-toggle.cover > div, .header-container .header .links > li > a{padding:0px 10px;} .header-container .shopping_cart{margin-bottom:10px;width:100%;} /*Shooping Cart Dropdown Menu*/ .header-container .shopping_cart .dropdown-menu{min-width: inherit;left: 0;} } /* end: width < 320px */ /* Design for a width of 240px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { } /* end: 240px <= width < 320px */ /* Design for a width of lass than 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 240px */ @media only screen and (max-width: 239px) { } /* end: width < 240px */ /*Additional custom CSS*/ /* 2014.08.22 */ body {font-family: Roboto,Raleway,Tahoma,Arial,Verdana,Helvetica,'Microsoft Yahei',sans-serif;} .products-grid .product-name.single-line-name{text-align:center;} .products-grid.product-hover-style1 .actions-inner{margin-top:-23px;} .page-banners .banner a{color:#fff;} .page-banners .banner a:hover,.page-banners .banner a:active{color:#a6ce39;} .footer h6.block-title a{color:#fff;} .footer h6.block-title a:hover,.footer h6.block-title a:active{color:#a6ce39;} #mega-nav .itemgrid-4col .item{width:22.5%} .prtcls .level-1 {text-align:center;} #mega-nav > li > a{/*font-size:15px;*/} .bannercontainer{text-transform:uppercase;} .noDis{display:none;} .itemslider a.button::-moz-focus-inner { /*padding:0; */border:0; } /* FF Fix */ .itemslider a.button { -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ overflow:visible; width:auto; border:0; /*padding:0;*/ margin:0; background:transparent; cursor:pointer;overflow: hidden;max-width: 100%; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .itemslider a.button:hover{} .itemslider a.button span{ float:left; display:block; font-size:13px; font-weight: 500; text-align:center; white-space:nowrap; background-color: #a6ce39; color:#FFF; text-transform: uppercase; border-radius: 3px; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .itemslider a.button:hover span{ background-color:#a6ce39; color:#fff; } .itemslider .block-subscribe a.button:hover span{background-color: #379adc;} .itemslider a.button span span { padding:8px 10px; float: none;white-space: normal;} .itemslider a.button span{float:none;display:inline;} .f12{font-size:12px;} ul.fnews li {margin-bottom:6px;} .ajaxcartpro_progress{ position: fixed; top: 50%; left: 50%; margin: -22px 0 0 -22px; background: url(../images/fancybox_loading.gif) center center no-repeat #000; width: 44px; height: 44px; z-index: 9999; opacity: 0.9; border-radius: 6px; } #multiproduct-loader .ajaxcartpro_progress{ position: inherit; margin: 0px; display: inline-block; } body.cms-index-index .innerc{padding-top:140px;} .sbcontact{line-height:1.8;} #sidenav li a.cur{color:#a6ce39} /*.about-con img{max-width:100%;} */ #pages{clear: both;padding:20px 0 10px;text-align: center;font:12px 'Microsoft YaHei';} #pages a{display:inline-block;padding:0px 8px;height:22px;font-size:12px;line-height:22px;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;margin-right:-1px;} #pages a.a1{padding:0px 12px;height:22px;line-height:22px;margin-top:0px;} #pages a:hover{background:#f1f1f1;color:#000;text-decoration:none;} #pages span{display:inline-block;padding:0px 8px;height:22px;line-height:22px;background:#5a85b2;border:1px solid #5a85b2;color:#fff;text-align:center;} .page .noPage{display:inline-block;padding:0px 12px;height:22px;line-height:22px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;} .pageright{margin-right:40px;} .bloglist {border-bottom:1px #ddd solid;padding-bottom:2%;} .bloglist h3 a{color:#333;} .bloglist h3 a:hover,.bloglist h3 a:active{color:#a6ce39} .bloglistc{border-bottom:none;} .viewh{text-align:center;border-bottom:1px #ddd solid;padding-bottom:20px;margin-bottom:20px;font-size:20px;margin-top:15px;} .itemslider-thumbnails.position-y .itemcolor {border:2px solid #a6ce39;} .fancy.product-view .product-img-column{width:64% !important;} .fancy.product-view .product-shop{width:34% !important;} .footer .collapsible .block-title{text-transform:uppercase;} .social-link.icon-bg-color span.fa-facebook{background-color: #3b5998;color:#fff;border:1px #3b5998 solid;} .social-link.icon-bg-color span.fa-twitter{background-color: #00aced;color:#fff;border:1px #00aced solid;} .social-link.icon-bg-color span.fa-pinterest{background-color: #d71920;color:#fff;border:1px #d71920 solid;} .social-link.icon-bg-color span.fa-google-plus{background-color: #dd4b39;color:#fff;border:1px #dd4b39 solid;} /*.social-link.icon-bg-color span.fa-linkedin{background-color: #007fb1;color:#fff;border:1px #007fb1 solid;}*/ .social-link.icon-bg-color span.fa-facebook:hover,.social-link.icon-bg-color span.fa-twitter:hover,.social-link.icon-bg-color span.fa-google-plus:hover,.social-link.icon-bg-color span.fa-pinterest:hover{background-color: #0e0e10!important;} .bloglist p {font-size:14px;} /*.about-con{font-size:15px;word-break:break-all;word-wrap:break-word} */ #mega-nav div.mega-block{box-shadow:none;} #mega-nav .megamenu-vertical ul{width:200px;background-color:#a6ce39} #mega-nav .megamenu-vertical ul.subs li a{border-bottom:1px solid #ccc;color:#fff;} #mega-nav .megamenu-vertical ul.subs li a:hover{color:#333} .registered-users .form-list label.required {width:12%;float:left;} .registered-users .form-list .input-box{width:87%;float:left;clear:none;} .registered-users .theSubmit{padding-left:12%;} .footer-container{margin-top:25px;} /* responsive */ @media (max-width : 1024px) { .footer-primary .no-gutter.grid12-9 {width:100%;} } @media (max-width : 960px) { .registered-users .form-list label.required {width:auto;float:none;} .registered-users .form-list .input-box{width:auto;float:none;clear:both;} .registered-users .theSubmit{padding-left:0;} } @media (max-width : 768px) { .footinfo .grid12-3{width:48%;} .footer-primary .no-gutter.grid12-3 {width:100% !important;} .fancy .product-essential .product-img-column,.fancy .product-essential .product-shop{width:100% !important;} } @media (max-width : 640px) { .nav-maincontainer {position:fixed;} } @media (max-width : 480px) { } @media (max-width : 350px) { }