@media screen and (min-device-width: 1025px) and (max-device-width: 1130px) {
.main-nav .navigation-bar ul li a {font-size: 12px; }
}

@media(max-width:1024px){
.header-mid .header-mid-inner .logo {padding: 0 0 0 50px;width: 174px;}
.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;}

/* mob nav start*/
.mobile-nav{display: block;position: absolute;z-index: 99;width: 30px;top: 14px;}
.mobile-nav .profile-name{background:url(../../images/front/side-menu.svg) no-repeat; margin: 0;padding: 12px 21px 0 21px;position: sticky;top: 0;}
.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;}

.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;}

.black-opacity {overflow: hidden;}
.black-opacity .mobile-nav.show-nav::before {content: ''; background: rgb(0 0 0 / 78%); width: 100%; display: inline-block; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }

.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: -346px;z-index: 9;background: #FFF;top: 0;overflow-y: auto;height: 100%;transition: 0.3s ease-in-out; width: 100%;max-width: 347px;}
.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;}
.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;}


.shop-category {display: none; }

/* list page */
.product-list {grid-template-columns: repeat(3,3fr); }

@media (max-width:991px){

    .eco-block .block {width: 33.33%; border-right: none; }

    .footer-nav .block,
    .footer-nav .block.col5 {width: 43%; margin-bottom: 30px;}
    .footer-nav .block.col5 .right-f{float: none;clear: both;margin-top: 21px;display: inline-block;}

    /* list page */
    .product-list {grid-template-columns: repeat(2,2fr); }


    /* Login page */

    .login-page .login-form {padding: 28px; }
    .checkbox input[type="checkbox"]:checked,
    .checkbox input[type="checkbox"]{width: 16px; height: 16px;position: absolute;left: 0;top: 0;}
    .checkbox {font-size: 12px; position: relative;padding-left: 22px;}

    /* Contact us */
    .contact-block .block,
    .contact-block .block+.block{width:48%;}

}

@media(max-width:767px){

/* Global */
.gost-btn {font-size: 13px; }
.heading-title {margin-bottom: 20px; }



.mobile-nav {top: 5px;}
.header-mid .header-mid-inner{display: flex; justify-content: space-between;flex-wrap: wrap;}
.header-mid .header-mid-inner .search-top {order: 4; }
.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: 15px;transition: 0.3s ease-in-out;}

.full-banner { position: relative; margin-top: 30px;}
/* .full-banner h2 {font-weight: 600; position: absolute; bottom: 0; right: 0; left: 0; color: #FFF; padding: 178px 25px 28px 25px; text-align: left; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to top, rgb(0, 0, 0) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); font-size: 39px;text-transform: capitalize; display: inline-block;} */
.full-banner h2 {font-weight: 600; position: absolute; bottom: 0; right: 0; left: 0; color: #FFF; padding: 178px 25px 28px 25px; text-align: left; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to top, rgb(0, 0, 0) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); font-size: 39px;text-transform: capitalize;}
/* .full-banner img { height: 347px;-o-object-fit: cover;object-fit: cover;} */
.full-banner img {-o-object-fit: cover;object-fit: cover;}


.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 15px 36px 60px; text-align: left; width: 100%;}
.hero-banner .slide_bg .right-img {width: 100%; }
.hero-banner .tag-icon {max-width: 50px; }


.best-deal { grid-template-columns: repeat(2, 1fr); gap: 10px;}
.best-deal .block .discount-off {top: 23px; width: 150px; }
.best-deal .block .gost-btn {max-width: 160px; bottom: 23px;}
.best-deal .block img {height: 225px; object-fit: cover; width: 100%;}


.ecofriendly-bg{ background: var(--light-gray-color); display: inline-block;padding-bottom: 30px;width: 100%;}
.ecofriendly-bg .eco-block.m-t-60 {margin-top: 30px; }

.eco-block .block {width: 50%;    border-right: solid 1px; }
.eco-block .block h3 {font-size: 15px; }
.eco-block .block:nth-child(2) {   border-right: none;}
.eco-block .block:last-child {width: 100%; margin-top: 26px; border-right: none;}

.month-deal{}
.month-deal img{margin-bottom: 20px;}

.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 .block.col5 .right-f img {vertical-align: top;max-width: 113px;max-height: 55px;}
.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 .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; }


/* 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; }


/* Login page */
.login-page{display:initial;}
.login-page .login-form {padding: 28px; width: 100%;}
.login-page .right-img{display: none;}

/* Contact us */
.contact-block .block{width: 100%;}
.contact-block .block .address-bg { padding: 22px; min-height: initial;}

.full-head img { height: 200px; }
.full-head h2 {font-size: 24px;height: 43px; }
.full-head h2 span {height: 43px; }


/* CMS page */
.cms-page.m-t-60 {margin: 23px 0 0 0;}

/* Contact us */
.contact-block .block,
.contact-block .block+.block{width:100%;}

}

@media(max-width:405px){

.mobile-nav.show-nav .mobile-inner {max-width: 250px; }
.mobile-nav .profile-name h3 { font-size: 16px;}
.mobile-nav.show-nav .mobile-btn { left: 256px; }
.topbar .welcome-text {float: none; padding: 10px 0 5px 0; text-align: center; }
.top-nav {padding: 0 0 11px 0; float: none; text-align: center; }

}









