/* ================= MOBILE (0px – 767px) ================= */
@media (max-width: 767px) {

    .navbar .logo {
        display: block;
    }

    .navbar .top-header-right {
        display: none !important;
    }

    .navbar-collapse {
        display: none;
    }
    .navbar .logo img {
        padding-top: 7%!important;
    }
    .navbar .navbar-nav .nav-link {
        margin: 0px 15px !important;
    }

    .header-carousel .owl-nav {
        width: 15% !important;
        left: 50% !important;
    }

    .header-carousel .owl-nav .owl-prev,
    .header-carousel .owl-nav .owl-next {
        width: 20px !important;
        height: 20px !important;
    }

    #slider .hero-bottom {
        position: relative !important;
        bottom: -50% !important;
        width: 100% !important;
        border-top-left-radius: 0px !important;
    }

    #about .about-img {
        display: none;
    }

    #counter .counter_img {
        height: 150px;
    }

    #counter .counter-box {
        top: 10% !important;
    }

    #counter .box {
        padding: 10px 0px !important;
    }

    #counter i {
        font-size: 16px !important;
        margin-right: 10px;
        padding: 10px 15px;
        width: 45px !important;
        height: 40px !important;
    }

    #product .owl-nav {
        display: none;
    }

    #choose .why-choose-box {
        border-radius: 20px;
    }

    #choose .choose-box {
        padding: 20px !important;
    }

    #choose h2 {
        font-size: 24px;
    }

    .contact-box {
        max-width: 410px !important;
    }

    .section-title h2 {
        font-size: 30px;
    }

    .testimonial-card {
        padding: 20px;
    }

    .client-img {
        width: 45px;
        height: 45px;
    }

    #service .service_img {
        height: 300px;
    }

    #service .box {
        display: block!important;
        padding: 15px 0px !important;
    }
    .fics {
    
    right: 0px!important;

}
.navbar .logo::after {
   
    top: 5px!important;
    right: -25%!important;
    width: 150%!important;
    border-bottom: 102px solid #fff!important;
    border-right: 0px solid transparent!important;
}
   #slider .hero-bottom p {
  
    font-size: 11px !important;
} 

#slider .hero-bottom {
    padding: 10px 0px!important;
}
#category .col-lg-3 {
    width: 50%!important;
}
#service .service-box {
    
    top: 14%!important;
   
}


    
}


/* ================= TABLET (768px – 991px) ================= */
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar .logo {
        display: none;
    }

    .navbar .top-header-right {
        display: none !important;
    }

    .manu-header {
        display: none;
    }

    .about-img-grid {
        grid-template-columns: 1fr 1fr;
    }

    .about-img-grid img {
        height: 150px;
    }

    #about .about-content {
        text-align: center;
    }
.fics {
    
    right: 0px;

}


    
}


/* ================= DESKTOP (992px and above) ================= */
/* @media (min-width: 992px) {

    #slider .hero-bottom {
        position: relative;
        bottom: -32% !important;
        width: 100%;
    }
} */