.full-viewport-banner1{
    width:100%;height:auto;text-align: center;
}
.full-viewport-banner1 .banner-content{
    max-width:100%;
}
.full-viewport-banner1 .banner-content img{
    max-width:100%;height: auto; width:100%;
}
.btn{
    padding:5px 25px 10px 25px;
}
.booking-success .card.shadow-lg.p-4 {
    /* padding: 5% 0 5% 0; */
    margin: 5% 2% 9% 2%;
}
.booking-success h2.mb-4.text-center.text-success {
    color: #000 !important;
}
.booking-success h5{font-size: 1.5rem;margin-bottom: 3%;}
.booking-success .col-md-8{width:80%;}
.card-body .form#id_first_name,.card-body .form#id_last_name{text-transform: capitalize;}
.booking-form-textarea {border: 1px solid #dee2e6;}
.full-viewport-banner1 .top-images .s-img {
    display: none;
}
@media (max-width: 768px) {
    .booking-success{max-width:100%;width:100%;}
    .bg-body .p-5{padding: 0 !important;}
    .fw-normal{padding: 0 0 25px 0;}
    .mt-5{margin-top:1rem !important;}
    .full-viewport-banner1 .top-images img.s-img {
        display: block;
    }
    .full-viewport-banner1 .top-images img.l-img {
        display: none;
    }
}
@media(max-width:768px){

    .navbar > .container{max-width:100%;}
    .btn{padding: 5px 5px 10px 5px;}
}
@media(max-width:478px){

    .btn{padding: 5px 5px 10px 5px;font-size: 12px;}
    .navbar-brand img.mx-auto{width:200px;height: auto;}
}
@media(max-width: 387px)
{
    .navbar .row .col-4.justify-content-start{width:45%;}
    .navbar .row .col-4.justify-content-center{width:0;}
    .navbar .row .col-4.justify-content-end{width:45%;}
    .navbar-brand img.mx-auto{width:150px;height: auto;}
    .btn{padding: 5px 3px;}
}
@media(max-width: 280px)
{
    .navbar .row .col-4.justify-content-start{width:45%;}
    .navbar .row .col-4.justify-content-center{width:0;}
    .navbar .row .col-4.justify-content-end{width:45%;}
    .navbar-brand img.mx-auto{width:120px;height: auto;}
    .btn{padding: 5px 3px;font-size:10px;}
}