@media only screen  and (max-width : 1824px) {
    .title h1{
       font-size: 9rem;
    }
}

@media only screen  and (max-width : 1440px) {
    .title h1{
        font-size: 7rem;
     }
     .home-about{
         background-size: 50%;
     }
     .message-sec::after{
         width: 17%;
     }
     .serv-home{
         padding: 0 1rem;
     }
}
@media only screen  and (max-width : 1024px) {
    .title h1{
        font-size: 5rem;
        line-height: 5rem;
    }
    .title h3{
        font-size: 2rem;
    }
    .serv-home{
        padding: 0 0rem;
    }
    .service-slder li{
        margin-right: 0px;
        padding: 0 5px;
    }
    #navbarSupportedContent li a{
        padding: 5px 0px 5px 0px;
    }
    .navbar-nav{
        background-color: white;
    }
    .banner1{ min-height:300px;}
.banner2{ min-height:300px;}
.banner3{  min-height:300px;}
.banner-title h2{font-size: 3rem;}
.banner-title{bottom: 25%;}
.service-info h2{
    font-size: 1.3rem;
}
.serv-img .service-info{
    padding: 1rem;
}
.service-info p{
    font-size: 13px;
}
}
@media only screen  and (max-width : 767px) {
.serv-home{
    padding-bottom:3rem;
}
.service{
    padding: 5rem 0;
}
.message-sec::after{
    width: 100%;
    height: 20%;
}
.ceo-img{
    display: flex;
    justify-content: center;
}
.message::after{
    left: 0;
    top: -30px;
    width: 50px;
    height: 50px;
    background-size: contain;
}
.message{
    padding-top: 3rem;
}
.message-sec{
    padding: 5rem 0;
}
.home-subhead h2{
    font-size: 28px;
}
.instalist li a i{
    font-size: 3rem;
}
.abt-left{
    padding-top: 20px;
    padding-bottom: 20px;
}
.abt-right{
    padding-top: 0px;
    padding-bottom: 20px;
}
.home-about h1{
    font-size: 3rem;
}
.abt-right p{
    font-size: 18px;
    line-height: 28px;
}
.home-about{
    padding: 3rem 0;
}
.service-info h5{
    font-size: 18px;
}
.service-slder .slick-next{
    margin: 0 0px 0 0px;
}
.service-slder .slick-prev{
    left: 0;
}
.service-slder li{
    margin-right: 0px;
    padding: 0 5px;
}
.btn-more a{padding: 0.8rem 1rem;
}
header.is-sticky .img-fluid{
    width: 50%;
}
.logo img{
    width: 50%;
}
.contact-sec{
    padding: 5rem 0;
}
.navbar-light .navbar-brand{
    width: 80%;
}
.about-company h3{
    text-align: left;
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
}
.about-company h2{
    font-size: 30px;
}
.about-company{
    padding: 5rem 0;
}
.divisions-list-order{
    grid-template-columns: 1fr 1fr;
}
.banner1{ min-height:250px;}
.banner2{ min-height:250px;}
.banner3{  min-height:250px;}
.banner-title h2{font-size: 3rem;}
.banner-title{bottom: 25%;}
}
@media only screen  and (max-width : 469px) {
    .logo img{
        width: 80%;
    }
    .navbar-brand{
        padding-right: 0px;
    }
    .title h1{
        font-size: 1.8rem;
        line-height: 2rem;
    }
    .title h3{
        font-size: 1rem;
    }
    .banner-slider .slick-prev{
        display: none !important;
    }
    .banner-slider .slick-next{
        display: none !important;
    }
    .abt-left p{
        text-align: left;
    }
    .abt-right p{
        text-align: left;
        font-size: 16px;
    }
    .service-slder .slick-next{
        display: none !important;
    }
    .service-slder .slick-prev{
        display: none !important;
    }
    .instalist{    grid-template-columns: repeat(auto-fit, minmax(180px, 2fr));}
    .message-sec h3{
        font-size: 1rem;
    }
    .media{margin-bottom: 20px;}
    .contact .item-icon{
        font-size: 38px;
        line-height: 80px;
    }
    .navbar-brand {
        width: 80% !important;
        margin-right: 0px;
    }
    .top-menu{
        height: 100px;
    }
    .contact-sec{
        padding: 3rem 0;
    }
    .divisions-list-order{
        grid-template-columns: 1fr;
    }
    .banner1{ min-height: 150px;}
    .banner2{ min-height:150px;}
    .banner3{  min-height: 150px;}
    .banner-title h2{font-size: 2rem;}
    .banner-title{bottom: 10%;}
}