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

    .book-bottom-header{
        display: none;
    }
    header{
        position: inherit;
        background: #ffffff!important;
    }
    .call-number a h6 {
        margin-bottom: 0px;
        font-size: 13px;
       
    }
    .call-number a h4 {
        margin-bottom: 0px;
        font-size: 18px;
    }
    .call-icon {
        padding-top: 5px;
    }
    .mail-number a h6 {
        margin-bottom: 0px;
        font-size: 13px;
       
    }
    .mail-number a h4 {
        margin-bottom: 0px;
        font-size: 18px;
    }
    .mail-icon {
        padding-top: 5px;
    }

    .banner-details{
        top: 25%;
    }

    
}
@media screen and (min-width:1200px){
    .btn-mobile{
        display: none;
    }
}
@media screen and (max-width:1200px) {
    
    .form-input{
        max-width: 150px;
    }
    .package-duration{
        margin-top: 10px;
        }
        .btn-mobile{
            display: block;
        }
        .btn-desk{
            display: none;
        }
}
@media screen and (min-width:768px) and (max-width:991px){

    .banner-form .container{
        max-width: 100%;
    }
}

@media screen and (min-width : 768px) {
    .mobile{
        display: none;
    }
    .banner-mobile{
        display: none;
    }  
    
}

@media screen and (max-width:768px){
    .banner-form{
        position: inherit;
    }
    .form-box{
        display: block;
    }
    .form-input {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .form-floating{
        margin-bottom: 10px;
    }
   .form-box .btn-btn-book{
    display: block;
    width: 100%;
   }
   .desk{
    display: none;
}
.nav-bar{
flex-wrap: wrap;
justify-content: center;
}
.contact-details {
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.nav-bar{
    padding: 10px 0px;
}

.package-duration{
margin-top: 10px;
}
.title h4{
    font-size: 20px;
}

.banner-desk{
    display: none;
}

.banner-details{
    display: none;
}

}

.why-choose-us {
    
        padding: 20px;
       
      }

@media (max-width: 991px){
.mobile{
display: block;
}
.desk{
display: none;
}
.logo.mobile {
    width: 500px;
}
}
@media (max-width: 991px){
.mobile{
display: block;
}
.desk{
display: none;
}
}