@media(max-width:1166px){
.header-mid .header-mid-inner .logo {padding: 0 0 0 50px;width: 296px;}
.header-mid .header-mid-inner .logo>a>img{ max-width: 100%;}
.header-mid .header-mid-inner .search-top { order: 4;}
.main-nav .navigation-bar ul li a {font-size: 12px; }
.hero-banner .tag-icon {position: absolute; left: 16px; max-width: 72px; top: 0; }
.hero-banner .slide_bg .left-text h1 {max-width: 602px; font-size: 44px; line-height: 57px; padding: 0 0 0 98px; }

.desktop{display: none;}
 
body.black-opacity1 { overflow: hidden; } 
body.black-opacity1 header{z-index: initial;}

 
/* mob nav start*/
.mobile-nav{display: block;position: absolute;z-index: 99;width: 30px;top: 11px;}
.mobile-nav .profile-name{background:url(../images/side-menu.svg) no-repeat; margin: 0;padding: 12px 21px 0 0px;position: sticky;top: 0;background-size: cover;}
.mobile-nav .profile-name a,
.mobile-nav .profile-name .logout-btn{color: #FFF;float: right;}
.mobile-nav .profile-name h3{font-size: 20px;color: #FFF;padding: 64px 0 25px 0;display: inline-block;clear: both; position: relative; left: 18px;}

.mobile-nav .mobile-btn{width: 30px;display: inline-block;height: 17px;position: relative;z-index: 99;cursor: pointer;transition: 0.3s ease-in-out;}
.mobile-nav .mobile-btn:after{content:'';width: 30px; background: #000; display: inline-block; height: 2px;position: absolute;top: 12px;transition: 0.3s ease-in-out;}
.mobile-nav .mobile-btn:before{content:'';width: 30px; background: #000; display: inline-block; height: 2px;position: absolute;left: 0;top: 0;transition: 0.3s ease-in-out;}
.mobile-nav .mobile-btn span{width: 30px; background: #000; display: inline-block; height: 2px;cursor: pointer;position: absolute;left: 0;top: 6px;}
.mobile-nav.show-nav .mobile-btn span{background: none;}

.mobile-nav.show-nav .mobile-btn{position: fixed;left: 348px;top: 19px;background: none;z-index: 99;transition: 0.3s ease-in-out;}
.mobile-nav.show-nav .mobile-btn:after{transform: rotate(-45deg);top: -1px;background: #FFF;}
.mobile-nav.show-nav .mobile-btn:before{transform: rotate(45deg);top: -1px;background: #FFF;}

.mobile-nav .mobile-inner{position: fixed;left: -368px;z-index: 9;background: #FFF;top: 0;overflow-y: auto;height: 100%;transition: 0.3s ease-in-out;width: 342px;}
.mobile-nav.show-nav .mobile-inner{left: 0;transition: 0.3s ease-in-out;}
.mobile-nav .mobile-inner .navigation-bar{padding: 0;}
.mobile-nav .mobile-inner .navigation-bar ul{list-style: none;}
.mobile-nav .mobile-inner .navigation-bar ul li{ padding: 11px 15px;border-bottom: solid 1px #dddd;} 
.mobile-nav .mobile-inner .navigation-bar ul li:hover{background: var(--light-gray-color);}
.mobile-nav .mobile-inner .navigation-bar ul li img{}
.mobile-nav .mobile-inner .navigation-bar ul li a .fa{font-size: 10px;position: relative;top: -2px;}
.mobile-nav .mobile-inner .navigation-bar ul li a{font-size: 13px; color:var(--black); text-transform: uppercase;font-weight: 600; cursor:pointer;}
.mobile-nav .mobile-inner .navigation-bar ul li a i{width: 29px;display: inline-block;}

.mobile-nav .mobile-inner .navigation-bar ul li .megamenu-outer{ background: #FFF;} 


.mobile-nav .mobile-inner .navigation-bar ul li .megamenu{background: var(--light-gray-color);padding: 9px 0 13px 0;margin-top: 13px; display: none;}
.mobile-nav .mobile-inner .navigation-bar ul li .megamenu ul{display: initial;}
.mobile-nav .mobile-inner .navigation-bar ul li .megamenu ul li{border: none;padding: 4px 0 5px 30px;}
.mobile-nav .mobile-inner .navigation-bar ul li .megamenu ul li a{text-transform: capitalize;font-weight: 500;}


/* list page */
.product-list {grid-template-columns: repeat(3,3fr); }


}


@media (max-width:991px){


.hero-banner .owl-carousel .owl-item img { }


.eco-block .block {width: 33.33%; border-right: none; }

.footer-nav .block,
.footer-nav .block.col5 {width: 48%; margin-bottom: 30px;}
.footer-nav .block.col5 .right-f{float: none;clear: both;margin-top: 21px;display: inline-block;}
.footer-nav .block.col2{ width: 48%; }
.footer-nav .block.col6 {width: 100%;text-align: center;}
.footer-nav .block .iso_certified { text-align: center; margin-top: 20px; }
.footer-nav .block .right-f { max-width: 300px; margin: auto; }
.footer-nav .block .priv-check .block { margin-bottom: 7px; }


/* list page */
.product-list {grid-template-columns: repeat(2,2fr); }

/*contact us*/
.contact-block .block{width:50%}
.contact-block .block+.block{width:50%}


}

@media(max-width:767px){

.footer-nav .block h5 { text-align:center; }

.footer-nav .block ul li, .footer-nav .block ul li a { text-align: center; }

 
.shop-grid { grid-template-columns: repeat(2, 1fr);  }
.shop-grid .blue-bg {  padding: 0px 5px; min-height: 90px; }
.shop-grid .blue-bg img { max-width: 75px; }
.shop-grid .blue-bg p {padding-left: 1px; font-size:14px;  }

.shop-grid.aviva {grid-template-columns: repeat(2, 1fr);}



.right-list .product-list .block .product-img img {
  max-height: 220px; 
}

.default_page .product-list .block .product-img {
  height: 220px;
}






/* Global */
h2{font-size: 20px;}
.m-t-60 { margin-top: 40px; }

.deail-section .m-t-60 { margin-top: 20px; }



.gost-btn {font-size: 13px; }
.heading-title {margin-bottom: 20px; }
.header-mid { padding: 13px 0; }

.header-mid .header-mid-inner .logo { padding: 5px 0 0 50px; width: 217px; }

.mobile-nav {top: 9px;}
.header-mid .header-mid-inner{display: flex; justify-content: space-between;flex-wrap: wrap;}  
.header-mid .header-mid-inner .search-top {order: 4;     padding-right: 0;} 
.header-mid .header-mid-inner .search-top .search-box {margin:22px 0 0 0; }
.header-mid .header-mid-inner .search-top input {border: solid 1px #4682b4; }

.header.fixed .logo{display: none;transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.header.fixed .login-top{display: none;transition: 0.3s ease-in-out;}
.header.fixed .search-box{margin: 0 0 0 50px !important;transition: 0.3s ease-in-out;}
.header.fixed .mobile-nav {top: 12px;transition: 0.3s ease-in-out;}



.hero-banner .slide_bg {display: inline-block; vertical-align: top; }
.hero-banner .slide_bg .left-text {width: 100%; }
.hero-banner .slide_bg .left-text h1 {font-size: 25px; line-height: normal; padding: 19px 0 36px 43px; text-align: center; }
.hero-banner .slide_bg .right-img {width: 100%; }
.hero-banner .tag-icon {max-width: 50px; }
.hero-banner .owl-carousel .owl-nav{display:none;}
.hero-banner .owl-carousel .owl-item img {  height: auto; min-height: 100px; width: 100%;   }

.hero-banner .item video { width:100%;   }





.dis_block { top: 50%; width: 90%; }




.brand-logo {  }
.brand-logo .bg-block img {    padding: 0; }






.hero-banner .owl-dots{display:inline-block !important; width:100%; text-align:center; margin-top:0px;position: absolute; bottom: 10px;}
.hero-banner .owl-dots .owl-dot{ background: var(--light-gray-color);width: 9px; height: 9px; margin: 0 3px;}



.best-deal { grid-template-columns: repeat(2, 1fr); gap: 10px;}
.best-deal .block .discount-off {top: 23px; width: auto; font-size: 14px;}
.best-deal .block .gost-btn {max-width: 160px; bottom: 23px;    font-size: 13px;}
.best-deal .block img {height: 225px; object-fit: cover; width: 100%;}


.ecofriendly-bg{ background: var(--light-gray-color); display: inline-block;padding-bottom: 0px;width: 100%;}
.ecofriendly-bg .eco-block.m-t-60 {margin-top: 30px; }

.eco-block .block {width: 100%; border-right: none; margin-bottom: 18px;}
.eco-block .block h3 { max-width: 150px; margin: auto;font-size: 13px;}
.eco-block .block:nth-child(2) { border-right: none;}


.full-banner { margin-top: 30px; }

.month-deal{}
.month-deal img{margin-bottom: 20px;}


.footer-nav{text-align: center;}
.footer-nav .block.col5 .right-f {float: right; clear: inherit; margin-top: 6px; }
.footer-nav .block, .footer-nav .block.col5 {width: 100%; }

.footer-nav .block .subscribe {margin-top: 23px; }
.footer-nav #newsletter_email { width: 100%;  }
.footer-nav .block.col5 .right-f img {vertical-align: top;max-width: 113px;max-height: 55px;}
.footer-nav .block.col2, .footer-nav .block.col6 { width: 100%; }
.footer-nav .block ul li, 
.footer-nav .block ul li a { font-size: 13px; }
.footer-nav .priv-check .block { margin-bottom: 0; }
.priv-check .block label.error{white-space: nowrap;}

.footer-nav .block .right-f { max-width: 250px; }

.footer-nav .block .priv-check {display: inline-block; }
.footer-nav .block .priv-check .block {display: inline-block; width: 136px;}
.footer-nav .news-email label.error { float: none; }
.footer_newsletter_frm div label{padding-right: 0;}

.copyright-block{ margin-top: 0;}
.copyright-block .copyright {float: none; text-align: center; margin-bottom: 10px; } 
.copyright-block .ds {float: none; text-align: center; }



/* list page */

.list-page {display: initial;  }
.side-nav {width: 100%; margin-right: 0px;    margin-bottom: 25px; }

.side-nav .block .brands { position: relative; display: inline-block; width: 100%; background: var(--light-gray-color); margin: 13px 0 0 0; padding: 10px 15px 13px 15px; border-radius: 4px;border: none;}
.side-nav .block .brands:after {content: '';width: 0px;height: 0px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 9px solid #3d3d3d;position:absolute;right: 12px;top: 15px; }
  
.side-nav .block {position: relative;}
.side-nav .block .brands+.tag-link { display: none; }
.side-nav .block .brands.dropdown+.tag-link {display:block;} 

.side-nav .block .tag-link.link-mobile{ padding: 0; position: absolute; top: 52px; right: 0; left: 0; z-index: 1; box-shadow: 2px 10px 10px rgb(0 0 0 / 13%);}
.side-nav .block .tag-link.link-mobile li{display: block; width: auto; border-bottom: solid 1px #edeff3;}
.side-nav .block .tag-link.link-mobile li a{ width: auto; margin: 0; padding: 0 15px 6px 15px; background: no-repeat;}
  
  
  
  
.side-nav .block .category-links{background: var(--light-gray-color);padding: 10px 10px 10px 10px;}
.side-nav .block .category-links li{display: inline-block;margin: 0 0 0 5px;}
.side-nav .block .category-links li a{background: var(--white);padding: 5px 15px;display: inline-block;}

.product-list .block:hover .gost-btn {right: 0; left: 0; transition: 0.3s ease-in-out; padding: 10px 0px; max-width: 160px; }
.product-list .block h2 { font-weight: normal; font-size: 14px; }

/* Detail page */

.product-detail {display: initial; }
.product-detail .prouduct-info {width: 100%; }
.product-detail .image-gallery {width: 100%; display: inline-block; margin-bottom: 25px; }
ul.ps-list li img {max-width: 65%; margin: auto; }

.tabing-nav {margin-top: 53px; }
.tabing-nav .nav-tabs .nav-item .nav-link {padding: 10px 15px; }
.product-list .block h4 {font-size: 14px; }
.related_loop_box .block h2{font-weight: normal; font-size: 14px; }

.related_loop_box .owl-theme .owl-nav [class*=owl-]{ background: rgb(0 0 0 / 56%) !important;}
.related_loop_box .owl-theme .owl-nav{display: block;}
.related_loop_box .owl-theme .owl-nav .owl-prev{font-size: 0; position: absolute; left: 0; top: 39%;}
.related_loop_box .owl-theme .owl-nav .owl-prev:after{ content: "\f104"; font-size: 30px; font-family: 'FontAwesome'; color:#FFF;}
.related_loop_box .owl-theme .owl-nav .owl-next{ font-size: 0; position: absolute; right: 0; top: 39%;}
.related_loop_box .owl-theme .owl-nav .owl-next:after{ content: "\f105";font-size: 30px; font-family: 'FontAwesome'; color:#FFF;}
.related_loop_box .owl-theme .owl-dots{display:none;}



/* Contact us */

.contact-block .block{ width: 100%; } 
.contact-block .block+.block{width:100%}

/* Login page */
.login-page .login-form{width:100%;}
.login-page .right-img{display:none;}
.login-page .login-form { padding: 20px; box-shadow: 0 0 10px #ddd; }
.login-page .login-form h4 span { padding: 0 10px;  }

.login-page .login-form .login-logo { max-width: 170px; }
.login-page .login-form p { font-size: 12px; }



/* popup ns */
.ns-popup-bg .left-block { max-width: 250px; padding: 26px 13px 22px 11px;  }
.ns-popup-bg .left-block .content h2 { font-size: 18px;margin-bottom: 10px; }
.ns-popup-bg .left-block .content .fitfit-logo { max-width: 96px; display: block; margin: auto; }
.ns-popup-bg .left-block .content .smartwatch-img {max-width: 100px; margin-top: 9px;}
.ns-popup-bg .left-block .tnc-form label { font-size: 14px; }
.ns-popup-bg .left-block .tnc-form .input-text { height: 36px; ; }
.ns-popup-bg .left-block .tnc-form button{ padding: 8px 0;}


 
.side-nav .block { margin-top: 0px;}


.full-head h2 {font-size: 20px;} 


.checkbox {
  font-size: 12px;  
}

.login-page .control.reg_field label
{
  font-size: 12px;  
}




}





@media(max-width:405px){

.mobile-nav.show-nav .mobile-inner {max-width: 300px; }
.mobile-nav .profile-name h3 { font-size: 16px;}
.mobile-nav.show-nav .mobile-btn { left: 305px; }
.header .topbar .welcome-text {float: none; padding: 10px 0 5px 0; text-align: center; }
.header .top-nav {padding: 0 0 11px 0; float: none; text-align: center; }

.topbar .welcome-text,
.topbar .top-nav { float: none; text-align: center;}


.best-deal .block .gost-btn { max-width: 131px; padding: 8px 0; }



}









