@media screen and (max-width: 1299px) {
    .hostel-room::before {
        top: 52%;
    }
}
@media screen and (max-width: 1199px) {
    .hostel-room::before {
        top: 50%;
        background-size: cover;
    }
}
@media screen and (max-width: 991px) {
    .service-section {
        margin-top: -109px;
    }
    .hostal-slider-img img {
        margin-top: 0;
    }
    .hostel-room::before {
        top: 25%;
    }
    .hostal-slider-text {
        padding-bottom: 30px;
    }
    .booknow-section {
        padding-right: 0;
    }
    .booknow-text-main {
        padding: 30px;
    }
    .navbar-toggler {
        background-color: #ffdfe3;
    }
    .navbar-expand-md {display: none;}
    #mobilemenu {display: block;}
    .about_banner nav {
        position: relative;
        top: 60px;
    }
    .room-images .long-img {
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .service-section {
        margin-top: 0;
    }
    .hostal-slider-img img {
        margin-top: 0;  
    }
    .hostel-room::before {
        top: 38%;
    }
    .banner_text {
        padding-top: 50px !important;
    }
    .hostel-room .owl-nav {
        width: 100%;
        top: 35%;
        left: 0;
    }
    .hostel-room .owl-prev {
        left: 0;
    }
    .hostal-slider-text {
        padding-left: 0;
    }
    .banner_text h1 span {
        font-size: 56px;
    }
    .hostal-slider-text {
        padding-bottom: 30px;
    }
    .booknow-section {
        padding-right: 0;
    }
    .booknow-text-main {
        padding: 30px;
    }
    .bestagency-box::before {
        width: 145px;
        height: 1px;
        left: 50%;
        top: 0;
        transform: translate(-50%, 0);
    }
    .bestagency-box {
        padding: 20px;
    }
    .booknow-text-main {
        flex-direction: column;
        text-align: center;
    }
    .booknow-text {
        padding-bottom: 20px;
    }
    .banner_text {
        padding-top: 120px;
    }
    .banner_text h1 {
        font-size: 36px;
    }
    .banner_text p {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .heading h3 {
        color: #2c2c2c;
    }
    .banner-form form {
        flex-direction: column;
        align-items: center;
    }
    .banner-form .booknow_button {
        margin-top: 20px;
        margin-left: 0;
    }
}