@media screen  and (min-width:1400px){
    main .container, footer .container{max-width: 1050px !important;}
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .banner h1{font-size: 50px;}
}
@media screen and (min-width:1200px) {
    .services-title{padding: 0 12rem;}
    .abt-desc1{padding: 3rem 0;}
    
    .header-bottom .nav-item{padding: 0 15px;}
    .van-img{width: 400px;}
    .hero1{height: 1026px;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .bk-btn,.ca-btn{display: none;}
    .banner{height: 98vh;}
    .banner h1{font-size: 50px;}
    .banner h3{font-size: 30px;}
}

@media screen and (max-width:992px) {
    .van-img{margin-top: 30px;}
    .book-btn, .call-btn{margin-top: 20px; margin-bottom: 20px;}
    .abt-desc1{margin-top: 20px;}
    .abt-desc-2{margin-bottom: 23px;}
    .s-btn{font-size: 16px;}
    .ft{margin: 23px 0;}
    .about p{margin-top: 13px;}
    .van-img img{width: 100%;}
}

@media screen and (max-width:768px) {
    .banner h1{font-size: 50px;}
    .banner h3{font-size: 26px;}
    .services-title{padding: 0 25px;}
    .about h1{font-size: 35px;}
}

@media screen and (max-width:300px) {
    .banner h1{font-size: 40px;}
}