@media (max-width:1699px) {
    .about-content .col-60.left {
        margin-right: 30px;
    }
    .header.fixed ~ .booking-form.search-box {
        top: 98px;
    }
    .stay-slide-bottom, .purchase-stay-top, .purchase-stay-top a.link-btn {
        font-size: var(--font15);
    }
    .stay-slide-bottom .border_btn a {
        padding: 12px 30px;
    }
    .booking-form.search-box {
        max-width: 1200px;
        width: 100%; 
    }

    .info-panel-inner input {
        height: 65px;
        padding: 5px 35px;
        letter-spacing: 3px;
        font-size: 20px;
    }

    .facility-slider .slick-dots {
        margin: 60px 0 0; 
    }

    .location-picks .hotel-detail .hotel-details-content {
        width: calc(51% - 25px);
    }

    .large-heading {
        line-height: 1.3;

    }

    .banner-heading {
        font-size: var(--font50);
        line-height: 60px;
    }

    .price-and-details span.price {

        margin-right: 8px;
    }

    .price-and-details span.price strong {
        letter-spacing: 0;
        margin-left: 8px;
        line-height: 48px;
    }

    .container2.galleries-sldier {
        max-width: 1180px;
    }



    .section-our-vision-sec::before {
        width: 260px;
        height: 173px;
        bottom: 89px;
        left: 7%;
        background-size: 100%;
    }

    .section-our-vision-sec {
        padding-bottom: 214px;
        padding-top: 80px;
    }

    .new-member-slider .item {
        padding: 5px 15px;
    }

    .border_btn.arrow-right a {
        padding-right: 22px;
        padding-left: 22px;
    }

    .hotel-sites img {
        max-width: 100px;
    }

    .hotel-details-content h3.country {
        margin-bottom: 10px;
        line-height: 32px;
    }

    .hotel-details-content .features {
        margin-top: 20px;
    }

    .hotel-sites {
        padding: 25px 0;
    }

    .contact-left-form .border_btn .cus-btn {
        line-height: 38px;
    }

    .border_btn a,
    .submit_btn_wrap,
    .border_btn button {
        letter-spacing: 2px;
    }

    .charity-hover-content .link-btn {
        letter-spacing: 2px;
    }

    .buy-charity-inner {
        margin-right: -30px;
    }

    .buy-charity-block {
        padding: 0 30px;
    }


    .header .logo {
        max-width: 160px;
    }

    .left-menu a {
        letter-spacing: 2px;
    }

    .user-btn a {
        letter-spacing: 2px;
    }

    a.login-btn img {
        width: 14px;
        margin-right: 10px;
    }

    .login-btn {
        padding: 10px 10px;
    }

    .banner-heading {
        margin-bottom: 26px;
    }

    .banner-btn {
        letter-spacing: 0px;
        margin-top: 30px;
    }

    .p2 {
        letter-spacing: 2px;
    }

    .p1 {
        letter-spacing: 2px;
    }

    body {
        line-height: 26px;
    }

    .btn {
        letter-spacing: 2px;
        padding: 12px 35px;
        margin-top: 30px;
    }

    .p3 {
        letter-spacing: 2px;
    }

    .newest-hotel ul.slick-dots {
        margin-bottom: 5%;
    }

    .popular-slider {
        max-width: 480px;
    }

    .popular-slider .slick-dots li button {
        line-height: 75px;
    }


    .charities-slider .item {
        padding: 0 20px;
    }

    .charities-slider .slick-list {
        margin-left: -20px;
        margin-right: -20px;
    }

    .newsletter-form {
        padding: 50px 90px 70px;
        margin-top: 60px;
    }

    .newsletter-form input {
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        color: #D3D3D3;
        padding: 15px 22px;
        border-bottom: 2px solid #898989;
        margin-bottom: 20px;
        outline: none;
    }

    .footer .foot-logo {
        max-width: 180px;
    }

    .copyright {
        max-width: 438px;
    }

    .newsletter-form .submit-block {
        max-width: 200px;
    }

    .tabmenu a {
        padding: 20px 8px;
        line-height: 32px;
        letter-spacing: .88px;
        font-size: var(--font20);
    }

    .page-banner-content .sub-heading {
        line-height: 40px;
        letter-spacing: 2px;
    }

    .page-banner-content .large-heading {
        margin-bottom: 18px;
    }

    .banner-sec .page-banner-content {
        padding: 50px 50px 60px;
        width: 52%;
        bottom: 40px;
    }

    .p4 {
        line-height: 35px;
    }

    .hotel-about-sec .large-heading {
        margin-bottom: 35px;
    }

    .hotel-about-sec .btn {
        margin-top: 55px;
    }

    .hotel-about-sec .add-to-favourite {
        line-height: 40px;
    }

    .hotel-about-sec .add-to-favourite i {
        margin-right: 13px;
    }

    .facility-block .icon {
        padding: 10px 35px;
        margin: 5px auto 40px;
    }

    .about-content {
        padding: 120px 0;
    }

    .hotel-structure h4 {
        padding: 125px 0;
        z-index: 1;
    }

    .hotel-structure .number {
        top: -2px;
        line-height: 265px;
        font-weight: 300;

    }

    .preview-sec .preview-content p {
        line-height: 40px;
    }

    .preview-sec .preview-content a {
        letter-spacing: 3px;
    }

    .preview-sec .preview-content h4 {
        letter-spacing: 3px;
    }

    .preview-sec .preview-content {
        width: 62%;
        padding: 166px 13% 138px 86px;
    }

    .preview-sec .preview-content a::after {
        width: 15px;
        height: 15px;
        margin-top: 6px;
        margin-left: 20px;
    }

    .loyalty-program-content {
        padding: 0 30px 0 80px;
    }

    .booking-content .left-sec {
        padding-right: 60px;
    }

    .explore-slider .item .slide-content h3 {
        line-height: 65px;
    }

    .explore-slider .item .inner-block .slide-content .hide-hover {
        padding: 28px 30px 24px;
    }

    .explore-slider .item .slide-content {
        line-height: 30px;
    }

    .explore-slider .item .inner-block .slide-content p.hide-hover {
        padding-top: 15px;
    }

    .rooms-slider .slide .inner-block {
        box-shadow: 0 6px 9px #00000029;
        padding: 20px;
    }

    .rooms-slider .slide {
        padding: 5px 10px 15px;
    }

    .room-details {
        padding-top: 30px;
    }

    .room-details h3 {
        margin-bottom: 16px;
    }

    .room-sec {
        padding: 70px 0;
    }

    .room-sec::before {
        height: 180px;
    }

    .hotel-experience .left-sec {
        padding: 85px 80px 50px;
    }

    .purchase-stay-slide .item {
        padding: 5px 15px 15px;
    }

    .purchase-stay-slide .stay-slide-inner {
        padding: 15px;
    }

    .purchase-heading-sec h2 {
        margin-bottom: 25px;
    }
}

@media (max-width:1420px) {
    .large-container.application-inner:not(.wo-modal-inner) {
        padding: 40px 0px;
    }
    .application-inner .select-control {
        font-size: 16px;
        letter-spacing: 1.5px;
    }
    .application-inner .form .input-group input, .application-inner .form .input-group textarea, .application-inner .form-group input {
        font-size: 16px;
        letter-spacing: 1.5px;
    }
    .shop-item {
        width: 33.333%;
    }

    .buy-charity-block {
        padding: 0 15px;
    }

    .buy-charity-inner {
        margin-right: -15px;
        margin-left: -15px;
    }

    .filter-checked span {
        letter-spacing: 2px;
    }

    .currency .filter-checked {
        line-height: 50px;
    }

    .header.fixed~.booking-form {
        top: 110px;
    }

    .hotel-sites ul li:last-child {
        padding: 0 10px;
    }

    .header.fixed~.booking-form .container {
        width: 100%;
        max-width: 100%;
    }

    .booking-inner .form1 button.btn-form1-submit::before {
        background-size: 36px;
    }

    .select1_wrapper select,
    .input1_wrapper .input {
        padding-left: 10px;
    }

    .large-container.application-inner {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 150px;
    }
    .stay-slide-bottom .price-tab {
        padding-right: 15px;
    }
    .stay-slide-bottom .border_btn a {
        padding: 12px 25px;
    }
    .purchase-stay-slide .item {
        padding: 5px 10px 15px;
    }

    .our-stay-left {
        padding-right: 80px;
    }

    .stay-slide-bottom span {
        bottom: 0;
    }

    .stayslide-left {
        padding-right: 5px;
    }

    .stayslide-right {
        padding: 8px 0 8px 5px;
    }

    .circle-logo {
        left: -50px;
        max-width: 160px;
    }

    .header {
        padding: 30px 30px;
    }

    .newsletter-form .submit-block .submit-btn {
        padding: 16px 10px;
    }

    .header .logo {
        max-width: 120px;
    }

    .left-menu li {
        margin-right: 22px;
    }

    .login-btn {
        margin: 0 26px;
    }

    .header.fixed .logo {
        max-width: 75px;
    }

    .header.fixed {
        padding: 25px 30px;
    }

    .about-content .col-60.left {
        margin-right: 0px;
    }

    .preview-mid-img img {
        max-width: 230px;
    }

    a.award-winning-btn img {
        margin-right: 6px;
        max-width: 70px;
    }

    .location-inner .location-picks {
        width: calc(100% - 345px);
    }

}

@media (max-width:1365px) {
.section.abouthotel::before {
	left: 40px;
	top: 10px;
	transform: none;
}
}

@media (max-width:1200px) {
    .header .logo {
        max-width: 95px;
    }
    .header {
        padding: 20px 20px;
    }
    .left-menu li {
        margin-right: 10px;
    }
    .left-menu a, .user-btn a, .user-btn a.login-btn, .user-btn .cart-block a {
        font-size: 14px;
       
    }
    .award-block {
        padding: 20px 20px 0;
    }

    .add-experiences .image-block .border_btn {
        max-width: 180px;
    }

    .add-experiences .image-block h2 {
        margin: 8px 25px 8px 0;
    }

    .service-content-field .input-field ul .radio-group span {
        line-height: 27px;
    }

    .contact-inner input,
    .contact-inner textarea {
        padding: 10px 22px;
    }

    .charity-image-bottom .border_btn a {
        padding: 8px 20px;
        letter-spacing: 1px;
    }

    .charity-image-bottom .link-btn {
        margin-left: 0px;
        letter-spacing: 1px;
    }

    .charity-hover-content {
        padding: 15px;
    }

    .buy-charity-block {
        margin-bottom: 60px;
    }

    .toolbar a.hide-map {
        line-height: 37px;
        margin-top: 22px;
        margin-left: 10px;
    }

    .border_btn a {
        padding: 10px 24px;
    }

    .border_btn.arrow-right a {
        padding-right: 16px;
    }

    .stayslide-left {
        padding-right: 0;
        border-right: 0;
        margin-bottom: 0;
        width: 100%;
    }

    a.award-winning-btn img {
        width: 90px;
        margin-right: 10px;
    }

    .popup-logo {
        position: static;
        max-width: 160px;
        margin-left: auto;
        margin-right: auto;
    }

    .stay-slide-bottom .price-tab {
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .our-stay-left {
        padding-right: 0;
    }

    .purchase-stay-slide {
        padding-bottom: 160px;
    }

    .stayslide-right {
        padding: 8px 0 8px 0px;
        margin-left: 0;
        border-top: 1px solid #d6d6d6;
        margin-bottom: 15px;
    }

    .stay-slide-bottom .btn {
        margin-top: 10px;
        margin-left: 0;
    }

    .galleries-sldier .slick-arrow.slick-prev {
        left: -82px;
    }

    .galleries-sldier button.slick-next.arrow-btn.slick-arrow {
        right: -82px;
    }

    .newsletter-form {
        padding: 30px 50px 60px;
    }

    .intro-content {
        padding-left: 30px;
    }

    .intro-sec .col-7 {
        width: 54%;
    }

    .intro-sec .col-5 {
        width: 46%;
    }

    .intro-video::before {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        top: 20px;
    }

    .intro-video {
        padding-bottom: 20px;
        padding-right: 20px;
    }

    .video-btn {
        max-width: 80px;
    }

    .newest-slider .slick-list {
        margin-left: -10px;
        margin-right: -10px;
        width: 64%;
    }

    .newest-slider .item {
        padding: 0 10px;
    }

    .newest-content a {
        line-height: 21px;
        padding: 10px 10px;
    }

    .hotel-about-sec .add-to-favourite {
        position: static;
    }

    .about-content .left {
        padding-right: 80px;
    }

    .loyalty-program-content {
        padding: 30px;
    }

    .loyalty-program-content h3 {
        margin: 0 0 30px 0;
    }

    .one_loyalty_badge {
        max-width: 150px;
    }

    .explore-slider .item {
        padding-right: 30px;
    }

    .explore-slider .item .slide-content h3 {
        line-height: 50px;
    }

    .tabmenu .container {
        max-width: 100%;
    }

    .tabmenu a {
        padding: 20px 8px;
        line-height: 26px;
        letter-spacing: 0.5px;
    }

    .facility-block .icon {
        width: 110px;
        height: 110px;
        padding: 10px 20px;
    }

    .about-content {
        padding: 80px 0;
    }

    .hotel-structure .number {
        line-height: 210px;
        top: 14px;
    }

    .hotel-structure h4 {
        padding: 118px 0;
    }

    .p4 {
        line-height: 30px;
    }

    .preview-sec .preview-content h4 {
        letter-spacing: 1px;
    }

    .preview-sec .preview-content p {
        line-height: 32px;
    }

    .preview-sec .preview-content a {
        letter-spacing: 1px;
    }

    .preview-sec .preview-content a::after {
        margin-top: 3px;
        margin-left: 10px;
    }

    /* .contact-sec .contact-inner .column-reverse {
    flex-direction: column-reverse;
  } */
    .contact-sec .contact-inner .col-7,
    .contact-sec .contact-inner .col-5 {
        width: 100%;
    }

    .contact-left-form::after {
        display: none;
    }

    .contact-sec footer {
        width: 100%;
        text-align: center;
    }

    .area-sec-inner {
        padding: 30px;
    }

    .area-sec .col-55,
    .area-sec .col-45 {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 35px;
        width: 100%;
    }

    .hotel-experience .left-sec {
        padding: 85px 40px 50px;
    }

    .submit_btn_wrap,
    .border_btn button {
        letter-spacing: 1px;
    }

    .appl-form {
        column-gap: 30px;
        grid-row-gap: 0px;
        padding-left: 0;
        padding-right: 0;
    }

    .wo-modal .textarea-form {
        padding-left: 0;
        padding-right: 0;
    }

    .large-container.application-inner {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 50px;
    }
    .faqgeneral .accordian {
	padding: 0 30px;
}
}

@media screen and (max-width: 1024px) {
    .container2.galleries-sldier {
        max-width: 638px;
    }
}

@media (max-width:992px) {
    .rooms-slider {
        padding-left: 0px;
        padding-right: 00px;
    }
    .footer::after {
        width: 200px;
        padding-top: 200px;
    }
    section.account-block .export-orders .form1 .c12 {
        width: calc(100% - 119px);
        margin-right: 20px;
    }
    .h3-heading {
        font-size: var(--font27);
    }
    .shop-item {
        width: 100%;
    }
    .cookies-bar .container {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .cookies-bar a, .cookies-bar .container p {
      font-size: 12px;
    }
    .booking-form.search-box {
        bottom: 0;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .contact-name-right-inner .foot-address {
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .contact-name-right-inner .foot-address p {
        text-align: center;
    }

    .info-panel-inner input {
        height: 65px;
        padding: 5px 18px;
        font-size: 16px;
        letter-spacing: 3px;
    }

    .contact-name-inner .info-panel-inner ul li {
        padding: 0 18px;
    }

    .contact-name-inner .info-panel-inner ul li button {
        font-size: 20px;
        letter-spacing: 2px;
        height: 67px;
        width: 100%;
        margin-top: 20px;
        border: 0px;
    }

    .member-block.block-in .img-wrap {
        display: flex;
        justify-content: center;
        max-width: 460px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 70px;
    }

    .site-footer .social-links li {
        margin: 0 8px;
    }

    section.contact-name-sec {
        padding-bottom: 60px;
        padding-top: 30px;
    }

    .contact-name-sec {
        padding-bottom: 60px;
        padding-top: 70px;
    }

    section.contact-name-sec .col-6 {
        width: 100%;
    }

    .contact-name-inner {
        padding-top: 0;
        text-align: center;
    }

    .foot_logo_1.mobile-logo {
        display: block;
        margin-bottom: 35px;
    }

    .contact-name-inner h4 {
        text-align: center;
        margin-bottom: 10px;
    }

    .contact-name-inner h2 {
        margin-bottom: 15px;
    }

    .contact-name-inner ul a,
    .contact-name-inner .info-tab h5,
    .contact-name-sec .contact-name-inner .info-tab .lbtn {
        margin-left: auto;
        margin-right: auto;
    }

    .contact-name-inner ul a,
    .contact-name-inner .info-tab h5,
    .contact-name-sec .contact-name-inner .info-tab .lbtn {
        padding: 5px 20px;
        height: 70px;
    }

    .header.active ul li.nav-item .submenu.brand-menu {
        height: auto;
        visibility: visible;
        opacity: 1;
    }

    .header ul li.nav-item .submenu.brand-menu {
        display: block !important;
        height: 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s;
    }
    .preview-sec .preview-content h2 {
        letter-spacing: 0;
    }
    .offer-unlimited.word-count span.left-tab {
        padding-right: 10px;
        padding-left: 0;
    }

    .acc-heading-margin {
        margin-bottom: 40px;
    }

    .purchase-sec.location-inner {
        padding-top: 25px;
    }

    .hotel-about-sec::before {
        background-position: left center;
    }
    .hotel-about-sec, .area-sec {
        padding-top: 60px;
    }
    .header ul li.nav-item .submenu .brands-block {
        max-width: 100%;
    }
    .header ul li.nav-item .submenu .brands-block:last-child {
        padding-right: 0;
        max-width: 100%;
    }
    .sec-pad.charity-sec.contact-sec .contact-panel-item {
        padding-left: 0px;
        padding-right: 0px;
    }

    .sec-pad.charity-sec.contact-sec .acc-heading {
        padding-left: 0px;
        padding-right: 0px;
    }


    .stay-modal .large-heading {
        width: 100%;
    }

    section.explore-sec.top-member-section {
        padding-bottom: 110px;
        padding-top: 100px
    }

    section.purchase-a-stay.new-member-section {
        padding-top: 70px;
    }

    .location-inner {
        padding-top: 0;
    }

    .filter {
        margin-bottom: 2rem;
    }

    .price-range {
        margin-bottom: 2rem;
    }

    .form1 .c1 {
        width: 33.333%;
    }

    .form1 .c2 {
        width: 33.31%;
    }

    .form1 .c3 {
        width: 33.333%;
        border-right: none;
    }

    .form1 .c4 {
        width: 44%;
        border-top: 1px solid #707070;
    }

    .form1 .c5 {
        width: 48%;
        border: none;
        border-top: 1px solid #707070;
    }

    .form1 .c6 {
        width: 8%;
        border: none;
    }

    .location-inner .sidebar-location {
        width: 100%;
    }

    header.site-header.fixed~.booking-form {
        position: relative;
    }

    .location-inner .location-picks {
        width: 100%;
    }

    .stay-modal-bottom .btn {
        letter-spacing: 1px;
        line-height: 40px;
        width: 250px;
        margin-left: 22px;
    }

    .wo-modal-container {
        width: 95%;
        padding: 25px;
    }

    .stay-modal-top .add-to-favourite {
        font-weight: 500;
        line-height: 60px;
        margin-left: 0;
        margin-top: 0px;
    }

    .stay-modal-content h3 {
        line-height: 38px;
        font-weight: 400;
        margin-bottom: 8px;
    }

    .stay-modal-bottom .stay-time {
        line-height: 36px;
    }

    .stay-modal-bottom .price {
        line-height: 70px;
        margin-left: 12px;
    }

    .stay-modal-top .add-to-favourite i {
        margin-right: 10px;
    }

    .add-more .border_btn button {
        padding: 5px 20px;
    }

    .submit_btn_wrap,
    .border_btn button {
        letter-spacing: 1px;
        line-height: 32px;
        padding: 3px;
    }

    .upload-libarary .border_btn button {
        padding-left: 20px;
        padding-right: 20px;
    }

    .cost-currency-block .col-4 {
        flex: 0 0 100%;
        margin-bottom: 10px;
    }

    .border_btn a {
        letter-spacing: 1px;
        line-height: 32px;
    }

    .contact-list .col-6 {
        width: 100%;
    }

    .contact-list {
        padding-top: 50px;
        padding-bottom: 45px;
    }

    .hotel-experience .left-sec {
        padding: 45px 15px;
        width: 100%;
    }

    .hotel-experience .right-sec {
        width: 100%;
        min-height: 440px;
    }

    .area-sec .col-55,
    .area-sec .col-45 {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 35px;
    }

    .area-sec .row>div:nth-child(1) {
        order: 1;
    }

    .area-sec .row>div:nth-child(2) {
        order: 2;
    }

    .area-sec .row>div:nth-child(3) {
        order: 4;
    }

    .area-sec .row>div:nth-child(4) {
        order: 3;
    }

    .area-sec .row>div:nth-child(5) {
        order: 5;
    }

    .area-sec .row>div:nth-child(6) {
        order: 6;
    }

    .services-sec .col-6 {
        width: 100%;
    }

    .services-sec.service-3 .service-slide-inner h3 {
        margin-top: 0px;
    }

    .services-sec.service-3 .service-slide-inner p.p4 {
        margin-top: 10px;
    }

    .service-slide-inner {
        padding: 30px;
    }

    .services-sec.service-2 .service-slide-inner {
        padding: 0 0 35px;
    }

    .mobile-menu-btn {
        display: block;
    }

    .tabmenu .tabing li.has-submenu>a {
        padding-left: 36px;
    }

    .purchase-stay-content h3 {

        line-height: 40px;
        font-weight: 400;
    }

    .explore-sec {
        padding-top: 120px;
    }

    .galleries-sldier .slide {
        padding: 15px 15px 0 2px;
    }

    .galleries-sldier .slide .play-btn {
        width: 100px;
        height: 100px;
    }

    .preview-sec .preview-content {
        padding: 135px 13% 136px 40px;
    }

    .preview-mid-img img {
        max-width: 180px;
    }

    .explore-slider .item {
        padding-right: 20px;
    }

    .btn {
        padding: 12px 15px;
        line-height: 32px;
        letter-spacing: 0;
    }

    .cus-btn {
        padding: 9px 45px;
        letter-spacing: 1px;
        line-height: 38px;
        z-index: 1;
        margin-top: 30px;
    }

    .loyalty-program-content ul li {
        margin-bottom: 15px;
    }

    .loyalty-program-content p {
        margin-bottom: 15px;
    }

    .loyalty-program-content ul {
        margin-top: 20px;
    }

    .loyalty-program-content h3 {
        margin: 0 0 20px 0;
    }

    .explore-slider .item .slide-content .hover-content {
        padding: 0 15px;
    }

    .explore-slider .item .inner-block:hover .slide-content .hover-content {
        padding: 15px;
    }

    .booking-content .left-sec {
        padding-right: 15px;
    }

    .booking-content .large-heading {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .booking-content .cus-btn {
        margin-top: 20px;
    }

    .explore-slider .item .slide-content {
        line-height: 26px;
    }

    .one_loyalty_badge {
        max-width: 130px;
        right: 16px;
        top: 18px;
    }

    .page-banner-content .sub-heading {
        line-height: 36px;
        letter-spacing: 1px;
    }

    .banner-sec .page-banner-content {
        padding: 38px 45px 50px;
        width: 55%;
    }

    .banner-sec .member-info {
        width: 100%;
        max-width: 100%;
    }

    .p2 {
        letter-spacing: 1px;
    }

    .p1 {
        letter-spacing: 1px;
    }

    body {
        line-height: 22px;
    }

    .p3 {
        letter-spacing: 1px;
    }

    .popular-slider .slick-dots li button {
        line-height: 60px;
    }

    .popular-sec .left-block {
        padding-right: 0;
        padding-left: 0;
    }

    .popular-sec {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .newest-hotel {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .popular-sec {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .popular-slider .slick-dots li button {
        line-height: 52px;
    }

    .charities-slider .item {
        padding: 0 10px;
    }

    .charities-slider .slick-list {
        margin-left: -10px;
        margin-right: -10px;
    }

    .charities-slider .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .see_all {
        margin: 35px auto 15px;
    }

    .user-btn .search-btn {
        text-indent: -9999px;
        overflow: hidden;
        display: flex;
    }
    .user-btn .cart-block {
        margin-left: 10px;
    }
    .user-btn a.search-btn img {
        margin-right: 0;
    }

    a.login-btn img {
        margin-right: 0;
    }

    .user-btn a.login-btn {
        border: none;
        padding: 0;
        text-indent: -9999px;
        filter: brightness(0) invert(1);
        margin: 0  0 0 8px;
        display: flex;
    }

    .cart-block a img {
        max-width: 16px;
        margin-right: 7px;
    }

    .btn2 {
        display: block;
    }

    .header,
    .header.fixed {
        background-color: #000;
        position: fixed;
        padding: 42px 30px;
    }

    .header .logo,
    .header.fixed .logo {
        max-width: 50px;
        top: -20px;
    }

    .open .left-menu {
        left: 0;
    }

    .left-menu {
        display: block;
        height: calc(100% - 80px);
        position: fixed;
        left: -100%;
        bottom: 0;
        background-color: #000;
        padding: 20px 0;
        max-width: 400px;
        transition: all 0.5s;
        overflow: auto;
        width: 100%;
    }

    .login-btn:hover {
        background-color: transparent;
    }

    .header .left-menu ul {
        display: block;
    }

    .left-menu li {
        margin-right: 0;
    }

    .left-menu a::after {
        display: none;
    }

    .nav-item.has-submenu>a {
        position: relative;
    }

    .nav-item.has-submenu>a:after {
        content: '';
        width: 2px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: calc(100% - 25px);
        transform: translateY(-50%);
        background: #fff;
        display: block;
    }

    .nav-item.has-submenu>a:before {
        content: '';
        width: 20px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: calc(100% - 34px);
        transform: translateY(-50%);
        background: #fff;
    }

    .header ul li.nav-item {
        padding: 0;
    }

    .left-menu li a {
        padding: 14px 16px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        display: inline-block;
        width: 100%;
    }

    .banner-sec .member-info .price span {
        display: block;
    }

    .banner-sec .page-banner-content {
        padding: 30px 35px 50px;
    }

    .explore-slider .item .inner-block .slide-content .hide-hover {
        padding: 24px 15px 12px;
    }

    .explore-slider .item .slide-content h3 {
        line-height: 42px;
    }

    .tabmenu .tabing li {
        flex: 1 1 100%;
    }

    .tabmenu .tabing>li.active>a::after,
    .tabmenu .tabing>li>a:hover::after {
        display: none !important;
    }

    .tabmenu .tabing li .submenu {
        position: static;
        display: none;
    }

    .tabmenu .tabing li:hover .submenu {
        display: block;
    }

    .explore-sec::after {
        right: -90px;
        top: -0px;
    }

    .contact-sec .col-7 {
        padding-right: 15px;
    }

    .contact-sec .col-5 {
        padding-left: 15px;
    }

    .header.fixed~.booking-form,
    .booking-form {
        position: static;
        max-height: none;
        padding: 20px 0;
        margin: 0;
    }

    .page-button {
        margin-top: 70px;
    }

    .marta-section {
        padding: 50px 0 60px 0;
    }

    .buy-charity-block {
        margin-bottom: 60px;
    }

    .logo-1 img {
        max-width: 120px;
        display: block;
    }

    .header-2-inner .logo-1 {
        margin-left: 20px;
    }

    .acc-box .row [class*='col-'] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .acc-box .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .acc-box .row [class*='col-'] {
        width: 100%;
    }

    .acc-box {
        padding: 40px;
    }

    .acc-box .form-group {
        margin-bottom: 30px;
    }

    .sub-heading {
        letter-spacing: 2px;
        line-height: 1.4;
    }

    .why-luxury .destination-block .destination-content p {
        line-height: 31px;
    }

    .facilitees .inner-container {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .newset-hotel .new-grad {
        bottom: -58px;
    }
}

@media (max-width:768px) {
    .popular-sec .popular-inner {
        max-width: 100%;
        margin-left: auto;
        width: 100%;
    }
    .about-content .col-60.left, .about-content .col-40 {
        width: 100%;
    }
    .hotel-about-sec, .area-sec {
        padding-top: 40px;
    }
    section.order-details {
        width: 100%;
        margin-top: 25px;
    }
    section.customer-details {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .order-main-block {
        padding-bottom: 35px;
    }
    .account-block-left {
        clear: both;
        padding-top: 25px;
    }
    .account-block-left table.account-table {
        min-width: 420px;
    }
    .aaccount-table-block {
        width: 100%;
        overflow: auto;
    }
    .export-orders .form1 .c12 .input1_wrapper {
        width: 100%;
    }
    section.account-block  .form1 .c12 input {
        height: 55px;
    }
    section.account-block .export-orders .form1 .c6 {
        width: 100%;
        height: auto;
        border: none;
        margin-bottom: 15px;
    }
    section.account-block .export-orders .form1 .c12 {
        width: 100%;
        margin-right: 20px;
        display: block;
    }
    .header .user-btn a, .header .left-menu a {
        font-size: var(--font17);
    }
   .col-mob-full { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important;}
    .location-inner {
        padding-top: 15px;
    }

    .form1 .c6 {
        width: 60px;
        height: 54px;
    }

    .form1 .c12 {
        width: 92%;
    }

    .filter-button {
        display: flex;
    }

    .wo-modal .wo-modal-inner.modal-lg {
        max-width: 95%;
    }

    .uploded-media {
        grid-template-columns: repeat(5, 1fr);
        column-gap: 10px;
    }

    .contact-name-inner .info-panel-inner ul li {
        width: 100%;
    }

    .foot-menu ul {
        flex-wrap: wrap;
    }

    .foot-menu ul li {
        margin: 4px 0;
    }

    .contact-panel-item .form-group.d-flex input.form-control {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .application-inner .heading-sec h2 {
        margin-bottom: 25px;
    }

    .book-list-item .slick-dots {
        bottom: 25px;
    }

    .bussiness-profile .contact-detail-panel .heading-tab {
        line-height: 42px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .award-block .col-6 {
        width: 100%;
    }

    .banner-sec .member-info .block-price .border_btn {
        width: 100%;
        max-width: 170px;
    }

    .view-available-block a::after {
        margin-left: 10px;
    }

    .stay-alert {
        margin-right: auto;
    }

    .logo-1 img {
        max-width: 70px;
    }

    .charity-shape {

        max-width: 150px;
    }

    .footer-shape {

        max-width: 100px;
    }

    .offer-unlimited.word-count span.left-tab {
        padding-left: 8px;
    }

    .backend-humanity {
        padding-top: 60px;
    }

    .footer::after {
        background-size: 100% auto;
        /* background-position: right top; */
        padding-top: 36%;
        width: 30%;
    }
    .newset-hotel .new-grad {
        bottom: -58px;
    }

    .newset-hotel-hover {
        top: 15px;
        right: 15px;
    }

    .why-luxury {
        padding: 60px 0;
    }

    .why-luxury .destination-block .destination-content {
        padding: 10px 0px;
    }

    .why-luxury .col-4.destination-block {
        width: 100%;
        margin-bottom: 20px;
    }

    .section-humanity-sec {
        padding: 60px 0;
    }

    .section-our-vision-sec {
        padding-top: 60px;
    }

    .our-team-sec {
        padding-bottom: 0px;
    }

    .acc-section .col-6 {
        width: 100%;
    }

    .mind-shape-bg {
        width: 220px;
        height: 230px;
        background-size: 100%;
    }

    .like-section {
        padding: 40px 0;
    }

    .acc-box {
        padding: 40px 20px;
    }

    .acc-section .acc-thanks-info {
        margin-bottom: 60px;
    }

    .explore-sec.charity-explore-sec {
        padding-top: 00px;
    }

    .buy-chairty-sec {
        padding: 60px 0;
    }

    .buy-chairty-sec .large-heading {
        margin-bottom: 45px;
    }
    .buy-chairty-sec button.slick-next.slick-arrow {
        margin-top: 50px;
    }
    .comments-box {
        margin-bottom: 20px;
    }

    .buy-charity-block {
        width: 100%;
    }

    .page-button {
        margin-top: 30px;
    }

    .next-page-btn span {
        height: 60px;
        margin-right: 5px;
    }

    .buy-charity-block {
        padding: 0 10px;
    }

    .buy-charity-inner {
        margin-right: -10px;
        margin-left: -10px;
    }

    .charity-image-bottom .border_btn.arrow-right,
    .charity-image-bottom .link-btn {
        margin-top: 5px;
    }

    .charity-hover-bottom {
        min-height: 100px;
    }

    .charity-block-left {
        width: calc(100% - 75px);
    }

    .charity-block-top {
        margin-bottom: -100px;
    }

    .charity-block-left p {
        letter-spacing: 2px;
        line-height: 30px;
    }

    .marta-section {
        padding: 50px 0 40px 0;
    }

    .toolbar a.hide-map {
        margin-left: 0;
    }

    .toolbar .sort {
        width: 100%;
    }

    section.explore-sec.top-member-section {
        padding-bottom: 70px;
        padding-top: 50px;
    }

    section.purchase-a-stay.new-member-section {
        padding-top: 60px;
    }

    .form1 .c1 {
        width: 100%;
    }

    .form1 .c2 {
        width: 100%;
        border-top: 1px solid #707070;
    }

    .form1 .c3 {
        width: 100%;
        border-top: 1px solid #707070;
    }

    .booking-inner .form1 button.btn-form1-submit {
        height: 55px;
    }

    .booking-inner .form1 button.btn-form1-submit::before {
        background-size: 30px;
        background-position: center;
    }

    .input1_wrapper .input {
        padding: 8px 40px 8px 20px;
        line-height: 30px;
    }

    .input1_wrapper::after {
        width: 35px;
        height: 35px;
        top: 11px;
        background-size: 32px;
    }

    .select1_wrapper select,
    select.whiteselect {
        padding: 8px 40px 8px 20px;
    }

    .input1_wrapper:after {
        width: 35px;
        height: 35px;
        top: 11px;
    }

    .form1 .c4 {
        width: 100%;
    }

    .form1 .c5 {
        width: calc(100% - 60px);
        border-top: 1px solid #707070;
        margin-top: 1px;
    }

    .form1 .c6 {
        width: 60px;
    }

    .form1 .col1 {
        height: 54px;
    }

    .sign-up-first ul a::before {
        width: 28px;
        right: 4px;
    }

    .wo-modal-container {
        width: 100%;
    }

    .wo-modal-inner .col-33 {
        width: 100%;
        display: flex;
    }

    .stay-modal .productdeatil .col-6{width: 100%}

    .model-img-block figure+figure {
        margin-top: 0;
        margin-left: 7px;
    }

    .model-img-block figure:first-child {
        margin-right: 7px;
    }

    .model-img-block figure {
        padding-top: 50%;
    }

    .stay-modal-content h2 span {
        line-height: 38px;
        margin-left: 6px;
    }

    .wo-modal {
        padding: 30px 15px;
    }

    .p4 {
        line-height: 26px;
    }

    .wo-modal .wo-modal-inner.large-container {
        width: 100%;
    }

    .popup-logo {
        max-width: 120px;
        margin-left: auto;
        margin-right: auto;
        position: static;
    }

    .form .input-group textarea {
        padding: 12px 16px;
    }

    .stay-modal-content h3 {
        line-height: 34px;
        font-weight: 400;
        margin-bottom: 8px;
    }

    .appl-form {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0;
        grid-row-gap: 0px;
        padding-left: 0;
        padding-right: 0;
    }

    .wo-modal .form .input-group input {
        letter-spacing: 2px;
        padding: 5px 16px;
        border-bottom: 1px solid #D3D3D3;
        margin-bottom: 25px;
    }

    .wo-modal .textarea-form {
        width: 100%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .sign-up-first ul a {
        letter-spacing: 2px;
    }

    .sign-up-first ul a::after {
        right: 5px;
    }

    .wo-modal .wo-modal-inner {
        padding: 40px 20px;
    }

    .area-sec hr {
        margin-top: 30px;
    }

    .contact-left-form .border_btn .cus-btn {
        letter-spacing: 1.75px;
        line-height: 36px;
    }

    .purchase-heading-sec h2 {
        margin-bottom: 15px;
    }

    .purchase-heading-sec {
        width: 100%;
        margin-bottom: 45px;
    }

    .purchase-stay-slide {
        padding-bottom: 110px;
    }

    .purchase-stay-slide button.slick-arrow {
        width: 60px;
        height: 60px; padding: 0;
    }

    .purchase-stay-slide button.slick-arrow::before {
        top: 19px;
        left: 25px;
    }

    .purchase-stay-slide button.slick-next.slick-arrow {
        margin-left: 40px;
    }

    .purchase-stay-slide button.slick-arrow.slick-prev {
        margin-left: -40px;
    }

    .our-stay-sec .col-7,
    .our-stay-sec .col-5 {
        width: 100%;
    }

    .our-stay-sec {
        padding-top: 65px;
        padding-bottom: 70px;
    }

    .our-stay-left {
        margin-bottom: 30px;
    }

.our-stay-sec::before {
	/* left: -100px; */
	width: 200px;
	height: 150px;
}

    .purchase-a-stay {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .purchase-stay-slide .slick-list {
        margin-left: 0;
        margin-right: 0;
    }

    /* .purchase-a-stay::after {
        left: -100px;
    } */

    .galleries-sldier button.slick-next.arrow-btn.slick-arrow {
        right: 18px;
        filter: brightness(0) invert(1);
    }

    .galleries-sldier .slick-arrow.slick-prev {
        left: 4px;
        filter: brightness(0) invert(1);
    }

    .galleries-sldier .arrow-btn {
        width: 44px;
    }

    .galleries-sldier .arrow-btn::before {
        width: 35px;
    }

    .circle-logo {
        left: 10px;
        bottom: -48px;
        max-width: 150px;
    }

    .newsletter-form input {
        padding: 12px 14px;
        margin-bottom: 20px;
    }

    .intro-sec .col-5 {
        width: 100%;
    }

    .hotel-month-sec .left-block {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        max-width: 100%;
        margin-bottom: 45px;
    }

    .hotel-month-sec .right-block {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-left: auto;
        margin-right: auto;
        max-width: 540px;
    }

    .hotel-month-sec {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .hotel-month-sec .images-collages .img-3::after {
        width: 132%;
        left: 55px;
    }
    .intro-content {
        padding-top: 35px;
    }

    .intro-sec::before {
        height: 80px;
    }

    .newest-hotel .heading-cotent {
        position: static;
        width: 100%;
        margin-bottom: 35px;
    }

    .newest-slider {
        display: block;
    }

    .newest-slider .slick-list {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .newest-slider .item {
        padding: 0;
    }

    .newest-hotel ul.slick-dots li:first-child::before {
        display: none;
    }

    .newest-hotel ul.slick-dots {
        margin-bottom: 0;
        width: 100%;
        margin-top: 25px;
        margin-left: 0px;
    }

    .newest-slider figure {
        padding-top: 120%;
    }

    .banner-heading {
        margin-bottom: 20px;
        line-height: normal;
    }

    .banner-btn {
        letter-spacing: 0.5px;
        margin-top: 20px;
    }

    .banner-sec figure {
        min-height: 480px;
    }

    .hotel-month-top-sec {
        margin-bottom: 20px;
    }

    .intro-sec .col-7 {
        width: 100%;
    }

    .intro-sec {
        padding-bottom: 60px;
    }

    .intro-content h2 {
        margin-bottom: 20px;
    }

    .popular-sec .left-block {
        width: 100%;
        margin-bottom: 45px;
    }
    
    .popular-sec .col.left-block.b-flex.align-item {
        background: rgb(26 26 26 / 80%);
        padding: 10px;
    }

    .popular-slider {
        max-width: 100%;
    }

    .popular-sec .right-block {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-left: auto;
    }

    .popular-slider .slick-dots li button::before {
        height: 64px;
        top: -38px;
        left: 30px;
    }

    .popular-slider .slick-dots li button {
        padding: 47px 20px 0;
    }

    .newsletter-form {
        padding: 25px 20px 40px;
        margin-top: 20px;
    }

    .circle-logo {
        left: 10px;
        bottom: -50px;
        max-width: 100px;
    }

    footer {
        position: relative;
        z-index: 1;
    }

    .foot-menu a {
        margin: 0 8px;
    }

    .copyright {
        padding: 15px 0;
        max-width: 100%;
    }

    .foot-menu {
        width: 100%;
        padding-bottom: 20px;
    }

    .footer .social-icon {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .newest-hotel {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .header,
    .header.fixed {
        padding: 30px 15px;
    }

    .popular-sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .charities-sec {
        padding: 60px 0;
    }

    .see_all {
        margin: 35px auto 0px;
    }

    .newsletter-sec {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .instagram-sec {
        padding-top: 60px;
    }

    .footer .foot-logo {
        max-width: 100px;
    }

    .charities-slider {
        overflow: hidden;
    }

    .instagram-posts .insta-post {
        width: 33.333%;
    }

    .preview-sec .preview-content {
        padding: 25px 22px;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .preview-mid {
        position: relative;
        width: 100%;
        right: 0;
        height: auto;
        clip-path: none;
        padding-top: 2px;
    }

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

    .add-edit-form .form-group label+.form-control {
        margin-top: 10px;
    }

    .preview-mid-img {
        position: relative;
        height: auto;
        width: auto;
        clip-path: none;
        left: 0;
        text-align: center;
        padding-right: 40%;
    }

    .preview-sec .preview-row {
        margin-left: 0;
        display: block;
    }

    .banner-sec .member-info {
        top: 18%;
        bottom: auto;
    }

    .banner-sec .page-banner-content {
        bottom: 0;
        width: 100%;
        padding: 20px 15px;
    }

    .banner-sec .member-info .block-price {
        display: flex;
        max-width: 360px;
        align-content: center;
        width: 100%;
        margin-right: auto;
        justify-content: center;
    }

    .banner-sec .member-info .block-price>label {
        display: none;
    }

    .banner-sec .member-info .member-logo {
        margin: 0 6px 0 0;
        max-width: 170px;
    }

    .banner-sec .member-info .block-price {
        letter-spacing: 0.5px;
        flex-wrap: wrap;
    }

    .banner-sec .member-info .price {
        width: auto;
    }

    .dark-black-bg {
        margin-left: auto;
        margin-right: auto;
    }

    .banner-sec .member-info .price span {
        display: block;
        line-height: 42px;
    }

    .hotel-about-sec::before, .services-sec.service-1::before, .purchase-a-stay::after {
        left: 0px;
        max-height: 450px;
        background-size: contain;
    }

    .galleries-sldier .slide .play-btn {
        width: 80px;
        height: 80px;
    }

    .facilitees {
        padding-top: 65px;
    }

    .about-content {
        padding: 65px 0;
    }

    .about-content .left {
        padding-right: 0;
        width: 100%;
        margin-bottom: 35px;
    }

    .col-40,
    .col-60 {
        width: 100%;
    }

    .hotel-structure h4 {
        padding: 80px 0;
    }

    .hotel-structure .number {
        line-height: 140px;
        top: 12px;
    }

    .hotel-features {
        padding: 65px 0;
    }

    .hotel-features .heading-sec {
        margin-bottom: 30px;
    }

    .hotel-features ul li {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 15px;
        text-align: center;
    }

    .room-sec {
        padding: 65px 0;
    }

    .hotel-features ul li::before {
        top: 0;
        position: relative;
        display: inline-block;
        margin-right: 7px;
    }

    .room-sec .heading-sec {
        margin-bottom: 30px;
    }

    .rooms-slider {
        padding-left: 35px;
        padding-right: 35px;
    }

    .rooms-slider .slick-arrow {
        width: 25px;
        height: 25px;
    }

    .room-sec::before {
        height: 150px;
    }

    .hotel-experience .left-sec {
        padding: 5px 20px 50px;
        width: 100%;
    }

    .hotel-experience .right-sec {
        width: 100%;
        min-height: 500px;
    }

    .award-sec .col-3 {
        width: 40%;
        margin-bottom: 25px;
    }

    .loyalty-program-sec .col-5 {
        width: 100%;
    }

    .loyalty-program-sec .col-7 {
        width: 100%;
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .loyalty-program-content ul li {
        width: 100%;
    }

    .booking-content {
        padding: 70px 0;
    }

    .booking-content .left-sec {
        width: 100%;
    }

    .booking-content .col-6.right-sec {
        width: 100%;
        padding-top: 35px;
    }

    .explore-sec::after {
        right: -162px;
        top: -0px;
    }

    .explore-sec {
        padding-top: 65px;
        padding-bottom: 70px;
    }

    .explore-slider .slick-dots {
        margin: 40px auto 0;
    }

    .go-to-explore .arrow-btn {
        display: none !important;
    }

    .footer {
        padding-top: 65px;
    }

    .explore-sec .heading-sec {
        margin-bottom: 35px;
    }

    .facility-slider .slick-dots li button {
        width: 12px;
        height: 12px;
    }

    .facility-slider .slick-dots li {
        margin: 0 6px;
    }

    .facility-slider .slick-dots {
        margin: 35px 0 0;
    }

    .map-section .map-address img {
        margin: 0 auto 30px;
        max-width: 80px;
    }

    .cus-btn {
        padding: 8px 25px;
        line-height: 35px;
        margin-top: 30px;
    }

    .one_loyalty_badge {
        max-width: 90px;
    }

    .contact-sec {
        padding-top: 152px;
    }

    .contact-right h4 {
        margin-top: 20px;
    }

    .contact-sec .contact-inner .col-6,
    .contact-sec .contact-inner .col-4 {
        width: 100%;
    }

    .contact-left-form .btn {
        width: 100%;
    }

    .contact-list .contact-block .location-content ul li svg {
        width: 30px;
    }

    .header-2 .logo-2 {
        max-width: 60px;
    }

    .location-picks .hotel-detail .hotel-slide {
        width: 100%;
    }

    .location-picks .hotel-detail .hotel-details-content {
        width: 100%;
        padding-top: 13px;
        margin-top: 35px;
    }

    .hotel-sites ul {
        flex-wrap: wrap;
    }

    .hotel-sites ul li:last-child {
        padding: 0;
    }
}

/*Media 2 Css Start*/
@media (max-width:1799px) {
    .ml-minus-60 {
        margin-left: 0
    }

}

@media (max-width:1699px) {
    .border_btn .cus-btn {
        padding: 10px 35px;
    }

    .tab-transparent {
        margin-top: -72px;
        height: 72px;
    }

    .wo-modal .signup-form-modal .heading-sec p.p3 {
        line-height: 40px;
    }
}

@media (max-width:1620px) {

    .member-heading-sec .link-btn,
    .heading-sec2 .link-btn {
        margin-top: 25px;
    }

    .contributors-slider figure {
        width: 120px;
        height: 120px;
    }

    .date-block {
        line-height: 44px;
    }

    .block-content-bottom h3 {
        line-height: 50px;
    }

    .block-content-bottom p {
        line-height: 40px;
    }

    .travel-btn {
        line-height: 36px;
        padding: 5px 15px;
        top: 20px;
        right: 20px;
    }

    .contributors h3 {
        line-height: 50px;
    }

    .blog-top {
        margin-bottom: 30px;
    }

    .blog-top h2 {
        line-height: 80px;
    }

    .blog-top h2 {
        line-height: 80px;
        margin: 0;
    }

    .blog-inner h4 {
        line-height: 55px;
    }

    .blog-inner blockquote {
        line-height: 55px;
    }

    .blog-inner .post-buttons figure {
        max-width: 120px;
    }

    .team-content h3 {
        line-height: 56px;
    }

    .team-content .sub-heading {
        letter-spacing: 2.5px;
    }

    .mind-filter-row [class*='col-'] {
        width: 50%;
    }

    .mind-gallery-row,
    .mind-gallery-right .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .mind-gallery-row .col-6,
    .mind-gallery-right .row .col-6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .site-link a {
        line-height: 40px;
    }

    .banner-content-left p {
        line-height: 34px;
    }

    .about-row p {
        line-height: 36px;
    }

    .member-row {
        margin-left: -20px;
        margin-right: -20px;
    }

    .member-row [class*='col-'] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .marta-section .add-to-favourite {
        letter-spacing: 2.5px;
        top: 12px;
        line-height: 60px;
    }

    .marta-section .add-to-favourite .fa-heart-o {
        top: 4px;
        margin-right: 10px;
    }

    .marta-section .marta-info h4 {
        line-height: 55px;
    }

    .marta-section .marta-info .charity-list li {
        line-height: 46px;
    }

    .charity-section,
    .feature-charity-section {
        padding: 80px 0;
    }

    .collection-panel .collection-title {
        line-height: 60px;
    }

    .charity-sec .container {
        max-width: 100%;
    }

    .site-footer .container {
        max-width: 100%;
    }

    .experience-block:not(:first-child) {
        padding-top: 60px;
        margin-top: 60px;
    }

    .field-heading .tip-lg {
        max-width: 550px;
    }

    .service-search .input-field .form-control {
        height: 62px;
    }

    .preview-item-list p {
        line-height: 40px;
    }

    .img-grid-box {
        gap: 30px;
    }

    .service-imgs .gray_btn {
        margin-top: 40px;
    }

}

@media (max-width:1420px) {
    .header.fixed~.booking-form.search-box {
        top: 118px;
    }

    .select-features .loyalty-block {
        gap: 25px;
    }

    .charities-slider .slick-next.slick-arrow {
        right: -35px;
        z-index: 9;
    }

    .charities-slider .slick-prev.slick-arrow {
        left: -35px;
        z-index: 9;
    }

    .marta-profile {
        margin-top: -150px;
    }

    .marta-profile figure {
        width: 250px;
        height: 250px;
    }

    .new-member-slider .slick-list {
        margin-left: -15px;
        margin-right: -15px;
    }

    .new-member-slider .item {
        padding: 5px 15px;
    }

    .block-gallery .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .block-gallery .row .col-6 {
        padding-left: 15px;
        padding-right: 15px
    }

    .block-gallery .travel-right-side .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .block-gallery .travel-right-side .row .col-6 {
        padding-left: 15px;
        padding-right: 15px
    }

    .block-content-bottom p {
        line-height: 36px;
    }

    .blog-top h2 {
        line-height: 70px;
        margin: 0;
    }

    .blog-inner h4 {
        line-height: 46px;
    }

    .blog-inner blockquote {
        line-height: 46px;
    }

    .sidebar-block {
        padding: 20px;
    }

    .sidebar-block h3 {
        line-height: 60px;
    }

    .comments-box .row {
        margin-left: -30px;
        margin-right: -30px;
    }

    .comments-box .col-12,
    .comments-box .col-6 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .comments-block {
        margin-top: 50px;
    }

    .comments-block h2 {
        line-height: 70px;
    }

    .post-right-side h3 {
        line-height: 45px;
    }

    .comments-box h2 {
        line-height: 70px;
    }

    .comments-box p {
        line-height: 30px;
        letter-spacing: 2px;
    }

    .book-list-info {
        padding: 20px 40px;
    }

    .book-list-item h4 {
        line-height: 60px;
    }

    .booking-info-sec {
        padding-top: 80px;
    }

    .book-info-panel .row {
        margin-left: -30px;
        margin-right: -30px;
    }

    .book-info-panel .col-12,
    .book-info-panel .col-6 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .book-info-panel .sub-heading {
        line-height: 46px;
    }

    .book-info-panel blockquote {
        line-height: 1.2;
    }

    .like-section .sub-heading {
        line-height: 46px;
    }


    .mind-gallery-row .block-content .location {
        line-height: 36px;
        letter-spacing: 2px;
    }

    .mind-gallery-row .block-content p {
        line-height: 28px;
    }

    .banner-sec .page-banner-content.banner-content-with-thumb {
        width: 60%;
        padding: 40px;
    }

    .about-row {
        margin-bottom: 70px;
    }

    .about-row p {
        line-height: 30px;
    }

    .member-row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .member-row [class*='col-'] {
        padding-left: 15px;
        padding-right: 15px;
    }


    .form-group .input-field .word-count {
        padding: 25px 40px;
    }

    .form-group .input-field textarea {
        line-height: 36px;
        padding: 5px 50px 40px;
    }

    .form-group .add-experiences .input-field textarea {
        padding: 5px 50px 40px;
    }

    .contact-detail-panel {
        padding: 60px 60px 90px 60px;
    }

    .contact-panel-item .row {
        margin-left: -30px;
        margin-right: -30px;
    }

    .contact-panel-item .row [class*='col-'] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .contact-panel-item .form-group {
        margin-bottom: 30px;
    }

    .wo-modal .form .input-group input,
    .wo-modal .select-control,
    .textarea-form .input-group textarea {
        letter-spacing: 1.5px;
    }

    .wo-modal .signup-form-modal .heading-sec p.p3 {
        line-height: 32px;
    }

    .add-information .multiple-field-row {
        gap: 50px;
    }

    .add-information .multiple-field-row .form-input-field.first {
        max-width: 650px;
    }

    .select-features .multiple-field-row {
        gap: 25px;
    }

    .service-item {
        padding-bottom: 40px;
    }

    .service-item:not(:last-child) {
        padding-bottom: 40px;
        margin-bottom: 60px;
    }

    .preview-item-list p {
        line-height: 30px;
    }

    .service-add-option {
        padding-right: 0;
        gap: 60px;
    }

    .service-search .input-field .label {
        line-height: 40px;
    }

    .preview-title {
        line-height: 40px;
        margin-bottom: 30px;
    }

    .tip-full {
        margin-bottom: 30px;
    }

    .acc-heading.pl40 {
        padding-left: 0 !important;
    }

    .service-add-option .service-content-field .input-field .tip {
        padding: 15px 40px 25px 40px;
    }
}

@media (max-width:1200px) {
    .item-content .button-block a {
        padding: 5px 9px;
    }
    .service-content-field .input-field ul {
        padding: 5px 15px 45px 50px;
    }

    .radio-list li:not(:last-child) {
        padding-right: 20px;
    }

    .service-content-field .input-field ul .radio-group {
        padding-left: 26px;
    }

    .contact-sec footer .foot-links li:not(:last-child) {
        margin-right: 20px;
    }

    .contact-sec footer .foot-links {
        justify-content: center;
        margin-top: 35px;
    }

    .hotel-about-sec .add-to-favourite.stay-alert {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .marta-profile figure {
        width: 200px;
        height: 200px;
    }

    .member-heading-sec .p3 br,
    .heading-sec2 .p3 br {
        display: none;
    }

    .block-gallery .container {
        max-width: 100%;
    }

    .author-name {
        line-height: 30px;
        letter-spacing: 2px;
    }

    .date-block {
        line-height: 30px;
    }

    .block-content-bottom h3 {
        line-height: 40px;
    }

    .block-content-bottom p {
        line-height: 30px;
    }

    .travel-btn {
        line-height: 30px;
    }

    .contributors-slider .slide.slick-slide {
        padding: 0 6px;
    }

    .contributors-slider figure {
        width: 100%;
        height: auto;
        padding-top: 100%;
    }

    .search-inner input[type="search"],
    .search-inner input[type="text"] {
        line-height: 30px;
        height: 50px;
    }

    .search-inner input.submit-btn {
        line-height: 30px;
        width: 120px;
    }

    .block-content {
        margin-bottom: 65px;
    }

    .load-more .border_btn a {
        width: 200px;
        line-height: 50px;
    }

    .block-content-bottom p {
        line-height: 36px;
    }

    .blog-top h2 {
        line-height: 70px;
        margin: 0;
    }

    .blog-inner h4 {
        line-height: 46px;
    }

    .blog-inner blockquote {
        line-height: 46px;
    }

    .sidebar-block {
        padding: 20px;
    }

    .sidebar-block h3 {
        line-height: 60px;
    }

    .blog-content .container {
        max-width: 100%;
    }

    .blog-button-block .left-buttons a {
        padding: 10px 20px;
        letter-spacing: 1.5px;
        margin-right: 15px;
    }

    .prev-block,
    .next-block {
        flex-direction: column;
    }

    .prev-block a {
        margin-left: 0;
        margin-top: 10px;
    }

    .next-block a {
        order: 2;
        margin-right: 0;
        margin-top: 10px;
    }

    .blog-button-block .social-panel ul li {
        margin-right: 20px;
    }

    .blog-button-block .social-panel ul li:last-child {
        margin-right: 0;
    }

    .sidebar-block figure .border_btn {
        right: 0;
    }

    .comments-box .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .comments-box .col-12,
    .comments-box .col-6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .comments-box .border_btn button {
        padding: 10px 15px;
    }

    .comments-block h2 {

        line-height: 55px;
    }

    .comments-box h2 {
        line-height: 55px;
    }

    .book-list-info {
        padding: 40px 40px;
    }

    .booking-info-sec .container,
    .like-section .container {
        max-width: 100%;
    }

    .book-info-panel .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .book-info-panel .col-12,
    .book-info-panel .col-6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .like-gallery .border_btn a {
        padding: 10px 30px;
    }

    .like-gallery .border_btn:after {
        width: 12px;
        height: 12px;
        right: 18px;
        top: 24px
    }

    .like-heading-row {
        margin-bottom: 40px;
    }

    .like-section .sub-heading {
        line-height: 36px;
    }

    .our-team-sec {
        padding-top: 60px;
    }

    .our-team-sec .container {
        max-width: 100%;
    }

    .our-team-sec .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .our-team-sec .col-4 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .our-team-sec .large-heading {
        margin-bottom: 40px;
    }

    .team-content h3 {
        line-height: 42px;
        margin: 15px 0;
    }

    .team-content .sub-heading {
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .minds-gallery .container {
        max-width: 100%;
    }

    .mind-gallery-row .block-content .location {
        line-height: 30px;
    }

    .mind-gallery-row .block-content p {
        line-height: 24px;
    }

    .filter-box .form-group label {
        line-height: 30px;
    }

    .contact-left-form br {
        display: none;
    }

    .contact-sec .col-5 {
        padding-left: 15px;
    }

    .contact-left-form .border_btn {
        margin-bottom: 70px;
    }

    .banner-sec .page-banner-content.banner-content-with-thumb {
        width: 60%;
        padding: 40px;
    }

    .about-row {
        margin-bottom: 70px;
    }

    .about-row p {
        line-height: 30px;
    }

    .member-row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .banner-content-with-thumb .banner-content-left .large-heading {
        margin: 0;
    }

    .site-link {
        margin-bottom: 10px;
    }

    .site-link a {
        line-height: 30px;
    }

    .banner-content-left p {
        line-height: 24px;
    }

    .mission-left-content {
        padding-left: 15px;
    }

    .our-mission .large-heading {
        margin-bottom: 10px;
    }

    .member-row [class*='col-'] {
        width: 33.333333%
    }

    .marta-section .add-to-favourite {
        letter-spacing: 1.5px;
        top: 0;
        right: 0;
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .marta-section .marta-info h4 {
        line-height: 55px;
    }

    .marta-section .marta-info .charity-list li {
        line-height: 40px;
    }

    .charity-section,
    .feature-charity-section {
        padding: 70px 0;
    }

    .collection-panel .collection-title {
        line-height: 50px;
    }

    .history-list .hotel-detail .hotel-details-content .border_btn a {
        padding: 10px 24px;
    }

    .history-list .hotel-detail .hotel-details-content {
        padding-left: 30px;
    }

    .charity-sec {
        padding: 60px 0;
    }

    .refresh-icon {
        width: 18px;
        height: 18px;
    }

    .tab-transparent {
        margin-top: -66px;
        height: 66px;
    }

    .add-edit-form .field-heading {
        padding: 40px 0;
    }

    .experience-block:not(:first-child) {
        padding-top: 40px;
        margin-top: 40px;
    }

    .field-heading label {
        letter-spacing: 2px;
    }

    .form-group .input-field .word-count {
        padding: 25px 40px;
        letter-spacing: 2px;
    }

    .add-edit-form .form-group .form-control,
    .add-edit-form .form-group .city-state-control {
        padding-left: 30px;
        height: 56px;
    }

    .upload-img .label {

        letter-spacing: 2px;
    }

    .exp-title .label {

        letter-spacing: 2px;
    }


    .upload-img {
        padding-left: 0;
        margin-top: 40px;
    }

    .new-uploads {
        padding: 40px 0;
    }

    .new-uploads .more-information {
        text-align: right;
    }

    .sepration hr {
        margin-top: 40px;
    }

    .country-field {
        padding-left: 0;
    }

    .check-column {
        margin: 40px 0;
        padding: 0;
    }

    .exp-title {
        padding-left: 0;
    }

    .contact-panel-item .row {
        margin-left: -20px;
        margin-right: -20px;
    }

    .contact-panel-item .row [class*='col-'] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact-panel-item .form-group {
        margin-bottom: 30px;
    }

    .contact-panel-item {
        margin-top: 50px;
    }

    .contact-panel-action {
        margin-top: 50px;
    }

    .charity-sec .contact-panel-action .border_btn {
        padding: 0;
        height: auto;
        min-width: 200px;
    }

    .contact-panel-action .border_btn a {
        padding: 12px 10px;
    }

    .contact-panel-item .form-group label {
        letter-spacing: 2px;
    }

    .wo-modal .signup-form-modal .heading-sec p.p3 {
        line-height: 26px;
    }

    .signup-form-modal .read-more-link {
        position: relative;
        bottom: 0;
        text-align: center;
        margin: 30px 0 40px 0;
        width: 100%;
    }

    .add-awards .award-block .award-name {
        line-height: 36px;
    }

    .booking-block label {
        line-height: 30px;
    }

    .loyalty-info .loyalty-title {
        line-height: 30px;
    }

    .loyalty-info {
        padding: 0;
    }

    .loyalty-info .row {
        margin: 0 -15px;
    }

    .loyalty-info .row [class*='col-'] {
        padding: 0 15px;
    }

    .booking-block {
        padding: 0;
    }

    .add-information {
        padding: 0;
    }

    .add-information .multiple-field-row {
        margin-bottom: 30px;
    }

    .add-information .multiple-field-row .form-input-field.first {
        max-width: 500px;
    }

    .add-edit-form .form-group .booking-block select.form-control,
    .booking-block select.form-control {
        width: 60%;
    }

    .add-awards .award-block .gray_btn {
        min-width: 200px;
    }

    .select-features {
        padding: 0;
    }

    .contact-panel-item .form-group.d-flex .border_btn button {
        padding-left: 25px;
        padding-right: 25px;
    }

    .charity-sec .border_btn button,
    .charity-sec .border_btn a {
        line-height: 32px;
    }

    .search-field .form-control {
        max-width: 750px;
        margin-right: 20px;
    }

    .search-field .border_btn {
        min-width: 220px;
    }

    .hotel-services-slider .service-block .icon {
        margin-bottom: 30px;
    }

    .hotel-services-slider .service-block textarea.input-text {
        line-height: 30px;
    }

    .service-search {
        padding: 0;
    }

    .service-search .input-field .label {
        line-height: 40px;
    }

    .service-imgs .gray_btn {
        min-width: 1px;
    }

    .service-add-option .service-content-field .input-field .tip {
        padding: 15px 30px 25px 30px;
    }
}

@media (max-width:992px) {
    .intro-sec::before {
        height: 90px;
    }
    .cart-sidebar {
        padding:  0;
    }
    .header.fixed~.booking-form.search-box {
        position: relative;
        top: 0;
        z-index: auto;
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 0;
    }

    .select-features .loyalty-block {
        grid-template-columns: repeat(2, 1fr);
    }

    .loyalty-program .check-tab {
        padding-left: 0;
    }

    .contact-name-sec .foot_logo_1.mobile-logo {
        display: block;
        margin-bottom: 35px;
    }

    .foot_logo_1.desktop-logo {
        display: none;
    }

    .submenu.brand-menu .brand-logo {
        display: none;
    }

    .service-add-option {
        gap: 20px;
        width: 100%;
    }

    .active .nav-item.has-submenu>a:after {
        opacity: 0;
    }

    .service-add-option.space-type {
        flex-wrap: wrap;
    }

    .header ul li.nav-item .submenu {
        opacity: 1;
        visibility: visible;
        height: auto;
        display: none;
    }

    .header ul li.nav-item {
        position: relative;
    }

    .header ul li.nav-item .submenu .submenu-inner {
        padding: 15px 15px 15px 30px;
    }

    .header ul li.nav-item .submenu .submenu-inner {
        display: block;
    }

    .header ul li.nav-item .submenu .brands-block {
        padding: 0 0px;
    }

    .marta-section .col-3,
    .marta-section .col-9 {
        width: 100%;
    }

    .marta-profile {
        margin-bottom: 20px;
    }

    .marta-section .marta-info {
        margin: 30px 0;
    }

    .marta-section .marta-info ul li {
        width: 100%;
        line-height: 30px;
    }

    .social-panel {
        margin: 50px 0 30px 0;
    }

    .marta-section::after {
        left: -50px; max-height: 350px;
    }

    .banner-sec.banner-3 .page-banner-content {
        width: 60%;
    }

    .block-gallery .row .col-6 {
        width: 100%;
    }

    .contributors-slider .slide.slick-slide {
        padding: 0 10px;
    }

    .blog-content .col-8,
    .blog-content .col-4 {
        width: 100%;
    }

    .blog-content .col-8 {
        order: 2;
    }

    .blog-content .col-4 {
        margin-bottom: 30px;
    }

    .blog-inner blockquote {
        line-height: 30px;
    }

    .comments-block {
        margin-top: 0;
    }

    .comments-block h2 {
        margin-bottom: 30px;
    }

    .comments-box p {
        margin-bottom: 25px;
    }

    .post-block {
        margin: 30px 0;
    }

    .comments-inner .comments-inner .post-block {
        margin-top: 30px;
    }

    .blog-button-block {
        flex-direction: column;
        justify-content: flex-start;
        margin: 30px 0;
    }

    .left-buttons {
        width: 100%;
    }

    .blog-button-block .social-panel {
        width: 100%;
        margin-top: 20px;
    }

    .blog-inner h4 {
        margin-bottom: 25px;
    }

    .comments-box .input-control {
        height: 60px;
        line-height: 30px;
        letter-spacing: 2px;
    }

    .booking-block-section .container {
        max-width: 100%;
    }

    .book-list-item h4 {
        line-height: 50px;
    }



    .book-info-panel .col-12,
    .book-info-panel .col-6 {
        width: 100%;
    }

    .booking-info-sec {
        padding: 60px 0 0 0;
    }

    .book-info-panel figure {
        margin-bottom: 20px;
    }

    .book-info-panel figure img {
        width: 100%;
    }

    .book-info-panel .sub-heading {
        line-height: 36px;
        margin-bottom: 20px;
    }

    .book-info-panel p {
        line-height: 1.25;
        margin-bottom: 20px;
    }

    .book-row2,
    .book-row3 {
        margin-bottom: 25px;
    }

    .book-info-panel .order-2 {
        order: inherit;
    }

    .book-info-panel blockquote {
        margin-bottom: 20px;
    }

    .like-section {
        padding: 60px 0;
    }

    .like-gallery-item h3 {
        line-height: 30px;
    }

    .like-gallery-item h4 {
        line-height: 24px;
    }

    .like-gallery-item p {
        line-height: 28px;
    }

    .like-gallery .border_btn:after {
        top: 22px;
    }

    .our-team-sec .col-4 {
        width: 100%;
        margin-bottom: 30px;
    }

    .team-content h3 {
        line-height: 30px;
        margin: 15px 0;
    }

    .team-content .sub-heading {
        margin-bottom: 15px;
        line-height: 26px;
    }

    .mind-filter-row [class*='col-'],
    .mind-gallery-row .col-6 {
        width: 100%;
    }

    .mind-filter-row .mind-filter-col .row [class*='col-'] {
        width: 50%;
    }

    .mind-filter-row {
        margin-bottom: 60px;
    }

    .mind-filter-row .large-heading {
        margin-bottom: 20px;
    }

    .mind-filter-row .form-group {
        margin-bottom: 20px;
    }

    .mind-gallery-right .row [class*='col-'] {
        width: 50%;
    }

    .banner-sec .page-banner-content.banner-content-with-thumb {
        width: 90%;
    }

    .about-sec .about-row .large-heading {
        margin-bottom: 15px;
    }

    .about-row p {
        line-height: 25px;
    }

    .marta-section .marta-info h4 {
        line-height: 44px;
    }

    .marta-section .marta-info .charity-list li {
        line-height: 30px;
    }

    .collection-panel .collection-title {
        line-height: 40px;
    }

    .field-heading {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .field-heading .tip {
        max-width: 100%;
    }

    .form-group .field-heading .tip .reorder {
        text-align: left;
        margin: 20px 0;
    }

    .tab-transparent {
        margin-top: 0;
        height: auto;
        background: #000000;
    }

    .img-grid-box {
        gap: 20px;
    }

    .add-awards {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .add-awards .award-block .award-name {
        margin: 0;
    }

    .add-edit-form .form-group .booking-block select.form-control,
    .booking-block select.form-control {
        width: 80%;
    }

    .add-information .multiple-field-row {
        gap: 30px;
    }

    .add-information .multiple-field-row .form-input-field.first {
        max-width: 400px;
    }

    .add-information .multiple-field-row .form-input-field.last {
        max-width: 230px
    }

    .select-features .multiple-field-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .booking-block {
        margin-bottom: 20px;
    }

    .cover-button2 {
        top: auto;
        bottom: 0;
    }

    .service-search .input-field .label {
        line-height: 30px;
    }

    .service-search .input-field .form-control {
        height: 56px;
    }

    .service-add-option {
        gap: 40px;
    }

    .preview-title {}

    .tip-full {
        max-width: 100%;
    }

    .section-humanity-left-inner p {
        line-height: 36px;
    }

    .section-our-vision-sec::before {
        width: 170px;
        height: 146px;
        left: 50%;
        bottom: 28px;
        transform: translateX(-50%);
    }
}

@media (max-width:768px) {
    .page-banner-content .large-heading br {
        display: none;
    }
    .newest-slider.slick-slider {
        display: block;
    }
    .large-container.application-inner:not(.wo-modal-inner) {
        padding: 40px 0px;
    }
    .user-btn a.search-btn img {
    max-width: 14px;
    align-self: center;
}
.cart-block a img {
    max-width: 14px;
}
.cart-block a img {
    max-width: 13px;
}
    .application-inner .form .input-group input {
        font-size: 16px;
        letter-spacing: 1.5px;
        padding: 5px 16px;
        border-bottom: 1px solid #D3D3D3;
        margin-bottom: 25px;
    }

    .new-member-slider button.slick-next.slick-arrow {
        margin-top: 50px;
    }
    .cart-table th, .cart-table td {
        font-size: 12px;
    }
    .cart-sec .cart-img {
        width: 40px;
        height: 40px;
    }
    .update-block {
        display: block;
    }
    .update-block .apply-coupon {
        width: 100%;
    }
    .update-block .apply-coupon input, .update-block .apply-coupon .border_btn {
        margin-top: 5px;
    }
    .filter-block select {
        max-width: 100%;
        margin-top: 20px;
    }
    .shop-item {
        width: 100%;
    }
    .location-picks.buy-charity .toolbar .sort {
        width: 100%;
    }
    .location-picks.buy-charity .sort .whiteselect {
        max-width: 100%;
    }
    .filter-button {
        display: flex;
    }
    .location-inner .sidebar-location {
        display: block;
        position: fixed;
        top: 105px;
        left: -100%;
        width: 100%;
        background-color: #505052;
        padding: 15px;
        z-index: 999999;
        overflow: auto;
        height: calc(100vh - 105px);
        transition: all 0.6s ease-in-out;
    }
    .location-inner  .sidebar-location.active {
        left: 0;
    }
    a.filter-close-btn {
        display: block;
        color: #fff;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 28px;
    }
    .location-inner .sidebar-location {
        display: block;
        position: fixed;
        top: 105px;
        left: -100%;
        width: 100%;
        background-color: #505052;
        padding: 15px;
        z-index: 999999;
        overflow: auto;
        height: calc(100vh - 105px);
        transition: all 0.6s ease-in-out;
    }

    header .user-btn a {
        font-size: 0 !important;
        display: flex;
        vertical-align: middle;
        margin: 0 2px 0 9px;
        align-items: center;
        line-height: 0 !important;
        text-align: center;
       
    }
    header .user-btn > a {
        width: 16px;
    }
    .header .user-btn .cart-block  a {
        font-size: var(--font17) !important;
    }
    header .user-btn a img {
        filter: brightness(0) invert(1);
    }
   
    .location-inner .sidebar-location.active {
        left: 0;
    }

    a.filter-close-btn {
        display: block;
        color: #fff;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 28px;
    }

    .contact-name-inner ul li,
    .contact-name-inner .info-tab {
        margin: 12px 0;
    }

    .facility-slider .slick-arrow {
        padding: 0;
        width: 24px;
        height: 24px;
        cursor: pointer;
        position: absolute;
        top: 40%;
        transform: rotate(-45deg) translateY(-50%);
        z-index: 1;
        background: 0 0;
        font-size: 0;
        border-style: solid;
        border-color: var(--white);
    }

    .facility-slider .slick-next.slick-arrow {
        right: 0px;
        border-width: 0 3px 3px 0;
    }

    .facility-slider .slick-prev.slick-arrow {
        left: 20px;
        border-width: 3px 0 0 3px;
    }

    .charities-slider .slick-next.slick-arrow {
        right: 10px;
    }

    .charities-slider .slick-prev.slick-arrow {
        left: 10px;
    }

    .charities-slider .slick-arrow {
        width: 24px;
        height: 24px;
    }

    .pass-update {
        padding-left: 0;
    }

    .acc-link {
        padding-left: 0;
    }

    .service-content-field .input-field ul {
        padding: 5px 15px 45px 20px;
    }

    .purchase-sec.location-inner .hotel-detail .hotel-slide,
    .purchase-sec.location-inner .hotel-detail .hotel-details-content {
        width: 100%;
    }

    .acc-box .form-group .form-control {
        height: 60px;
    }

    .acc-box .form-group .label {
        line-height: 34px;
        letter-spacing: 2px;
        margin-bottom: 10px;
        padding-left: 0;
    }

    .password-link {
        line-height: 32px;
        letter-spacing: 2px;
    }

    .charrity-offer-grp .radio-group {
        line-height: 40px;
        letter-spacing: 0px;
        font-size: var(--font30);
    }

    .section-humanity-sec .col-6.left-block {
        order: 2;
        text-align: center;
    }

    .section-humanity-left-inner p {
        line-height: 34px;
    }

    .section-humanity-sec .col-6 {
        width: 100%;
    }

    .section-humanity-sec .col-6.right-block {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    .cart-sidebar-block {
        padding-left: 20px;
        padding-right: 20px;
    }

    .cart-sidebar .producat-right {
        padding-left: 16px;
        width: calc(100% - 100px);
    }

    .border_btn .cus-btn {
        padding: 10px 30px;
    }

    .cart-sidebar .producat-right .text {
        line-height: 20px;
    }

    .cart-sidebar .cart-total .total-tab span {
        line-height: 42px;
        margin-left: 20px;
    }

    .cart-sidebar .cart-total .total-heading {
        letter-spacing: 2px;
        line-height: 30px;
    }

    .cart-sidebar .producat-block figure {
        height: 100px;
        width: 100px;
    }

    .producat-block figure {
        height: 100px;
        width: 100px;
    }

    .like-section {
        padding: 40px 0;
    }

    .blog-shape-bg {
        width: 50%;
        height: 326px;
    }

    .booking-block-section {
        padding: 80px 0 40px;
    }

    .load-more {
        margin-top: 25px;
    }

    .explore-slider .item .slide-content a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-list .contact-block .location-content ul.cnhum li {
        padding: 0px 30px;
    }

    .p3 {
        letter-spacing: 0.5px;
    }

    .contact-sec .radio-group {
        margin-top: 0;
    }

    .model-img-block .col-67 {
        width: 100%;
        margin-top: 10px;
    }

    .preview-mid-img img {
        margin-left: 0%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .preview-last {
        width: 50%;
        clip-path: polygon(84% 0, 100% 0, 100% 100%, 0% 100%);
    }
    .preview-mid-img {
        padding-right: 42%;
    }
    .map-address .border_btn {
        min-width: 240px;
    }

    .explore-sec.charity-section {
        padding-top: 45px;
    }

    .social-panel:before {
        width: 100%;
    }

    .social-panel ul li {
        margin-right: 20px;
    }

    .member-heading-sec {
        margin-bottom: 40px;
    }

    .member-heading-sec .col-9,
    .member-heading-sec .col-3,
    .heading-sec2 .col-9,
    .heading-sec2 .col-3 {
        width: 100%;
        text-align: left;
    }

    

    .banner-sec.banner-3 .page-banner-content {
        width: 100%;
    }

    .new-member-slider button.slick-arrow {
        width: 60px;
        height: 60px;
    }

    .new-member-slider button.slick-prev::before {
        top: 18px;
        left: 24px;
    }

    .new-member-slider button.slick-next::before {
        top: 18px;
        right: 24px !important;
    }

    

    .new-member-slider button.slick-arrow.slick-prev {
        margin-left: -40px;
    }

    .block-content {
        margin-bottom: 50px;
    }

    .block-content-bottom p {
        line-height: 26px;
        margin-bottom: 20px;
    }

    .name-date-block {
        display: block;
    }

    .travel-btn,
    .travel-right-side a.travel-btn {
        line-height: 26px;
        right: 15px;
        top: 15px;
    }

    .load-more {
        margin-top: 40px;
    }

    .blog-top {
        margin-bottom: 20px;
    }

    .blog-top h2 {
        line-height: 50px;
        margin-bottom: 10px;
    }

    .blog-inner p {
        margin-bottom: 20px;
    }

    .blog-inner figure {
        margin-bottom: 20px;
    }

    .blog-inner blockquote {
        margin-bottom: 20px;
    }

    .comments-box .row .col-6 {
        width: 100%
    }

    .comments-inner {
        padding-left: 20px;
    }

    .comments-inner .comments-inner {
        padding-left: 20px;
    }

    .comments-box {
        margin-top: 40px;
        padding-top: 30px;
    }

    .book-list-item {
        margin-bottom: 50px;
    }

    .book-list-item .col-6 {
        width: 100%;
    }

    .book-list-item .order-2 {
        order: inherit;
    }

    .book-list-info {
        padding: 25px;
    }

    .book-list-item h4 {
        line-height: 40px;
        margin-bottom: 15px;
    }

    .book-list-item h5 {
        margin-bottom: 15px;
        line-height: 28px;
    }

    .book-list-item p {
        line-height: 26px;
        margin-bottom: 25px;
    }

    .like-gallery-item {
        margin-bottom: 40px;
    }

    .like-section .row .col-4 {
        width: 100%;
    }

    .like-section .large-heading {
        margin-bottom: 10px;
    }

    .like-section .sub-heading {
        line-height: 30px;
    }

    .like-gallery .like-gallery-slider img {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .like-gallery .border_btn {
        right: 15px;
        top: 15px;
    }

    .like-gallery-item .link-btn {
        margin-left: 0;
    }

    .mind-gallery-row .block-content {
        margin-bottom: 50px;
    }

    .next-link {
        margin: 40px 0;
    }

    .banner-sec .page-banner-content.banner-content-with-thumb {
        width: 100%;
        padding: 25px;
    }

    .about-sec .galleries-sldier {
        max-width: 100%;
    }

    .about-row .col-9 {
        width: 100%;
    }

    .our-mission .row .col-6 {
        width: 100%;
    }

    .our-mission .mission-left-content {
        order: 2;
        margin-top: 25px;
    }

    .our-mission .t-align-right {
        text-align: center;
    }

    .our-mission .t-align-right figure img {
        width: 100%;
    }

    .member-row .new-member-panel {
        margin-bottom: 60px;
    }

    .member-row [class*='col-'] {
        width: 50%
    }

    .next-link {
        margin: 30px 0;
    }

    .next-link a {
        padding-left: 70px;
    }

    .next-link a:before {
        width: 30px;
        height: 30px;
    }

    .collection-sec {
        padding: 60px 0;
    }

    .collection-panel .collection-title {
        line-height: 40px;
    }

   

    .collection-slider button.slick-arrow {
        width: 60px;
        height: 60px;
    }

    .collection-slider button.slick-next.slick-arrow {
        margin-left: 30px;
    }

    .collection-slider button.slick-next.slick-arrow::before {
        top: 18px;
        right: 24px;
    }

    .collection-slider button.slick-prev::before {
        top: 18px;
        left: 24px;
    }

    .history-list .hotel-detail .purchase-pic {
        width: 100%;
    }

    .history-list .hotel-detail .hotel-details-content {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .history-list .price-and-details span.paid-text {
        line-height: 30px;
    }

    .acc-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    .acc-heading .border_btn {
        margin-top: 20px;
    }

    .field-heading .tip {
        line-height: 26px;
    }

    .form-group .input-field .word-count {
        padding: 20px;
    }

    .form-group .input-field textarea {
        line-height: 30px;
        padding: 5px 25px 20px;
    }

    .form-group .add-experiences .input-field textarea {
        padding: 5px 25px 20px;
    }

    .img-grid-box {
        grid-template-columns: repeat(3, 1fr);
    }

    .upload-img .upload-btn {
        margin-top: 40px;
        min-width: 150px;
    }

    .add-edit-form .form-group .form-control,
    .add-edit-form .form-group .city-state-control {
        padding-left: 20px;
        letter-spacing: 2px;
    }

    .add-edit-form .form-group .city-state-control {
        height: 80px;
    }

    .check-column ul li {
        width: 100%;
    }

    .check-column {
        margin-bottom: 0;
    }

    .add-more {
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .add-more .border_btn button {
        padding: 5px 20px;
    }

    .site-footer {
        padding: 20px;
    }

    .site-footer-info {
        padding-top: 30px;
    }

    .contact-detail-panel {
        padding: 40px 15px;
    }

    .contact-panel-item .row [class*='col-'] {
        width: 100%;
    }

    .contact-panel-item .form-group label {
        padding-left: 0;
    }

    .contact-panel-action {
        margin: 30px 0;
    }

    .field-heading label .arrow-icon-btn {
        margin-left: 15px;
    }

    .field-heading label .arrow-icon-btn:before {
        left: auto;
        right: 11px;
        width: 45px;
    }

    .application-inner h4:not(first-child) {
        margin-top: 20px;
    }

    .wo-modal .form .input-group input,
    .wo-modal .select-control,
    .textarea-form .input-group textarea {
        letter-spacing: 1.5px;
    }

    .wo-modal .select-control {
        padding-left: 20px;
    }

    .wo-modal .signup-form-modal .heading-sec p.p3 {
        line-height: 22px;
    }

    .loyalty-info .row [class*='col-'] {
        width: 100%;
    }

    .loyalty-info .loyalty-title {
        margin-bottom: 15px;
    }

    .form-input-field label,
    .form-input-field .label,
    .input-field label,
    .input-field .label {
        margin-bottom: 10px;
    }

    .add-information .multiple-field-row .form-input-field.first {
        max-width: 100%;
    }

    .add-information .multiple-field-row .form-input-field.last {
        max-width: 270px;
    }

    .add-awards .award-block .gray_btn {
        min-width: 1px;
    }

    .add-edit-form .form-group .booking-block select.form-control,
    .booking-block select.form-control {
        width: 100%;
    }

    .loyalty-info .loyalty-title {
        padding-left: 25px;
    }

    .loyalty-info .loyalty-title:before {
        width: 7px;
        height: 7px;
    }

    .exp-title .label {
        line-height: 34px;
    }

    .search-field .search-input {
        flex-wrap: wrap;
    }

    .search-field .form-control {
        max-width: 100%;
        margin-right: 0;
    }

    .search-field .border_btn {
        margin-top: 20px;
        min-width: 1px;
    }

    .add-awards .award-block {
        flex-wrap: wrap;
    }

    .service-search {
        margin-bottom: 40px;
    }

    .service-search .input-field {
        flex-wrap: wrap;
    }

    .service-search .input-field .label {
        width: 100%;
        margin-bottom: 10px;
    }

    .service-add-option {
        flex-direction: column;
    }

    .service-content-field {
        width: 100%;
    }

    .service-imgs {
        width: 100%;
    }

    .full-cover-banner .cover-button {
        position: absolute;
        bottom: 25%;
        left: 0;
        transform: none;
        padding-bottom: 0;
    }

    .service-add-option .service-content-field .input-field .tip {
        padding: 15px 20px 15px 20px;
        line-height: 24px;
    }

    .facilitees .heading-sec {
        margin-bottom: 50px;
    }


    .service-add-option.space-type {
        padding: 0px 00px 60px;
    }
}

@media (max-width:767px) {
    .charities-slider.slick-initialized.slick-slider::before,
    .charities-slider.slick-initialized.slick-slider::after {
      opacity: 0.5;
    }
    .popular-sec::before {
    	height: 20%;
    }
    .about-content::before {
    	width: 250px;
    	height: 200px;
    }
    .intro-content {
        padding-left: 0px;
    }

    .section.abouthotel::before {
        display: none;
    }

    .newsletter-sec .container {
        width: 100%;
    }
}

@media (max-width:576px) {
    .shop-list-sec {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .shop-item {
        width: 100%;
    }
    .charity-sec.bussiness-profile .col-6 {
        width: 100%;
    }

    .charity-sec.my-profile-sec .col-6 {
        width: 100%;
    }

    .charity-sec.my-profile-sec .acc-thanks-info {
        margin-bottom: 35px;
    }

    body .service-item .add-more .border_btn {
        width: auto;
    }

    .newset-hotel .new-grad {
        bottom: -28px;
    }

    .footer .social-icon .icon_wrap {
        margin: 0 10px;
    }

    .section-newest-hotels.facilitees {
        padding-bottom: 100px;
    }

    .post-right-side {
        width: 100%;
        padding: 0;
    }

    /* .mind-shape-bg {
        width: 290px;
        height: 306px;
        background-size: 300px;
    } */

    .mind-filter-row .mind-filter-col .row [class*='col-'] {
        width: 100%;
    }

    .mind-gallery-right .row [class*='col-'] {
        width: 100%;
    }

    .banner-content-with-thumb .row .col-6 {
        width: 100%;
    }

    .banner-content-left {
        order: 2;
        margin-top: 20px;
    }

    .member-row [class*='col-'] {
        width: 100%
    }

    .marta-section .marta-info .charity-list li label {
        width: 70%;
    }

    .history-list .price-and-details .price {
        width: 100%;
        margin-bottom: 15px;
    }

    .history-list .price-and-details .border_btn {
        display: block;
        width: 100%;
    }

    .history-list .price-and-details .arrow-right .btn_txt {
        justify-content: center;
    }

    .upload-img .uploading-option {
        max-width: 100%;
        width: 100%;
    }

    .upload-img .upload-btn {
        margin-top: 20px;
    }

    .upload-img .img-preview {
        margin: 30px 0 0 0;
    }

    .upload-img .label br {
        display: none;
    }

    .site-footer .social-links {
        padding: 0 40px 20px;
    }

    .site-footer .social-links li {
        margin: 0 10px;
    }

    .img-grid-box {
        grid-template-columns: repeat(2, 1fr);
    }

    .new-uploads {
        flex-wrap: wrap;
    }

    .new-uploads .more-information {
        margin: 20px 0 0 0;
        text-align: center;
        width: 100%;
    }

    .service-imgs .img-grid-box {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-imgs {
        width: 100%;
    }

    .service-item .add-more .border_btn {
        width: 100%;
    }

}