#about-banner{background: url(../images/aboutbanner.png) no-repeat;width: 100%; height: 540px; background-size: cover;}
#about-banner h3{color: white; margin-top: 428px; margin-left: -0; font-size: 46px;}

#clients {padding-top: 70px;padding-bottom: 70px;}
#clients .container-fluid {width: 85%;}

#clients .bottom {border-bottom: 1px solid #e5e5e5;} 
#clients .left {border-right: 1px solid #e5e5e5;} 
#clients .col-md-3 {padding-right: 0px;padding-left: 0px;}
#clients img {filter: none; -webkit-filter: grayscale(0); -webkit-transition: all .8s ease-in-out; }
#clients img:hover {-webkit-transform: scale(1.1); filter: gray;  -webkit-filter: grayscale(1);}

#clients .right{border-bottom: 1px solid #e5e5e5;}
#clients img {margin:auto; display:block; width:70%; padding:18px;}








@media only screen and (min-width : 1920px) and (max-width : 2560px){ }

@media only screen and (min-width : 1600px) and (max-width : 1919px){

#about-banner h3 {margin-left: 0;background-size: 100% 100%;}


}




@media only screen and (min-width : 1440px) and (max-width : 1599px){

#about-banner {height:450px;background-size: 100% 100%;} 
#about-banner h3 {margin-left: 0;margin-top: 320px;}

}




@media only screen and (min-width : 1366px) and (max-width : 1439px){
#about-banner {height:380px; background-size: 100% 100%;} 
#about-banner h3 {margin-left: 0; font-size: 36px; margin-top: 265px;}


}




@media only screen and (min-width : 1280px) and (max-width : 1365px){
#about-banner {height:380px; background-size: 100% 100%;} 
#about-banner h3 {margin-left: 0; font-size: 36px; margin-top: 265px;}


}




@media only screen and (min-width : 1200px) and (max-width : 1279px){
#about-banner {height:350px; background-size: 100% 100%;} 
#about-banner h3 {margin-left: 0; font-size: 34px; margin-top: 250px;}

#clients img {width: 75%;}


}




@media only screen and (min-width : 1024px) and (max-width : 1199px){
#about-banner {height:320px; background-size: 100% 100%;} 
#about-banner h3 {margin-left: 0; font-size: 30px; margin-top: 240px;}

#clients img {width: 90%;}


}




@media only screen and (min-width : 768px) and (max-width :1023px){
#about-banner {height:300px; background-size: 100% 100%;} 
#about-banner h3 {margin-left: 12px; font-size: 28px; margin-top: 222px;}

#clients .last {border-bottom: 1px solid #e5e5e5;} 
#clients .two {border-right: none;}


}




@media only screen and (min-width : 150px) and (max-width : 767px){

#about-banner h3{text-align: center; margin-top: 325px; margin-left: 0; font-size: 24px;}
#about-banner{background: url(../images/about-mobile.png) no-repeat;width: 100%; height: 440px;}
#clients img {width: 90%;} 
#clients .one {border: 1px solid #e5e5e5; margin-bottom: 20px;} 
#clients .left {border: 1px solid #e5e5e5; margin-bottom: 20px;}
#clients .right  {border: 1px solid #e5e5e5; margin-bottom: 20px;} 
#clients .firstimg {border: 1px solid #e5e5e5; margin-bottom: 20px;}
#clients .bottom {border: 1px solid #e5e5e5; margin-bottom: 20px;}
#clients {padding-bottom: 50px;}


}

/* Larger screens (1920px and above) */
@media screen and (min-width: 1920px) {
    #about-banner {
        background: url(../images/aboutbanner.png) no-repeat center center;
        background-size: cover;
        height: 640px; /* increase height if you want */
    }
}

/* Ultra-wide screens (2560px and above) */
@media screen and (min-width: 2560px) {
    #about-banner {
        background: url(../images/aboutbanner.png) no-repeat center center;
        background-size: cover;
        height: 720px; /* adjust as needed */
    }
}


@media only screen and (max-width : 375px){


}




@media only screen and (max-width : 360px){

}




@media only screen and (max-width : 320px){

}