/******************************************************** Mobile Devices Version: 1.0.0 ********************************************************/ /******************************************************** ## Min Width 1200px ********************************************************/ @media (min-width: 1200px) { } /******************************************************** ## Min Width 992px And Max Width 1199px ********************************************************/ @media (min-width: 992px) and (max-width: 1199px) { .woocommerce a.add_to_cart_button{ padding: .618em 6px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 22.566666%; } .woocommerce.archive ul.products li.last{ margin-right: 0; } } /******************************************************** ## Min Width 768px And Max Width 991px ********************************************************/ @media (min-width: 768px) and (max-width: 991px){ } /******************************************************** ## Max Width 767px ********************************************************/ @media only screen and (max-width:767px) { .primary-menu .xs-angle-down { margin: -10px 0 0 0; padding: 9px 15px; background: #fff; float: right; color: #333; font-size: 22px; border: 1px solid transparent; } .navbar-default .navbar-collapse { overflow: hidden; } .primary-menu ul.nav li.dropdown:hover > ul.dropdown-menu { display: none; } .primary-menu ul.nav li.dropdown > ul.dropdown-menu.active { display: block; box-shadow: none; border: 0; } .primary-menu .dropdown-menu { width: auto; float: none; position: static; } .text-center-xs,.header-top .text-right{ text-align: center; } .logo img{ margin: 0 auto; } .header-social { margin-bottom: 10px; } .header-middle .mini-cart { position: absolute; top: 60px; left: 0; text-align: left; z-index: 1; width: auto; } .primary-menu ul li a { padding: 15px; } .navbar-default .navbar-toggle{ } .navbar-default .navbar-toggle .icon-bar{ } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ } .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{ } .woocommerce .product-fix .compare, .woocommerce .product-fix .yith-wcqv-button{ visibility: visible; bottom: 0; } .margin-top-xs-20{ margin-top: 20px; } .footer-bottom ,.footer-bottom ul{ text-align: center; } } /******************************************************** ## Max Width 480px ********************************************************/ @media only screen and (max-width:480px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product{ width: 100%; } } /******************************************************** Max Width 320px ********************************************************/ @media only screen and (max-width:320px) { } /******************************************************** Max Width 240px ********************************************************/ @media only screen and (max-width:240px) { }