@media(max-width:407px) {
    .trigger-txt {
        padding: 20px;
        line-height: 20px;
    }
}

.grey-blue-bg {
    background: white;
}

.room-list-bx {
    border: none;
    width: 110%;
    margin-left: -70px;
}

.book-tbl-bx tbody tr td {
    border: 1 px solid #bababa;
    border-radius: 25px;
}

.book-tbl-bx {
    border: 1px solid #bababa;
}

hr {
    height: 1px;
    background-color: grey !important;
    border: none;
    width: 106% !important;
    margin-left: -12px;
}

@media(max-width:790px) {
    .modal-content {
        width: 70%;
    }
}

@media(max-width:450px) {
    .modal-content {
        width: 100%;
    }
}

.slick-dots {
    display: none;
}

@media(max-width:630px) {
    .sw-btn {
        font-size: 40px !important;
    }

    .swiper-button-prev {
        margin-left: -20px;
    }

    .swiper-button-next {
        margin-right: -20px;
    }
}

@media(max-width:550px) {
    .main-sld img {
        max-height: 300px !important;
    }
}

@media(max-width:450px) {
    .sw-btn {
        font-size: 30px !important;
    }

    .swiper-button-prev {
        margin-left: -40px;
    }

    .swiper-button-next {
        margin-right: -40px;
    }

    .main-sld img {
        max-height: 250px !important;
    }
}

@media(max-width:800px) {
    .hotel-images-mobile {
        display: block !important;
    }

    .hotel-images-pc {
        display: none !important;
    }
}

@media(min-width:800px) {
    .hotel-images-mobile {
        display: none !important;
    }

    .hotel-images-pc {
        display: block !important;
    }
}

#hotel-name-mobile {
    display: none;
}

@media(max-width:800px) {
    #hotel-name-mobile {
        display: block;
    }

    #hotel-name-pc {
        display: none;
    }

    .listing-rating {
        margin-left: 21px !important;
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }
}

/*Modal responsiveness code*/
@media(max-width:1250px) {
    #enlarge-hotel-images {
        margin-top: -120px !important;
    }

    .modal-dialog {
        margin-top: 20px !important;
    }
}

@media(max-width:1166px) {
    #hotel-images-in-popup {
        min-width: 980px !important;
        max-width: 980px !important;
        min-height: 512px !important;
        max-height: 512px !important;
    }

    .modal-dialog {
        height: 90% !important;
        margin-top: 65px !important;
    }

    .sw-btn {
        margin-top: -15px !important;
    }
}


@media(max-width:1115px) {
    #hotel-images-in-popup {
        min-width: 880px !important;
        max-width: 880px !important;
        min-height: 412px !important;
        max-height: 412px !important;
    }

    .modal-content {
        /*height:100% !important;*/
        margin-top: 100px !important;
    }

    .modal-dialog {
        margin-top: -60px !important;
    }

    .sw-btn {}
}

@media(max-width:1072px) {
    #hotel-images-in-popup {
        min-width: 780px !important;
        max-width: 780px !important;
        min-height: 412px !important;
        max-height: 412px !important;
    }
}

@media(max-width:950px) {
    #hotel-images-in-popup {
        min-width: 680px !important;
        max-width: 680px !important;
        min-height: 412px !important;
        max-height: 412px !important;
    }
}

@media(max-width:845px) {
    #hotel-images-in-popup {
        min-width: 580px !important;
        max-width: 580px !important;
        min-height: 412px !important;
        max-height: 412px !important;
    }
}

@media(max-width:1115px) {
    .swiper-button-top-modal {
        margin-top: -120px !important;
    }
}

@media(max-width:800px) {
    #hotel-images-in-popup {
        min-width: 520px !important;
        max-width: 520px !important;
        min-height: 350px !important;
        max-height: 350px !important;
        margin-left: 35px !important;
    }

}

@media(max-width:845px) {
    #hotel-images-in-popup {
        margin-left: 23px !important;
    }
}

#hotel-name-mobile {
    line-height: 38px !important;
}

.checked {
    color: black;
}

.nc {
    color: #4a4a4a;
}

.small-toast {
    border: 1px solid grey;
    z-index: 10;
    border-radius: 10px;
    margin-left: -40px;
    background: white;
    width: 150%;
}

.refund-tag:hover {
    cursor: pointer;
}

@media(max-width:600px) {
    .pr-nght-tex {
        font-size: 10px !important;
    }
}

@media(max-width:768px) {
    .bk-now-btn {
        margin-top: -30px;
    }
}

@media(max-width:425px) {
    .bk-now-btn {
        margin-top: 0px;
    }
}

@media(max-width:645px) {
    .dtail-bx-bdr {
        display: none;
    }

    #carrier-box-prices {
        margin-top: 30px !important;
    }
}

.detail-nav {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: #ffffff;
    padding: 0 20px;
}

/* Add styling for the navbar elements */
.detail-nav a {
    font-family: 'Poppins', sans-serif;
    color: #4a4a4a;
    text-decoration: none;
    font-size: 18px;
    padding: 10px;
}


.divider {
    height: 2px;
    width: 200%;
    background-color: grey;
    margin-left: -150px;
    margin-right: auto;
    border-radius: 100vw;
    box-shadow: 0px 2px 9px 0px;
    position: sticky;
}

@media(max-width:655px) {
    .detail-page-nav {
        display: none;
    }
}

.abtPptDtlsTags {
    display: flex;
    margin-top: 20px;
}

.abtPptDtlsTags__item {
    align-items: center;
    background-color: #edf6ff;
    border: 1px solid #c8e6ff;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
    margin-right: 7px;
    text-align: center;
    width: 130px;
}

.abtPptDtlsTags__txt {
    align-items: flex-end;
    color: #008cff;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    line-height: 14px;
    margin-top: 5px;
    text-align: center;
}

#sec16 {
    margin-top: -50px !important;
}

@media(max-width:1387px) {
    #sec16 {
        margin-left: 20px;
        width: 90%;
    }
}

@media(max-width:1100px) {
    #sec16 {
        margin-left: -30px !important;
        width: 110%;
    }
}

#roomtype-fixed {
    position: fixed;
    top: 0px;
    display: none;
    background-color: white;
}

@media(max-width:1284px) {
    #room-deatails {
        width: 150%;
        /*overflow-x:scroll !important;*/
        margin-left: 0px;
    }

    #room-details-parent {
        overflow-x: scroll !important;
    }
}

@media(max-width:760px) {
    #room-deatails {
        width: 270% !important;
        /*overflow-x:scroll !important;*/
        margin-left: 0px;
    }
}

@media(max-width:420px) {
    #room-deatails {
        width: 370% !important;
        /*overflow-x:scroll !important;*/
        margin-left: 0px;
    }
}

@media(max-width:425px) {
    .slct-rm-btn {
        padding: 100px;
    }
}

#room-details-parent {
    margin-top: -100px;
}

#more-details-href:hover {
    cursor: pointer;
}




.refund-tag {
    text-align: left;
}

.slct-rm-btn {
    margin-top: 0px !important;
}

@media(max-width:1062px) {
    #select-room-for-system {
        display: none;
    }

    #select-room-for-mobile {
        display: block;
    }
}

@media(min-width:1062px) {
    #select-room-for-system {
        display: block;
    }

    #select-room-for-mobile {
        display: none;
    }
}

@media(max-width:1496px) {
    .room-popup-image {
        margin-left: 0px;
    }
}

.modal-dialog {
    height: calc(100% - 125px);
    overflow-y: scroll;

}

@media(max-width:425px) {
    .slct-rm-btn {
        padding: 14px !important;
        font-size: 13px !important;
    }
}

.more-options {
    height: 100vh !important;
}

@media(max-width:1064px) {
    #abc {
        min-height: 500px !important;
        max-height: 500px !important;
    }

    .carousel-control {
        margin-top: 165px !important;
    }
}

@media(max-width:700px) {
    #abc {
        min-height: 300px !important;
        max-height: 300px !important;
    }

    .carousel-control {
        margin-top: 100px !important;
    }
}

.modal-dialog {
    height: calc(100% - 125px);
    overflow-y: scroll;

}

@media(max-width:425px) {
    .slct-rm-btn {
        padding: 14px !important;
        font-size: 13px !important;
    }
}

.more-options {
    height: 100vh !important;
}

#room-options-price,
#room-options {
    min-height: 170vh !important;
    border-bottom: none !important;
}

.rm-typ-bx {
    min-height: 35vh !important;
}

@media(max-width:1283px) {
    #map-location {
        width: 90%;
    }

    .frame {
        width: 85% !important;
    }
}

@media(max-width:520px) {
    #map-location {
        margin-left: 50px !important;
    }

    #map-location-hotel-name {
        font-size: 22px !important;
    }
}

.frame {
    height: 500px;
    width: 500px;
}

@media(max-width:581px) {
    .frame {
        margin-left: -10px;
    }
}

@media(max-width:566px) {
    .frame {
        height: 300px;
        width: 300px;
        margin-left: -10px;
    }
}

@media(max-width:366px) {
    .frame {
        height: 250px;
        width: 250px;
        margin-left: -20px;
    }
}

.frame {
    width: 814px;
}

.prpty-ruls-sub-head {
    font-size: 20px;
}

@media(max-width:382px) {
    .prpty-ruls-sub-head {
        font-size: 16px;
    }
}

@media(max-width:1295px) {
    #property-rules {
        width: 80% !important;
        margin-left: 50px !important;
    }
}

@media(max-width:367px) {
    #property-rules-heading {
        font-size: 22px !important;
    }

}

.font16 {
    font-size: 16px;
    line-height: 16px;
}

.font14 {
    font-size: 14px;
    line-height: 14px;
}

.appendBottom10 {
    margin-bottom: 10px;
}

.appendBottom22 {
    margin-bottom: 22px;
}

.latoBlack {
    font-weight: 900;
}

.appendBottom3 {
    margin-bottom: 11px;
}

@media(max-width:1314px) {
    #amenities {
        width: 85%;
        margin-left: 60px;
    }
}

@media(max-width:650px) {
    #amenities-heading {
        font-size: 22px !important;
    }
}

.modal-dialog {
    height: calc(100% - 125px);
    overflow-y: scroll;

}

@media(max-width:1307px) {
    #reviews {
        width: 80%;
        margin-left: 60px;
    }
}

@media(max-width:408px) {
    .reviews-heading {
        line-height: 42px;
    }
}

.review-parent {
    background-color: #F4F9FC;
    border-radius: 8px;
    margin-top: 20px;
    padding: 12px;
}

@media(max-width:1126px) {
    .review-parent {
        width: 85% !important;
    }

    .number-badge {
        display: none;
    }
}

@media(max-width:974px) {
    .review-parent {
        width: 65% !important;
    }
}

@media(max-width:801px) {
    #listing-rating {
        margin-left: -2px !important;
    }
}

@media(max-width:766px) {
    .review-parent {
        width: 45% !important;
    }
}

@media(max-width:550px) {
    .review-parent {
        width: 35% !important;
    }
}

@media(max-width:450px) {
    .review-parent {
        margin-left: -5px;
        width: 30% !important;
    }
}

@media(max-width:385px) {
    .review-parent {
        margin-left: -10px;
        width: 25% !important;
    }
}

@media(max-width:333px) {
    .review-parent {
        margin-left: -15px;
    }
}

.checked {
    color: black;
}

.nc {
    color: black;
}