@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .loca-paddshe {
        padding: 0;
    }

    .res-packa {
        padding: 20px;
    }

    .res-packa .location-name h5 {
        font-size: 14px;
    }

    .res-packa .location-item span {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

    .spa-categories,
    .claim,
    .claim-1,
    .padd-ress,
    .padd-loca,
    .contact-page-body {
        padding: 80px 0;
    }

    .loca-paddshe {
        padding: 0;
        margin-left: -150px;
    }

    .res-packa {
        padding: 20px;
    }

    .res-packa .location-name h5 {
        font-size: 14px;
    }

    .res-packa .location-item span {
        font-size: 12px;
    }

    .widdloc-sizee.img-box5 img {
        width: 80%;
    }

    .widd-locaa {
        width: 60%;
        padding: 20px 0;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .loca-paddshe {
        padding: 0;
        margin-left: -125px;
    }

    .res-packa {
        padding: 20px;
    }

    .res-packa .location-name h5 {
        font-size: 14px;
    }

    .res-packa .location-item span {
        font-size: 12px;
    }

    .widdloc-sizee.img-box5 img {
        width: 80%;
    }

    .widd-locaa {
        width: 60%;
        padding: 20px 0;
    }

    .spa-categories,
    .claim,
    .claim-1,
    .padd-ress,
    .padd-loca,
    .contact-page-body {
        padding: 80px 0;
    }

    .feature-title {
        font-size: 17px;
    }

    .spa-hex-card__description {
        font-size: 12px;
    }

    .location-item span {
        font-size: 12px;
    }

    .contact-submit-btn {
        font-size: 11px;
    }

    .footer-widget .footer-info,
    .widget_categories a,
    .widget_nav_menu a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .res-packa .location-name h5 {
        font-size: 15px;
    }

    .widdloc-sizee.img-box5 img {
        padding-top: 30px;
    }

    .loca-paddshe {
        padding: 0 15px;
        padding-top: 50px;
    }

    .spa-categories,
    .claim,
    .claim-1,
    .padd-ress,
    .padd-loca,
    .contact-page-body {
        padding: 80px 0;
    }

    .feature-title {
        font-size: 12px;
    }

    .spa-hex-card__description {
        font-size: 10px;
    }

    .spa-hex-card {
        min-height: 450px;
    }

    .location-item span {
        font-size: 10px;
    }

    .contact-header-title {
        font-size: 27px;
    }

    .contact-submit-btn {
        font-size: 11px;
    }

    .footer-widget .footer-info,
    .widget_categories a,
    .widget_nav_menu a {
        font-size: 12px;
    }

    .contact-checkbox-label {
        font-size: 9px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .res-packa .location-name h5 {
        font-size: 15px;
    }

    .widdloc-sizee.img-box5 img {
        padding-top: 30px;
    }

    .loca-paddshe {
        padding: 0 15px;
        padding-top: 50px;
    }

    .spa-categories,
    .claim,
    .claim-1,
    .padd-ress,
    .padd-loca,
    .contact-page-body {
        padding: 80px 0;
    }

    .contact-header-title,
    .contact-header-subtitle {
        font-size: 25px;
    }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {
    .header-logo img {
        width: 150px;
    }

    .res-packa .location-name h5 {
        font-size: 15px;
    }

    .widdloc-sizee.img-box5 img {
        padding-top: 30px;
    }

    .loca-paddshe {
        padding: 0 15px;
        padding-top: 50px;
    }

    .spa-categories,
    .claim,
    .claim-1,
    .padd-ress,
    .padd-loca,
    .contact-page-body {
        padding: 50px 0;
    }

    .spa-hex-card__description {
        font-size: 10px;
    }

    .sec-title2,
    .sec-title {
        font-size: 27px;
    }

    .family {
        margin-top: 10px;
        font-size: 17px;
        line-height: 1.5;
    }

    .fixed-buttons {
        right: 12px;
        bottom: 270px;
        top: auto;
        transform: none;
        gap: 8px;
    }

    /* .space,
    .space-bottom {
        padding: 50px;
    }

    .plan-sec {
        padding: 50px 0;
    }

    .claim-1 {
        padding: 50px 0;
    } */

    .modal-content {
        width: 100%;
        left: 0px;
    }

    .spa-categories {
        padding: 50px 0;
    }

    .spa-hex-card {
        min-height: 300px;
    }

    .contact-page-body {
        padding: 50px 0;
    }

    .contact-header-subtitle {
        font-size: 30px;
        margin-bottom: 0px;
    }

    .contact-header-title {
        font-weight: 500;
        font-size: 35px;
    }

    .social-style2 {
        justify-content: center;
        display: flex;
    }
}

@media only screen and (min-width: 320px) and (max-width: 576px) {
    .res-packa .location-name h5 {
        font-size: 15px;
    }

    .location-item span {
        font-size: 12px;
    }

    .widdloc-sizee.img-box5 img {
        padding-top: 30px;
    }

    .loca-paddshe {
        padding: 0 15px;
        padding-top: 50px;
    }

    .package-style1 {
        padding: 5px;
    }

    .header-logo img {
        width: 100px;
    }

    .claim {
        padding: 50px 0;
    }

    .sec-title2,
    .sec-title {
        font-size: 20px;
    }

    .family {
        margin-top: 15px;
        font-size: 16px;
        line-height: 1.5;
    }

    .fixed-buttons {
        right: 12px;
        bottom: 270px;
        top: auto;
        transform: none;
        gap: 8px;
    }

    .space,
    .space-bottom {
        padding: 50px;
    }

    .plan-sec {
        padding: 50px 0;
    }

    .claim-1 {
        padding: 50px 0;
    }

    .feature-style2 .feature-title {
        font-size: 20px;
    }

    .modal-content {
        width: 95%;
        left: 0px;
    }

    .spa-categories {
        padding: 50px 0;
    }

    /* .spa-hex-card {
        min-height: 350px;
        ;
    } */

    .spa-hex-card__description {
        font-size: 12px;
    }

    .contact-checkbox-label {
        font-size: 10px;
    }

    .vs-btn.style6,
    .vs-btn {
        font-size: 10px;
    }

    .contact-page-body {
        padding: 50px 0;
    }

    .contact-header-subtitle {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .contact-header-title {
        font-size: 20px;
    }

    /* .form-control {
        padding: 5px 40px;
    } */

    .copyright-text {
        font-size: 13px;
    }

    .contact-input-wrapper i {
        left: 10px;
    }

    .contact-form-card {
        padding: 25px;
        margin-bottom: 30px;
    }

    .footer-widget .widget_title {
        font-size: 20px;
    }

    .scrollToTop.show {
        bottom: 20px;
        display: none;
    }

    .social-style2 {
        justify-content: center;
        display: flex;
    }

    .circle-btn {
        width: 80px;
        height: 80px;
    }

    .spa-categories,
    .claim,
    .claim-1,
    .padd-ress,
    .padd-loca,
    .contact-page-body {
        padding: 50px 0;
    }

}

@media only screen and (max-width: 991px) {
    .row.gx-60res {
        flex-direction: column-reverse;
    }

    .fomm-flexx {
        margin-bottom: 30px;
    }

    .mobb-justts {
        justify-content: center !important;
    }

    .spa-hex-card {
        margin-bottom: 0;
    }

    .marplan-btt {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .disp-nomobb {
        display: none;
    }
}