@media all and (min-width:1701px) {

    

}

/* @media all and (max-width:1700px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 90%;
    }
} */

@media all and (max-width:1600px) {
    
}
@media all and (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1580px;
        width: 100%;
    }
    .mobile-location{
        display: none;
    }
    .news-letter-wrap{
        max-width: 450px;
    }

}
@media all and (max-width:1199px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 95%;
    }
    
    /* a.header-phone-number span, */
    .header-location-trigger{
        display: none !important;
    }
    .mobile-location i{
        font-size: 30px;
        color: #fff;
    }

    a.header-phone-number i{
        margin: 0;
    }
    .main-nav-top-right .main-nav-top-inner>div:not(:first-child),
    a.header-phone-number{
        margin: 0 5px;
    }
    
}
@media all and (min-width:992px) {
    .main-header .main-nav-top-left{
        padding-left: 30px;
    }
    .more-discount-wrapp{
        display: grid;
        grid-gap: 10px;
        grid-template-columns: repeat(3, 1fr);
      }
      .Show_Hide_Filter{
        display: none;
      }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .discount-products-wrapper{
        margin-right: -12px !important;
    }
    .cate-search-form .form-control {
        padding-right: 20px;
    }
    .cate-search-form .submit-btn{
        position: relative;
        transform: translate(0px, 0px);
        right: auto;
        top: auto;
        margin-top: 10px;
    }
}
@media all and (max-width:991px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        width: 100%;
        max-width: 100%;
    }
    .main-navbar{
        padding: 0 10px;
    }
     /* navbar */
     .navbar{
        display: none;
        position: absolute;
        width: 100%;
        left: 0;
        background-color: #fff;
        top: 100%;
        border-top: 3px solid var(--scolor);
        box-shadow: rgba(0,0,0,0.12) 3px 3px 15px;
        z-index: 100;
    }
    .menubar.is-active ~ .navbar{
        display: block;
    }
    .navbar .navigation{
        flex-direction: column;
        margin: 0 15px;
        width: calc(100% - 30px);
    }
    .navbar > ul > li.menu-item{
        height: auto;
        width: 100%;
        display: block;
        padding: 12px 0px;
    }
    .navbar > ul > li.menu-item > a{
        color: var(--black);
    }
    .navbar > ul > li.menu-item:not(:last-child) {
        border-bottom: 1px solid var(--black-100);
    }
    .navbar ul > li.menu-item > ul.submenu{
        position: relative;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        flex-grow: 1;
        display: none;
        box-shadow: 0px 5px 10px -4px rgb(0 0 0/17%);
        min-width: 100%;
    }
    .navbar ul > li.menu-item:hover > ul.submenu{
        display: block;
    }
    .navbar ul li .submenu > li a i, .navbar > ul > li.menu-item > a i {
        right: 0px;
        font-size: 14px;
        color: var(--black);
    }
    .header_search{
        margin-top: 10px;
    }
    .header-middel{
        padding: 10px 0;
    }
    .discount-products-wrapper{
        display: none !important;
    }
    .main-navbar .main-nav-top-right{
        padding-right: 40px;
    }
    /* menubar Start */
    .menubar {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    .menubar-box {
        display: block;
        width: 26px;
        height: 24px;
    }
    .menubar-inner, .menubar-inner:after, .menubar-inner:before {
        position: absolute;
        width: 26px;
        height: 2px;
        transition-timing-function: ease;
        transition-duration: .15s;
        transition-property: transform;
        border-radius: 4px;
        background-color: var(--white);
    }
    .menubar .menubar-inner {
        top: 50%;
        display: block;
        transition-timing-function: cubic-bezier(.55,.055,.675,.19);
        transition-duration: .1s;
    }
    .menubar-inner:after, .menubar-inner:before {
        display: block;
        content: '';
    }
    .menubar-inner:after {
        bottom: -8px;
    }
    .menubar-inner:before {
        top: -8px;
    }
    .menubar.is-active .menubar-inner {
        transition-delay: .14s;
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: rotate(45deg);
    }
    .menubar.is-active .menubar-inner:before {
        top: 0;
        transition: top .1s ease,opacity .1s ease .14s;
        opacity: 0;
    }
    .menubar.is-active .menubar-inner:after {
        bottom: 0;
        transition: bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s;
        transform: rotate(-90deg);
    }
     /* menubar END */
     .sale-section.style2 .sale-content .sale-content-left .sale-label {
        background-color: var(--blue-dark);
        transform: rotate(0deg);
        margin-left: 0;
        position: relative;
    }
    .sale-section.style2 .sale-content .sale-content-left .sale-label:after, .sale-section.style2 .sale-content .sale-content-left .sale-label:before {
        border-top-color: #0d41e1;
    }
    .cate-sidebar-inner-wrap{
        display: none;
    }
    .cate-sidebar-inner-wrap.show{
        display: block;
    }
     
}
@media only screen and (min-width:768px) and (max-width:991px){
    .small-banner-wrap{
        grid-template-columns: repeat(2, 1fr);
      }
}
@media all and (max-width:767px) {
    a.header-phone-number i,
    .mobile-location i{
        font-size: 24px;
    }
    .site-branding .logo {
        max-width: 150px;
    }
    .topbar .topbar-content{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
    }
    .header-social-link {
        height: 32px;
    }
    .catagory-list .submenu > li{
        display: block;
    }
    .submenu-aarow{
        position: absolute;
        top: 5px;
        right: 25px;
    }
    .catagory-list{
        position: unset;
        padding-right: 0;
        margin-right: 5px;
    }
    .catagory-list .submenu, .navbar ul li .submenu{
        min-width: 100%;
        width: 100%;
    }
    .catagory-list .submenu .submenu{
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        flex-grow: 1;
        display: none;
        box-shadow: 0px 5px 10px -4px rgb(0 0 0/17%);
    }
    .catagory-list .submenu > li:hover > .submenu,
    .catagory-list .submenu > li.active > .submenu {
        display: block;
    }
    .header-top-buttons .top-action-btn i {
        font-size: 22px;
    }
    a.header-phone-number{
        gap: 5px;
    }
    .banner-slider .slick-arrow{
        display: none !important;
    }
    .sale-wrap,
    .sale-wrap .sale-content,
    .sale-wrap .sale-content .sale-content-left{
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }
    .small-banner-wrap .small-banner-content .small-banner-img{
        padding: 35%;
    }
    .small-banner-wrap{
        grid-template-columns: repeat(1, 1fr);
    }
    .small-banner-wrap .small-banner-content .small-banner-img{
        padding: 0;
        padding-top: 250px;
    }
    .sale-section.style2 .sale-content .sale-content-left .sale-label{
        transform: rotate(-10deg);
    }
    .footer-bottom .footer-bottom-content{
        flex-direction: column;
    }
    footer .footer-bottom .payment-links ul li img {
        max-width: 44px;
    }
    .footer-about-content{
        margin-bottom: 20px;
        border-bottom: 1px solid var(--white-100);
        padding-bottom: 20px;
    }
    .news-letter-wrap {
        max-width: 70%;
        margin: 0 auto;
        text-align: center;
    }
    .news-letter-section{
        padding-bottom: 0;
    }
    .support-wrap {
        align-items: center;
    }
    .page-title {
        padding: 70px 0;
    }
    .product-order-card{
        padding: 10px;
      }
}
@media all and (min-width:576px) {
    .header-location{
        position: relative;
        height: 74px;
    }
    
}
@media all and (max-width:575px) {
    .header-top-buttons.g-3{
        gap: 5px !important;
    }
    .header-top-buttons .top-action-btn .top-action-btn-text{
        display: none;
    }
    
    .site-branding .logo {
        max-width: 130px;
    }
    a.header-phone-number span.phone-number {
        font-size: 11px;
    }
    .select-location{
        width: 100%;
        min-width: 100%;
    }
    .select-location .select-location-wrapper{
        padding: 20px;
    }
    .catagory-wrap,
    .discount-wrap,
    .brand-wrap{
        padding-inline: 10px;
    }
    .slick-slide {
        margin-right: 5px;
    }
    .news-letter-wrap {
        max-width: 100%;
    }
    .best-seller-details{
        padding: 0;
    }
    
}
@media all and (max-width:460px) {
    .news-letter-form .news-letter-btn,
    .cate-search-form .news-letter-btn{
        position: relative;
        top: auto;
        right: auto;
        transform: translate(0px, 0px);
        margin: 20px 0 0 0;
    }
}
@media all and (max-width:375px) {
    .header-top-buttons .top-action-btn i {
        font-size: 18px;
    }
    .site-branding .logo {
        max-width: 110px;
    }
}
@media all and (max-width:340px) {
    a.header-phone-number span.phone-number {
        font-size: 10px;
    }
    .catagory-list .catagory-btn{
        padding: 5px 5px;
    }
    a.header-phone-number i,
    .mobile-location i{
        font-size: 20px;
    }
}

/* about us page */
@media only screen and (max-width: 1366px){
    .about-video-section .inner-about-banner {
        padding: 40px 30px 70px;
    }
    .offer-box-sec .row{
        row-gap: 24px;
    }
}

@media only screen and (max-width: 1023px){
    .abt-info {
        margin-left: 0;
        margin-top: 30px;
    }
    .offer-box-sec .more-discount-content {
        padding: 40px 60px;
    }
    .about-content {
        width: 80%;
    }
}

@media only screen and (max-width: 767px){
    .inner-about-banner img {
        height: 428px;
    }
    .inner-about-banner h2 {
        font-size: 28px;
    }
    .abt-info-img .row div {
        gap: 20px;
    }
    .abt-info-img .row {
        row-gap: 20px;
    }
    .about-video-section .inner-about-banner h2 {
        font-size: 18px;
    }
    .offer-box-sec .more-discount-content {
        padding: 40px;
    }
    .video-icon i {
        font-size: 56px;
    }
    .video-icon {
        bottom: -2.5rem;
    }
}
/* about us page :end */

/* contact page start */
@media only screen and (max-width: 1366px){
    .inner-contact-form {
        padding: 60px;
    }
}

@media only screen and (max-width: 1023px){
    .inner-contact-form {
        padding: 60px 40px;
    }
}


@media only screen and (max-width: 767px){
    .inner-contact-form {
        padding: 30px;
    }
    .map iframe {
        height: 350px;
    }
    .contact-form{
        margin-top: 30px;
    }
    .faq-section .description-accordian {
        margin-top: 30px;
    }
}


/* order-tracking css start */
@media only screen and (max-width: 1023px){
    .bestseller-section {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px){
    .order-track-sec .order-details {
        margin-right: 0;
        margin-top: 20px;
    }
    .bestseller-section .product-details {
        padding: 0px;
        order: 2;
        margin-bottom: 25px;
    }
    .bestseller-section .product-list {
        display: flex;
        flex-wrap: wrap;
    }
    .bestseller-slider .slick-dots {
        bottom: 1rem;
        padding: 0;
    }
    
}

/* error-msg page css */
@media only screen and (max-width: 767px){
    .page-banner{
        min-height: 150px;
        margin-top: 0px;
    }
    .page-banner-head h2{
        font-size: 30px;
    }
    .eror-msg-sec {
        padding: 80px 0px 45px;
    }
    .blog-details-section {
        padding: 40px 0;
    }
    .blog-info .product-name {
        font-size: 26px;
        line-height: 1.5;
    }
    .blog-info h5 {
        font-size: 17px;
    }
}