@media only  screen and (max-width:1440px) {
        header nav.navbar ul.navbar-nav .nav-item .nav-link{
            margin:  0 0.3rem;
        }
}
@media only  screen and (max-width:1024px) {
footer .column{
        padding-left: 5px;
}
.shopBY.cities-shop .branch-terms-list {
    display: grid;
    gap: 17px;
    grid-template-columns: repeat(3, 1fr);
}
header{
        padding: 0 1rem;
}
}
@media only  screen and (max-width:991px) {
.navbar-toggler {
    position: absolute;
    right: 12px;
    top: 31px;
}
header .search-btn {
   position: absolute;
    right: 80px;
    top: 31px;
}

}

@media only  screen and (max-width:768px) {
    .cat-products ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only  screen and (max-width:576px) {
        .shopBY.cities-shop .branch-terms-list {
        display: grid;
        gap: 17px;
        grid-template-columns: repeat(2, 1fr);
    }
        .cat-products ul.products {
        grid-template-columns: repeat(1, 1fr);
    }
    footer .social-links li {
  
    padding: 0px 9px;
}
    .who-are-you-section .main-title{
        font-size: 29px;
    }
    header {
        padding: 0;
    }
    .desktop-banner{
        display: none;
    }
    header nav.navbar{
        padding: 0.5rem 0 0 0;
    }
    .mobile-banner{
        display: block;
    }
    .testimonials-sec .testi-wrapper .testi-single-box:before{
        right: 0;
        top: -78px;
    }
    .categories .categories-btn-wrap{
        grid-gap: 25px;
        grid-template-columns: repeat(1, 1fr);
    }
    .m-img{
        display:block;
      }
      .d-img{
        display:none;
      }
      footer .about-widget{
        margin-right: 0;
        padding-left: 1rem;
        padding-right: 1rem;
      }
      footer .footer-logo-wrapper {
        padding: 50px 0 40px;
        border-bottom: solid 1px #212121;
    }
    footer .footer-column {
        padding: 50px 0;
    }
    footer .footer-column:first-child {
        border-left: 0;
        padding-bottom: 0;
    }
    .testimonials-sec .testi-wrapper .testi-single-box{
        padding: 3rem 2rem 3rem 4rem;
    }
    .testimonials-sec .testi-wrapper .testi-single-box:after{
        width: 90px;
    }
    .navbar-nav {
        background-color: #000;
    }
    header nav.navbar ul.navbar-nav .nav-item .nav-link{
        color: #fff;
    }
    header nav.navbar ul.navbar-nav .nav-item .nav-link.active{
        color: #fff;
    }
}