@media screen and (min-width: 1920px) {

    .stay-ml,
    .what-ml {
        margin-left: 19vw;
    }
}

@media screen and (min-width: 1680px) {
    .guests-dropdown {
        left: 0px;
    }

    .stay-ml,
    .what-ml {
        margin-left: 24.7vw;
    }

    .container {
        max-width: 1254px;
    }

    .intr {
        line-height: 24px;
        color: #ffffff;
        display: flex;
        padding: 28.01px 40px;
    }

    .bg-collection {
        height: 640px;
    }

    .form-hotelhg {
        margin-bottom: 0px;
    }

    .booking-title {
        font-size: 32px;
    }

    .center-tab {
        display: flex;
        justify-content: center;
    }

    .we-p {
        min-width: 776px;
        height: 40px;
    }

    .check-img {
        height: 20px;
        width: 20px;
        margin-right: 12px;
    }

    .faq-bright {
        position: absolute;
        bottom: 25px;
        right: 29px;
        font-size: var(--font14);
        line-height: 20px;
    }

    .select2-results__option {
        font-size: 14px;
    }

    .uncover-max {
        max-width: 631px;
        padding-left: 28px;
    }

    .intr p {
        width: 222px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .collection-img {
        margin-bottom: 25px;
    }

    .discover-by-countries-div {
        padding-left: 238px;
        width: calc(100% + 96px);
    }

    .daterangepicker:after,
    .daterangepicker:before {
        width: 340px;
        left: 202px !important;
    }

    .collections-bg {
        height: 320px;
    }

    .bg-offer {
        height: 320px;
    }

    .contactus-bg {
        height: 647px;
    }

    .bg-hoteldetail {
        height: 640px;
    }

    .main-owl .owl-nav button.owl-prev {
        height: 56px;
        width: 56px;
    }

    .main-owl .owl-nav button.owl-next {
        height: 56px;
        width: 56px;
    }

    .hotels-bg {
        height: 320px;
    }

    .sub-txt {
        font-size: 32px;
    }

    select.form-control.fs-border {
        border: 0px;
        font-size: var(--font14);
        padding: 0px;
        margin-left: -2px;
        opacity: 0.5;
    }

    /*owl carousell img heigth and width*/
    /* .main-owl .owl-nav img {
        height: 23px;
         width: 12.74px;
    }*/
    .section.portfolio .filters-content {
        margin-top: 28px;
        margin-bottom: 131px;
    }

    .mt-minus {
        margin-right: 15px !important;
    }

    .main-card {
        width: 370.67px;
    }

    .indexowl4-padding {
        height: 787px;
    }

    .resbg-offer {
        height: 640px;
    }

    /*.main-card img{
        height: 440px;
    }*/
    .about-title {
        display: flex;
        justify-content: center;
    }

    .sr-nav {
        display: flex;
        align-items: center;
    }

    .menu-title {
        font-size: 10px;
        width: 38px;
        height: 12px;
        display: flex;
        align-items: center;
    }

    .check-large {
        width: 24px;
        height: 24px;
    }

    .intr p {
        font-size: 20px;
    }

    .btn-outline-success {
        font-size: 16px;
    }

    .nav-link {
        font-size: 16px;
    }

    .menu-width {
        width: 250px;
    }

    .menu-desc .res-nav-link {
        margin-right: 15px;
    }

    .owlhotel-height {
        min-height: 100vh;
    }

    .owlhotel-height h1 {
        font-size: 48px;
        text-align: center;
        line-height: 58px;
        width: 806px;
    }

    .owlhotel-height h3 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
    }

    a.gotocontact {
        font-size: 16px;
        line-height: 24px;
    }

    .gotocontact {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .right-svg {
        width: 28px !important;
        height: 28px;
        margin: 10px 10px 10px 20px;
    }

    /*    .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-width: 8px 6px 0 6px!important;
}
*/
    .lorem-p {
        color: #514641;
        line-height: 32px;
        max-width: 800px;
    }

    .sa-pb2 {
        position: absolute;
        bottom: 39px;
        left: 10px;
        font-size: var(--font14);
        padding-left: 20px;
    }

    .sa-pb3 {
        bottom: 17px;
        padding-left: 20px;
    }

    .sa-pb1 {
        color: #ffffff;
        position: absolute;
        bottom: 50px;
        left: 10px;
        font-size: 24px;
        font-family: 'NocturneSerif-Regular';
        padding-left: 20px;
    }

    .luxury-title h2 {
        font-size: 32px;
    }

    .luxury-des p {
        font-size: var(--font16);
        line-height: 32px;
        min-width: 600px;
    }

    .sa-card-text {
        font-size: 20px;
    }

    .sa-camp {
        font-size: 18px;
    }

    .hoesa {
        font-size: 14px;
    }

    .card-body.homebodycolor .sa-late {
        font-size: 20px;
    }

    .span-color1 a {
        color: #754733;
        font-size: var(--font14);
    }

    .card-hover {
        padding: 1.25rem;
        background-color: #ffffff;
        height: 326px !important;
        width: 100%;
        white-space: normal;
    }

    .card-hover .most-color {
        font-size: 14px;
    }

    .card-hover .browse-color {
        font-size: 32px;
        max-width: 200px;
    }

    .card-color1 {
        height: 326px !important;
    }

    .card-img1 {
        height: 220px !important;
        object-fit: cover;
    }

    .res-lifelong {
        font-size: 48px;
    }

    .res-pintriq {
        padding: 0px 89px;
    }

    .mt-place {
        margin-top: 94px !important;
    }

    .bg-img1 {
        height: 640px;
    }

    .img-sec1 p {
        font-size: 20px;
    }

    .footer-btn {
        font-size: 14px;
    }

    .res-faq {
        font-size: 48px;
    }

    .res-faq-pr {
        padding-right: 3px;
    }

    .sa-navlink {
        font-size: 14px;
    }

    .ques-sec {
        margin-top: 70px;
    }

    .still-color {
        font-size: 32px;
        line-height: 38px;
    }

    .menu-desc .btn-outline-success {
        width: 149px;
        height: 40px;
    }

    .ques-sec p {
        /* width: 477px; */
        font-size: 14px;
        line-height: 20px;
    }

    .res-contact {
        width: 220px;
        height: 40px !important;
        margin-top: 13px;
        line-height: 24px;
    }

    

    .mb-95px {
        margin-bottom: 95px;
    }

    .payment-details p {
        font-size: var(--font14);
    }

    .payment-details label {
        font-size: var(--font14);
    }

    .booking-details label {
        font-size: var(--font14);
    }

    .booking-details p {
        font-size: var(--font14);
    }

    .bg-contact {
        height: 640px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .contact-details {
        padding: 100px 97px 100px 0px;
        height: 1024px;
    }

    .img-mrmt {
        height: 16px;
        width: 16px;
        margin-top: 4px;
        margin-right: 18px;
    }

    .contact-details h3 {
        font-size: 32px;
    }

    .fn-hotel {
        font-size: var(--font16);
    }

    .contact-details .kindly {
        font-size: 16px;
        line-height: 32px;
    }

    .singapure-detail .p-title {
        font-size: 16px;
    }

    .singapure-detail .span-img1 {
        font-size: 14px;
    }

    .hongkong-detail .span-img1 {
        font-size: 14px;
    }

    .conimg-hgt {
        height: 1024px;
    }

    .sidecontact-img {
        height: 875px;
    }

    .nextbtns {
        width: 168px;
        height: 40px;
    }

    .d-line {
        font-size: 14px;
    }

    .fn-pra {
        font-size: var(--font14);
    }

    .rt-1 {
        font-size: var(--font14);
    }

    .sa-table th,
    .sa-table td {
        font-size: var(--font14);
    }

    .star .fa-star {
        font-size: 12px;
    }

    .japan-p {
        font-size: 14px;
        font-weight: 400;
    }

    .room-detail p {
        font-size: var(--font14);
    }

    .r-deluxe {
        font-size: var(--font14);
    }

    .rt {
        font-size: var(--font14);
    }

    .letus-color h3 {
        font-size: 48px;
        margin-bottom: 32px;
        max-width: 718px;
    }

    .sa-pr label {
        font-size: var(--font14);
    }

    .bg-contact {
        height: 647px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .lorem-p {
        font-size: var(--font16);
    }

    .mb120px {
        margin-bottom: 120px;
    }

    .fully-txt {
        font-size: 16px;
        line-height: 32px;
        /*max-width: 509px;*/
    }

    .fully-img {
        margin-bottom: 41px;
        width: 392px;
        height: 480px;
        font-size: var(--font16);
    }

    .fully-detail h3 {
        font-size: var(--font32);
    }

    .fully-detail {
        padding: 70px 94px 70px 230px;
    }

    .genuine-pd {
        padding: 100px 94px 100px 230px;
    }

    .genuine-pd2 {
        padding: 132px 309px 100px 0px;
    }

    .genuine-pd h3 {
        font-size: var(--font32);
        margin-bottom: 11px;
    }

    .genuine-pd p {
        font-size: var(--font16);
        line-height: 1.5;
    }

    .genuine-pd2 p {
        line-height: 1.5;
    }

    .paycard {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .pay-font {
        font-size: var(--font12);
    }

    .mt-180px {
        margin-top: 180px;
    }

    .padding-get {
        display: flex;
        width: 208px;
        height: 56px;
        align-items: center;
        justify-content: center;
    }

    .account-detail h3 {
        font-size: 32px;
        line-height: 38.4px;
    }

    .account-detail .one-time {
        font-size: 18px;
    }

    .r-center label {
        color: #645954;
        font-size: 14px;
    }

    .progressbar {
        padding: 6px 0px;
    }

    .enter-details p {
        font-size: 20px;
    }

    .sa-body {
        padding: 10px 17px;
    }

    .indexowl3-padding {
        height: 670px;
    }

    .indexowl3-padding .owl-stage-outer {
        padding-bottom: 110px !important;
    }

    .indexowl2-padding {
        height: 700px;
    }

    .indexowl-padding {
        height: 700px;
    }

    .stay-carousel .owl-dots {
        bottom: 28px;
    }

    .indexowl-padding .owl-stage-outer {
        padding-bottom: 115px !important;
    }

    /*-----------------*/
    .p-price {
        font-size: 48px;
        line-height: 57.6px;
        font-family: 'NocturneSerif-Regular';
    }

    .aimg1 {
        height: 500px;
        width: 100%;
        padding-left: 15px;
    }

    .aimg2 {
        height: 500px;
        width: 600px;
        margin-right: 48px;
    }

    .aimg3 {
        height: 545px;
        margin-right: 7px;
        position: relative;
        width: 724px;
    }

    .mt-30px,
    .mb-30px {
        margin-top: 192px;
        margin-bottom: 135px;
    }

    .list-pd h3 {
        font-size: var(--font32);
    }

    .list-circle li {
        font-size: var(--font14);
    }

    /*--------------*/
    .luxury-title .h2-uncover {
        font-size: var(--font48);
    }

    .sa-mtmb2 {
        margin-top: 152px;
        margin-bottom: 143px;
    }

    .sa-mtmb {
        margin-top: 157px;
    }

    .filters li {
        color: #645954;
        font-size: var(--font16);
    }

    .showmtmb {
        margin-top: 65px;
        margin-bottom: 110px;
    }

    .sa-form {
        font-size: var(--font14);
    }

    .sa-card .tab-content label {
        font-size: var(--font14);
        line-height: 20px;
    }

    .span-check p {
        font-size: var(--font14);
    }

    .outline-width {
        width: 101px;
        height: 40px;
    }

    .filter-hgtwidth {
        width: 88px !important;
        height: 40px !important;
    }

    .form-check-label {
        font-size: var(--font14);
    }

    .d-flexadv p {
        font-size: 20px;
    }

    .view-morebtn {
        font-size: var(--font14);
    }

    .sr-cal {
        position: relative;
        top: 3px;
        padding-right: 10px;
    }

    .sr-dis-text {
        padding: 12px 16px;
    }

    .sr-txt1 {
        font-size: var(--font14);
    }

    .cancel-img {
        margin-top: 4px !important;
        margin-left: 6px;
    }

    .dark-hgt {
        height: 56px;
    }

    .sr-owl-title h4 {
        font-size: 32px;
    }

    .sa-rowmt {
        margin-top: 84px;
    }

    .btn-primary,
    .btn-dark-outline1 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lim-offer {
        font-size: 48px;
        margin-top: 13px;
    }

    .lim-offer-p {
        font-size: 16px;
        line-height: 32px;
    }

    .fn02 {
        font-size: var(--font14);
    }

    .ul-flex li {
        font-size: 14px;
    }

    .fn20 {
        font-size: 20px;
    }

    .hotel-padding {
        padding: 40px 0px 129px 60px;
    }

    nav .breadcrumb-item {
        font-size: 14px;
    }

    .shangri-detail h1 {
        font-size: 48px;
    }

    .filters-content .grid:hover {
        margin-bottom: 176px;
    }

    .lorem-length {
        line-height: 32px;
    }

    /*.width-logo7{
        width: 189px;
    }*/
    .collection-head h2 {
        font-size: var(--font48);
    }

    .lorem-fn {
        font-size: 16px;
        line-height: 32px;
        max-width: 600px;
    }

    .bottom-right {
        position: absolute;
        bottom: -55px;
        right: 16px;
    }

    p.card-text {
        font-size: 14px;
        line-height: 20px;
        max-width: 310px;
    }

    .a-absolute a {
        font-size: 16px;
        line-height: 24px;
    }

    .preferred-title {
        padding-top: 80px;
    }

    .preferred-padding {
        padding-left: 92px;
    }

    .btn-white {
        font-size: var(--font14);
        padding: 10px 24px;
    }

    .cities-title h3 {
        font-size: 32px;
    }

    .fn-48px {
        font-size: 48px;
    }

    .about-img2 {
        height: 640px;
    }

    .about-secimg {
        position: relative;
        top: 85px;
    }

    .exclusive-padding {
        padding: 88px 0px;
    }

    .preferred-title p {
        font-size: var(--font16);
        max-width: 453px;
    }

    .sr-pre-title p {
        font-size: var(--font16);
        max-width: 530px;
        width: 530px;
    }

    .exclusive-title p {
        font-size: var(--font16);
        max-width: 507px;
    }

    .about-title h2 {
        font-size: 48px;
    }

    .about-content p {
        font-size: var(--font16);
        line-height: 32px;
        max-width: 600px;
    }

    .info-title .about-text {
        font-size: 18px;
        margin-top: 13px;
    }

    .filtter-space span p {
        font-size: var(--font14);
    }

    .offer-details .cur-detail {
        max-width: 476px;
        /*max-width: 452px;*/
        color: #514641;
        font-size: 20px;
    }

    .maxico-mt {
        padding-top: 322px !important;
    }

    .width-popup .btn-browndark {
        width: 149px !important;
        font-weight: 500px;
    }

    .st1 {
        margin: 0px 40px;
    }

    .progressbar {
        display: flex;
        align-items: center;
        text-align: center;
    }

    .progressbar .p-room {
        margin-bottom: 0px;
    }
}


/*----------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1200px) {
    .res-width {
        width: 50%;
    }

    .daterangepicker .drp-calendar {
        min-width: 300px;
    }

}


/*----------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1200px) and (max-width: 1679px) {
    .info-title p {
        font-size: 13px;
    }

    .con-width {
        max-width: 600px;
    }

    .guests-open .guests-form-group:before {
        width: calc(100% + 6px);
        left: -5px;
    }

    .guests-open .guests-form-group:after {
        left: -4px;
        width: calc(100% + 4px);
    }

    .hero-slick .slide-arrow img {
        height: 44px;
    }

    .countries-slick .prev-arrow,
    .countries-slick .next-arrow {
        left: -80px;
    }

    .countries-slick .prev-arrow img,
    .countries-slick .next-arrow img {
        height: 50px;
    }

    .most-popular-box .browse-color {
        margin-bottom: 30px;
    }

    .most-popular-box .outline-view1 {
        margin-top: 20px;
    }

    .guests-dropdown {
        left: -4px;
    }

    .img-section img {
        flex: 0 0 49%;
        max-width: 49%;
        padding: 0;
        height: 139px;
        object-fit: cover;
        width: 100%;
    }

    .img-section {
        justify-content: space-between;
    }

    #select2-cmbIdioma-results:after {
        width: calc(100% - 205px);
    }

    .mount-row .col2 {
        margin-right: auto;
        margin-left: 0;
    }

    .mount-row .col3 {
        margin-right: auto;
    }

    .mount-row .col4 {
        margin-right: auto;
    }

    .mount-row {
        justify-content: space-between;
    }

    .booking-col1 {
        max-width: 694px;
    }

    .st1 {
        width: 83.5px;
    }

    .container {
        max-width: 1140px;
    }

    .contactus-bg {
        height: 575px;
        min-height: 504px;
    }

    .bg-offer-size {
        height: 228px;
    }

    .main-owl .owl-nav img {
        height: 41px;
        width: 41px;
    }

    .footer-btn {
        font-size: var(--font12);
    }

    .p-room {
        font-size: var(--font13);
    }

    .collections-bg {
        height: 257px;
    }

    /*.bg-hoteldetail {
        height: 457px;
    }*/
    .hotels-bg {
        height: 258px;
    }

    .backhgt-contact {
        height: 458px;
        background-size: cover;
    }

    .coll-imghgt {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 143px;
    }

    .title-avail {
        font-size: 15px;
    }

    .sa-camp {
        font-size: 17px;
        font-family: 'NocturneSerif-Regular';
        margin-bottom: -2px !important;
    }

    .c-title {
        font-size: 15px;
    }

    .sr-reward-body div.mt-3 .color51 {
        font-size: 13px;
    }

    .bg-faq {
        height: 258px;
    }

    .resbg-offer {
        background-image: url(images/hero-offer-detail.png);
        height: 520px;
        background-size: cover;
    }

    .lorem-p {
        color: #514641;
        line-height: 32px;
        max-width: 800px;
    }

    .letus-color h3 {
        font-size: 39px;
        margin-bottom: 32px;
        max-width: 619px;
    }

    .letus-color p {
        max-width: 650px;
    }

    .check-large {
        width: 20px;
        height: 20px;
    }

    /* .lead{
        width:199px!important;
    }*/
    .virtu {
        width: 199px !important;
    }

    .starimg {
        width: 287px;
    }

    .shangriimg {
        width: 218px;
    }

    .width-logo7 {
        margin-bottom: 0;
    }

    .owlhotel-height {
        /*height: 700px;*/
        background-size: cover;
        min-height: calc(100vh);
    }

    .card-br {
        width: 239px;
        height: 186px;
    }

    .width-logo7 {
        width: 189px;
    }

    p.card-text {
        line-height: 20px;
        max-width: 302px;
    }

    .sa-nav {
        font-size: var(--font13);
    }

    .luxury-des p {
        font-size: var(--font15);
    }

    .intr {
        line-height: 40px;
        color: #ffffff;
        display: flex;
        padding: 13px 31px;
    }

    .mt-minus {
        margin-right: 15px !important;
    }

    .sr-cal {
        position: relative;
        top: 0px;
        padding-right: 10px;
    }

    .genuine-pd p {
        font-size: var(--font13);
        line-height: 25px;
        max-width: 408px;
    }

    .genuine-pd2 p {
        font-size: var(--font13);
        line-height: 25px;
        max-width: 408px;
    }

    .can-font .sr-txt1 {
        font-size: var(--font13);
    }

    .menu-title {
        font-size: 10px;
    }

    .aimg3 {
        width: 85%;
        height: 420px;
    }

    .payment-padding {
        padding-left: 90px;
    }

    .mt-180px {
        margin-top: 209px;
    }

    .paycard {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .pay-font {
        font-size: var(--font10);
    }

    .mt-30px,
    .mb-30px {
        margin-top: 215px;
        margin-bottom: 135px;
    }

    .payment-padding {
        padding-left: 43px !important;
        padding-right: 94px;
    }

    span.checkmark.rt:after {
        position: absolute;
        top: 1px;
    }

    .btn-primary,
    .btn-dark-outline1 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 184px;
        font-size: 14px;
    }

    .menu-width {
        width: 208px;
    }

    p.p1 {
        font-size: var(--font13);
    }

    .account-detail h3 {
        font-size: 25px;
    }

    .fn-pra {
        font-size: var(--font12);
    }

    .rt-1 {
        font-size: var(--font12);
    }

    .sr-nav {
        display: flex;
        align-items: center;
    }

    .intr p {
        font-size: 15px;
    }

    .res-nav-link,
    .res-btns {
        font-size: var(--font13);
    }

    .owlhotel-height h3 {
        font-size: 18px;
    }

    .owlhotel-height h1 {
        font-size: 38px;
        margin-bottom: 5px !important;
    }

    .right-svg {
        width: 20px !important;
        height: 20px;
        margin: 10px 10px 10px 20px;
    }

    a.gotocontact {
        font-size: var(--font13);
    }

    .luxury-title h2 {
        font-size: 29px;
    }

    .sa-pb1 {
        bottom: 37px;
        font-size: 20px;
        padding-left: 15px;
    }

    .sa-pb2 {
        padding-left: 15px;
        font-size: var(--font12);
    }

    .sa-pb3 {
        padding-left: 15px;
        font-size: var(--font12);
    }

    .card-color .card-body p.sa-card-text {
        font-size: var(--font16);
    }

    .offer-color .card-body p.sa-card-text {
        font-size: 18px;
    }

    .res-ml {
        margin-top: 19px;
    }

    .indexowl-padding {
        height: 670px;
    }

    .indexowl2-padding {
        height: 660px;
    }

    .indexowl-padding .owl-stage-outer {
        padding-bottom: 100px !important;
    }

    img.rbrown {
        height: 8px;
        margin-top: 1px;
        width: 8px;
    }

    p.sa-late {
        font-size: 16px;
        font-family: 'NocturneSerif-Regular';
    }

    .span-color1 a {
        color: #754733;
        font-size: 10px;
    }

    .indexowl3-padding {
        height: 630px;
    }

    .outline-view1 {
        font-size: 13px;
    }

    .browse-color {
        font-size: 25px;
        max-width: 142px;
    }

    .most-color {
        font-size: 13px;
    }

    .res-pintriq {
        font-size: 13px;
        padding: 0px 145px;
        font-family: 'InterNormal';
        line-height: 24px;
    }

    .res-lifelong {
        font-size: 33px;
    }

    .bg-img1 {
        height: 531px;
    }

    .img-sec1 p {
        font-size: var(--font12);
    }

    a.read-outline {
        font-size: var(--font12);
    }

    .advance-filter {
        font-size: var(--font14);
    }

    .hoesa {
        font-size: var(--font12);
    }

    .offer-color .card-body .sa-card-text {
        font-size: var(--font13);
    }

    .sr-off-p {
        font-size: var(--font12);
    }

    .lim-offer {
        font-size: 40px;
        max-width: 579px;
    }

    .sr-t {
        font-size: 18px;
    }

    .gohomebtn {
        font-size: var(--font13);
    }

    .lim-offer-p {
        font-size: 13px;
        line-height: 29px;
    }

    ul.sr-ul-none li label {
        font-size: 12px;
    }

    .sr-ul-text,
    .sr-ul-text .fn-14 {
        font-size: 12px;
    }

    .sr-fn1 {
        font-size: var(--font12);
    }

    .sr-ul-none {
        max-width: 500px;
    }

    .fn-13 {
        font-size: var(--font13);
    }

    .all-uoffer {
        font-size: var(--font13);
    }

    .show-check {
        font-size: var(--font13);
    }

    .go-pd {
        font-size: var(--font12);
    }

    .resul-img li img {
        height: 20px;
        width: 20px;
    }

    .title-curr h4 {
        font-size: 20px;
    }

    .offer-details .cur-detail {
        max-width: 452px;
        color: #514641;
        font-size: 15px;
    }

    .hotel-padding {
        padding: 40px 0px 98px;
    }

    .maxico-mt {
        padding-top: 326px !important;
    }

    .caps-towns .fn-14 {
        font-size: var(--font12);
    }

    .a-filter .fn-14,
    .total-text .fn-14 {
        font-size: var(--font12);
    }

    .price-text .fn-12 {
        font-size: var(--font12);
    }

    .lorem-fn {
        font-size: 13px;
        line-height: 30px;
        max-width: 494px;
    }

    .coll-ulimg .i1 {
        height: 26px;
        width: 21px;
    }

    .about-content p {
        font-size: 13px;
        font-family: 'Inter-Normal';
        line-height: 29px;
    }

    .exclusive-title h2 {
        font-size: 25px;
    }

    .exclusive-title p {
        font-size: 13px;
        max-width: 452px;
    }

    .exclusive-details span img {
        padding-right: 10px;
        height: 26px;
        width: 30px;
    }

    .exclusive-details span {
        padding: 10px;
        font-size: 13px;
    }

    .preferred-title h2 {
        font-size: 25px;
    }

    .preferred-title p {
        font-size: 13px;
        max-width: 452px;
    }

    .btn-white,
    .btn-white:hover,
    .btn-white:active {
        border: 1px solid #ffffff;
        border-radius: 0px;
        color: #ffffff;
        font-size: 12px;
        padding: 10px;
    }

    .sa-nav-pills .sa-navlink {
        font-size: 12px;
    }

    .accordion_head {
        font-size: var(--font12);
    }

    .res-contact {
        padding: 12px 24px 12px 24px;
        font-size: 12px;
        width: 193px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .accordion_body p {
        font-size: var(--font13);
    }

    .letus-color p {
        font-size: var(--font13);
        line-height: 27px;
    }

    p.kindly {
        font-size: var(--font13);
        max-width: 390px;
        line-height: 28px;
    }

    .img-mrmt {
        height: 12px;
        width: 12px;
        margin-right: 14px;
    }

    .conimg-hgt {
        height: 900px;
    }

    .singapure-detail .p-title,
    .hongkong-detail .p-title,
    .business .p-title,
    .business-flex {
        font-size: var(--font13);
    }

    .span-img1 p {
        font-size: var(--font13);
    }

    .fully-detail h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .fully-detail p {
        font-size: var(--font13);
        line-height: 25px;
        max-width: 413px;
    }

    .sidecontact-img {
        height: 920px;
    }

    .contact-bright,
    .faq-bright {
        font-size: var(--font13);
    }

    .menu-desc .res-nav-link {
        margin-right: 15px;
    }

    .main-owl .owl-nav button.owl-next {
        position: absolute;
        right: 50px;
    }

    .main-owl .owl-nav button.owl-prev {
        position: absolute;
        left: 36px;
    }

    /*    .indexowl4-padding .owl-stage-outer {
        padding-bottom: 108px!important;
    }
    .indexowl4-padding {
    height: 717px;
}*/
    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        min-width: 33px;
        width: 38px !important;
        line-height: 20px;
        font-size: 11px;
        font-family: 'Inter-Normal';
        font-weight: normal;
        height: 40px;
    }

    .progressbar {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .progressbar .p-room {
        margin-bottom: 0px;
    }

    .daterangepicker:before {
        content: "";
        width: 352px;
        background: #fff;
        position: absolute;
        height: 8px;
        top: -8px;
        display: block !important;
        z-index: 9999999999999;
        border: 0 !important;
        border-left: 1px solid #613842 !important;
        border-right: 1px solid #613842 !important;
    }

    .daterangepicker:after {
        content: "";
        display: block;
        height: 79px;
        width: 352px;
        position: absolute;
        top: -87px !important;
        border: 1px solid #613842 !important;
        border-bottom: 0 !important;
        z-index: -4;
    }

    .daterangepicker:after,
    .daterangepicker:before {
        left: 124px !important;
    }

    .daterangepicker {
        border-radius: 0px;
        margin-left: -147px;
        margin-top: 18px;
        border-top: 1px solid #613842 !important;
        border: 0px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .about-img2 img {
        height: 525px;
    }

    .conimg-hgt {
        height: 1005px;
    }

    .sidecontact-img {
        height: 860px;
    }

    .aimg1 {
        padding-left: 3px;
    }

    .payment-padding {
        padding-left: 60px;
    }

    .business-flex flexp {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width:1025px) {
    .w-hotel {
        width: 43%;
    }

    .sa-pb2 {
        position: absolute;
        bottom: 30px;
        left: 10px;
        font-size: 11px;
    }

    .sa-pb3 {
        position: absolute;
        bottom: 9px;
        left: 10px;
        font-size: 11px;
    }
}


/*----------------------------------------------------------------------------------------------*/

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .booking-col2 {
        max-width: 87%;
    }

    .st1 {
        width: 127.5px;
    }

    .progressbar p {
        margin-bottom: 0;
    }

    .user-profile-img {
        margin-top: 6px;
    }

    .mount-row .col1 {
        width: 270px;
        margin-right: 24px;
    }

    .mount-row .col2 {
        width: 215px;
        flex: 0 0 215px;
        margin-right: 24px;
    }

    .mount-row .col3 {
        width: 105px;
        flex: 0 0 105px;
        margin-right: 24px;
    }

    .mount-row .col4 {
        width: 128px;
        flex: 0 0 128px;
        margin-right: 24px;
    }

    .mount-row .col5 {
        width: 100px;
        flex: 0 0 100px;
    }

    .sa-card {
        min-width: 913px;
        max-width: 1074px;
        margin-left: -9px;
    }

    .discover-by-countries-div {
        width: calc(100% + 10px);
    }

    .luxury-title h2 {
        margin-top: 17px;
    }

    .countries-slick .prev-arrow,
    .countries-slick .next-arrow {
        left: -94px;
    }

    .w-hotel {
        width: 28%;
    }

    .daterangepicker:after {
        width: 262px;
        top: -87px !IMPORTANT;
        left: 206px !IMPORTANT;
    }

    .daterangepicker:before {
        width: 262px;
        left: 206px !important;
    }

    .pd-right {
        padding-left: 4px;
    }

    .sa-pd {
        padding-left: 14px;
    }

    .collection-select-div .select2-selection--single {
        padding-left: 7px;
    }

    .sr-nav {
        display: flex;
        align-items: center;
    }

    .reward-details h2 {
        font-size: 41px;
    }

    .about-bg {
        margin-top: -19px;
    }

    .about-title h2 {
        line-height: 41.6px;
        margin-top: 18px;
    }

    .padding-forgot {
        margin-left: 8%;
    }

    .res-imgsab {
        position: absolute;
        top: 6px;
        height: 400px;
        object-fit: cover;
    }

    .login-dec h1 {
        font-size: 42px;
        line-height: 56.6px;
    }

    .coll-imghgt img {
        /* width: 100%; */
    }

    .footer-ul li a {
        font-size: 13px;
    }

    .exclu-pad {
        padding-bottom: 50px;
    }

    .owlhotel-height {
        height: 614px;
        background-size: cover;
    }

    .contactus-bg {
        height: 389px;
    }

    .bg-faq {
        height: 196px;
    }

    .bg-offer-size {
        height: 195px;
    }

    .collections-bg {
        height: 193px;
    }

    .hotels-bg {
        height: 202px;
    }

    .bg-offer-detail {
        height: 392px;
    }

    .bg-collection {
        height: 394px;
    }

    .sr-cd2 {
        max-width: 495px;
        color: #514641;
        line-height: 24px;
        font-size: 13px;
        margin-top: 10px;
    }

    .account-detail {
        padding-left: 13px;
    }

    .res-contact {
        padding: 12px 24px 12px 24px;
        font-size: 12px;
        width: 193px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .insta-sec1 {
        width: 100%;
        height: 125px;
    }

    .insta-sec {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .col-pd1 {
        padding-left: 56px;
    }

    .go-pd {
        padding: 3px 6px;
        font-size: 10px;
    }

    .contact-details {
        padding: 100px 18px 100px 0px;
    }

    .con-width {
        margin-left: auto;
        max-width: 458px;
    }

    .sa-compliments {
        font-size: var(--font10);
        width: 102px;
    }

    .sa-free {
        font-size: var(--font10);
        width: 125px;
    }

    .sa-stay {
        font-size: var(--font10);
        width: 79px;
    }

    .sa-fb {
        font-size: var(--font10);
        width: 104px;
    }

    .sa-room {
        font-size: var(--font10);
    }

    .sa-card-text {
        font-size: var(--font13);
    }

    .indexowl-padding .owl-stage-outer {
        padding-bottom: 130px !important;
    }

    .indexowl-padding .owl-stage-outer {
        padding-bottom: 130px !important;
    }

    .indexowl3-padding .owl-stage-outer {
        padding-bottom: 130px !important;
    }
}


/*----------------------------------------------------------------------------------------------*/

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


/*----------------------------------------------------------------------------------------------*/

@media screen and (min-width: 768px) and (max-width: 991px) {
    .res-check-hoteldetail {
        width: 50% !important;
        min-width: 321px !important;
    }

    /* .daterangepicker:before {
        width: 325px;
        left: 20px !important;
    }
    .daterangepicker:after {
        content: "";
        display: block;
        height: 79px;
        width: 325px;
        position: absolute;
        top: -87px !IMPORTANT;
        left: 20px !IMPORTANT;
        border: 1px solid #613842 !important;
        border-bottom: 0 !important;
        z-index: -4;
    } */
    .res-mb-30 {
        margin-bottom: 30px !important;
    }

    .new-img-section li img {
        height: 100px;
    }

    .peni-details h2 {
        font-size: 38px;
        line-height: 46.6px;
    }

    .shangri-div .col1 {
        margin-right: 60px;
    }

    .res-coll-text {
        font-size: 22px;
        line-height: 35px !important;
    }

    .contact-mtminus {
        margin-top: -189px;
    }

    .collection-select-div {
        max-width: initial;
    }

    .discover-by-countries-div {
        width: calc(100% + 10px);
    }

    .home-logo-item {
        width: 184px;
        height: 150px;
    }

    .countries-slick .prev-arrow,
    .countries-slick .next-arrow {
        left: -92px;
    }

    .sa-bor-check {
        border-right: 0px;
    }

    .res-search {
        width: 100%;
    }

    .mount-row .small {
        line-height: 14px;
        font-size: 12px;
    }

    .width-popup.res-mt {
        margin-left: initial;
        width: 100%;
    }

    .mount-row h6 {
        font-size: 12px;
    }

    .hgt-colldetails {
        height: 16px !important;
    }

    .res-card15px {
        padding: 15px !important;
        ;
    }

    .luxury-title h2 {
        line-height: 40px;
        margin-top: 18px;
    }

    .sa-card {
        min-width: 640px;
        max-width: 654px;
    }

    .flex-wrap-res {
        flex-wrap: wrap;
    }

    .about-title h2 {
        line-height: 41.6px;
        margin-top: 13px;
    }

    .sr-pre-padding {
        padding: 41px 0px !important;
    }

    .sr-nav {
        display: flex;
        align-items: center;
    }

    .user-name {
        min-width: 108px;
    }

    .res-fill-end {
        justify-content: end;
    }

    .user-profile-img {
        margin-top: 3px;
    }

    .res-flex-user {
        display: flex !important;
        align-items: center;
        justify-content: end;
        flex-direction: column;
    }

    .container.sa-con {
        max-width: 766px;
    }

    .reward-details h2 {
        font-size: 30px;
        line-height: 49.6px;
    }

    .about-bg {
        margin-top: 0px;
    }

    .login-dec h1 {
        font-size: 31px;
        line-height: 41.6px;
    }

    .res-imgsab {
        height: 414px;
        object-fit: cover;
    }

    .login-dec {
        padding-right: 0%;
    }

    .res-con-pd {
        padding: 50px 0px 50px;
    }

    .coll-imghgt img {
        /* width: 100%; */
    }

    .bg-collection {
        height: 292px;
    }

    .backhgt-contact {
        height: 293px;
    }

    .contactus-bg {
        height: 293px;
    }

    .bg-faq {
        height: 220px;
    }

    .sr-cd2 {
        max-width: 495px;
        color: #514641;
        line-height: 24px;
        font-size: 13px;
        margin-top: 10px;
    }

    .resbg-offer {
        position: relative;
        height: 320px;
        background-size: cover;
    }

    .create-bright {
        position: absolute;
        right: 9px;
        bottom: 14px;
        font-size: 8px;
    }

    .mt-180px {
        margin-top: 98px !important;
    }

    .letus-color h3 {
        line-height: 39.6px;
    }

    .sa-form {
        border: 0px;
        border-radius: 0px;
        font-size: var(--font10);
    }

    .genuine-pd2 {
        padding: 107px 4px 100px 0px;
    }

    select.form-control.fs-border {
        border: 0px;
        font-size: revert;
        padding: 0px;
        font-size: var(--font10);
        margin-top: -3px;
    }

    .sa-compliments {
        font-size: var(--font10);
        width: 109px;
    }

    .sa-free {
        font-size: var(--font10);
        width: 128px;
    }

    .sa-stay {
        font-size: var(--font10);
        width: 79px;
    }

    .sa-fb {
        font-size: var(--font10);
        width: 108px;
    }

    .sa-room {
        font-size: var(--font10);
    }

    .stay-ml {
        margin-left: 33vw;
    }

    .what-ml {
        margin-left: 33vw;
    }

    .owlhotel-height {
        height: 650px;
    }

    .contact-details p {
        font-size: 13px !important;
        max-width: 263px;
    }

    .contact-details {
        padding: 100px 2px 100px 20px;
    }

    .singapure-detail {
        font-size: 13px !important;
        max-width: 263px;
    }

    .hongkong-detail {
        max-width: 263px !important;
        font-size: 13px !important;
    }

    .padding-forgot {
        margin-left: 0%;
    }

    .res-afn {
        font-size: 31px;
    }

    .conimg-hgt {
        height: 942px;
    }

    .sidecontact-img {
        height: 920px;
    }

    .contact-details {
        padding: 100px 18px 100px 20px;
    }

    .f-mar {
        margin-top: 51px;
    }

    .go-pd {
        padding: 6px 7px;
        font-size: 8px;
    }

    .w-hotel {
        width: 37%;
    }

    .res-w-hotel,
    .res-checkinout {
        width: 50%;
    }

    .col-pd1 {
        padding-left: 15px;
    }

    .footer-btn {
        font-size: 8px !important;
    }

    footer {
        font-size: 10px;
    }

    .about-img2 img {
        height: 391px;
        object-fit: cover;
    }

    .info-title p {
        color: #645954;
        font-size: 10px;
    }

    .info-title .about-text {
        font-size: 13px;
    }

    .preferred-title {
        padding-top: 0px !important;
    }

    .about-secimg img {
        height: 302px;
    }

    .about-secimg {
        position: relative;
        top: 41px;
    }

    .exclusive-padding,
    .preferred-padding {
        padding: 38px 0px;
    }

    .exclu-pad {
        padding-top: 0px;
    }

    .aimg1 {
        height: 329px;
        width: 72%;
        margin-right: 0px;
        padding-left: 7px;
    }

    .res-genuine-pd {
        padding: 88px 13px 40px !important;
    }

    .letus-color h3 {
        color: #613842;
        font-family: 'NocturneSerif-Regular';
        font-size: 26px;
    }

    .aimg2 {
        width: 64%;
        padding-left: 0px !important;
        height: 329px;
        background-size: cover;
    }

    .payment-padding {
        padding-left: 16px;
    }

    .aimg3 {
        height: 361px;
        object-fit: cover;
    }

    .footer-btn {
        font-size: 8px;
    }

    .sa-card-text {
        font-size: 10px;
    }

    .hoesa {
        font-size: 11px;
    }

    .sa-camp {
        font-size: 11px;
    }

    footer {
        font-size: 10px;
    }

    .sr-res-pro {
        flex-direction: column;
        align-items: center;
    }

    .fully-detail {
        padding: 100px 23px;
    }

    .fully-img {
        margin-bottom: 20px;
        width: 100%;
    }

    .genuine-pd {
        padding: 78px 13px;
    }

    .account-detail h3 {
        font-size: 23px;
    }

    .sa-pos1 {
        padding: 10px 0px;
    }

    .insta-sec1 {
        width: 100%;
        height: 125px;
    }

    .insta-sec {
        background-size: cover;
        background-repeat: no-repeat;
        height: 125px;
    }

    .coll-width {
        width: 100%;
    }

    .sa-pd1 {
        padding-left: 11px;
    }

    .hongkong-detail {
        max-width: 302px;
    }

    .singapure-detail {
        max-width: 302px;
    }

    .business {
        max-width: 302px;
    }

    .res-logo {
        width: 100%;
    }

    .card-hover {
        padding: 1.25rem;
        background-color: #ffffff;
        height: 275px !important;
        width: 100%;
        white-space: normal;
    }

    .sa-pb2 {
        position: absolute;
        bottom: 30px;
        left: 10px;
        font-size: 11px;
    }

    .sa-pb3 {
        position: absolute;
        bottom: 9px;
        left: 10px;
        font-size: 11px;
    }

    .thumb-carousel .owl-next img {
        margin-left: 16px;
    }

    .thumb-carousel .owl-prev img {
        margin-left: 16px;
    }

    .bg-img1 {
        height: auto;
    }

    .img-sec1 p {
        font-size: 14px !important;
    }

    .lim-model-offer {
        color: #613842;
        line-height: 38px;
        font-family: 'NocturneSerif-Regular';
        font-size: 34px;
    }

    .sa-pr {
        padding-right: 0;
    }

    .pl-res {
        padding-left: 15px;
    }

    .progressbar p {
        color: #613842;
        font-size: 14px;
        margin-bottom: 0;
    }

    .st1 {
        width: 90px;
        margin: 0 20px;
        /* width: 102px; */
        /* margin-top: -4px; */
    }

    .booking-col2 {
        max-width: 97%;
    }

    .order-room {
        background-size: 100% 100% !important;
    }

    .sr-mob-pad {
        margin-top: 10px;
        font-size: var(--font12);
        display: flex;
        align-items: center;
    }

    .mount-row .col1 {
        width: 33%;
        margin-right: 10px;
        order: 1;
    }

    .mount-row .col1 img {
        max-width: 100%;
        height: 176px;
    }

    .mount-row .col2 {
        margin-right: 10px;
        width: 20%;
        flex: 0 0 20%;
        order: 2;
    }

    .mount-row .col3 {
        margin-right: 10px;
        width: 14%;
        flex: 0 0 14%;
        order: 3;
    }

    .mount-row .col5 {
        order: 5;
        width: auto;
        flex: 1;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .mount-row .col4 {
        order: 4;
        width: 15%;
        flex: 0 0 15%;
        margin-right: 0;
    }

    .mount-row img {
        max-width: 100%;
    }
}


/*----------------------------------------------------------------------------------------------*/

@media (max-width: 767px) {
    .step {
        width: 20px;
        height: 20px;
    }

    .order-room {
        background-size: 100% 100% !important;
    }

    .booking-col1 {
        max-width: 100%;
        margin-right: 0px;
    }

    .res-pt-90 {
        padding-top: 80px;
    }

    .progressbar {
        margin-bottom: 20px;
    }

    .sa-pr {
        margin-right: 0;
    }

    .booking-col2 {
        max-width: 100%;
    }

    .current-offers-row .sa-stay {
        width: 100%;
    }

    .res-ml-none {
        margin-left: 0px !important;
    }

    .mt-collection {
        
        text-align: center;
        margin-bottom: 0px !important;
    }

    .address-mobile-bold {
        font-size: 21px;
        margin-bottom: 10px !important;
        font-weight: 800;
    }

    .res-coll-text {
        font-size: 31px;
        line-height: 40px;
        margin-top: 24px;
    }

    .footer-owl .owl-stage-outer{
        margin: 0;
    }

    .footer-owl .owl-stage-outer .owl-stage {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-owl.owl-carousel .owl-stage{
        display: flex;
        align-items: center;
    }
    .footer-owl.owl-carousel .owl-item{
        float: none;
    }

    .footer-owl-img1 .owl-dots {
        flex-wrap: wrap;
    }

    .about-bg {
        margin-top: -0px;
    }

    .res-con-pd {
        padding: 50px 0px;
    }

    .intriq-payment-box .mt-180px {
        margin-top: 98px;
    }

    .sidecontact-img {
        height: 25vh;
    }

    .flex-col-sign {
        flex-direction: column;
    }

    .login-dec h1 {
        font-size: 27px;
        line-height: 40.6px;
    }

    .login-lst-text {
        font-size: 11px;
        bottom: 20px;
        right: 33px;
        line-height: 13px;
    }

    .first-last-row .remove-row-btn {
        position: inherit;
        margin-left: 15px;
    }

    .mount-row>div {
        margin-right: 15px !important;
        margin-bottom: 15px;
    }

    .mount-row .col1 img,
    .mount-row .col1 {
        width: 100%;
        flex: 0 0 100%;
        margin-right: 0;
    }

    .sa-compliments {
        font-size: var(--font10);
        width: 109px;
    }

    .resbg-offer {
        height: 155px;
        background-size: cover;
    }

    .card-top {
        position: relative;
        top: -31px;
    }

    .genuine-pd2 {
        padding: 107px 0px 100px 0px;
    }

    .check-large {
        width: 44px;
        height: 25px;
    }

    .owl-margin1 {
        padding: 15px;
    }

    .collection-bright {
        font-size: var(--font10);
    }

    .row-aboutres {
        display: flex;
        flex-direction: column-reverse;
    }

    .sa-free {
        font-size: var(--font10);
        width: 128px;
    }

    .sa-stay {
        font-size: var(--font10);
        width: 79px;
    }

    .sa-fb {
        font-size: var(--font10);
        width: auto;
    }

    .sa-room {
        font-size: var(--font10);
    }

    .luxury-des p {
        color: #514641;
        font-size: var(--font12);
        line-height: 24px;
    }

    .luxury-title h2 {
        font-size: var(--font30);
    }

    .owlhotel-height {
        height: 350px;
        background-size: cover;
        padding-top: 20px;
        background-position: center;
    }

    /*menu mobile view header*/
    .sr-menu-end {
        display: flex;
        justify-content: flex-end;
    }

    .sr-sign-in {
        padding-right: 10px;
        font-size: 23px;
        color: #ffffff;
    }

    .fs-23 {
        font-size: 23px;
    }

    .filters-content .grid {
        height: inherit;
    }

    .menu-width {
        width: 100px;
    }

    .menu-desc {
        display: none;
    }

    .menu-mobile {
        display: block;
    }

    .kerry-logo {
        width: 230px !important;
        text-align: left;
        height: 47px;
        display: flex;
    }

    .trade-img {
        display: flex;
        justify-content: flex-start;
    }

    .about-title {
        display: flex;
        justify-content: flex-start;
    }

    .jen-img {
        display: flex;
    }

    .collection-logo1 {
        width: 151px;
        height: 68px;
        object-fit: contain;
    }

    .what-ml,
    .stay-ml {
        margin-left: 15px;
    }

    .indexowl-padding .owl-stage-outer {
        padding-bottom: 0 !important;
    }

    .indexowl2-padding .owl-stage-outer {
        padding-bottom: 120px !important;
    }

    .indexowl3-padding .owl-stage-outer {
        padding-bottom: 120px !important;
    }

    /*end mobile header*/
    .res-margintop {
        margin-top: 40px;
    }

    .mb-0px {
        margin-bottom: 0px !important;
    }

    .checkbox-sign {
        display: flex;
        align-items: end;
    }

    .res-seclogo img {
        margin-bottom: 15px;
    }

    .check-change {
        margin-top: 10px;
    }

    .pl-res {
        padding-left: 10px;
    }

    .sa-pr {
        padding-right: 0px;
    }

    .question-sec {
        padding-bottom: 15px;
    }

    .hotel-imgs {
        object-fit: cover;
        max-width: 203px;
        width: 50%;
    }

    .res-pr {
        padding-right: 8px;
    }

    .width-50 {
        width: 50%;
    }

    .img-section {
        display: flex;
        flex-wrap: wrap;
    }

    .value-center {
        /*text-align: center;*/
        width: 100px;
    }

    .hotel-address {
        flex-direction: column;
    }

    .contact-details p {
        font-size: 14px;
    }

    .padding-forgot {
        margin-left: 0%;
    }

    .res-afn {
        font-size: 34px;
    }

    .contact-details {
        padding: 100px 2px 100px 20px;
    }

    .singapure-detail {
        max-width: 320px;
        font-size: 14px;
    }

    .hongkong-detail {
        max-width: 320px;
        font-size: 14px;
    }

    .business {
        max-width: 320px;
        font-size: 14px;
    }

    img.pr-5px {
        padding-right: 0px;
    }

    img.pl-5px {
        padding-left: 0px;
    }

    img.pl-3px {
        padding-left: 0px;
    }

    .f-mar {
        margin-top: 43px;
    }

    .hotels-under {
        padding: 0 0px 70px;
    }

    .col-pd1 {
        padding-left: 15px;
        padding-top: 7px;
    }

    .res-alert {
        margin-top: 10px;
        flex-wrap: wrap;
    }

    .sa-mtmb {
        margin-top: 110px;
        margin-bottom: -23px;
    }

    .sa-mtmb2 {
        margin-top: 0px;
        margin-bottom: 60px;
    }

    .d-advance {
        margin-top: 0px;
        display: flex;
        justify-content: flex-start;
    }

    .section.portfolio .filters ul li.active:after {
        width: calc(100% - 6px);
    }

    .filters li {
        font-size: 10px;
    }

    .section.portfolio .filters ul li {
        padding: 3px 6px;
    }

    .filters {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .f-order1 {
        order: 1;
    }

    .f-order2 {
        order: 2;
    }

    .f-order3 {
        order: 3;
    }

    .f-order4 {
        order: 4;
    }

    .f-order5 {
        order: 5;
    }

    .res-ml {
        margin-left: 68px;
    }

    .nav-bgcolor {
        height: 830px;
        min-height: 665px;
        max-height: 830px;
    }

    .sa-pos1 {
        padding: 10px 0px;
    }

    .card-hover {
        padding: 1.25rem;
        background-color: #ffffff;
        height: 275px !important;
        width: 100%;
        white-space: no-wrap;
    }

    .index-bright {
        position: absolute;
        bottom: 24px;
        right: 20px;
        font-size: var(--font14);
    }

    .mobile-pd {
        padding: 0px 10px !important;
    }

    .bg-img1 {
        background-image: url(../images/img-about-home-hero.png);
        height: 950px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .insta-sec {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .res-aureum {
        padding-right: 10px;
        font-size: 10px;
        padding-bottom: 10px;
    }

    .insta-sec1 {
        background-size: cover;
        background-repeat: no-repeat;
        height: 125px;
        width: 100%;
    }

    .countries-slick .prev-arrow,
    .countries-slick .next-arrow {
        left: -97px;
    }

    .flex-wrap-res {
        flex-wrap: wrap;
    }

    .width-popup {
        width: 100%;
    }

    .width-check {
        width: 100%;
        max-width: 100%;
    }

    #select2-cmbIdioma-results:after {
        display: none;
    }

    .select2-open .select2-dropdown {
        width: 317px !important;
    }

    .select2-container--default .select2-results>.select2-results__options {
        padding-top: 0;
    }

    .guests-open .guests-form-group {
        border: 1px solid #613842;
    }

    .home-logo-item img {
        height: 142px;
        object-fit: contain;
    }

    .home-logo-item {
        width: 100%;
        height: 142px;
    }

    .light-graybg .mtop5px {
        margin-top: 50px;
    }

    .sa-cardbody {
        padding: 9px !important;
    }

    .res-mdcol-padding {
        padding: 0px;
    }

    .hotels-under-title {
        margin-bottom: 40px;
    }

    .res-fg {
        border: 0px;
    }

    .res-mt {
        margin-top: 10px;
    }

    .letus-color h3 {
        font-size: 23px;
        line-height: 37.6px;
    }

    .exclusive-padding {
        padding: 80px 0px 40px;
    }

    .d-accorfaq {
        display: flex;
        flex-wrap: wrap;
    }

    .preferred-title {
        padding-top: 0px !important;
    }

    .about-title h2 {
        line-height: 45.6px;
        font-size: 26px;
    }

    .reward-details h2 {
        font-size: 22px;
        line-height: 32px;
    }

    /*.r-center .col-md-6, .col-md-12{
        padding: 0px;
    }*/
    .btn-white {
        line-height: 19px;
        font-size: 12px;
    }

    .res-pd-signs {
        padding: 0px;
    }

    .res-captcha {
        margin-top: 10px;
    }

    .create-bright {
        right: 29px;
        bottom: 34px;
        font-size: 12px;
    }

    .payment-padding {
        padding-left: 15px;
    }

    .intriq-payment-box .card {
        width: 100%;
    }

    .intriq-payment-box {
        padding-right: 15px;
    }

    .intriq-payment-box .mt-180px {
        margin-top: 72px;
    }

    .account-detail h3 {
        font-size: 17px;
    }

    .genuine-pd {
        padding: 75px 2px 30px;
    }

    .fully-detail {
        padding: 91px 0px;
    }

    .fully-img {
        margin-bottom: 20px;
        width: 100%;
    }

    .aimg2 {
        height: 172px;
        margin-right: 0px;
    }

    .aimg1 {
        height: 172px;
        margin-right: 0px;
    }

    .aimg3 {
        margin-right: 0px;
    }

    .col-paddright {
        padding-right: 10px;
    }

    .shangri-pd {
        padding-left: 10px;
    }

    .plusminus {
        margin-top: -10px;
    }

    .mt-30px,
    .mb-30px {
        margin-top: 90px;
        margin-bottom: -42px;
    }

    .res-nav-link {
        padding: 9px 4px;
        font-size: 12px;
    }

    .res-btns {
        padding: 6px 5px;
        font-size: 10px;
    }

    .collapse:not(.show) {
        display: block;
    }

    .sr-res-pb {
        padding-bottom: 10px;
    }

    .hotel-owl h3 {
        font-family: 'NocturneSerif-Regular';
        font-size: 15px;
    }

    .hotel-owl h1 {
        font-size: 20px;
        margin-bottom: 6px !important;
    }

    .main-sec {
        margin: 20px;
    }

    .f-up {
        margin-bottom: 5px !important;
        margin-top: 20px;
    }

    .ftr-lst-sec {
        justify-content: space-between;
    }

    .copyright {
        display: flex;
        justify-content: center;
        font-family: 'inter-Regular';
        margin-top: 13px;
    }

    .sr-res-none {
        display: none;
    }

    .intr {
        padding: 8px;
    }

    .intr p {
        letter-spacing: 3px;
        font-size: 13px;
    }

    .st1 {
        width: 2px;
        height: 30px;
    }

    .st2-mobile {
        /* margin-bottom: 18px;
        margin-top: 18px;
        position: relative;
        left: -165px; */
        margin-bottom: 0px;
        margin-top: 0px;
        position: relative;
        left: -164px;
    }

    .st1-mobile {
        /* margin-bottom: 20px;
            margin-top: 18px;
            position: relative;
            left: -121px; */
        margin-bottom: 0px;
        margin-top: 0px;
        position: relative;
        left: -118px;
    }

    .progressbar li {
        list-style: none;
        display: flex;
        cursor: pointer;
        margin: 15px 0;
    }

    .main-owl .owl-nav button.owl-next {
        margin-right: -22px;
    }

    .main-owl .owl-nav button.owl-prev {
        margin-left: -8px;
    }

    .footer-owl-img1 .owl-item img {
        width: 100%;
    }

    .discover-by-countries-div {
        /* padding-left: 228px; */
        width: 100%;
        /* padding: 15px; */
    }

    .owl-margin {
        margin: 0px 15px;
    }

    span.sa-pb2,
    span.sa-pb3 {
        font-size: 14px;
    }

    .margin-card1 {
        /* margin-right: -50px; */
        width: 100%;
        padding: 0 15px;
    }

    .sa-card {
        width: 335px;
        max-width: 335px;
        min-width: 335px;
    }

    .daterangepicker-open .checkin-out {
        border: 1px solid #613842;
    }

    .checkin-out {
        width: 100%;
    }

    .sa-cardbody .sa-nav-tabs {
        margin-bottom: 0px !important;
    }

    .checkin-out .sa-fg {
        width: 50%;
    }

    .sa-fg,
    .w-hotel {
        padding-top: 10px;
        padding-left: 6px;
    }

    .checkin-out .form-group.sa-fg.res-fg.sa-pd.mb-0 {
        padding-left: 14px;
    }

    .collection-select-div {
        padding-left: 6px;
        min-height: 74px;
    }

    .checkin-out div:first-child:after {
        height: 100%;
    }

    .sa-fg {
        border: 0;
    }

    .form-hght {
        margin-bottom: 0;
    }

    .hotel-offerbg {
        top: 0;
        margin: 20px auto;
        padding: 0 10px;
    }

    .hero-slick .slide-arrow {
        display: none !important;
    }

    .owl-section {
        margin-top: 0;
    }

    .btn-offerbrown,
    .btn-offerbrown:active,
    .btn-offerbrown:hover {
        padding: 10px 20px;
    }

    .btn-browndark,
    .btn-browndark:hover,
    .btn-browndark:active {
        font-size: 16px;
        line-height: 1;
        padding: 14px;
    }

    .collection-select-div .select2-selection.select2-selection--single {
        padding-left: 0;
    }

    .hotel-offerbg .container {
        padding-left: 0;
        padding-right: 0;
    }

    .daterangepicker {
        margin-left: -7px;
        width: 317px;
        padding-right: 20px;
        border: 1px solid #613842 !important;
        margin-top: -1px;
        border-top: 0 !important;
    }

    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        min-width: 30px;
        width: 30px;
        line-height: 15px;
        font-size: 10px;
        height: 30px;
    }

    .daterangepicker .drp-calendar.left {
        padding-bottom: 0;
    }

    .daterangepicker.show-calendar .drp-buttons {
        padding-bottom: 10px;
    }

    .daterangepicker:before {
        display: none !important;
    }

    .daterangepicker:after {
        display: none;
    }

    .guests-open .guests-form-group:before {
        display: none;
    }

    .guests-dropdown {
        z-index: 5;
        width: calc(100% + 2px);
        left: -1px;
        border: 1px solid #613842;
        margin-top: -1px;
        border-top: 0;
    }

    .luxury-des p:last-child {
        margin-bottom: 0;
    }

    .sa-luxury .luxury-des {
        margin-bottom: 0 !important;
    }

    .mtop5px {
        margin-top: 50px;
    }

    .mtop5px .luxury-title h2 {
        margin-bottom: 0;
    }

    .section-carousel .owl-dots button.owl-dot,
    .footer-owl-img1 .owl-dots button.owl-dot,
    .footer-owl .owl-dots button.owl-dot {
        height: 6px;
        width: 6px;
        margin: 6px;
    }

    .index-pd {
        padding: 40px 0px 10px;
    }

    .mb-100 {
        margin-bottom: 60px;
    }

    .card-img1 {
        height: 283px !important;
    }

    .card-color1 {
        height: auto !important;
    }

    .footer-logo-item {
        width: auto;
        height: auto;
    }

    .footer-owl {
        padding: 20px 0 40px;
    }

    footer {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .menu-group {
        margin-left: 10px;
    }

    .menu-line,
    .menu-line1 {
        width: 30px;
    }

    .sub-txt {
        font-size: 24px;
        margin-bottom: 20px !important;
    }

    .ad-filter {
        padding-bottom: 0;
    }

    .nav-bgcolor .nav-title .fn-intriq {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .nav-bgcolor #main-menu-btn-close {
        margin-top: 34px !IMPORTANT;
    }

    .nav-bgcolor .col-md-12:nth-child(1) .nav-main {
        margin-bottom: 0;
    }

    .nav-main .sr-white,
    .ul-stylenone li a {
        margin-bottom: 10px;
        margin-top: 0 !important;
    }

    .ul-none:first-child {
        margin-bottom: 0;
    }

    .nav-main {
        margin-top: 20px !important;
    }

    .about-mbmt li {
        margin-top: 20px;
    }

    .nav-bgcolor {
        padding-bottom: 30px;
    }

    ul.ul-none.about-mbmt {
        margin-top: 10px;
    }

    .res-d-block-remove {
        display: none !important;
    }

    .res-flex-user {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .user-widths {
        width: 135px;
    }

    .user-count2 {
        margin-top: 0px !important;
    }

    .res-fill-end {
        align-items: center;
        justify-content: end;
        margin-right: 9px;
    }

    .hover-menu-main {
        left: -15px !important;
    }

    .hover-menu-ul {
        min-width: max-content;
    }

    .hotel-col-one,
    .hotel-col-two {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .res-orders-2 {
        order: 2;
    }

    .res-orders-1 {
        order: 1;
    }

    .res-orders-3 {
        order: 3;
    }

    .res-orders-4 {
        order: 4;
    }

    .res-address-center {
        /*text-align: center;*/
    }

    /* .res-pd-6 {
        padding: 0 10px;
    } */
    .row-res-img {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }

    .special-text .res-pl-ullist {
        padding-left: 10px !important;
    }

    .d-none-mob-owl {
        display: none;
    }

    .dek-none-img-slider {
        display: block;
    }
}

@media only screen and (max-width: 576px) {
    .color75 {
        font-size: 12px;
    }

    .login-bg {
        height: max-content;
    }

    .fotgot-bg {
        height: 100vh;
    }

    .whitebtn {
        border: 1px solid #DDDCD7;
        background: #ffffff;
        color: #736660;
        border-radius: 0px;
        font-size: 12px;
        padding: 6px 6px;
        font-family: 'Inter-Normal';
    }

    .sr-mob-pad {
        margin-top: 10px;
    }

    .thumb-carousel2 .owl-prev img {
        display: none;
    }

    .thumb-carousel2 .owl-next img {
        display: none;
    }

    .lim-offer {
        color: #613842;
        line-height: 37px;
        font-family: 'NocturneSerif-Regular';
        font-size: 27px;
    }

    .sr-card-top {
        margin-top: 0;
    }

    .owl-margin1 {
        margin-left: 0px;
    }

    .sr-minus {
        margin-top: -70px;
        margin-bottom: 10px;
    }

    .lim-model-offer {
        color: #613842;
        line-height: 30px;
        font-family: 'NocturneSerif-Regular';
        font-size: 17px;
    }
}


/*----------------------------------------------------------------------------------------------*/

@media screen and (min-width: 320px) and (max-width:374px) {
    .nextbtns {
        width: 147px;
        margin-bottom: 30px !important;
    }

    .p-font1 {
        font-size: 12px;
    }

    .fn-forgot {
        font-size: 12px;
    }

    .login-bg {
        height: max-content;
    }

    .fotgot-bg {
        height: max-content;
    }

    .footer-btn {
        font-size: 10px;
    }

    .intr p {
        letter-spacing: 1px;
        font-size: 9px;
    }

    .contact-details p {
        font-size: 12px;
        max-width: 263px;
    }

    .contact-details {
        padding: 100px 2px 100px 20px;
    }

    .singapure-detail {
        font-size: 12px;
        max-width: 263px;
    }

    .hongkong-detail {
        max-width: 263px;
        font-size: 12px;
    }

    .res-pt-90 {
        padding-top: 65px;
    }
}

@media screen and (max-width :321px) {
    .contact-details p {
        font-size: 12px !important;
        max-width: 263px;
    }

    .contact-details {
        padding: 100px 2px 100px 20px;
    }

    .singapure-detail {
        font-size: 12px !important;
        max-width: 263px;
    }

    .hongkong-detail {
        max-width: 263px !important;
        font-size: 12px !important;
    }

    .index-bright {
        position: absolute;
        bottom: 24px;
        right: 9px;
        font-size: var(--font12);
    }
}

@media screen and (max-width: 767px){
    ul.newul.ul-none.nav-li {
        padding: 0;
    }
    
    .newul.ul-none li {
        flex: 0 0 45%;
        margin-right: 5%;
    }
    
    
    ul.ul-none.about-mbmt {
        text-align: center;
        margin-left: 0;
    }

    /*.mount-row .col3 {
        display: none;
    }*/
    
    .mount-row .col4,.mount-row .col2,.mount-row .col3 {
        width: 50px;
        flex: 0 0 50%;
        margin: 0 !important;
    }
    .mount-row .col2{
        padding-bottom: 80px;
    }
    .mount-row .col2 .amenitieul,.mount-row .col2 .small:not(:first-child){
        display: none;
    }
    .mount-row .col3 {
        order: 3;
        margin-top: -66px !important;
    }


    
    .mount-row .col4 {
        padding-left: 15px;
        border-left: 1px dotted #ccc;
        text-align: center;
    }
    
    .mount-row .col5 {
        width: 100%;
        flex: 0 0 100%;
        margin-top: 16px;
        order: 4
    }
    
    .mount-row .col5 .btn.btn-primary {
        width: 100%;
    }

    .fix-search.active{
        position: static;
    }
    
    .search-collection .form-group{
        margin: 0;
        max-width: calc(100% - 100px);
    }
    .search-collection .width-popup{
        width: 100px;
    }

    .search-collection .search-btn {
        padding: 13px 20px !important;
    }

    p.lorem-length {
        padding: 0;
    }

    .shangri-detail h1 {
        line-height: 1.2;
    }


    .peni-details h2 {
        font-size: 28px;
        line-height: 1.2;
    }
    
    .res-address-center,.collection-img {
        width: 49%;
    }
    
    .hotel-col-two {
        display: flex;
        align-items: start;
    }
    
    .mt-collection {
        margin: 0 0 12px !important;
    }
    
    .guests-form-group,.guests-form-group + .form-group {flex: 0 0 50%;}
    
    .address-mobile-bold {
        font-size: 18px;
        text-align: left;
    }
    
    .deluxe-double-row .des-text {
        margin-bottom: 0 !important;
    }
    .checkin-out div:first-child:after{
        display: none;
    }
    .hoteldetail-bg .checkin-out {
        min-width: 100%;
    }
    .hoteldetail-bg .checkin-out {
        min-width: 100%;
    }
    
    .tick_box {
        row-gap: 16px;
    }
    
    .tick_box [class*="col-"]:nth-last-child(2), .tick_box [class*="col-"]:nth-last-child(4) {
        flex: 0 0 50%;
    }
    
    .tick_box [class*="col-"]:first-child {
        margin-bottom: 16px !important;
    }
    .tick_box [class*="col-"]:nth-child(2),.tick_box [class*="col-"]:nth-child(4) {
        flex: 0 0 50%;
    }
    
    .tick_box [class*="col-"]:nth-child(3) {
        order: 1;
    }
    
    .tick_box [class*="col-"]:last-child,.tick_box [class*="col-"]:nth-last-child(2) {
        order: 4;
    }
    
    .collection-img {
        padding-left: 16px;
    }
    
    .bg-hoteldetail {
        margin-top: 56px;
        height: 66vw;
    }

    section.intriq-title-hero {
        margin-top: 56px;
    }
    
    section.intriq-title-hero img {
        height: 50vw;
        object-fit: cover;
        object-position: center;
    }
    
    .about-padding {
        padding: 40px 0;
    }
    
    .about-info {
        padding: 40px 0;
    }
    
    .exclu-pad {
        padding-top: 0;
    }

    section.contactus-bg {
        height: 50vw;
        margin-top: 56px;
    }
    
    .conimg-hgt {
        height: 110vw;
        background-position: center;
    }

    .indexowl-padding {
        height: auto;
    }

    .card-color .absolute {
        display: block;
        margin-top: 15px;
    }
    
    .card.card-color {
        background: #fff;
    }
    .section-carousel .owl-dots{
        position: static;
    }

    div.fix-search.res-mdcol-padding-saerch-box {
        position: static;
        padding: 0;
        z-index: 1;
    }
    
    div.heightidv:not(.acc) {
        display: none;
    }
    
    .hotel_count:not(.acc) {
        margin: 0;
    }
    
    p.color51.fn-13.fn-hotel.mb-8px.hotel_count {}
    
    section.collection-top.mt-4 {
        position: static;
        margin-bottom: 1.5rem;
        z-index: 1;
    }
    
    .contact-minus-new:not(.acc) {
        margin: 0;
    }
    
}

/*}

}

}

}*/