@media (max-width:1920px) {
    .footer-address li:first-child a {
        width: 60%;
    }

    .lb-dataContainer {
        top: -200px !important;
    }
}


@media(max-width:1399px) {
    .booking-steps {
        padding: 30px 0;
    }

    .logo img {
        width: 250px !important;
    }

    .foe-banner-content h1 {
        font-size: 50px;

    }

    .footer-address li:first-child a {
        width: 75%;
    }

    /* rooms */
    .rooms-book-now.room-foe-book-now {
        width: 100%;
    }

    .rooms-book-now a {
        width: 60%;
    }

    /* booking-page-css-start  */
    .booking-cart {
        padding: 20px 15px;
    }

    .booking-cart-img-title h5 {
        font-size: 16px;
    }

    .booking-date i {
        font-size: 14px;
    }

    .booking-date-gest-room li {
        font-size: 14px;
    }

    .booking-room-info h5 {
        font-size: 20px;
    }

    .booking-room-info li {
        font-size: 14px;
    }

    .booking-room-info p {
        font-size: 14px;
    }

    .booking-service-tax-adjustment p {
        font-size: 14px;
    }

    .booking-total-payment-title-price p {
        font-size: 15px;
    }

    /* booking-page-css-end  */
}

@media(max-width:1250px) {
    .ver-2-service-box p {
        color: #142954;
        font-size: 18px;
    }



    .foe-banner-content p {
        font-size: 20px;
    }
}

@media(max-width:1220px) {

    /* ver-2-gallery-star */
    .zoom-img-slider .slick-prev {
        left: 0px;
    }

    .zoom-img-slider .slick-next {
        right: 0px;
    }
}

@media(max-width:1200px) {
    .paymentInner-box {
        margin: 0 15px;
    }

    .form-check {
        padding: 0 15px;
    }

    .step-form .personalInform-inner.complete-booking .row {
        padding-left: 0px;
    }

    .Personal-Information .phone-group {
        width: 100%;
    }


    .paymentInner-box .ewallet-payment .card-box ul {
        grid-template-columns: 1fr 1fr;
    }

    .drag-file-area h3 {
        font-size: 20px;
        margin: 9px 0;
    }

    /* booking-page-css-start */
    .booking-room-box {
        width: 100%;
        max-width: calc(100% - 20px);
        margin: 10px 10px 10px 10px;
    }

    .account-info-box-1 div span {
        width: 45%;
    }

    /* booking-page-css-end */

    .banner-form {
        max-width: 750px !important;
    }

    .footer-gap ul div:nth-child(2) {
        padding-left: 60px;
    }

    /* nav  */
    .navbar-brand {
        width: 20% !important;
    }

    .ver-2-nav {
        width: 85% !important;
    }

    /* services   */
    /* .service-box .service-box-info div div {
        width: 60% !important;
    } */

    /* footer  */
    #r-moblie div:nth-child(3) div {
        padding-left: 0px !important;
    }

    .foe-footer-links h4 {
        font-size: 16px !important;
    }

    .foe-footer-content>span a {
        font-size: 16px !important;
    }

    .foe-footer-links ul li a {
        font-size: 14px !important;
    }

    .foe-footer-content>span+p {
        font-size: 14px !important;
    }

    /* version-2-home-page-css-start******************* */
    /* header  */
    .nav-ver-2 ul {
        width: 75% !important;
    }

    /* about  */
    #ver-2-about-us-boxes h4 {
        font-size: 30px !important;
        line-height: 35px !important;
    }

    .rooms-book-now a {
        width: 65%;
    }

    /* header */
    .foe-nav .nav-item .nav-link {
        padding: 6px 6px !important;
    }

    .navbar-nav.foe-nav {
        width: 100% !important;
    }



    /* / nav  / */
    .navbar-brand {
        width: 20% !important;
    }

    .navbar-nav {
        width: 85% !important;
    }

    /* about-us page */
    .foe-get-inner-boxes {

        padding: 35px 35px 62px 35px;
    }

    /* recent-post-boxes */
    .post-inner-right-box h6 {

        margin-bottom: 2px;
    }

    .post-inner-right-box p {

        margin-bottom: 2px;
    }

    .post-inner-right-box {
        line-height: 14px;
    }

    .post-inner-left-box img {
        height: 85px;
        min-width: 110px;

    }

    .room-single-listing-tabs-box-1 {
        width: 27%;
    }

    .room-single-listing-tabs .tab-content {
        width: 73%;
    }

    /* footer  */
    .left-copy {
        display: block !important;
    }


}

@media (max-width: 1024px) {
    .foe-footer-content>span {
        font-size: 20px;
    }

    .foe-about-us-content {
        padding-left: 20px;
    }

    .account-info span,
    .account-info p {
        font-size: 16px;
    }

    .custom-booking-slip-title {
        font-size: 26px;
    }

}


@media(max-width:991px) {
    .about-main-row {
        box-shadow: unset;
    }
    .zoom-img-slider .owl-nav {
        top: 42%;
    }

    .owl-nav .owl-prev {
        margin-left: -20px;
    }

    .owl-nav .owl-next {
        margin-right: -20px;
    }

    .owl-dots {
        margin-top: -10px;
    }

    .zoom-img-slider .item {
        margin: 0 30px !important;
    }

    .complete-booking label {
        font-size: 16px;
    }

    .email-address {
        margin-top: 32px;
    }

    .right-booking-col {
        margin-top: 30px;
    }

    .Personal-Information div {
        width: 100%;
    }

    .paymentInner-box .ewallet-payment .card-box ul {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .personalInform-inner div .input-group {
        margin-top: 0px !important;
    }

    /* booking-page-css-start */
    .booking-cart {
        margin-bottom: 30px;
    }

    .booking-room-box {
        width: 50%;
        max-width: calc(50% - 20px);
        margin: 10px 10px 10px 10px;
    }

    .booking .row {
        flex-direction: column-reverse;
    }

    .account-info-box-1-block {
        display: block !important;
    }

    .booking-qr p {
        margin-left: 50px;
    }

    /* booking-page-css-end */

    #index-2-banner-form {
        flex-wrap: wrap;
        width: 100%;
    }

    #index-2-banner-form .index-banner-common-date-piker-box {
        width: 49% !important;
        margin-bottom: 0px !important;
    }

    #index-2-banner-form .index-banner-common-date-piker-box div {
        width: 100% !important;
    }

    #index-2-banner-form .index-2-common-select {
        width: 49% !important;
    }

    #index-2-banner-form button {
        width: 100%;
    }

    .banner-form {
        max-width: 500px !important;
    }

    .index-2-common-select {
        margin-bottom: 0px !important;
    }

    .zoom-img-gallery-ul li {
        width: 20%;
    }

    /* footer  */
    /* #r-moblie div:nth-child(4) {
        margin-top: 50px !important;
    } */
    .left-copy {
        display: flex !important;
        justify-content: center;
    }

    .footer-address li:first-child a {
        width: 100%;
    }

    .all-footer-right-copy {
        margin-top: 30px !important;
        justify-content: center !important;
    }

    .foe-footer-links h4 {
        margin-bottom: 12px !important;
    }

    /* navbar  */
    #nav-align {
        align-items: center !important;
        position: relative;
    }

    .mobile-hide-nav-button {
        display: none !important;
    }

    .navbar-collapse ul {
        width: 100% !important;
        margin-top: 30px !important;
    }

    .navbar-collapse ul li {
        margin-bottom: 10px !important;
    }

    .navbar-collapse ul li:nth-child(4) {
        padding-right: 0px !important;
    }

    .mobile-login {
        background: transparent;
        text-align: right;
        display: block !important;
        order: 3;
        position: absolute;
        right: 0;
        padding-right: 20px;
    }

    .mobile-login img {
        filter: brightness(0) saturate(100%) invert(11%) sepia(50%) saturate(2224%) hue-rotate(201deg) brightness(100%) contrast(93%);
    }

    .is-mbl {
        display: block !important;
        width: 30% !important;
        order: 2;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .is-desktop {
        display: none !important;
    }

    /* header  */
    .header-top div div div:nth-child(1) ul li:nth-child(2) {
        margin-left: 36px !important;
    }

    /* service  */
    .service-box {
        width: 25%;
        text-align: center;
        max-width: calc(25% - 10px);
        margin: 5px;
    }

    /* banner  */
    .banner {
        padding: 400px 0px 20px !important;
    }

    .banner form div {
        width: 49%;
        margin-bottom: 10px;
    }

    .banner form div:nth-child(3) {
        width: 100% !important;
    }

    .banner-form form {
        display: flex;
        flex-wrap: wrap;
    }



    .banner-info h3 {
        font-size: 50px !important;
        line-height: 60px !important;
    }

    .banner-info p {
        font-size: 18px !important;
    }

    .banner-info a {
        padding: 10px 20px !important;
    }

    .banner-info h3 span {
        font-size: 50px !important;
    }

    /* about  */
    .about-box-1 div {
        width: 50% !important;
    }

    .about-box-1 h3 {
        line-height: 30px !important;
    }

    /* blog  */
    .blog .card {
        width: 50% !important;
        max-width: calc(50% - 20px) !important;
        margin: 10px !important;
    }

    .blog-seprate-page .main-blog,
    /* .room-saprate-page .main-our-rooms {
         padding-bottom: 70px !important;
     } */

    /* light-box  */
    /* .light-box-slider div {
         width: 33.33%;
         max-width: calc(33.33% - 0px);
     } */

    /* rooms  */
    .our-rooms-head h3::after {
        left: -55px;
    }

    .our-rooms-head h3::before {
        right: -55px;
    }

    .rooms-slider-2 .slick-dots {
        bottom: -70px;
    }

    .rooms-slider-2 .slick-prev {
        /* left: 36%; */
        left: -6%;
    }

    /* .rooms-slider-2 .slick-next {
         right: 38%;
     } */

    /* version-2-home-page-css-start******************* */
    /* header  */
    #ver-2-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 16px !important;
        background: #f9f9f9 !important;
        position: relative !important;
    }

    #header-ver-2-sign-in {
        display: none !important;
    }

    #header-ver-2-sign-in-moblie {
        display: block !important;
        margin-right: 13px !important;
        height: 40px !important;
        width: 40px !important;
    }

    .header-ver-2 {
        width: 100% !important;
        background: transparent !important;
        padding: 0px !important;
    }

    .header-ver-2 .container {
        max-width: 100% !important;
        padding: 0px !important;
    }

    /* nav  */
    .nav-ver-2 {
        display: none !important;
    }

    .ver-2-ofcanvas {
        display: block !important;
        background: #142954 !important;
        color: white !important;
        height: 40px;
        width: 40px;
        font-size: 24px;
        padding: 0px !important;
    }

    #ver-2-ofcanvas-text {
        width: 100% !important;
    }

    #ver-2-ofcanvas-text li {
        margin-right: 0px !important;
        margin-bottom: 15px !important;
    }

    .offcanvas-body-text-full {
        flex-direction: column;
    }

    #ver-2-ofcanvas-text li a {
        position: relative !important;
        color: white;
    }

    #ver-2-ofcanvas-text li a::after {
        content: " ";
        position: absolute !important;
        bottom: 0px;
        left: 0;
        background: white;
        height: 1px;
        width: 0%;
        transition: 0.3s;
    }

    #ver-2-ofcanvas-text li a:hover::after {
        width: 100%;
    }

    #nav-ver-2-nav-button {
        text-align: center;
    }

    .ver-2-ofcanvas-back {
        background: #142954;
    }

    .ver-2-ofcanvas-cross {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(269deg) brightness(103%) contrast(101%);
    }

    .ver-2-ofcanvas-cross button:focus {
        box-shadow: none !important;
    }

    /* .nav-ver-2 .container{padding: 0px !important;}
    .nav-ver-2{ background: #f9f9f9 !important; } 
    .nav-ver-2{ padding: 0px !important;}
    .nav-ver-2 .navbar-toggler{background: #142954 !important; height: 40px !important; width: 40px !important; position: absolute !important; right: 0; }
    .nav-ver-2 .navbar-toggler > .navbar-toggler-icon{filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(0%) hue-rotate(130deg) brightness(106%) contrast(106%) !important;}
    .nav-ver-2 ul li a{color: #142954 !important;} */

    /* version-2-home-page-css-start******************* */

    /* services  */
    .ver-2-service-boxes .ver-2-service-box {
        width: 25% !important;
    }



    /* room-single-listing-strat */
    .room-single-listing-all-box-2 {
        margin: auto;
        margin-top: 30px;
    }

    /* room-single-listing-tabs */
    .room-single-listing-tabs-boxes {
        display: block !important;
    }

    room-single-listing-tabs-box-1room-single-listing-tabs-boxes div:nth-child(1) {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    .room-single-listing-tabs-box-1 button {
        width: 220px !important;
        max-width: calc(220px - 20px);
        margin: 10px !important;
    }

    /* about-us  */
    #ver-2-about-us-boxes {
        gap: 0px !important;
    }

    #ver-2-about-us-boxes h4 {
        margin: 30px 0px 15px !important;
        width: 100% !important;
    }

    .ver-about-img {
        width: 60% !important;
        margin: auto;
    }

    /* commmon  */
    .common-boxes .common-box {
        width: 50%;
        max-width: calc(50% - 20px);
    }

    /* main-service-start  */
    .main-service-boxes .main-service-box {
        width: 50%;
        max-width: calc(50% - 20px);
    }

    .mobile-offcanvas {
        display: block;
    }

    .navbar-toggler-icon.custom {
        width: unset !important;
        height: unset !important;
        background-image: unset !important;
    }

    .foe-offcanvas-btn {
        display: block;
    }

    .foe-about-us-content h4 {
        font-size: 30px;
    }

    .foe-banner-content h1 {
        font-size: 40px;

    }

    .foe-about-us-content.wonder {
        background: #e3e3e3;
        border-radius: 10px;
        padding: 20px;
    }

    .foe-about-us-wonderful {
        background-size: cover;
    }

    .wonder-booking-box {
        margin: 0;
    }

    .wonder-booking-box {
        padding: 25px 25px;
    }

    .foe-about-us-wonderful {
        height: auto;
        padding: 80px 0px;
    }

    .wonder-booking-box h4 {
        line-height: 1.5;
        font-size: 20px;
    }

    .foe-about-us-wonderful {
        margin: 50px 0px;
    }

    .foe-about-us-wonderful .row {
        gap: 16px;
    }

    section.foe-about-us-wonderful .row .col-md-6,
    section.foe-about-us .row .col-md-6 {
        width: 100%;
    }

    .foe-about-us .row {
        gap: 40px;
    }

    .luxari {
        height: 250px;
    }

    /* blog */
    .blog .card {
        width: 33%;
        max-width: calc(33% - 16px);
        margin: 8px;
    }

    .blog .card a img:hover {
        transform: scale(1.1);
        width: 100%;
    }

    .blog .card a {
        overflow: hidden;
        transition: 0.5s all ease-in-out
    }



    /* slider */
    .slick-slide {
        height: auto;
    }

    .room-block {
        height: auto !important;
    }


    .foe-banner .row {
        row-gap: 20px;
    }

    /* who-we-are  */
    .who-we-are .card {
        max-width: calc(50% - 26px);
        margin: 13px;


    }

    /* why choose us */
    .why-chose-us .row>* {
        width: 100% !important;
    }

    .why-chose-us .row {
        row-gap: 20px;
    }

    .why-chose-us .row .col-lg-8 ul {
        margin-top: 15px !important;
    }

    section.why-chose-us.py-5 .row .col-lg-4>div img {
        height: 450px !important
    }

    /* contact-us page */
    .foe-get-tuch .row>.col-md-4 {
        width: 50%;
        margin-bottom: 20px;
    }

    section.foe-contact-us .col-md-7 {
        width: 100%
    }

    section.foe-contact-us .col-md-5 {
        width: 100%
    }

    .foe-contact-us .row {
        row-gap: 30px;
        flex-direction: column-reverse;
    }

    .contact-book-btn {
        margin-top: 20px;
    }

    .contact-content {
        padding-right: 0px;
    }

    /* rooms */
    .rooms-slider-2.foe-room-slider>.slick-next {

        right: -11px !important;

    }

    .rooms-slider-2.foe-room-slider>.slick-prev {

        left: -30px !important;
    }

    .foe-all-info .rooms-mobile-info-box>h5 {

        font-size: 18px !important;
    }

    .foe-banner .col-md-7,
    .foe-banner .col-md-5 {
        width: 100%;
    }

    .foe-banner-content {
        text-align: center;
    }

    .foe-banner-content button.btn.book-btn {
        margin: auto;
    }

    .custom-nav>.container a:nth-child(2) {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .about .col-md-6 {
        width: 100%;
    }



    /* room-single-listing-tabs */
    .room-single-listing-tabs .tab-content {
        width: 100% !important;
        margin-top: 30px;
    }

    .room-single-listing-tabs-box-1 {
        width: 100%;
        flex-direction: initial !important;
    }

    .index-2-d-nine-mobile {
        display: none;
    }

    .index-2-d-block-mobile {
        display: block !important;
    }

    .index-2-ofcanvas {
        font-size: 35px;
        padding: 0px;
        color: #142954;
        border: 0;
    }

    .index-2-d-block-mobile ul li a {
        color: #142954;
        margin-bottom: 15px;
        transition: 0.3s;
    }

    .index-2-d-block-mobile ul li .nav-link.active {
        color: #C77A63;
    }

    .index-2-d-block-mobile ul li a:hover {
        color: #C77A63;
    }

    .index-2-d-block-mobile ul {
        margin-right: 0px !important;
        width: 100% !important;
        margin-bottom: 0px !important;
    }

    .index-2-d-block-mobile ul li {
        margin-right: 0px !important;
    }

    .index-2-d-block-mobile-body {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .common-select .index-2-common-select {
        width: 49%;
    }


}

@media(max-width:768px) {
    .foe-booking-form {
        padding: 10px !important;
    }



    .rooms-book-now a:hover {
        color: white !important;
        background: #142954;
    }

    .ver-2-our-room-box {
        border-radius: 16px !important;
    }

    .ver-2-our-room-images-slider .slick-list {
        border-radius: 14px !important;
    }

    .ver-2-our-room-box div:nth-child(1) img {
        border-radius: 15px;
    }

    .her-to-contact-with-us p {
        padding: 0px 10px;
    }

    #inner-pages-common-space {
        padding-top: 40px !important;
    }

    .gallery-show div {
        display: block !important;
        width: 100% !important;
    }

    .gallery-show-full-width {
        width: 100% !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    /* #main-all-service {
         padding: 30px 0px 20px 0px !important;
     } */

    #service-text-show p {
        display: block !important;
    }

    .view-btn {
        width: 100%;
    }

    .zoom-img-gallery-ul li {
        width: 20%;
    }

    .banner {
        padding: 560px 0px 20px !important;
    }

    .mobile-tab-img-full div:nth-child(1) {
        width: 100%;
    }

    .mobile-tab-img-full div {
        padding: 0px !important;
    }

    .mobile-tab-img-full div:nth-child(2) {
        width: 50%;
    }

    .mobile-tab-img-full div:nth-child(3) {
        width: 50%;
    }

    .mobile-tab-img-full-3 div:nth-child(1) {
        width: 100%;
        padding: 0px;
    }

    .mobile-tab-img-full-3 div a:hover img {
        transform: scale(1.1);
    }

    .mobile-tab-img-full-3 div:nth-child(2) {
        display: flex;
        padding: 0px;
    }

    .mobile-tab-img-full-3 div div {
        width: 50%;
    }

    .mobile-tab-img-full-3 div:nth-child(2) div:nth-child(1) {
        width: 50%;
    }

    #Tab3 .gal-row #mobile-tab-img-full-3 {
        margin-top: 0px !important;
        padding-left: 10px !important;
    }

    .mobile-tab-img-full-2 div:nth-child(3) {
        padding-left: 10px !important;
    }

    #Tab1>.mobile-tab-img-full-1>.gal-box {
        padding: 0px !important;
    }

    #Tab1>.mobile-tab-img-full-1 .gal-box:nth-child(2)>.gal-inner-box:nth-child(1) {
        padding-left: 0px !important;
    }

    #Tab1>.mobile-tab-img-full-1 .gal-box:nth-child(2)>.gal-inner-box:nth-child(2) {
        padding-right: 0px !important;
    }

    /* common  */
    .heading-with-border-common-all-page h1::after {
        display: none;
    }

    .heading-with-border-common-all-page h1::before {
        display: none;
    }

    .heading-with-border-common-all-page h1 {
        font-size: 40px !important;
    }


    /* footer  */
    footer .pt-5 {
        padding-top: 25px !important;
    }

    #r-moblie div:nth-child(2) div {
        padding-left: 0px !important;
    }

    .footer-show-in-mobile {
        display: block !important;
    }

    .footer-none-in-mobile {
        display: none !important;
    }

    .all-footer-right-copy {
        margin-top: 0px !important;
    }

    .all-footer-right-copy ul {
        padding-left: 0px !important;
    }

    #r-moblie div:nth-child(2) {
        margin-top: 25px !important;
    }

    .left-copy a {
        margin-left: 10px !important;
    }

    .hotel-info-none-mobile {
        display: none !important;
    }

    #r-moblie div:nth-child(3) {
        margin-top: 25px !important;
    }


    .foe-footer-links ul {
        display: flex !important;
        justify-content: space-between !important;
        width: 100%;
        flex-wrap: wrap;
    }

    .mobile-responce-footer {
        display: flex !important;
        justify-content: space-between !important;
        width: 100%;
        flex-wrap: wrap;
    }

    .foe-footer-links ul li {
        margin: 0px !important;
        position: relative;
        margin-right: 20px !important;
        margin-bottom: 10px !important;
    }

    .foe-footer-links ul li::before {
        position: absolute;
        content: " ";
        left: -29px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 100%;
        width: 1px;
        background: #D9D9D9;
    }

    .foe-footer-links ul li:nth-child(1)::before {
        display: none;
    }

    .copiright-icons {
        justify-content: center !important;
        margin-bottom: 20px !important;
    }

    .left-copy {
        text-align: center !important;
        flex-wrap: wrap;
    }

    .left-copy div {
        margin-left: 0px !important;
        justify-content: center;
    }

    .copiright-icons li {
        margin: 0px 5px !important;
    }

    .luxari-over-lay button {
        padding: 10px 35px !important;
        font-size: 20px !important;
        margin-top: 5px !important;
    }

    .luxari {
        height: 190px !important;
    }

    .foe-footer-content {
        text-align: center !important;
    }

    .foe-footer-content>span a {
        flex-wrap: wrap !important;
        width: 100% !important;
        font-size: 26px !important;
    }

    .foe-footer-content>span a span {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .foe-footer-content>span a div {
        width: 100% !important;
    }

    .foe-footer-links h4 {
        font-size: 22px !important;
        text-align: center !important;
        margin-bottom: 16px !important;
    }

    .foe-footer-content>span+p {
        margin-top: 10px !important;
    }

    #mobile-reverse {
        flex-direction: column-reverse;
    }

    .foe-footer-hr {
        margin: 20px 0px !important;
    }

    .foe-footer-links ul li a {
        font-size: 16px !important;
    }

    /* common */
    .heading-with-border {
        padding-top: 0px !important;
    }

    .heading-with-border h3 {
        font-size: 28px !important;
    }

    .heading-with-border-none-mobile .heading-with-border h3::before {
        display: none !important;
    }

    .heading-with-border-none-mobile .heading-with-border h3::after {
        display: none !important;
    }

    /* header  */
    .header-top div div div:nth-child(1) ul {
        display: block !important;
    }

    .header-top div div div:nth-child(1) ul li:nth-child(2) {
        margin-left: 0px !important;

    }

    /* nav  */


    /* blog  */
    /* .blog {
         padding: 50px 0px 30px 0px !important;
     } */

    .blog .card {
        width: 100% !important;
        max-width: calc(100% - 20px) !important;
        margin: 10px !important;
    }

    .blog .card-title a {
        font-size: 20px !important;
        line-height: 20px !important;
    }

    .blog .blog-boxes {
        margin-top: 15px !important;
    }

    .blog .card-body p {
        font-size: 16px !important;
    }

    /* about  */
    .about-box-1 {
        padding: 20px !important;
        text-align: center;
    }

    .about-box-1 h3 {
        padding-right: 0px !important;
    }

    .about-box-1 span {
        padding-right: 0px !important;
    }

    .about-box-1 p {
        padding-right: 0px !important;
    }

    .about-box-1 div {
        margin: auto !important;
    }

    .about-box-2 {
        padding: 0px 16px !important;
    }

    .about-box-2 {
        padding: 0px !important;
    }

    /* .about {
         padding: 50px 0px 47px !important;
     } */

    /* #mobile-pading {
         padding-bottom: 35px !important;
     } */

    .about-main-row {
        flex-direction: column-reverse;
    }

    .about-box-2 img {
        border-radius: 20px !important;
    }

    .about-box-2 {
        border-radius: 20px !important;
    }

    .about-box-1 h3 {
        font-size: 24px !important;
    }

    .about-box-1 span {
        font-size: 16px !important;
        text-align: left;
    }

    .about-box-1 p {
        font-size: 16px !important;
        text-align: left;
    }

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

    .about-main-row {
        padding: 0px 15px;
    }

    /* services  */
    /* .services {
         padding: 30px 0px 80px 0px !important;
     } */


    /* .service-box{width: 33.33%; text-align: center; max-width: calc(33.33% - 10px); margin: 5px;} */
    .service-box p {
        font-size: 20px !important;
    }

    .service-hide-moblie {
        display: none !important;
    }

    .service-visible-mobile {
        display: block !important;
    }

    .service-visible-mobile .service-box {
        margin-bottom: 40px !important;
    }

    .services-slider .slick-dots {
        bottom: -16px;
    }

    .services-slider .slick-dots li {
        height: 10px !important;
        width: 10px !important;
        background: #D9D9D9 !important;
        border-radius: 50% !important;
    }

    .services-slider .slick-dots li button::before {
        display: none !important;
    }

    .services-slider .slick-dots .slick-active {
        background: #142954 !important;
    }

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

    .services-slider .slick-prev::before {
        content: " ";
        background: url(../images/slick-l.png) no-repeat;
        opacity: 100;
        padding: 5px 15px;
    }

    .services-slider .slick-next::before {
        content: " ";
        background: url(../images/slick-r.png) no-repeat;
        opacity: 100;
        padding: 5px 15px;
    }

    .services-slider .slick-prev {
        left: 23%;
        top: auto;
        bottom: -23px;
        z-index: 1;
    }

    .services-slider .slick-next {
        right: 25%;
        top: auto;
        bottom: -23px;
        z-index: 1;
    }

    .service-box p {
        font-size: 22px !important;
    }

    .service-box .service-box-info div div {
        border: none;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    /* room  */
    /* .our-rooms {
         padding-bottom: 30px !important;
     } */

    .room-facility-icon i {
        font-size: 18px;
    }

    .rooms-info-head p {
        font-size: 14px;
    }

    .room-facility-info p {
        font-size: 16px !important;
    }

    .room-facility-info span {
        font-size: 12px !important;
    }

    .rooms-book-now a {
        padding: 5px 10px;
        font-size: 16px;
    }

    .rooms-slider-2 .slick-prev {
        left: 30%;
        top: auto;
    }

    .rooms-slider-2 .slick-next {
        right: 33%;
        top: auto;
    }

    .room-block .rooms-info {
        padding: 15px !important;
    }

    /* about-us  */
    .about-us {
        padding: 30px 0px !important;
    }

    .about-us div div:nth-child(2) div:nth-child(2) {
        margin-top: 30px !important;
    }

    /* luxari  */
    .luxari h5 {
        font-size: 36px !important;
    }


    /* light-box  */
    /* .light-box-slider div { width: 47%;  max-width: calc(47% - 0px ); margin: 8px;} */
    /* gallery  */
    .nav-pills li button {
        margin: 0px !important;
    }

    .light-box-slider div {
        display: none;
    }

    .light-box-slider div:nth-child(1) {
        display: block;
        width: 50%;
        max-width: calc(50% - 10px);
        margin: 5px;
    }

    .light-box-slider div:nth-child(2) {
        display: block;
        width: 50%;
        max-width: calc(50% - 10px);
        margin: 5px;
    }

    .light-box-slider div:nth-child(3) {
        display: block;
        width: 100% !important;
        max-width: calc(100%);
        max-width: calc(100% - 10px);
        margin: 5px;
    }

    /* .gallery {
         padding: 40px 0px !important;
     } */



    .tab-pane span {
        margin-top: 13px !important;
    }

    .light-box-slider div a img {
        border-radius: 7px !important;
    }

    /* .tab-view-more {
         transition: 0.5s;
         display: block !important;
         background: white;
         border: solid 1px #142954;
         color: #142954 !important;
         padding-bottom: 12px !important;
         padding-top: 12px !important;
     }

     .tab-view-more:hover {
         background: #142954 !important;
         color: white !important;
     } */
    .tab-view-more {
        display: block !important;
        padding-bottom: 12px !important;
        padding-top: 12px !important;
    }

    /* banner   */






    .banner-form {
        border-radius: 10px !important;
        bottom: 20px !important;
        padding: 0px !important;
        max-width: 90% !important;
    }

    .banner-info {
        text-align: center;
        z-index: 1;
        width: 100%;
        padding: 0px 5px !important;
        left: 0;
        display: block;
    }

    .banner-info h3 {
        font-size: 36px !important;
        line-height: 48px !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
    }

    .banner-info h3 span {
        font-size: 36px !important;
    }

    .right-none-mobile {
        display: none !important;
    }

    .banner-info p {
        margin-top: 10px !important;
        line-height: 25px !important;
        text-transform: uppercase !important;
        margin: auto;
        width: 50%;
        margin-bottom: 30px;
    }







    .banner::after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(179.89deg, rgba(20, 41, 84, 0) -176.24%, rgb(20 41 84 / 77%) 99.91%);
    }

    /* version-2-home-page-css-start******************* */
    /* our-rooms  */
    .ver-2-our-room-images-slider {
        width: 100% !important;
    }

    .ver-2-our-room-images-slider .slick-prev {
        top: 50% !important;
    }

    .ver-2-our-room-images-slider .slick-next {
        top: 50% !important;
    }

    .ver-2-our-room-box-2 {
        width: 100% !important;
    }

    .ver-2-our-room-images-slider>.slick-prev::before {
        filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(0%) hue-rotate(130deg) brightness(106%) contrast(106%) !important;
    }

    .ver-2-our-room-images-slider>.slick-next::before {
        filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(0%) hue-rotate(130deg) brightness(106%) contrast(106%) !important;
    }

    .ver-2-our-room-images-slider>.slick-prev {
        left: 20px !important;
    }

    .ver-2-our-room-images-slider>.slick-next {
        right: 40px !important;
    }

    .ver-2-our-room-box-info div:nth-child(2) {
        margin-top: 0px !important;
    }

    .ver-2-our-room>.slick-prev::before {
        filter: brightness(0) saturate(100%) invert(12%) sepia(24%) saturate(4357%) hue-rotate(202deg) brightness(90%) contrast(93%);
    }

    .ver-2-our-room>.slick-next::before {
        filter: brightness(0) saturate(100%) invert(12%) sepia(24%) saturate(4357%) hue-rotate(202deg) brightness(90%) contrast(93%);
    }

    .ver-2-our-room .slick-prev {
        top: auto;
        bottom: -55px;
        left: 25%;
    }

    .ver-2-our-room .slick-next {
        top: auto;
        bottom: -55px;
        right: 25%;
    }

    .ver-2-our-room-images {
        justify-content: space-between !important;
    }



    .ver-2-our-room-buttons p {
        background: transparent !important;
        color: #142954 !important;
        transition: 0.5s !important;
        color: #142954 !important;
        display: block;
        text-align: center;
        font-weight: 700;
        width: 100%;
    }

    /* .ver-2-our-room-buttons button:hover {
         background: #142954 !important;
         color: white !important;

     } */

    .ver-2-our-room-buttons a:nth-child(2) {
        border: solid 2px #142954 !important;
        display: block;
        text-align: center;
        width: 100%;
    }
    .ver-2-our-room-slider {
        padding-bottom: 60px !important;
        margin-top: 90px;
    }
    .ver-2-our-room .slick-dots {
        display: block !important;
        bottom: -55px;
    }

    .ver-2-our-room .slick-dots li button::before {
        display: none !important;
    }

    .ver-2-our-room .slick-dots li button {
        height: 10px !important;
        border-radius: 50% !important;
        width: 10px !important;
        background: #D9D9D9;
    }

    .ver-2-our-room .slick-dots .slick-active button {
        background: #142954 !important;
    }

    .ver-2-our-room-box-info .divider-1 {
        margin-bottom: 0px !important;
    }

    .ver-2-our-room-box-info .divider-2 {
        margin-top: 0px !important;
    }

    /* .ver-2-services {
         padding: 30px 0px 60px !important;
     } */

    /* about-us  */
    #ver-2-about-us-boxes h4 {
        font-size: 22px !important;
        line-height: 25px !important;
    }

    .ver-2-about-us-button {
        background: #142954 !important;
        color: white !important;
        font-size: 18px !important;
        border: solid 2px #142954 !important;
    }


    .ver-2-about-us-button:hover {
        background: white !important;
        color: #142954 !important;
    }

    .ver-about-img {
        width: 100% !important;
    }

    /* gallery  */
    .zoom-img-slider>.slick-next::before {
        filter: brightness(0) saturate(100%) invert(12%) sepia(24%) saturate(4357%) hue-rotate(202deg) brightness(90%) contrast(93%);
    }

    .zoom-img-gallery-ul li {
        margin: 0px 0px 10px 0px !important;
        width: 30% !important;
    }

    .zoom-img-gallery-ul {
        justify-content: space-between !important;
    }

    .zoom-img-slider>.slick-prev::before {
        filter: brightness(0) saturate(100%) invert(12%) sepia(24%) saturate(4357%) hue-rotate(202deg) brightness(90%) contrast(93%);
    }

    .zoom-img-slider .slick-prev {
        top: auto;
        bottom: -63px;
        left: 13%;
        z-index: 1;
    }

    .zoom-img-slider .slick-next {
        top: auto;
        bottom: -63px;
        right: 20%;
        z-index: 1;
    }

    .zoom-img-slider .slick-dots {
        bottom: -55px;
    }

    .ver-2-about-us-button {
        width: 100% !important;
        padding: 10px 0px !important;
    }

    .ver-2-gallrey {
        padding-bottom: 50px !important;
    }

    .zoom-img-slider .slick-dots li button {
        height: 10px;
        width: 10px;
    }

    /* services  */
    .service-hide-moblie {
        display: none !important;
    }

    .service-visible-mobile {
        display: block !important;
    }

    .ver-2-service-boxes-2 .ver-2-service-box-2 div div div {
        padding: 20px;
        background: #FFFFFF;
        margin: auto;
        border: 1px solid #142954;
        border-radius: 25px 0px;
        transition: 0.5s !important;
        width: 105px !important;
        height: 105px !important;
    }

    .ver-2-service-box-2 p {
        color: #142954 !important;
        font-size: 22px;
        font-weight: 600 !important;
    }

    .ver-2-service-box-2 div div:hover div {
        background: #142954 !important;
    }

    .ver-2-service-box-2 div div:hover div img {
        filter: brightness(0) invert(1);
    }

    .ver-2-service-box-2 div div div img {
        transition: 0.5s !important;
    }

    .var-2-services-slider .slick-dots li button::before {
        display: none !important;
    }

    .var-2-services-slider .slick-dots li button {
        height: 10px !important;
        width: 10px !important;
        border-radius: 50% !important;
        background: #D9D9D9 !important;
    }

    .var-2-services-slider .slick-dots .slick-active button {
        background: #142954 !important;
    }

    .var-2-services-slider .slick-next::before {
        content: " ";
        background: url(../images/slick-r.png) no-repeat;
        opacity: 100;
        padding: 5px 15px;
    }

    .var-2-services-slider .slick-prev::before {
        content: " ";
        background: url(../images/slick-l.png) no-repeat;
        opacity: 100;
        padding: 5px 15px;
    }

    .var-2-services-slider .slick-next {
        top: auto;
        bottom: -90px;
        right: 40%;
    }

    .var-2-services-slider .slick-prev {
        top: auto;
        bottom: -90px;
        left: 30%;
    }



    /* faq  */
    /* .faq {
         padding: 20px 0px 40px;
     } */

    .faq-more a {
        padding: 10px 0px;
    }

    .faq-more {
        margin-top: 20px !important;
    }

    /* commmon  */
    .common-boxes .common-box {
        width: 100%;
        max-width: calc(100% - 20px);
    }

    /* main-service-start  */
    .main-service-boxes .main-service-box {
        width: 100%;
        max-width: calc(100% - 20px);
    }

    /* luxari css   */
    .luxari-over-lay button {
        padding: 10px 20px !important;
    }

    /* room-single-listing-similar-room-start */
    .similar-room-button a {
        padding: 7px 10px !important;
        width: 100% !important;
    }

    /* room-single-listing-tabs */
    .room-single-listing-tabs-box-1 button {
        width: 148px !important;
        font-size: 16px !important;
        max-width: calc(148px - 10px) !important;
        margin: 5px !important;
        text-align: center !important;
    }

    .room-single-listing-tabs .tab-content p {
        line-height: 25px !important;
        font-size: 16px !important;
    }

    /* room-single-listing-similar-room */
    .room-single-listing-similar-room h3 {
        text-align: center !important;
        font-size: 28px !important;
    }

    .light-box-slider div a:hover i {
        font-size: 15px !important;
    }
    .foe-banner-content h1 {
        line-height: 36px !important;
    }
    .banner-form {
        width: 90% !important;
        box-shadow: unset;
    }
    #index-2-banner-form .index-banner-common-date-piker-box {
        width: 50% !important;
        margin-bottom: 0px !important;
        padding-bottom: 0;
    }
    #index-2-banner-form .index-2-common-select {
        width: 50% !important;
        padding-top: 4px;
        padding-bottom: 8px;
    }
    .banner form button {
        min-height: 60px;
    }
    .index-2-banner-form .index-banner-common-date-piker-box:nth-child(1n) {
        padding-left: 7.5px;
    }
    .banner-info {
        display: none;
    }
    .book-btn {
        margin: auto;
    }
    .foe-about-img-box img {
        bottom: 5%;
        left: -5%;
    }

}

@media(max-width:767px) {
    .ver-2-our-room-box-2 {
        padding: 15px !important;
    }
    .room-facility-icon img {
        width: 22px;
        height: 22px;
        margin-top: 10px;
    }
    .inner-pages-common-space {
        padding: 40px 0px 0px 0px;
    }
    .our-rooms .slick-track .rooms {
        margin-bottom: 1.5rem !important;
    }
    .logo img {
        width: 220px !important;
    }
    body .header-ver-2 .ver-2-nav-logo a img {
        width: 220px !important;
    }
    .header-button-hover {
        padding: 5px 10px;
    }
    .right-top-bar-box {
        display: none;
    }
    .owl-dots {
        margin-top: -10px;
        position: relative;
        max-width: max-content;
        margin: auto;
    }

    .owl-nav .owl-prev {
        margin-left: 130px;
    }

    .owl-nav .owl-next {
        margin-right: 130px;
    }

    .zoom-img-slider .owl-nav {
        top: auto;
        bottom: -75px;
    }

    .zoom-img-slider .owl-item.active>.item {
        padding: 30px 50px 50px 50px;
    }

    .index-2-our-room {
        padding-bottom: 95px !important;
    }

    .custom-input {
        width: 20px;
        height: 20px;
    }

    .sign-in-left-img-box {
        padding: 10px 20px !important;
    }

    .sign-in-form-btn {
        font-size: 20px;
    }

    .remember-me,
    .forgot {
        font-size: 18px !important;
    }

    .login-img {
        padding: 20px;
    }

    .form-label {
        font-size: 18px !important;
    }

    .sing-in-inner-box.form-check {
        display: flex;
        align-items: center;
    }

    .sign-in-left-form-box P a,
    .sing-in-inner-box span a {
        font-size: 16px;
    }

    #exampleInputuser-name,
    #exampleInput-user-password {
        font-size: 16px;
    }

    .email-address {
        margin-top: 15px !important;
    }

    .phone-group {
        margin-top: 15px !important;
    }

    .personalInform-inner {
        padding: 30px 15px 40px 15px;
    }

    .addon-right h5 {
        text-align: center;
        font-size: 18px;
    }

    .addon-right .room-quantity span.input-number-decrement,
    .addon-right .room-quantity .input-number-increment {
        width: 26px;
        height: 26px;
        font-size: 25px !important;
        line-height: 25px;
    }

    .personalInform-inner label.form-label {
        font-size: 16px;
    }

    .addon-right p {
        text-align: center;
    }

    .addon-right .addon-quantity {
        max-width: 110px;
    }

    .inner-step-box .box-title {
        font-size: 16px;
    }

    .inner-step-box .circle {
        height: 30px;
        width: 30px;
        font-size: 20px;
        line-height: unset;
    }

    .paymentInner-box .ewallet-payment .card-box ul {
        grid-template-columns: 1fr 1fr;
    }

    .pay-img .col-md-4 {
        width: 40%;
    }

    .pay-img .col-md-8 {
        width: 60%;
    }

    .personalInform-inner.select-addOns .row .col-md-8 {
        width: 100%;
    }

    .personalInform-inner.select-addOns .row .col-md-4 {
        width: 60%;
        margin: auto;
        margin-bottom: 30px;
    }




    .personalInform-inner .col-md-6 .form-control {
        padding: 10px;
        font-size: 16px;
    }

    .personalInform-inner .col-md-6 .input-group select.form-select {
        padding: 10px !important;
        font-size: 16px;
    }

    /* booking-css-start */
    .booking-room-box {
        width: 100%;
        max-width: calc(100% - 20px);
    }

    .booking-payment-pay {
        font-size: 16px;
        padding: 10px 0px !important;
    }

    .booking-qr {
        display: block !important;
    }

    .booking-qr p {
        margin: 10px 0 0 0;
    }

    .gest-info-box {
        width: 50%;
        max-width: calc(50% - 0px);
        margin: 0 0 20px 0px;
    }

    .gest-info-box span {
        margin-bottom: 5px;
    }

    .confirm-message h5 {
        font-size: 30px;
    }

    .account-info button {
        font-size: 16px;
        padding: 10px 0px !important;
    }

    .booking-all-info-box-1 a {
        font-size: 16px;
        padding: 10px 0px !important;
    }

    .total-pay-info {
        display: block !important;
        text-align: center;
    }

    .change-details ul li {
        text-align: center;
    }

    .payment-option-detail h6 {
        text-align: center;
    }

    .total-pay-info {
        padding: 10px 0px !important;
    }

    /* booking-css-end */

    .rooms-images img {
        height: 200px !important;
        max-height: 200px;
    }

    #Tab1 .gal-box {
        display: none !important;
    }

    #Tab1 .gal-box:nth-child(1) {
        display: block !important;
    }

    #Tab1 .gal-box:nth-child(2) {
        display: block !important;
    }

    #Tab1 .gal-box:nth-child(3) {
        display: block !important;
    }

    #Tab1 .gal-box:nth-child(4) {
        display: block !important;
    }

    .zoom-img-slider .slick-list {
        padding: 45px 0px 45px 0px !important;
    }

    .room-single-listing-room-booking div:nth-child(4) div {
        width: 49% !important;
    }

    .room-single-listing-room-booking div:nth-child(4) div div {
        width: 100% !important;
    }

    /* .room-single-listing-tabs-box-1 {
         justify-content: center !important;
     } */

    .index-banner-common-date-piker-box input {
        font-size: 15px !important;
    }

    .calendra-icon-box>span i {
        font-size: 18px !important;
    }

    div#Tab1 .row.gal-row.mobile-tab-img-full-1.gallery-show-full-width .col-4.gal-box,
    div#Tab2 .row.gal-row.mobile-tab-img-full-1.gallery-show-full-width .col-4.gal-box,
    div#Tab3 .row.gal-row.mobile-tab-img-full-1.gallery-show-full-width .col-4.gal-box {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    div#Tab1 .row.mobile-tab-img-full-1>div:nth-child(1n+1),
    div#Tab2 .row.mobile-tab-img-full-1>div:nth-child(1n+1),
    div#Tab3 .row.mobile-tab-img-full-1>div:nth-child(1n+1) {
        width: 50% !important;


    }





    div#Tab3 .row.mobile-tab-img-full-1>div:nth-child(1) {

        padding-right: 0px !important;
    }

    div#Tab3 .row.mobile-tab-img-full-1>div:nth-child(2) {
        padding-right: 0px !important;

    }

    div#Tab1 .row.mobile-tab-img-full-1>div:nth-child(1),
    div#Tab2 .row.mobile-tab-img-full-1>div:nth-child(1),
    div#Tab3 .row.mobile-tab-img-full-1>div:nth-child(1) {
        width: 100% !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    div#Tab1 .row.mobile-tab-img-full-1,
    div#Tab2 .row.mobile-tab-img-full-1,
    div#Tab2 .row.mobile-tab-img-full-1 {
        display: flex !important;
        flex-direction: row !important;
    }

    #Tab1>.mobile-tab-img-full-1>.gal-box,
    #Tab2>.mobile-tab-img-full-1>.gal-box,
    #Tab3>.mobile-tab-img-full-1>.gal-box {
        padding: 5px !important;
    }

    div#Tab1 .row.mobile-tab-img-full-1 .col-4.gal-box .col-12,
    div#Tab2 .row.mobile-tab-img-full-1 .col-4.gal-box .col-12,
    div#Tab3 .row.mobile-tab-img-full-1 .col-4.gal-box .col-12 {
        display: flex !important;
        float: left !important;
        width: 50% !important;
    }

    .gap-tab-1>.row {
        row-gap: 0px !important;

    }

    .tab-gap-manage {
        padding: 0px;
    }

    .common-banner-all-page {
        height: 220px;
    }

    .foe-banner-content p {
        width: 60%;
    }


    /* .custom-toggle{order: 1 !important;} */
    .book-btn {
        margin: 0 !important;
        width: 270px;
        padding: 16px 28px;
    }

    .left-top-bar>ul {
        padding-left: 0px !important;
    }

    .book-btn span i {
        font-size: 35px;
    }

    .foe-banner .row {
        gap: 10px;
        /* margin-top: 65px; */
    }


    .copiright-icons {
        justify-content: center !important;
    }


    /* for mobile responsve banner section */
    .foe-banner-content {
        text-align: center;
    }

    .mobile-banner-heading {
        display: block;
    }

    .date-picker {
        height: 50px;
    }

    .book-btn {
        display: none !important;
    }

    .foe-banner-content p {
        font-size: 18px;
    }

    .foe-banner-content h1 span:first-child {
        font-size: 34px;
    }

    .foe-banner-content h1 span:last-child {
        font-size: 34px;
    }

    section.foe-about-us .row {
        margin-top: 24px !important;
    }

    .banner-heading p {
        font-size: 18px;
    }

    .left-top-bar>ul {
        justify-content: center;
    }

    .right-top-bar-box>.social-icons {
        justify-content: center !important;
    }


    /* .foe-about-img-box {
        height: 280px;
    } */

    /* .foe-about-us {
         padding: 40px 0px 50px;
     } */

    .inner-tabbs {
        display: flex;
        justify-content: space-between;
    }

    .tablinks {

        padding: 7px 0px;
        cursor: pointer;
        width: 100px;
        width: 30%;


    }

    .rooms-book-now a {

        width: 58%;
    }

    /* blogs */
    .blog .card {
        width: 100%;
        max-width: calc(100% - 0px);
        margin: 15px 0px;
    }

    .blog-seprate-page .main-blog,
    /* .room-saprate-page .main-our-rooms {
         padding: 30px 0px 50px 0px !important;
     } */

    .blog .card-title a {
        line-height: 20px;
        font-size: 20px;
    }

    /* service */
    .service-box a div {
        width: 80% !important;
    }

    /* #mobile-service-section {
         padding: 37px 0 40px 0 !important;
     } */

    /* .service-box {
        width: 25%;
        text-align: center;
        max-width: calc(25% - 10px);
    } */
    .servce-mini-box .service-box-info a .service-inner-mini {
        width: 100% !important;
        height: fit-content !important;
    }

    .servce-mini-box {
        width: 25%;
        max-width: calc(25% - 20px) !important;
        margin: 10px
    }

    .servce-mini-box:nth-child(6) {
        display: none;
    }

    /* .service-box p {
        display: none;
    } */
    .servce-mini-box .service-box-inner-content .service-inner-mini+p {
        display: none
    }




    .foe-about-us-content ul li {
        margin: 10px 0px 0px 0px;
    }

    .foe-about-us .row {
        gap: 32px;
    }

    .foe-about-us-content p {
        margin: 15px 0px;
    }

    .foe-about-us-btn {
        width: 100%
    }

    #Tab1 .row .col-md-4:first-child,
    #Tab1 .row .col-md-4:last-child {
        display: none !important;
    }

    /* foe-bannenr */
    .foe-banner {

        background-position: 100% 100% !important;
    }

    .foe-banner {
        background-position: 0% 100%;
        height: auto;
        padding-top: 100px;
        /* height: 730px; */
    }

    .foe-banner-content p {
        line-height: 25px;
        margin: auto;
        text-transform: uppercase !important;
    }

    .foe-banner .row>.col-md-7 {
        padding: 35px 0px 20px 0px
    }

    .foe-banner .row>.col-md-5 {
        margin-bottom: 30px;
    }

    /* single-room */
    .rooms-book-now a {
        width: 100%;
    }





    /* blogs */
    /* .blog {
         padding: 30px 0px !important;
     } */

    .blog .card {
        width: 100%;
        margin: 15px;
        max-width: 100%;
    }


    /*  services  */
    /* .services {
        padding: 30px 0px 0px !important;
    } */

    .service-box {
        width: 33.33%;
        text-align: center;
        max-width: calc(33.33% - 10px);
        margin: 5px;
    }

    .service-box p {
        font-size: 20px !important;
    }

    /* image gallery */
    #Tab1>.row,
    #Tab2>.row,
    #Tab3>.row {
        row-gap: 10px;

    }

    #Tab1>.row .gal-box:nth-child(2) {
        width: 100%;
        overflow: hidden;
    }

    #Tab1>.row .gal-box:nth-child(2) .gal-box a img {

        width: 100%;
    }

    #Tab1>.row .gal-box:nth-child(1),
    #Tab1>.row .gal-box:nth-child(3) {
        display: none;
    }

    #Tab1>.gal-row>.gal-box {
        width: 100% !important;
    }

    .gallery-light-box #Tab1>.gal-row .gal-box:nth-child(2) {
        width: 100% !important;
        display: flex !important;
    }

    #Tab1>.row .gal-box:nth-child(1),
    #Tab1>.row .gal-box:nth-child(2) {
        width: 50%;
    }

    #Tab1>.gal-row .gal-box:nth-child(2)>.gal-inner-box {
        padding: 0px 7px !important;
        width: 50%;
    }

    #Tab1 .gal-row>.gal-box:last-child .gal-inner-box:last-child {
        margin-top: 0px !important;
    }

    .row.mble-use-lightbox .col-4.gal-box:last-child {
        width: 100%;
    }

    /* .gallery-light-box {
         padding: 30px 0px 35px 0px !important;
     } */


    /* slider */
    .foe-mobile-slider-2 {
        margin-top: 25px !important;
        margin-bottom: 50px !important;
    }

    .rooms-slider-2.foe-room-slider>.slick-prev {
        margin: unset !important;
        top: unset !important;
        bottom: -45px !important;
        left: 144px !important;
        filter: brightness(0) saturate(100%) invert(14%) sepia(11%) saturate(7285%) hue-rotate(198deg) brightness(94%) contrast(96%);
    }

    .top-offer-box {
        position: relative;
    }

    .top-offer-box span {
        position: absolute;
        background: #142954;
        padding: 10px 0px;
        width: 200px;
        top: 20px;
        transform: rotate(315deg);
        left: -59px;
        color: white;
        text-align: center;
        font-weight: 800;
    }

    .room-facility div {
        width: 100% !important;
        /* justify-content: space-between; */
    }

    .room-facility-icon img {
        filter: unset;
    }

    .rooms-slider-2.foe-room-slider>.slick-next {
        margin: unset !important;
        top: unset !important;
        bottom: -45px !important;
        right: 167px !important;
        filter: brightness(0) saturate(100%) invert(14%) sepia(11%) saturate(7285%) hue-rotate(198deg) brightness(94%) contrast(96%);
    }

    .room-book-mobile-verson a {
        padding: 12px 10px !important;
    }

    .rooms-slider-2.foe-room-slider .slick-prev::before,
    .rooms-slider-2.foe-room-slider .slick-next::before {
        filter: brightness(0) invert(1) !important;
    }

    .room-facility.faclity-icon-box {
        margin: 24px 0px;
    }

    .offer-tag {
        display: block;
    }

    .why-chose-us-info {
        padding: 0px 10px !important;
    }

    /* about us */
    .about-us {
        padding: 50px 0px !important;
    }

    .about-us .row {
        row-gap: 30px;
        margin-top: 1.5rem !important;
        flex-direction: column-reverse;
    }

    .about-us .row .col-md-7 p a {
        margin-top: 10px !important;
    }

    .foe-about-us-content {
        margin-top: 0;
        padding: 0px 20px !important;
    }

    .foe-about-us-content h4 {

        margin-bottom: 16px;
    }

    /* who we are */
    .who-we-are .card {
        max-width: 100%
    }

    /* .rounded-3 img{height: 330px!important;object-fit: fill ;} */
    /* .who-we-are {
         padding: 50px 0px;
     } */

    /* why choose us */
    .why-chose-us-info>.heading-with-border {
        text-align: center !important;
    }

    .why-chose-us-info .heading-with-border h3 {
        margin-left: 0;
    }


    /* <!--her-to-contact-with-us-start--> */
    .her-to-contact-with-us .container .row .col-12:nth-child(2) .mt-4 {
        width: 100% !important;
    }

    /* .her-to-contact-with-us {
         padding: 50px 0px !important;
     } */

    /* .her-to-contact-with-us > div h3::before , .her-to-contact-with-us > div h3::after{
    display: none;
} */
    /* luxari section */
    .luxari h5 {
        font-size: 26px !important;
        letter-spacing: 1px;
    }


    /* contact-us page */
    .foe-get-tuch .row>.col-md-4 {
        width: 100%;
    }

    .foe-contact-form form {
        width: 100% !important;
    }

    .btn.submit-btn {
        float: none;
    }

    .row.gal-row .gal-box .gal-inner-box:last-child {
        margin-top: 0px;
    }


    /* luxari css   */
    button.btn.foe-about-us-book-btn {
        letter-spacing: 1px;
        padding: 10px 24px !important;
        width: 180px;
    }
    /* faq css  */
    .faq .accordion-button.collapsed {
        word-break: break-word;
    }

    /* home v1 service section css  */
    .service-box .service-box-info .service-box-inner-content div {
        /* width: 70% !important; */
        padding: 20px !important;
    }

    .service-box .service-box-info .service-box-inner-content div img {
        width: 100% !important;
    }

    #Tab1 .gal-row>.gal-box:last-child .gal-inner-box:last-child {
        margin-top: 0px !important;
    }

    /* our rooms */
    .index-2-room-images .room-image img {
        border-radius: 20px !important;
        height: 200px !important;
        max-height: 200px;

    }

    .custom-model-dialog-box {
        max-width: 100%;
        padding: 10px 20px 20px 20px;
    }
}

@media(max-width:575px) {
    .owl-nav .owl-prev {
        margin-left: 90px;
    }

    .owl-nav .owl-next {
        margin-right: 90px;
    }

    .remember-me,
    .forgot {
        font-size: 16px !important;
    }

    /* booking-css-start  */
    .account-info .row .col-lg-6 {
        width: 50%;
    }

    .account-info button {
        margin-top: 20px !important;
    }

    .booking-all-info-box-1 .row .col-lg-6 {
        width: 50%;
    }

    .booking-all-info-box-1 a {
        margin-top: 20px !important;
    }



    /* booking-css-end  */

    .lb-dataContainer {
        top: -160px !important;
    }

    .ver-2-service-box-2 p {
        font-size: 16px !important;
    }

    .left-top-bar>ul {
        justify-content: space-between;
        width: 93%;
        margin: auto !important;
    }

    .right-top-bar-box>.social-icons {
        justify-content: start !important;
        width: 93%;
        margin: auto !important;
        padding-left: 0px;
    }

    .banner-info p {
        width: 90%;
    }

    /* header  */
    .header-top div div {
        justify-content: center !important;
    }

    .header-top div div div:nth-child(2) ul li a {
        margin: 0px 26px 0px 0px !important;
    }

    .rooms-slider-2.foe-room-slider>.slick-prev {
        left: 110px !important;
    }

    .rooms-slider-2.foe-room-slider>.slick-next {
        right: 130px !important;
    }

    /* nav  */
    .is-mbl {
        width: 60% !important;
    }
    header#ver-3-header #header-ver-2-sign-in-moblie {
        margin-right: 0 !important;
    }

header#ver-3-header .header-top .row .col-md-6:last-child {
    display: none !important;
}
header#ver-3-header .header-top .row .col-md-6:first-child ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    width: 100%;
}
header#ver-3-header .header-top .row .col-md-6:first-child ul li {
    display: flex;
    width:  max-content !important;
}
header#ver-3-header .header-top {
    padding: 8px 0px !important;
}
#ver-2-header {
    padding: 16px 12px !important;
}
    /* banner  */

    /* services  */
    .service-box .service-box-info a div {
        width: 75% !important;
    }

    .service-box p {
        font-size: 16px !important;
    }

    /* .service-visible-mobile .service-box {
        margin-bottom: 70px !important;
    } */

    /* light-box  */
    .lb-outerContainer {
        width: 250px !important;
        height: 350px !important;
    }

    header#ver-3-header .header-top .row .col-md-6:last-child {
        display: none !important;
    }
    header#ver-3-header .header-top .row .col-md-6:first-child ul {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        width: 100%;
    }
    header#ver-3-header .header-top .row .col-md-6:first-child ul li {
        display: flex;
        width:  max-content !important;
    }
    header#ver-3-header .header-top {
        padding: 8px 0px !important;
    }
    #ver-2-header {
        padding: 8px 12px !important;
    }
    header#ver-3-header nav.navbar {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .ver-2-ofcanvas {
        display: flex !important;
        background: #142954 !important;
        color: white !important;
        height: 40px;
        width: 40px;
        font-size: 24px;
        padding: 6px 12px !important;
        align-items: center;
        justify-content: center;
    }
    /* rooms  */
    .rooms-slider-2 .slick-next {
        right: 30%;
    }

    .rooms-slider-2 .slick-prev {
        left: 26%;
    }

    /* footer  */
    .foe-footer-links ul {
        justify-content: center !important;
    }

    .mobile-responce-footer {
        justify-content: center !important;
    }

    .foe-footer-links ul li::before {
        left: -10px !important;
    }

    /* .foe-footer-links ul li {
         margin: 10px 10px 20px 10px !important;
     } */

    .ver-2-nav-logo {
        width: 60% !important;
    }

    /* version-2-home-page-css-start******************* */
    /* gallery  */
    .zoom-img-gallery-ul li {
        width: 32% !important;
    }



    /* room  */
    .ver-2-our-room .slick-prev {
        left: 25%;
    }

    .ver-2-our-room .slick-next {
        right: 30%;
    }

    .heading-left {
        text-align: center;
        margin-left: 0px;
    }

    .room-facility div {
        width: 100%;
        /* justify-content: space-between; */
    }

    /* about us */
    .foe-about-us .heading-with-border {
        margin-left: 0px;
    }

    .foe-about-us-btn {
        width: 100%;
        padding: 18px 40px;
    }

    .heading-with-border {
        text-align: center !important;
    }

    .foe-about-img-box img {
        width: 144px;
        height: 116px;
    }

    .foe-about-us-content h4 {
        font-size: 22px;
        width: 100%;
    }

    .foe-about-img-box {
        width: 95%;
        margin-left: auto;
        background-position: 100% 75%;

    }

    .foe-about-us-content p {
        margin: 0px 0px;
        line-height: 28px;
        font-weight: 600;
        font-size: 16px;
    }

    .foe-about-us-content ul li {
        margin: 10px 0px 0px 0px;
        color: #000;
        font-weight: 400;
        font-size: 14px;
    }

    /* contact-us page */
    .foe-map iframe {
        height: 280px;
    }

    .foe-about-img-box {
        height: 350px;
    }

    .room-single-listing-facility-tabs ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .room-single-listing-facility-tabs ul li {
        width: 50%;
    }

    .room-single-listing-Room-Rates-tabs table {
        display: inline-block;
        overflow: scroll;
    }

    .room-single-listing-Room-Rates-tabs table tbody tr td {
        width: 120px;
    }

    .room-single-listing-Room-Rates-tabs table thead tr th {
        width: 120px;
    }

    .room-single-listing-images-slider .slick-prev::before,
    .room-single-listing-images-slider .slick-next::before {
        background-size: 50px !important;
        padding: 10px 20px !important;
    }

    .room-single-listing-images-slider .slick-next {
        right: 30px;
    }

    section.about.inner-pages-common-space {
        padding-bottom: 0;
    }

    section.gallery.inner-pages-common-space {
        padding-top: 20px;
    }

}

@media(max-width:480px) {

    /* services  */
    .service-box {
        width: 50%;
        text-align: center;
        max-width: calc(50% - 10px);
        margin: 5px;
        margin-bottom: 20px !important;
    }

    .servce-mini-box a .service-inner-mini {
        padding: 25px 20px !important;
    }

    .service-inner {
        margin-top: 20px !important;
    }

    .room-single-listing-facility-tabs ul li {
        font-size: 14px;
    }

    /* room single listing */

    .room-single-listing-tabs-box-1 {
        width: 100%;

    }

    .room-single-listing-tabs-box-1 button {

        text-align: center !important;

        width: auto !important;

    }
}

@media(max-width:480px) {
    .owl-nav .owl-prev {
        margin-left: 60px;
    }

    .owl-nav .owl-next {
        margin-right: 60px;
    }

    .zoom-img-slider .owl-item.active>.item {
        padding: 30px;
    }

    .sign-in-left-form-box P {
        font-size: 16px;
    }

    .sign-in-right-box img {
        height: 250px;
    }

    /* booking-css-start  */
    .account-info .row .col-lg-6 {
        width: 100%;
    }

    .account-info-box-1:last-child {
        margin-top: 10px;
    }

    .booking-all-info-box-1 .row .col-lg-6 {
        width: 100%;
    }

    .booking-all-info-box-1 .row .col-lg-6:last-child {
        margin-top: 20px;
    }

    /* booking-css-end  */

    .services-slider .slick-dots {
        bottom: -30px;
    }

    .services-slider .slick-prev {
        bottom: -37px !important;
        left: 6% !important;
    }

    .services-slider .slick-next {
        bottom: -37px !important;
        right: 10% !important;
    }


}


@media(max-width:425px) {
    .zoom-img-slider .owl-item.active>.item {
        padding-top: 15px;
    }

    .paymentInner-box .ewallet-payment .card-box ul {
        grid-template-columns: 1fr;
    }

    .pay-img .col-md-4 {
        width: 50%;
    }

    .pay-img .col-md-8 {
        width: 50%;
    }

    .zoom-img-slider .slick-list {
        padding: 20px 0px 20px 0px !important;
    }

    .main-services-all .servce-mini-box {
        width: 50% !important;
        max-width: calc(50% - 10px) !important;
    }

    .main-services-all #service-text-show .service-inner-mini {
        height: 100px !important;
        width: 100px !important;
        padding: 20px !important;
    }

    .index-banner-common-date-piker-box {
        width: 49%;
    }

    /* .zoom-img-gallery-ul li {
         width: auto !important;
     } */
    .zoom-img-gallery-ul {
        flex-wrap: wrap !important;
        justify-content:
            center !important;
    }

    .zoom-img-gallery-ul li {
        margin-right: 5px !important;
        width: 43% !important;
    }

    .foe-banner-content p {
        width: 90%;
    }

    .common-select-box {
        width: 49%;
    }


    /* room  */
    .rooms-info-rating span {
        text-align: center;
        margin-left: 0px !important;
    }

    .rooms-slider-2 .slick-next {
        right: 34%;
    }

    /* .rooms-slider-2 .slick-prev {
         left: 15%;
     } */

    /* nav  */


    .form-group {
        width: 49%;
    }

    .foe-banner .row>.col-md-6:nth-child(1) {
        margin-top: 80px;
    }

    .service-box a div {
        width: 100% !important;
    }

    .heading-with-border h3::before {
        left: -40px;
        width: 30px;
    }

    .heading-with-border h3::after {
        right: -40px;
        width: 35px;
    }

    section.why-chose-us.py-5 .row .col-lg-4>div img {
        height: 250px !important;
        object-fit: cover;
        object-position: 100% 50%;
    }

    .about-us a {
        margin-top: 20px !important;
        font-size: 14px;
    }

    /* header */


    /* slider icon */
    .rooms-slider-2.foe-room-slider>.slick-prev {
        left: 90px !important;
    }

    .rooms-slider-2.foe-room-slider>.slick-next {
        right: 115px !important;
    }

    .tablinks {

        width: 100%;
    }

    .service-inner-mini img {
        width: 85% !important;
    }

    .servce-mini-box a .service-inner-mini {
        padding: 15px 10px !important;
    }

    /* home v1 service section css  */
    .service-box .service-box-info .service-box-inner-content div {
        padding: 15px !important;
    }


}

@media(max-width:375px) {
    .right-top-bar-box>.social-icons {
        width: 59%;
    }

    .left-top-bar>ul {
        width: 59%;
    }

    .left-top-bar {
        padding: 0px;
    }

    .right-top-bar-box {
        padding: 0px;
    }

    /* light-box  */
    .light-box-slider div {
        width: 100%;
        max-width: calc(100% - 0px);
    }

    /* rooms  */
    .room-facility-icon {
        flex-wrap: wrap;
    }

    .rooms-info-all {
        height: 110px !important;
    }

    /* nav  */
    .is-mbl {
        width: 40% !important;

    }

    /* version-2-home-page-css-start******************* */


    /* room  */
    .ver-2-our-room .slick-prev {
        left: 15%;
    }

    .ver-2-our-room .slick-next {
        right: 25%;
    }

    .is-mbl {
        width: 40% !important;
    }

    .logo img {
        width: 185px !important;
    }

    .popup-user-btn-for-mobile,
    .foe-offcanvas-btn {

        font-size: 13px;
    }

    .rooms-slider-2.foe-room-slider>.slick-next {
        right: 120px !important;
    }

    .top-header .outer-top-bar-box .row .left-top-bar ul {
        flex-direction: column !important;

    }

    .rooms-slider-2.foe-room-slider>.slick-prev {
        left: 45px !important;
    }

    .rooms-slider-2.foe-room-slider>.slick-next {
        right: 60px !important;
    }






    .inner-tabbs button {
        font-size: 14px;
        padding: 10px 6px;
    }

    /* .service-box .service-box-info .service-box-inner-content div {
        padding: 12px !important;
    }
    .service-box .service-box-info .service-box-inner-content div img {
        width: 90% !important;
    } */
    .foe-footer-links ul li a {
        font-size: 14px !important;
    }
}

@media(max-width:360px) {
    .owl-nav .owl-prev {
        margin-left: 40px;
    }

    .owl-nav .owl-next {
        margin-right: 40px;
    }
}