@media screen and (max-width: 1499px) {
header .navbar-nav li { padding: 0 22px 0 0; }
}
@media screen and (max-width: 1399px) {
header .navbar-nav li { padding: 0 20px 0 0; }
}
@media screen and (max-width: 1299px) {
header .navbar-nav li { padding: 0 20px 0 0; }
header .right-block a { padding-left: 10px; }
}
@media screen and (max-width: 1199px) {
header .logo { float: none; margin-bottom: 10px; }
header #nav { float: left; }
.banner .item { background-position: right center; }
.ribbon .content { padding: 0 15px 0 40px; }
.ribbon.in .content { padding: 0 40px 0 15px; }
.ribbon h2 { font-size: 43px; }
.quality .container-fluid { display: block; }
.quality aside { width: 100%; margin: 20px auto; max-width: 750px; }
footer .categories ul li { float: none; width: 100%; } .inner-banner { min-height: 300px; } .ribbon-item { width: 23%; margin: 22px 1%; }
.shop-page .top-search p { display: block; text-align: center; margin-bottom: 15px; }
.shop-page .device { float: none; justify-content: center; } .shop-detail-page .order-sumary .cart-block { width: 68%; }
.shop-detail-page .order-sumary .order-block { width: 32%; }
.woocommerce-account .lost_password { float: none;  margin-top: 0px;}
.woocommerce ul.products li.product h2, .woocommerce-page ul.products li.product h2 { line-height: 22px; font-size:16px !important; }    
}
@media screen and (max-width: 991px) {
h1 { font-size: 37px; }
h3 { font-size: 29px; }
header { padding: 0; }
header .logo { float: left; padding: 15px 0; margin: 0; }
header #nav { padding: 70px 0 0; }
header .navbar-nav { padding:0; float: none; max-width: 350px; width: 100%; margin: 0 auto; }
header .navbar-nav li { padding: 12px 15px; float: none; display: block; text-align: left; border-bottom: 1px solid #fff; }
header .navbar-nav li a:after { display: none; }
header .right-block { padding: 25px 50px 0 0; }
.banner .item { min-height: 750px; }
.button-blcok { max-width: 500px; }
.button-blcok .btn-left h5 { font-size: 37px; }
.button-blcok .btn-left h5 strong { font-size: 80px }
.button-blcok .btn-left { padding: 18px 15px 20px; width: 54%; }
.button-blcok .btn-right { width: 46%; }
.ribbon { display: block; padding: 0 15px; overflow: hidden; }
.ribbon.in .content { float: none; }
.ribbon aside { width: 100%; }
.ribbon .content { padding: 20px 0 40px !important; text-align: center; margin: 0 auto; }
.ribbon .img-block { min-height: 450px; }
.ribbon h2 { font-size: 38px; }
.quality { padding: 60px 0; }
footer aside { margin-bottom: 20px; } .inner-banner { min-height: 250px; }
.inner-banner .banner-content { top: 60%; transform: translateY(-40%); -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); -moz-transform: translateY(-40%); } .ribbon-item { width: 31%; }
.shop-page { padding: 60px 0 54px; } .select li { padding: 8px 15px 14px 30px; }
.select li h4 { font-size: 21px; }
.details ul li { display: block; margin: 0 0 10px; } .shop-detail-page .order-sumary { display: block; }
.shop-detail-page .order-sumary .cart-block { width: 100%; }
.shop-detail-page .order-sumary .order-block { width: 100%; max-width: 350px; padding: 0; } .contact-us .contact-block { padding: 41px 25px 55px; }
.woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 30%;}
.woocommerce-account .woocommerce-MyAccount-content { float: right; width: 68%;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: none;  width: 100%;}    
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {  width: 22%; }
.single-product.woocommerce .product-info li,
.single-product.woocommerce .product-info li strong{ display: block; }
.single-product.woocommerce .product-info li em{ display: none; }
}
@media screen and (max-width: 769px) {
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
width: 32%; float: left; margin-right: 1%;}
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n),.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product { float: left !important; clear: none!important; }
}
@media screen and (max-width: 767px) {
p { font-size: 16px; }
h2 { font-size: 31px; line-height: 35px; }
h3 { font-size: 25px; line-height: 30px; }
h5 { font-size: 18px; }
section { padding: 40px 0; }
.btn { font-size: 16px; padding: 10px 25px; }
.view-btn { font-size: 16px; }
.view-btn::before { font-size: 16px; }
.view-btn strong { padding: 10px 5px 10px 12px; margin-right: 65px; }
.view-btn strong::after { right: -17px; border-top: 22px solid transparent; border-left: 18px solid #fff; border-bottom: 21px solid transparent; top: -2px; }
.banner .item { min-height: auto; background-image: none !important; }   
.banner .hide { display: block !important; }
.banner .hide img { height: 400px; object-fit: cover; }
.banner .banner-content { position: inherit; transform:translateY(0); padding: 30px 15px 35px; background-color: #000; max-width: 100%; }
.banner .container-fluid { padding: 0; }
.banner h1 { margin-bottom: 25px; }
.button-blcok .btn-left h5 { font-size: 32px; line-height: 30px; }
.button-blcok .btn-left h5 strong { font-size: 67px; line-height: 55px; }
.button-blcok { max-width: 440px; }
.button-blcok .btn-right::after { border-top: 54px solid transparent; border-left: 55px solid #0b0b20; border-bottom: 55px solid transparent; margin-top: -34px; }
.button-blcok .btn-right h6 strong { font-size: 21px; }
.button-blcok .btn-left { padding: 12px 12px; width: 54%; }
.button-blcok .btn-right { width: 46%; }
.ribbon .img-block { min-height: 350px; }
.ribbon h2 { font-size: 33px; line-height: 35px; }
.ribbon p { margin-bottom: 15px; }
.about-super { padding: 50px 0; }
.about-super p { margin-bottom: 20px; }
.quality { padding: 40px 0; }
.quality aside { padding: 38px 25px 36px; }
.quality figure { padding-right: 25px; }
.quality p { margin-bottom: 20px; }
footer { padding-top: 50px; }
footer h5 { font-size: 19px; }
footer ul li { margin-bottom: 8px; }
footer .copy-rights { margin-top: 45px; padding: 35px 0 10px; }
.newsletter { margin-bottom: 20px; }
.newsletter .form-control { height: 40px }
.socail-icons li a { font-size: 18px; }
.socail-icons li { padding: 0 10px; }
footer .copy-rights ul { margin-bottom: 0; } .shop-page .newsletter .form-control { height: 45px; }
.shop-page .newsletter button img { width: 20px; }
.shop-page .newsletter { min-width: auto; }
.tick-marks label::before { padding: 10px; }
.tick-marks label::after { font-size: 14px; left: 4px; top: 1px; }
.ribbon-item { padding: 45px 15px 10px; width: 46%; margin: 12px 2%; } 
.ribbon-item .tick-marks { top: 10px; }
.shop-page { padding: 40px 0; } .shop-detail-page { padding: 45px 0; }
.select { display: block; overflow: inherit; border: 0; }
.select li { width: 100%; max-width: 400px; margin: 0 auto 5px; float: none; overflow: hidden; padding: 8px 30px 14px 35px; }
.select li::before { width: 100%; }
.details h5 { font-size: 20px; margin-bottom: 15px; }
.select-option .form-control { font-size: 14px; height: 42px; }
.select-option::after { font-size: 14px; top: 10px; }
.select-option { margin-bottom: 10px; }
.select li.active::before { width: 100%; } .cart-block h4 { font-size: 21px; margin: 20px 0 10px; }
.cart-block ul li { font-size: 16px; }
.cart-block .quantity-item p { font-size: 22px; }
.cart-block .quantity-item strong { padding: 0 15px; font-size: 18px; }
.cart-block .quantity-item { max-width: 85px; }
.shop-detail-page .update-cart .delete { font-size: 16px; } .faq { padding: 50px 0; }
.faq h2 { margin-bottom: 15px; }
.faq .faq-block { margin: 30px 0 0; }
.faq-block h4 { font-size: 18px; padding: 0 5px 0 40px; line-height: 25px; }
.faq-block h4::before { left: 4px; font-size: 28px; top: 2px; }
.faq-block h4 em { min-width: 25px; height: 25px; } 
.faq-block .panel-collapse { padding: 0 40px 17px; }
.faq-block p { margin-bottom: 13px; }
.faq-block .panel-heading { padding: 20px 0 15px; }
.faq p { margin: 0 auto 15px; } .contact-us { padding: 50px 0 0; }
.contact-us .contact-block { display: block; max-width: 550px; width: 100%; margin: 0 auto; }
.contact-us aside { width: 100% !important; }
.contact-us h3 { margin-bottom: 20px; }
.contact-us h5 { font-size: 20px; margin-bottom: 20px; }
.contact-us .get-in-touch { padding: 0 0 20px; }
.contact-us .contact-block { padding: 35px 25px; }
.contact-us .map { min-height: 320px; margin-top: 50px; }
form .form-group .form-control { font-size: 14px; height: 43px; }
form .form-group { margin-bottom: 15px; }
form .view-btn strong { padding: 10px 15px 10px 18px; }
form .form-group textarea.form-control { height: 85px; padding-top: 8px; }
.blog-page h2 { font-size: 24px; line-height: 30px;}
.custom-checkout #customer_details #ship-to-different-address .input-checkbox{top:5px;}
.woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; max-width:300px; margin-bottom:30px; }
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%;}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {    padding: 10px 8px; }
.woocommerce .woocommerce-MyAccount-orders a.button { margin-top: -8px; }
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product { width: 48%; }
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) { margin-right: 2%; }    
.woocommerce-cart .cart-collaterals .cart_totals table td{ padding: 9px 0 !important; background-color: transparent !important; }
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{ font-weight: normal; }
.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {  border-top: 0 !important;}    
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td:before{ padding-top: 9px; }
footer figure { margin-top: 60px; }
}
@media only screen and (max-width: 769px) and (min-width: 600px){
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
width: 31%;
float: left !important;
margin-right: 1.5%;
}    
}
@media screen and (max-width: 599px) {
h1 { font-size: 32px; line-height: 40px; }
h2 { font-size: 28px; }
.banner .hide img { height: 350px; }
.banner h1 em { display: inline-block; }
.button-blcok .btn-left h5 strong { font-size: 55px; }
.button-blcok .btn-left h5 { font-size: 27px; }
.button-blcok { max-width: 400px; }
.button-blcok .btn-left { width: 52%; }
.button-blcok .btn-right { width: 48%; }
.ribbon h2 { font-size: 28px; }
.quality aside { display: block; }
.quality figure { max-width: 260px; width: 100%; margin: 0 auto 20px; padding: 0; }
.quality .content { width: 100%; text-align: center; }
footer aside { float: none !important; width: 100% !important; max-width: 350px; margin: 0 auto 30px; } .shop-detail-page .details-block { padding-top: 25px; }
.select li strong { font-size: 14px; }
.select li h4 { font-size: 18px; line-height: 22px; }
.details { display: block; padding-bottom: 20px; margin-bottom: 25px; }
.details figure { margin: 0 auto; }
.details .content { padding: 20px 0 0; }
.select li a { font-size: 14px; padding: 14px 0 0 0; }
.select-option { width: 100%; }
.details ul li { margin: 0 0 5px; } .shop-detail-page .update-cart .btn { margin-bottom: 10px; padding: 10px 10px; font-size: 14px; }
.cart-block ul li.second { display: none; }
.cart-block ul li.three { width: 55%; }
.cart-block ul li.four { width: 24%; }
.cart-block ul li.five { width: 15%; }
.shop-detail-page .add ul li.second { width: 55%; display: block; padding: 0 10px 0 0; }
.shop-detail-page .add ul li.four { width: 16%; }
#commentform .comment-form-comment, .comment-respond label { display: block; }
#commentform .form-submit #submit{margin-left: 4px; margin-bottom: 30px; }
#commentform .comment-form-comment textarea{width: 98%; }
.heateor_sss_sharing_container .heateor_sss_sharing_ul { float: left;}
.heateor_sss_sharing_container .heateor_sss_sharing_title { top: -9px; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 100%;  }
.cart-block ul li.three {  padding: 5px; font-size: 14px; line-height: 20px; }
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
margin-right: 2%;
}
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){ margin-right: 0 !important }
}
@media screen and (max-width: 479px) {
header .right-block { padding: 25px 40px 0 0; }
header .logo { max-width: 160px; width: 100%; }
.banner .hide img { height: 300px; }
.button-blcok .btn-left h5 { font-size: 20px; line-height: 20px; }
.button-blcok .btn-left h5 strong { font-size: 40px; line-height: 40px; }
.button-blcok .btn-right::after { border-top: 42px solid transparent; border-left: 30px solid #0b0b20; border-bottom: 42px solid transparent; margin-top: -22px; }
.button-blcok { max-width: 310px; }
.button-blcok .btn-right h6 strong { font-size: 18px; }
.button-blcok .btn-right h6 { font-size: 14px; }
.button-blcok .btn-right { width: 48%; }
.button-blcok .btn-left { width: 52%; }
.quality aside { padding: 25px 10px; }
footer .copy-rights { margin-top: 35px; } .shop-page .device { display: block; text-align: center; }
.shop-page .device .btn { display: inline-block; margin-bottom: 15px; }
.shop-page .newsletter { margin: 0 auto; }
.ribbon-item { width: 100%; margin: 12px 0; max-width: 330px; } .cart-block ul li.first { width: 10%; }
.cart-block ul li.three { width: 50%; }
.cart-block .quantity-item strong { padding: 0 10px; font-size: 16px; }
.cart-block .quantity-item { max-width: 65px; }
.cart-block .quantity-item p { font-size: 18px; }
.cart-block .quantity-item p:first-child { top: -6px; }
.shop-detail-page .add ul li.first { display: none; }
.shop-detail-page .total p { font-size: 16px; }
.shop-detail-page .total p strong { padding-left: 10px; }
.checkbox-box h5 { font-size: 20px; }
.checkbox-box ul li strong { font-size: 17px; }
.checkbox-box { padding: 16px 10px; }
.shop-detail-page .update-cart .delete img { margin-right: 5px; } .faq-block h4::before { left: 0; font-size: 25px; }
.faq-block h4 { padding: 0 5px 0 28px; }
.faq-block h4 em { min-width: 20px; height: 20px; margin-top: 4px; }
.faq-block .panel-collapse { padding: 0 0 17px; } .contact-us .contact-block { padding: 30px 15px 35px; }
.contact-us h5 { font-size: 18px; }
.contact-us h5 strong { font-size: 14px; line-height: 20px; }
.contact-us .map { min-height: 250px; }
.blog-page h2 { font-size: 22px; line-height: 30px;}
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {   max-width:280px; }  
.woocommerce ul.products li.product, .woocommerce ul.products li.product { padding: 54px 10px 24px; }
.woocommerce ul.products li.product h2, .woocommerce-page ul.products li.product h2 { line-height: 18px; font-size: 14px !important;}  
.shop-detail-page .add { padding: 22px 10px 3px;}
.shop-detail-page .add ul li.second{font-size: 14px; line-height: 22px; }
.page-id-89 .select2-container .select2-selection--single .select2-selection__rendered { text-align: left; }
}
@media screen and (max-width: 375px) {
header .right-block a:first-child { display: none; }
header .right-block a:last-child img { width: 35px; }
header .logo { max-width: 150px; }
header .right-block { padding: 25px 35px 0 0; }
.mobile-toggle { top: 25px !important; }
.button-blcok .btn-left h5 { font-size: 18px; }
.button-blcok .btn-left h5 strong { font-size: 35px; line-height: 35px; }
.button-blcok .btn-left { padding: 7px 8px; width: 50%; }
.button-blcok .btn-right { width: 50%; }
.button-blcok { max-width: 280px; }
.button-blcok .btn-right::after { border-left: 22px solid #0b0b20; }
.cart-num span { right: 9px;  font-size: 16px; top: -6px; }
} @media screen and (max-width: 991px) {
header nav#nav.is-active {
opacity: 1;
visibility: visible;
}
header nav#nav {
position: fixed;
top:0;
left:0;
margin-top:0;
z-index:990;
opacity:0.0;
visibility: hidden;
height:100%;
width:100%;
background-color: rgb(0, 0, 0, 0.9);
transition:all 0.35s ease-in-out;
}
.navbar-nav{
padding:150px 0;
text-align:center;
} .mobile-toggle {
position: absolute;
top: 32px;
right: 15px;
z-index:999;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.25s;
transition-timing-function: linear;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
padding: 0;
width: 30px;
height: 28px;
float:right;
}
.mobile-toggle:hover {
opacity: 0.7;
}
.mobile-toggle:focus {
outline:0;
}
.mobile-toggle-box {
width: 34px;
height: 28px;
display: inline-block;
position: relative;
}
.mobile-toggle-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.mobile-toggle-inner,
.mobile-toggle-inner::before,
.mobile-toggle-inner::after {
width: 28px;
height: 3px;
background-color: #c70021;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.is-active .mobile-toggle-inner,
.is-active .mobile-toggle-inner::before,
.is-active .mobile-toggle-inner::after {
background-color: #c70021;
}
.mobile-toggle-inner::before,
.mobile-toggle-inner::after {
content: "";
display: block;
}
.mobile-toggle-inner::before {
top: -9px;
}
.mobile-toggle-inner::after {
bottom: -9px;
}
.mobile-toggle--squeeze .mobile-toggle-inner {
-webkit-transition-duration: 0.075s;
-ms-transition-duration: 0.075s;
transition-duration: 0.075s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-ms-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mobile-toggle--squeeze .mobile-toggle-inner::before {
-webkit-transition: top 0.075s 0.12s ease,
opacity 0.075s ease;
-ms-transition: top 0.075s 0.12s ease,
opacity 0.075s ease;
transition: top 0.075s 0.12s ease,
opacity 0.075s ease;
}
.mobile-toggle--squeeze .mobile-toggle-inner::after {
-webkit-transition: bottom 0.075s 0.12s ease,
transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-ms-transition: bottom 0.075s 0.12s ease,
transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease,
transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mobile-toggle--squeeze.is-active .mobile-toggle-inner {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.12s;
-ms-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mobile-toggle--squeeze.is-active .mobile-toggle-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.mobile-toggle--squeeze.is-active .mobile-toggle-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: bottom 0.075s ease,
transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: bottom 0.075s ease,
transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease,
transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
}
@media screen and (max-width: 991px) {
.cart-block table {
border: 0;
}
.cart-block table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.cart-block table tr {
border-bottom: 1px solid #ddd;
display: block; margin-bottom: 20px;
}
.cart-block table td {
border-bottom: 1px solid #ddd;
display: block;
text-align: right;
}
.cart-block table td::before { content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
.cart-block table td:last-child {
border-bottom: 0; overflow: hidden;
}
.top-search {display: block;}
.top-search ul { justify-content:center;  }
.top-search ul li a{ margin:5px;font-size: 13px; padding:5px 10px; }
}