.child-li{
    display: none !important;
}
@media screen and (max-width:1200px){
    #mainmenu>li{
        margin-right: 7px !important;
    }
    .tm-secondry-box{
        flex-direction: column;
    }
    .tm-secondry-box p{
        font-size: 15.5px;
        margin: 10px 0;
    }
    .tm-secondry-box div{
        padding-left: 0;
    }
    .row-col-5 .col-lg-3{
        width: 25%;
        margin-bottom: 15px;
    }
    .clientele-widget ul li{
        width: fit-content;
    }
     #section-hero .swiper-inner{
        background-position: center !important;
    }
   
}
@media screen and (max-width:991px){
    .child-li{
        display: block !important;
    }
    .d-none-lgg{
        display: none !important;
    }
     header.header-mobile #mainmenu li a{
        color: #000 !important;
    }
    .home-about{
        padding-top: 12px;
    }
    .mision-box{
        height: unset;
    }
    .mision-img img{
        height: 100%;
        position: static;
    }
    .why-choose-hevaco ul li{
        width: 100%;
    }
    .row-col-5 .col-lg-3{
        width: 33%;
    }
    .gallery-container{
        flex-direction: column;
    }
    .gallery-container .nav-tab-main{
        width: 100%;
        background-color: transparent;
       overflow: auto;
        gap: 5px;
        padding: 0;
                flex-direction: row;
        flex-wrap: nowrap;
        margin-bottom: 15px;
    }
    .gallery-container .nav-tab-main li{
        width: fit-content;

    }
    .gallery-container .nav-tab-main li button{
        width: fit-content;
        padding: 7px 15px;
        font-size: 15px;
        height: fit-content;
        border: 1px solid #ccc;
        white-space: nowrap;
    }
    .gallery-container .tab-content{
        width: 100%;
        padding-left: 0;
    }
    .contact-right{
        padding: 10px 0;
    }
    .links-flex li{
        width: 100%;
    }
    .gallery-img{
        height: 400px;
    }
    .contact-left-us h3{
        padding-right: 0;
    }
    .contact-left-us p{
        padding-right: 0;
    }
     #section-hero .v-center{
        min-height: 80vh;
    }
    #section-hero  .swiper-button-next,#section-hero  .swiper-button-prev{
        top: 85% !important;
    }
     #section-hero .swiper-button-prev{
        left: 70%;
     }
     .sw-caption{
        top: 50%;
     }
     h2.slider-title{
        font-size: 45px;
     }
         .whatspp-home {
        bottom: 60px;
        right: 20px;
    }
}
@media screen and (max-width:768px){
    .home-about-img{
        height: 400px;
    }
    .row-col-5 .col-lg-3{
        width: 50%;
    }
    .clientele-widget ul li,.iws-left ul li{
        width: 100%;
    }
    .product-img-container{
        flex-direction: column;
    }
    .product-container-info-secondry{
        padding-left: 0;
        padding-top: 20px;
    }
    .product-img-container img{
        width: 100%;
        height: 350px;
    }
    .what-we-do-widget ul{
        padding-left: 0;
    }
    .what-we-do-widget ul li{
        display: flex;
    }
}
@media screen and (max-width:567px){
    #logo img{
        width: 130px;
    }
    #logo p{
        font-size: 11px;
        margin-top: -5px;
    }
    h2.slider-title{
        font-size: 27px !important;
        line-height: 35px;
        margin-bottom: 5px !important;
    }
    h3.slider-teaser{
        font-size: 16px !important;
        font-weight: 500;
    }
    .home-about-img{
        height: 350px;
    }
    .home-about h2{
        font-size: 25px;
        line-height: 35px;
    }
    .home-about p{
        font-size: 15.5px;
        margin-bottom: 7px;
    }
     .mision-img img{
        height: 350px;
     }
     .why-choose-hevaco h2{
        font-size: 25px;
        line-height: 35px;
     }
     .why-choose-hevaco p{
        font-size: 15.5px;
     }
     img.home-about-img2,img.home-about-img1{
        height: 150px;
     }
     .de_count h3 span{
        font-size: 30px;
     }
     .de_count h4{
        font-size: 14px;
     }
     .section-title h2{
        font-size: 23px;
        line-height: 35px;
        margin-bottom: 10px !important;
     }
     .section-title p{
        font-size: 15.5px;
     }
     .blur-background{
        padding: 20px !important;
     }
     .team-main-para h2{
        font-size: 18px;
        line-height: 27px;
     }
     .row-col-5 .col-lg-3{
        width: 100%;
     }
     .contact-left span{
        font-size: 25px;
     }
     .footer-bottom-container{
        padding-top: 50px;
     }
     .footer-widget img{
        width: 230px;
     }
     .footer-widget a p{
        margin-left: 50px;
        font-size: 15px;
     }
     .footer-link-widget ul{
        padding-left: 0;
     }
     .mission-about-img{
        height: 350px;
     }
     .tm-secondry-box-2 h4{
        font-size: 25px;
        font-weight: 600;
     }
     .tm-secondry-box-2 h3{
        font-size: 18px;
     }
     .about-bottom-img img{
        height: 350px;
     }
     .about-bottom-right p{
        font-size: 15.5px;
     }
     .gallery-img{
        height: 250px;
    }

    .dashboard-report-container ul.nav-tab-main {
        flex-direction: column;
        width: 100%;
    }

    .dashboard-report-container ul.nav-tab-main li {
        width: 100%;
    }

    .dashboard-report-container ul.nav-tab-main li button {
        font-size: 15px;
        width: 80%;
        border: 1px solid #ccc !important;
        margin: 5px auto !important;
        border-radius: 5px !important;
        color: #222;
    }

    .dashboard-report-container ul.nav-tab-main li button.active {
        background-color: #05377c !important;
        color: #fff !important;
    }

    .dashboard-report-container ul.nav-tab-main span.bg-span-ul {
        width: 350px;
        display: none;
    }
    #subheader h1{
        font-size: 30px;
        margin-bottom: 10px;
    }
   
   
     .web-tagline{
        color: #000 !important;
        /* padding: 0; */
        bottom: 75px;
     }
     /* .whatspp-home {
        bottom: 15px;
     } */
     .mision-box-info h3 {
        font-size: 23px;
     }
      #section-hero .v-center{
        min-height: 70vh;
    }
    #headerCS{
        padding-bottom: 0;
    }
    #headerCS .sm-pt10{
        padding-top: 0;
    }
    #logo a{
        padding: 5px 0;
    }
     #headerCS .col-md-12{
        padding: 0;
     }
     .fixed-animation p{
        font-size: 18px;
        letter-spacing: 0.5px;
     }
     .fixed-tagline img{
    min-width: 60px;
    max-width: 60px;
}

.team-main-para p{
    font-size: 15px;
    line-height: 25px;
}
.organization-widget h3{
    font-size: 18px;
}
.organization-widget img{
    margin-bottom: 5px !important;
}
.product-img-container img{
    height: 300px;
}
.section-brand .section-title h2{
    font-size: 25px;
}
}