.hero-banner img{
    /*min-height: 100%;*/
    width: auto !important;
    min-width: 100vw;
}
@media(max-width:1024px){ 
    
.banner-caption h2 { font-size: 50px;line-height: 55px;}
.heading {font-size: 36px;line-height: 45px;}
.col50{padding-left:0 !important;margin-left: 10px;}
.ft-navbar{margin-top:25px;}

}



@media(max-width:980px){ 
    .hero-banner img{
    height: 100%;}
       .mail, .tel {
    font-size: 15px;}
.banner-caption {
    /*height: 45vh;*/
}
.banner-caption h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 40px;
}
.service-thumb{
    padding: 20px;}
    
.service-icon{margin: 0 0 20px !important; }

.service-thumb h5{
    margin-bottom: 10px;
}

.service-thumb p
{
margin-bottom:0;
}
}

@media (max-width: 560px) {

 .hero-banner img{
     height: 100%;
     min-width: inherit;
     width: 100% !important;
     object-position: center;
     object-fit: cover;
 }
        .navbar-brand {
        width: 65px;}
            .banner-caption {
        height: 230px;
    }
    .ft-navbar h6, .footer h6 {
        margin-top: 25px;
    }
        .col50 {
        padding-left: 15px !important;
    }
    .about-nsk, .whychoose {
    padding-right: 0;
}
.testimonials-thumb{margin: 0;}

.why-iconpat ul li span { width: 60px;}
        .banner-caption h2 {
        font-size: 26px;
}

@media (max-width: 380px){
        .banner-caption {
        /*height: 70vh;*/
    }
    
.banner-caption span {
    font-size: 12px;}
        .banner-caption h2 {
        font-size: 26px;
        font-weight: 800;
        line-height: 33px;
        }
}

@media (max-width: 350px) {
    .heading {
        font-size: 30px;
        line-height: 40px;
    }
        
}