@media screen and (max-width: 1399px){
    .about-section .check-text {
        margin-left: 2px;
    } 
    .top-head{
        background:  linear-gradient(45deg, rgb(39,40,40) 30%, rgb(161,161,3) 30%);
    } 
}
@media screen and (max-width: 1199px){
    .top-head {
        background: linear-gradient(45deg, rgb(39, 40, 40) 37%, rgb(161,161,3) 30%);
    }
    .nav-top-section h4 {
        font-size: 15px;
    }
    .nav-top-section .text{
        font-size: 14px;
    }
    .book-now a {
        font-size: 16px;
    }
    .book-now {
        background: linear-gradient(240deg, rgb(39, 40, 40) 83%, white 10%);
    }
    .banner-section1{    
        padding:60px 0px;
    }
    .banner-section2{    
        padding:60px 0px;
    }
    .banner-section3{    
        padding:60px 0px;
    }
    .banner-section h1 {
        font-size: 44px;
        line-height: 54px;
        margin-bottom: 10px;
    }
    .banner-section p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 36px;
    }
    .banner-section a {
        font-size: 16px;
        line-height: 22px;
    }
    .about-section .check-list i {
        margin-bottom: 14px;
    }
    .about-section h4 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 4px;
    }
    .about-section h2 {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 4px;
    }
    .about-section p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    .about-section .check-text {
        margin-left: 0px;
    }   
}
@media screen and (max-width: 991px){
    .bg-body-tertiary {
        background-color: white !important;
    }
    .nav-bottom-section a{
        color:rgb(181,177,70);
    }
    .top-head {
        background: linear-gradient(45deg, rgb(39, 40, 40) 45%, rgb(161,161,3) 40%);
    }
    .banner-section h1 {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 8px;
    }
    .inner-text {
        margin-left: 100px;
    }
    .about-section h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 2px;
    }
    .about-section h2 {
        font-size: 24px;
        line-height: 48px;
        margin-bottom: 4px;
    }
    .about-section p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .about-section li,i{
        font-size: 14px;
    }
    .about-section .check-list i {
        padding: 2px;
        margin-bottom:8px;
    }
    .banner-section3 {
        padding: 30px 0px;
    }
    .banner-section1 {
        padding: 30px 0px;
    }
    .banner-section2 {
        padding: 30px 0px;
    }
    .about-section {
        padding: 30px 0px;
    }
    .track-section .track-text .star {
        font-size: 37px;
        margin-bottom: 6px;
    }
    .track-section .track-text .minus {
        font-size: 20px;
        margin-bottom: 4px;
    }
    .track-section .track-text h4 {
        font-size: 22px;
        font-weight: 700;
        line-height: 38px;
        margin-bottom: 5px;
    }
    .track-section .track-text p {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }
    .track-section{
        padding: 30px 0px;
    }
    .offer-section h2 {
        font-size: 38px;
        line-height: 50px;
    }
    .offer-section h4 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 4px;
    }
    .offer-section h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 7px;
    }
    .rent-car a {
        font-size: 14px;
        line-height: 22px;
    }
    .rent-car {
        background: linear-gradient(45deg, rgb(39, 40, 40) 55%, rgb(161,161,3) 50%);
        padding: 6px;
    }
    .roam-section h2 {
        font-size: 34px;
        line-height: 51px;
        margin-bottom: 30px;
    }
    .roam-section h2 span {
        font-size: 34px;
    }
    .roam-section a {
        font-size: 16px;
    }
    .roam-section {
        padding: 30px 0px
    }
    .offer-section {
        padding: 30px 0px;
    }
    .choose-section {
        padding: 30px 0px;
    }
    .choose-section h2 {
        font-size: 34px;
        line-height: 46px;
        margin-bottom: 30px;
    }
    .choose-section i {
        border: 6px solid rgb(39, 40, 40);
        font-size: 25px;
        margin-bottom: 8px;
    }
    .choose-section h4 {
        font-size: 20px;
        line-height: 32px;
    }
    .choose-section p {
        font-size: 16px;
        line-height: 24px;
    }
    .services-section {
        padding: 30px 0px;
    }
    .services-section h2 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 45px;
    }
    .services-section i {
        border: 6px solid rgb(39, 40, 40);
        font-size: 24px;
        margin-bottom: 16px;
    }
    .services-section li {
        font-size: 18px;
        line-height: 26px;
    }
    .contact-section {
        padding: 30px 0px;
    }
    .contact-section h2 {
        font-size: 34px;
        line-height: 38px;
        margin-bottom: 34px;
    }
    .our-services{
        display: flex;
        justify-content: center;
    }
    
}
@media screen and (max-width: 767px){
    .top-head {
        background: linear-gradient(45deg, rgb(39, 40, 40) 55%, rgb(161,161,3) 50%);
    }
    .banner-section h1 {
        font-size: 28px;
        line-height: 44px;
        margin-bottom: 5px;
    }
    .inner-text {
        margin-left: 75px;
    }
    .about-section .check-list {
        flex-direction: column;
    }
    .our-services{
        justify-content: start;
    }
    .footer-top-section .quick-links{
        justify-content: start;
    }

}
@media screen and (max-width: 575px){
    .bsmr-logo{
        width:200px;
        height:65px;
    }
    .top-head {
        background: linear-gradient(45deg, rgb(39, 40, 40) 63%, rgb(161,161,3) 63%);
    }
    .inner-text {
        margin-left: 50px;
    }
    .banner-section h1 {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 3px;
    }
    .banner-section p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 28px;
    }
    .banner-section a {
        font-size: 14px;
        line-height: 18px;
        padding:5px 12px;
    }
    .footer-bottom-section p {
        margin-bottom: 0px;
        font-size: 14px;
    }
    .contact-section h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 24px;
    }
    .top-head .icon {
        margin-right: 7px;
        padding: 4px;
    }
    .top-head a {
        font-size: 14px;
        line-height: 22px;
    }
    .top-head .social {
        padding: 4px;
        font-size: 22px;
    }
}