@media only screen and (min-width: 480px){
     .entry-header h1.entry-title{
        font-size:34px;
    }
    .single article.post h1,
    .search .entry-header h1.entry-title,
    .error404 .entry-header h1.entry-title,
    .single  .entry-header h1.entry-title,
    .archive .entry-header h1.entry-title{
        font-size:22px;
    }
    .contact-form h3{
        font-size:22px;
    }
    #secondary.widget-area{
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 575px) {
    .blog article.post h2, .archive article.post h2, article.hentry h2 {
        font-size: 24px;
    }

}

@media only screen and (min-width: 768px) {
    .location-button a{
        font-size:20px;
    }
    .location-button span:before {
        width: 28px;
        height: 28px;
        background-size: 28px;
    }
    .footer-contact{
        margin-right:20px;
    }
    .footer-logo img {
        width:auto;
        height: 44px;
    }
    .footer-logo, .footer-contact .phone-btn {
        left: 0;
    }
    .ftr-address .location{
        font-size: 14px;
    }
    .footer-contact{
        gap:35px;
    }
    .footer-map iframe {
        height: 420px;
    }
    .footer-map:before{
        height: 300px;
        margin-top: -150px;
    }
    .entry-header h1.entry-title {
        font-size:42px;
    }
    .site-main p {
        font-size: 17px;
    }
    .single article.post h1,
    .search .entry-header h1.entry-title,
    .error404 .entry-header h1.entry-title,
    .single  .entry-header h1.entry-title,
    .archive .entry-header h1.entry-title{
        font-size:23px;
    }
    .site-main .col-md-8 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 66.666667%;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }
    .site-main .col-md-4 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.333333%;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .site-main .col-md-8 {
        width:auto;
    }
    .site-main .col-md-4 {
        width: auto;
    }
    #secondary.widget-area {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top:0;
    }
    .site-main .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        column-gap: 30px;
    }
    .site-main {
        padding:75px 0;
    }
    h2 {
        font-size:30px;
    }
    h3 {
        font-size: 28px;
    }
    h4 {
      font-size:22px;
    }
    h5 {
      font-size: 20px;
    }
    h6 {
        font-size:18px;
    }
    .inner-banner img{
        height:320px;
    }
    .two-block .two-block-wrap .left-image:before {
        left: -15px;
        top: -15px;
    }
    .two-block .two-block-wrap{
        gap:20px;
    }
    .two-block .two-block-wrap .right-content p {
        font-size: 17px;
    }
    .two-block .two-block-wrap .right-content .blue-btn a, .inner-cta-banner .cta-content .blue-btn a {
        padding: 18px 25px;
        font-size: 18px;
    }
    .inner-cta-banner .cta-content {
        max-width: 100%;
    }
    .inner-cta-banner .cta-content .cta-text p,
    .inner-cta-banner .cta-content .cta-text {
        font-size: 18px;
    }
    .gallery-slider .image-slider .slick-prev,
    .gallery-slider .image-slider .slick-next{
        background-size:34px;
        width:34px;
        height:34px;
    }
    .gallery-slider .image-slider .slick-prev{
        left:45%;
    }
    .gallery-slider .image-slider .slick-next{
        right:45%;
    }
}

@media only screen and (min-width: 992px) {
    .location-button a {
        font-size: 24px;
    }
    .footer-logo img {
        width: auto;
        height: 52px;
    }
    .ftr-address .location{
        font-size: 15px;
    }
    .site-main {
        padding: 75px 0;
    }
    .entry-header h1.entry-title {
        font-size:46px;
    }
    .single article.post h1,
    .search .entry-header h1.entry-title,
    .error404 .entry-header h1.entry-title,
    .single  .entry-header h1.entry-title,
    .archive .entry-header h1.entry-title{
        font-size:28px;
    }
    .inner-banner img{
        height:400px;
    }
    h2 {
        font-size:34px;
    }
    h3 {
        font-size:32px;
    }
    h4 {
      font-size:28px;
    }
    h5 {
      font-size: 24px;
    }
    h6 {
        font-size:22px;
    }
    .top-location-area .col-md {
        width: 30%;
    }
    .top-location-area .location-col strong {
        font-size:20px;
    }
    .top-location-area .location-col span {
        font-size: 15px;
    }
    .two-block .two-block-wrap .right-content p {
        font-size: 18px;
    }
   
}


@media only screen and (min-width: 1200px) {
    .location-button a {
        font-size: 30.48px;
    }
    .location-button span:before {
        width: 34px;
        height: 34px;
        background-size: 34px;
    }
    .footer-contact {
        gap:40px;
    }
    .footer-logo img {
        width: 179px;
        height: 132px;
    }
    .footer-contact {
        margin-right: 55px;
    }
    .footer-logo, .footer-contact .phone-btn {
        left: 0;
    }
    .ftr-address .location{
        font-size:17px;
    }
    .footer-contact .phone-btn a{
        font-size: 20.32px;
    }
    .footer-map iframe {
        height: 530px;
    }
    .entry-header h1.entry-title{
        font-size:54px;
    }
    .single article.post h1,
    .search .entry-header h1.entry-title,
    .error404 .entry-header h1.entry-title,
    .single  .entry-header h1.entry-title,
    .archive .entry-header h1.entry-title{
        font-size:32px;
    }
    #secondary.widget-area{
        max-width: 325px;
        margin-left:40px;
        min-width: 300px;
    }
    .blog article.post h2, .archive article.post h2, article.hentry h2{
        font-size:34px;
    }
    .contact-form h3 {
        font-size: 25px;
    }
    h2 {
        font-size:38px;
    }
    h3 {
        font-size:32px;
    }
    h4 {
      font-size:28px;
    }
    h5 {
      font-size: 24px;
    }
    h6 {
        font-size:22px;
    }
    #secondary.widget-area .widget h2 {
        font-size: 24px;
    }
    #secondary.widget-area .widget ul li a, #secondary.widget-area .widget a {
        font-size: 16px;
    }
    .site-main p {
        font-size: 17.5px;
    }
    .reviews-content {
        max-width: 425px;
        margin: 0 0 0 auto;
    }
    .top-location-area .location-col strong {
        font-size: 24px;
    }
    .top-location-area .location-col span {
        font-size: 16px;
    }
    .top-location-area .row{
        gap:0;
    }
    .top-location-area .location-col {
        padding: 15px 15px;
    }
    .two-block .two-block-wrap .left-image:before {
        left: -25px;
        top: -25px;
    }
    .two-block .two-block-wrap .right-content p {
        font-size: 18px;
    }
    .two-block .two-block-wrap .right-content .blue-btn a, 
    .inner-cta-banner .cta-content .blue-btn a {
        padding: 19px 34px;
        font-size: 20px;
    }
    .inner-cta-banner .cta-content .cta-heading{
        font-size:80px;
    }
    .inner-cta-banner .cta-content .cta-text p,
    .inner-cta-banner .cta-content .cta-text{
        font-size: 20px;
    }
    .two-block .two-block-wrap {
        gap: 40px;
    }
    .inner-cta-banner .cta-content {
        max-width: 92%;
    }
    .gallery-slider .image-slider .slick-prev,
    .gallery-slider .image-slider .slick-next{
        background-size:48px;
        width:48px;
        height:48px;
    }
    .gallery-slider .image-slider .slick-prev{
        left:45.5%;
    }
    .gallery-slider .image-slider .slick-next{
        right:45.5%;
    }

}
@media only screen and (min-width: 1300px){
    
}

@media only screen and (min-width:1200px) and (max-width:1260px){
    .membership-box .membership-image{
        width:100%;
    }
    .banner-heading{
        font-size:70px;
    }
    .services-heading, .blue-heading{
        font-size:54px;
    }
    .healthy-skin-text {
        font-size: 28px;
    }
    .banner-button a, .cta-button a, .products-button a, .healthy-skin-button a, .latest-post-button a, .newsletter-button a{
        font-size:19px;
    }
    .healthy-skin-button a{
        padding: 15px 20px 15px 25px;
    }
    .membership-benefits{
        width:42%;
    }
    .mem-benefits-title {
        font-size: 34px;
    }
    .membership-lists ul li {
        font-size: 19px;
    }
    .newsletter-heading {
        font-size: 62px;
    }
    .newsletter-heading span{
        font-size:36px;
    }
    .mem-benefits-title span{
        font-size:42px;
    }
    .reviews-section{
        padding-left:15px;
    }
    nav.main-menu ul li{
        padding: 0 8px;
    }
    .site-logo img {
        width: 157px;
        height: 116px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    nav.main-menu ul li{
        padding:0 5px;
    }
    nav.main-menu ul li a{
        font-size:14px;
    }
    nav.main-menu ul ul li a{
        font-size:13px;
    }
    .site-logo img {
        width: 125px;
        height: 92px;
    }
    .home-banner img, .home-banner video{
        height:620px;
    }
    .banner-heading{
        font-size:60px;
    }
    .banner-button a, .cta-button a, .products-button a, .healthy-skin-button a, .latest-post-button a, .newsletter-button a{
        font-size:19px;
    }
    .banner-content {
        padding-bottom: 100px;
    }
    .services-heading, .blue-heading{
        font-size:48px;
    }
    .services-wrap{
        gap:12px;
    }
    .service-box .service-title{
        font-size:20px;
    }
    .cta-heading {
        font-size: 65px;
    }
    .reviews-content .blue-heading {
        font-size: 45px;
    }
    .reviews-content .reviews-text {
        font-size: 19px;
    }
    .products-section .blue-heading{
        font-size:46px;
    }
    .products-wrap{
        gap:15px;
    }
    .product-box .product-name {
        font-size: 21px;
    }
    .healthy-skin-content .blue-heading{
        font-size:44px;
    }
    .healthy-skin-content{
        width:55%;
    }
    .healthy-skin-text {
        font-size: 24px;
    }
    .latest-news-section .blue-heading, .club-membership-section .blue-heading{
        font-size:42px;
    }
    .latest-news-wrap{
        gap:18px;
    }
    .latest-news-wrap .post .post-title {
        font-size: 20px;
    }
    .membership-box .membership-title{
        min-width:inherit;
        font-size:24px;
        padding:15px 20px;
    }
    .membership-box .membership-image{
        width:100%;
        height:324px;
    }
    .membership-benefits{
        width:30%;
    }
    .mem-benefits-title {
        font-size: 31px;
    }
    .membership-lists ul li {
        font-size: 18px;
    }
    .select-membership-btn a{
        font-size:18px;
    }
    .stay-title {
        font-size: 38px;
    }
    .newsletter-heading {
        font-size: 52px;
    }
    .newsletter-heading span{
        font-size:34px;
    }
    .footer-logo img {
        width: 157px;
        height: 116px;
    }
    .ftr-address .location {
        font-size: 16px;
        padding-left: 38px;

    }
    .footer-contact .phone-btn a{
        font-size:18px;
    }
    .footer-contact .phone-btn a:before{
        background-size:25px;
    }
    .mem-benefits-title span{
        font-size:32px;
    }
    .blog article.post h2, .archive article.post h2, article.hentry h2 {
        font-size: 28px;
    }
    .reviews-section{
        padding-left:15px;
    }
    .top-location-area .col-md{
        padding: 0;
    }
    .top-location-area .row{
        column-gap: 15px;
    }
     .faqs-container .faq-single .faq-question{
        font-size:19px;
    }
    .header-top .hdr-locations{
        gap:3px;
    }
    .hdr-right{
        gap:12px;
    }
    .footer-mega-menu > li a {
        padding: 20px 8px;
        font-size:15px;
    }
    .footer-mega-menu li ul.sub-menu li a{
        font-size:14px;
    }
    .banner-heading span{
        font-size:20px;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px){
    .header-top .hdr-locations{
        gap:6px;
    }
    .header-top .container{
        gap:7px;
    }
    .header-top .hdr-locations .info a:before{
        width: 12px;
        height: 15px;
        background-size: 12px;
    }
    .header-top .hdr-locations .info {
        font-size: 11px;
    }
    .hdr-right{
        gap:3px;
    }
    .spa-site-link a, .research,
    .review-us-link a{
        font-size:11px;
    }
    .header-top .hdr-locations .info.phone-no a{
        padding: 13px 8px 15px;
    }
    .header-top .hdr-locations .info.phone-no a:before{
        background-size: 12px;
        width: 12px;
    }
    nav.main-menu ul li a{
        font-size:11.5px;
    }
    nav.main-menu ul ul li a{
        font-size:10px;
    }
    nav.main-menu ul li{
        padding:0 0px;
    }
    .header-main .container{
        gap:5px;
    }
    .site-logo img {
        width: 102px;
        height: 76px;
    }
    .home-banner img, .home-banner video{
        height:520px;
    }
    .banner-heading{
        max-width:550px;
        font-size:46px;
    }
    .banner-content {
        padding-bottom:80px;
    }
    .services-heading, .blue-heading{
        font-size:38px;
    }
    .services-subtext {
        font-size: 18px;
    }
    .services-wrap{
        gap:5px;
    }
    .service-box .service-image img{
        height:240px;
    }
    .service-box .service-title{
        font-size:20px;
        padding:0 15px;
    }
    .our-services-section {
        padding: 100px 0;
    }
    .cta-banner-section,
    .reviews-section {
        padding: 100px 0;
    }
    .cta-heading {
        font-size:54px;
    }
    .banner-button a, 
    .cta-button a, 
    .products-button a, 
    .healthy-skin-button a, 
    .latest-post-button a, 
    .newsletter-button a{
        font-size: 19px;
    }
    .reviews-wrap{
        gap:15px;
    }
    .reviews-content .blue-heading {
        font-size: 34px;
    }
    .reviews-content .reviews-text {
        font-size: 17px;
    }
    .products-section .blue-heading{
        font-size:42px;
    }
    .products-wrap{
        gap:15px;
        margin-top:60px;
    }
    .product-box .product-name {
        font-size: 19px;
    }
    .product-box .product-text {
        font-size: 15px;
    }
    .product-box .view-product-link a{
        font-size:14px;
    }
    .banner-button a, .cta-button a, .products-button a, .healthy-skin-button a, .latest-post-button a, .newsletter-button a{
        font-size:18px;
    }
    .healthy-skin-content .blue-heading{
        font-size:34px;
    }
    .healthy-skin-text {
        font-size: 21px;
    }
    .healthy-skin-content{
        width:55%;
    }
    .healthy-skin-button a{
        padding:0 15px;
    }
    .healthy-skin-button a {
        padding: 15px 10px 15px 17px;
        font-size: 16px;
    }
    .healthy-skin-button a:before{
        right:22px;
    }
    .latest-news-section {
        padding: 85px 0;
    }
    .latest-news-section .blue-heading, .club-membership-section .blue-heading{
        font-size:38px;
    }
    .latest-news-wrap{
        gap:12px;
    }
    .latest-news-wrap .post .post-thumbnail img {
        width: 100%;
        height: 220px;
    }
    .latest-news-wrap .post .post-title{
        font-size:17px;
    }
    .club-membership-wrap{
        gap:12px;
    }
    .membership-box .membership-image{
        width:100%;
        height:280px;
    }
    .membership-content{
        gap:10px;
    }
    .membership-box .membership-title{
        font-size:22px;
        min-width:inherit;
    }
    .membership-box .membership-text {
        font-size: 15.5px;
    }
    .mem-benefits-title {
        font-size: 26px;
    }
    .membership-box .membership-text {
        font-size: 14.5px;
    }
    .mem-benefits-title {
        font-size: 23px;
    }
    .membership-lists ul li {
        font-size: 18px;
    }
    .select-membership-btn a{
        font-size:17px;
    }
    .stay-title {
        font-size: 34px;
    }
    .newsletter-heading {
        font-size: 45px;
    }
    .newsletter-heading span{
        font-size:22px;
    }
    .footer-logo img {
        width: 136px;
        height: 100px;
    }
    .ftr-address .location{
        padding-left:32px;
    }
    .footer-contact .phone-btn a{
        font-size:18px;
        padding:12px;
    }
    .footer-contact .phone-btn a:after{
        display:none;
    }
    .footer-bottom .container{
        font-size:14px;
    }
    .mem-benefits-title span{
        font-size:28px;
    }
    .spa-site-link a:before, 
    .research:before{
        width: 15px;
        height: 18px;
        background-size: 15px;
    }
    .social-icons ul li a svg {
        width: 13px;
        height: 13px;
    }
    .reviews-section{
        padding-left:15px;
    }
    .top-location-area .col-md{
        padding: 0;
    }
    .top-location-area .row{
        column-gap: 15px;
    }
    .faqs-container .faq-single .faq-question{
        font-size:18px;
    }
    .contact-page-block .contact-info h3.wp-block-heading{
        font-size:22px !important;
    }
    .contact-page-block .contact-form h3.wp-block-heading{
        font-size:24px;
    }
    .wp-block-columns.contact-page-block{
        flex-wrap:nowrap !important;
    }
    .footer-mega-menu > li a {
        padding: 20px 5px;
        font-size:12px;
    }
    .footer-mega-menu li ul.sub-menu li a{
        font-size:13px;
    }
    .footer-mega-menu li ul.sub-menu{
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    .banner-heading span{
        font-size:18px;
    }
    .booknow-btn a{
        padding: 10px 13px;
        font-size: 13px;
    }
    .social-icons ul li a{
        width:30px;
        height:30px;
    }
    .header-top{
        margin-top:12px;
    }
 }

@media screen and (max-width: 767px){
     .header-top .container,
    .reviews-wrap,
    .healthy-skin-banner .container,
    .club-membership-wrap,
    .newsletter-banner .container,
    .footer-bottom .container{
        flex-direction:column;
    }
    .services-wrap,
    .products-wrap,
    .latest-news-wrap,
    .membership-content {
        grid-template-columns: repeat(1, 1fr);
        gap:30px;
    }
    .reviews-wrap{
        gap:30px;
    }
    .site-header{
        position:relative;
        background:var(--background-darkblue);
    }
    nav.main-menu{
        display:none;
    }
    .header-top .container{
        height:auto;
    }
    .header-top .hdr-locations .info.phone-no{
        display:none;
    }
    .hdr-right .spa-site-link,
    .research,
    .review-us-link,
    .social-icons{
        display:none;
    }
    .header-top{
        padding:10px 0;
    }
    .header-main{
        padding:15px 0;
        margin-bottom:2px;
        margin-top: 45px;
    }
    .header-main .container{
        padding-top:0;
        justify-content:center;
    }
    .banner-heading{
        font-size:46px;
    }
    .home-banner img, .home-banner video{
        height:360px;
    }
    .home-banner-main{
        justify-content:center;
    }
    .banner-content {
        padding-bottom: 0;
        text-align:center;
    }
    .banner-button a, .cta-button a, .products-button a, .healthy-skin-button a, .latest-post-button a, .newsletter-button a {
        padding: 16px 22px;
        font-size: 18px;
    }
    .banner-button {
        margin-top: 30px;
    }
    .our-services-section,
    .reviews-section,
    .latest-news-section {
        padding: 50px 0;
    }
    .services-heading, .blue-heading,
    .products-section .blue-heading,
    .latest-news-section .blue-heading,
    .latest-news-section .blue-heading, 
    .club-membership-section .blue-heading{
        font-size:38px;
        line-height:1.2;
    }
    .services-subtext {
        font-size: 18px;
    }
    .services-wrap{
        margin-top:50px;
        gap:15px;
    }
    .service-box .service-image img{
        height:375px;
    }
    .service-box .service-title{
        font-size:26px;
    }
    .cta-banner-section{
        padding:82px 0;
        background:#e2dcde;
    }
    .cta-heading {
        font-size: 50px;
    }
    .cta-content{
        max-width:100%;
        text-align:center;
    }
    .reviews-content,
    .reviews-slider{
        width:auto;
    }
    .reviews-content .blue-heading {
        font-size:40px;
        max-width:100%;
    }
    .reviews-content .reviews-text{
        font-size:19px;
    }
    .products-wrap{
        margin-top:55px;
        gap:50px;
    }
    .product-box .product-text {
        font-size: 18px;
    }
    .products-section {
        padding-bottom: 50px;
    }
    .healthy-skin-banner{
        padding:62px 0;
        text-align:center;
    }
    .healthy-skin-content .blue-heading{
        font-size:40px;
    }
    .healthy-skin-text {
        font-size: 21px;
        max-width:100%;
    }
    .healthy-skin-button a{
        margin-top:20px;
    }
    .latest-news-wrap{
        margin-top:45px;
        gap:42px;
    }
    .club-membership-wrap{
        margin-top:50px;
    }
    .membership-box .membership-image{
        height:375px;
    }
    .membership-box .membership-title {
        font-size: 24px;
        min-width: 95px;
        padding:15px 40px;
    }
    .membership-box .membership-text{
        max-width:280px;
        font-size:18px;
    }
    .membership-content{
        gap:35px;
    }
    .membership-benefits{
        margin-top:50px;
    }
    .membership-benefits {
        margin-top: 40px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    .mem-benefits-title {
        font-size: 34px;
    }
    .membership-lists ul li {
        font-size: 19px;
    }
    .select-membership-btn a{
        margin-top:15px;
    }
    .club-membership-section {
        padding-bottom: 50px;
    }
    .newsletter-banner {
        background: var(--background-blue);
        padding:72px 0;
        text-align:center;
    }
    .newsletter-banner:before,
    .newsletter-button a:after{
        display:none;
    }
    .stay-title {
        font-size:38px;
    }
    .newsletter-heading {
        font-size: 42px;
    }
    .newsletter-heading span{
        font-size:26px;
    }
    .newsletter-banner .container{
        align-items: center;
    }
    .latest-post-button a{
        margin-top:0;
    }
    .newsletter-button a{
        font-size:22px;
    }
    .cta-content .blue-subheading{
        letter-spacing:2px;
    }
    .location-button a{
        padding:36px 0;
        font-size:25px;
    }
    .footer-map:before{
        display:none;
    }
    .footer-locations .container {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer-topwrap{
        flex-direction:column-reverse;
    }
    .footer-contact,
    .footer-map{
        width:100%;
        margin:0;
    }
    .footer-locations .container{
        padding:0;
    }
    .location-button a{
        font-size:26px;
    }
    .location-button span:before{
        width: 31px;
        height: 31px;
        background-size: 31px;
    }
    .latest-news-wrap .post .post-title{
        font-size:24px;
    }
    .latest-news-wrap .post .post-thumbnail img{
        height:295px;
    }
    .reviews-content{
        text-align:center;
    }
    .product-box{
        text-align:center;
    }
    .product-box .product-name{
        padding:0 15px;
        text-align:center;
    }
    .products-button a:after, 
    .healthy-skin-button a:after, 
    .latest-post-button a:after, 
    .footer-contact .phone-btn a:after,
    .healthy-skin-button a:before{
        display:none;
    }
    .footer-topwrap{
        padding:0;
    }
    .footer-map iframe{
        height:280px;
    }
    .footer-contact{
        text-align:center;
        gap:35px;
        align-items: center;
        padding:30px 0;
    }
    .footer-logo, .footer-contact .phone-btn{
        left:0;
    }
    .ftr-address .location{
        padding-left:0;
        font-size:17px;
        max-width:260px;
        margin-left:auto;
        margin-right:auto;
    }
    .footer-contact .phone-btn a{
        font-size:19px;
    }
    .footer-contact .phone-btn a:before{
        width: 25px;
        height: 22px;
        background-size: 25px;
    }
    .footer-bottom {
        padding: 20px 0;
        text-align:center;
    }
    .footer-bottom:after{
        width:100%;
        height:5px;
    }
    .footer-logo img {
        width: 163px;
        height: 120px;
    }
    .footer-contact .phone-btn a{
        padding:15px 22px;
    }
    .ftr-address .location:before{
        display:none;
    }
    .footer-bottom .container{
        gap:10px;
    }





    .rmp-menu-wrap .rmp-menu-item-link{
        text-transform: uppercase;
        letter-spacing:0.5px !important;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size:20px;
    }
    article.hentry .entry-content h2 {
        font-size: 26px;
    }
    .inner-banner img{
        min-height:210px;
    }
    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight:500;
    }
    .entry-header h1.entry-title{
        font-size:42px;
        padding-bottom:22px;
        margin-bottom:40px;
    }
    a.entry-button{
        font-size:14px;
    }
    #secondary.widget-area .widget h2 {
        font-size: 21px;
    }
    .mem-benefits-title span{
        font-size:38px;
    }
    .membership-benefits{
        padding:30px 15px 35px;
    }
    body.home.logged-in .site-header,
    body.page.logged-in .site-header,
    body.logged-in .site-header  {
        top: 0;
    }
    .site-main p {
        font-size: 17.5px;
    }
    a.entry-button {
        padding: 14px 15px;
    }
    a.entry-button:after{
        width: 22px;
        height: 18px;
        background-size: 22px;
    }
    .blog article.post h2, .archive article.post h2, article.hentry h2 {
        font-size: 24px;
    }
    .rmp-menu-additional-content .mobile-content{
        text-align:left;
        margin-top:30px;
    }
    .rmp-menu-additional-content .mobile-content .phone-no a,
    .rmp-menu-additional-content .mobile-content .spa-site-link a{
        color:#fff;
        font-weight:600;
        letter-spacing:1px;
        font-size:16px;
        text-transform:uppercase;
        padding:0;
    }
    .rmp-menu-additional-content .mobile-content .spa-site-link{
        margin-top:5px;
    }
    .rmp-menu-additional-content .mobile-content .spa-site-link a:before{
        display:none;
    }
    .rmp-menu-additional-content .mobile-content .social-icons a{
        color:#fff;
    }
    .reviews-section{
        padding:50px 15px;
    }
    .top-location-area .location-col {
        padding: 25px 15px;
        max-width: 330px;
        margin: 0 auto 30px;
    }
    .top-location-area{
        margin-bottom:0;
        padding-bottom:0;
    }
    .top-location-area .location-col strong {
        font-size: 22px;
    }
    .top-location-area .location-col span {
        font-size: 15px;
    }
    .faqs-container .faq-single .faq-question{
        font-size:22px;
    }
    .contact-page-block .contact-info h3.wp-block-heading{
        font-size:23px !important;
    }
    .contact-page-block .contact-form h3.wp-block-heading{
        font-size:25px;
    }
    .two-block .two-block-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    .two-block .two-block-wrap .left-image:before{
        display:none;
    }
    .two-block .two-block-wrap{
        gap:30px;
    }
    .two-block .two-block-wrap .right-content .blue-btn a, 
    .inner-cta-banner .cta-content .blue-btn a{
        font-size: 18px;
        padding: 19px 28px;
    }
    .inner-cta-banner {
        background: var(--background-darkblue);
        margin-top:50px;
        padding:60px 0;
    }
    .inner-cta-banner .cta-content {
        max-width: 100%;
        text-align:left;
    }
    .inner-cta-banner .cta-content .cta-heading{
        font-size:40px;
    }
    .inner-cta-banner .cta-content .cta-text p,
    .inner-cta-banner .cta-content .cta-text{
        font-size:18px;
    }
    .faqs-container .faq-question:after,
    .faqs-container .faq-single.active .faq-question:after{
        width: 30px;
        height: 30px;
        background-size: 30px;
        margin-top: -15px;
    }
    .gallery-slider .image-slider .slick-prev,
    .gallery-slider .image-slider .slick-next{
        background-size:34px;
        width:34px;
        height:34px;
    }
    .gallery-slider .image-slider .slick-prev{
        left:40%;
    }
    .gallery-slider .image-slider .slick-next{
        right:40%;
    }
    .site-logo img {
        width: 160px;
        height: 118px;
    }
    .footer-bottom .container{
        font-size:14px;
    }
    .banner-heading span{
        font-size:20px;
        margin-top:15px;
    }
    .hdr-right .info.phone-no {
        display: block;
    }
    .header-top .container{
        gap:0;
    }
    .hdr-right .info.phone-no a{
        font-size: 18px;
        font-weight: 600;
        position:relative;
    }
    .booknow-btn{
        display:none;
    }
    .rmp-container .rmp-menu-wrap .rmp-menu li.booknow-btn{
        display:block;
    }
    .footer-contact .social-icons{
        display:block !important;
    }
    .social-icons ul li{
        padding-right:4px;
    }
    .site-header{
        display: flex;
        flex-direction: column-reverse;
        position:relative;
    }
    .mobile-header{
        position: absolute;
        top: 0px;
        background: #fff;
        width: 100%;
        padding:10px 0;
        display:block;
    }
    .rmp-container .rmp-menu-wrap .rmp-menu li.booknow-btn{
        padding-left: 5%;
    }
    .rmp-container .rmp-menu-wrap .rmp-menu li.booknow-btn a{
        background: #fff !important;
        display: inline-block !important;
        color: var(--blue-color) !important;
        padding: 12px 16px !important;
        line-height: 100% !important;
        height: 100% !important;
        margin-top: 8px;
        width: auto !important;
    }
    .rpi-col-m .rpi-header_row+.rpi-content_row .rpi-card, .rpi-col-s .rpi-card, .rpi-col-s .rpi-header_row {
        --col: 1 !important;
    }
    .reviews-slider{
        margin:30px 0;
    }
    .reviews-wrap{
        display:block;
    }
    
}

@media (max-width: 479px) {
    .header-top .hdr-locations{
        gap:5px;
    }
    .header-top .hdr-locations .info a:before{
        width: 13px;
        height: 18px;
        background-size: 13px;
        top:3px;
    }
    .header-top .hdr-locations .info a{
        padding-left:17px;
    }
    .header-top .hdr-locations .info{
        font-size:15px;
    }
    .site-logo img {
        width: 149px;
        height: 87px;
    }
    .banner-heading {
        font-size: 37px;
    }
    .home-banner img, .home-banner video {
        height: 320px;
    }
    .banner-button a, 
    .cta-button a, 
    .products-button a, 
    .healthy-skin-button a, 
    .latest-post-button a, 
    .newsletter-button a{
        font-size:17px;
    }
    .services-heading, 
    .blue-heading, 
    .products-section .blue-heading, 
    .latest-news-section .blue-heading, 
    .latest-news-section .blue-heading, 
    .club-membership-section .blue-heading{
        font-size:31px;
    }
    .services-subtext {
        font-size: 16.5px;
    }
    .service-box .service-image img {
        height: 320px;
    }
    .service-box .service-title {
        font-size: 24px;
    }
    .cta-content .blue-subheading{
        letter-spacing:1px;
    }
    .cta-heading {
        font-size: 42px;
    }
    .banner-button a, .cta-button a, .products-button a, .healthy-skin-button a, .latest-post-button a, .newsletter-button a {
        font-size: 16px;
        line-height:1.2;
    }
    .reviews-content .blue-heading{
        font-size:35px;
    }
    .reviews-content .reviews-text {
        font-size: 18px;
    }
    .product-box .product-name {
        font-size: 22px;
        margin-bottom:15px;
    }
    .product-box .product-text {
        font-size: 17px;
    }
    .product-box .view-product-link {
        margin-top: 20px;
    }
    .healthy-skin-content .blue-heading{
        font-size:34px;
    }
    .healthy-skin-text {
        font-size: 19px;
    }
    .latest-news-section .blue-heading{
        font-size:30px;
    }
    .latest-news-wrap .post .post-title {
        font-size: 22px;
    }
    .membership-box .membership-image {
        height: 355px;
    }
    .membership-box .membership-title {
        font-size: 23px;
    }
    .mem-benefits-title {
        font-size: 32px;
    }
    .select-membership-btn a{
        font-size:17px;
    }
    .stay-title {
        font-size: 36px;
    }
    .newsletter-heading {
        font-size: 36px;
    }
    .newsletter-heading span {
        font-size: 21px;
    }
    .location-button a {
        font-size: 20px;
        padding: 30px 0;
    }
    .location-button span:before {
        width: 28px;
        height: 28px;
        background-size: 28px;
    }
    .location-button span{
        padding-left:31px;
    }
    .location-button span:before {
        width: 25px;
        height: 24px;
        background-size: 25px;
    }
    .footer-logo img {
        width: 144px;
        height: 106px;
    }
    .ftr-address .location{
        font-size:15.5px;
    }
    .footer-contact .phone-btn a {
        font-size: 17px;
    }
    .footer-contact .phone-btn a {
        padding:16px 20px;
    }
    .footer-contact .phone-btn a:before {
        width: 23px;
        height: 20px;
        background-size: 23px;
        left: 0;
    }
    .footer-bottom .container{
        font-size:14px;
        line-height: 1.4;
        max-width: 320px;
        margin: 0 auto;
    }
    .membership-benefits{
        max-width:270px;
    }


    
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size:25px;
    }
    h4 {
      font-size: 23px;
    }
    h5 {
      font-size: 22px;
    }
    h6 {
        font-size:20px;
    }
    .site-content .entry-content {
        font-size: 15px;
    }
    article.hentry .entry-content h2 {
        font-size: 24px;
    }
    .inner-banner img{
        min-height:180px;
    }
    .single article.post h1, 
    .search .entry-header h1.entry-title, 
    .error404 .entry-header h1.entry-title, 
    .single .entry-header h1.entry-title, 
    .archive .entry-header h1.entry-title {
        font-size: 20px;
    }
    #secondary.widget-area .widget h2{
        font-size:20px;
    }
    .entry-header h1.entry-title{
        font-size:36px;
    }
    a.entry-button{
        font-size:15px;
    }
    .mem-benefits-title span {
        font-size: 36px;
    }
    .membership-lists ul li {
        font-size: 18px;
    }
    .site-main p {
        font-size: 16.5px;
    }
    .blog article.post h2, .archive article.post h2, article.hentry h2 {
        font-size: 22px;
    }
    .top-location-area .location-col strong {
        font-size: 20px;
    }
    .top-location-area .location-col:before{
        width:60px;
        height:60px;
        background-size: 20px !important;
    }
    .top-location-area .location-col span {
      font-size: 14px;
    }
    .faqs-container .faq-single .faq-question{
        font-size:20px;
    }
    .contact-page-block .contact-info h3.wp-block-heading{
        font-size:22px !important;
    }
    .contact-page-block .contact-form h3.wp-block-heading{
        font-size:24px;
    }
    .two-block .two-block-wrap .right-content p{
        font-size:17px;
    }
    .two-block .two-block-wrap .right-content .blue-btn a, 
    .inner-cta-banner .cta-content .blue-btn a {
        font-size: 17px;
        padding: 18px 25px;
    }
    .inner-cta-banner .cta-content .cta-heading {
        font-size: 30px;
    }
    .inner-cta-banner .cta-content .cta-text p,
    .inner-cta-banner .cta-content .cta-text{
        font-size: 17px;
    }
    .faqs-container .faq-question:after,
    .faqs-container .faq-single.active .faq-question:after{
        width:24px;
        height:24px;
        background-size:24px;
        margin-top: -12px;
    }
    .gallery-slider .image-slider .slick-prev{
        left:38%;
    }
    .gallery-slider .image-slider .slick-next{
        right:38%;
    }
    .site-logo img {
        width: 144px;
        height: 106px;
    }
    .banner-heading span{
        font-size:18px;
    }
}