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



    section.hotel .img_box .img-wrapper+div {
        top: -30px;
    }


    section.hotel .img-wrapper {
        overflow: hidden;
        height: 400px;

    }

    section.hotel h3 {
        font-size: 17px !important;
    }


}


@media screen and (max-width:1300px) {
      section.hotel .img-wrapper {
        height: 290px;
    }


}
@media screen and (max-width:991px) {
   header .nav-link{
    padding: 30px 27px 10px 0px !important;
   }
section.room .text-over{
     top: 22%;
    font-size: 30px;
}

section.hero {
    height: 62vh;
}

section.other-page-banner{
    height: 360px;
    object-fit: cover;
}

}


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

.arrow_hotel{
    display: none;
}
    section.room .img-box_1 .overlay{
    position: absolute;
    bottom: -1px;
    z-index: 4;
    background: #0000004d;
    width: 100%;
    padding: 11px;
    opacity: 1;
}


    section.hero {
        height: 74vh;
    }

    section.hero .card-img-overlay {
        left: 30px;
    }


    section.room .arrow {
        top: auto;
    }

   section.room .text-over {
    font-size: 52px;
    top: 16%;
}

    section.room .nav-pills .nav-link {
        margin-bottom: 18px;
    }

    .padding {
        padding: 40px 0;
    }


    section.hotel .img-wrapper {
        height: 353px;
    }

    section.experience .flex {
    flex-direction: column;
}

.flex-item svg {
    opacity: 1;
    scale: 1;
    transition: all 1s ease;
}

.flex-item .content {
    padding: 30px;
}

.flex-item.active .heading {
    font-size: 25px;
}

.testimonial{
    width: 100%;
}

section.hotel h3 {
    font-size: 17px !important;
}


section.other-banner .carousel-item img{
 height: 450px !important;
 object-fit: cover;   
}
section.about-hotel h1{
  font-size: 28px !important;
}

.flex{
    flex-direction: column;
}


.scroll{
    overflow-x: scroll;
}
.scroll::-webkit-scrollbar {
    height: 1px !important;
}

section.hero h4 {
    font-size: 16px !important;
}

section.hero .card-img-overlay {
    top: 66%;
}
section.hero .card-img-overlay .fs-5 {
 font-size: 16px !important;
}

.carousel-control-next, .carousel-control-prev {
    width: 38px;
}

}


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


 section.room .text-over {
    font-size: 40px;
    top: 21%;
}

}