@media screen and (min-width: 1921px){
	
	.banner {
  
    padding-top: 250px !important; background-size: cover !important;}
    
	
	
}
@media screen and (max-width: 1199px) {

    .member #tabs { padding-left: 80px;}
    .health-wellness p { font-size: 25px; }
    .massage .sub-heading h2 { font-size: 20px !important; }
    .member .main-heading p, .member #tabs p { font-size: 22px !important; line-height: 30px; }
    .member #tabs p a { font-size: 24px; }
    #tabs .nav-tabs .nav-link, a.member_btn {font-size: 18px !important;  }
    .welcome .main-heading p a { white-space: normal; word-break: break-all;}
    
}


@media screen and (max-width: 1180px) {
   
    .navbar-area { padding: 20px 0 20px; }
    .site-navbar { display: block; justify-content: inherit; align-items: inherit; }
    a.site-logo { text-align: center; display: block; }
    #mega-menu-wrap-menu-1 .mega-menu-toggle { position: absolute; top: -40px;  border-radius: 0;}
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu { background: #333333; }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li > a.mega-menu-link { text-align: left !important; font-family: "Conv_MuseoSans-300" !important; font-weight: normal !important; }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0; }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { padding: 8px 10px;}
    
    .site-navbar .menu {    justify-content: center;}
    
    .site-navbar .menu li {
    padding: 5px 10px;
}
.site-navbar .menu li a {font-size:14px;}

}

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

    .site-navbar ul li a {
        font-size: 14px;
    }

    .site-navbar .btn.dropdown-toggle {
        font-size: 12px;
    }

    .site-navbar .dropdown .dropdown-item {
        font-size: 12px;
        padding: 3px;
    }

    .site-navbar ul li {
        padding: 8px 14px;
    }
    .site-logo img {
        width: 200px;
    }

    .sec_pad {
        padding: 30px 0;
    }

}

@media screen and (max-width: 991px) {
    .navbar-area { padding: 15px 0 15px;}
    .site-logo img { width: 150px; }
    #mega-menu-wrap-menu-1 .mega-menu-toggle { top: -35px; }
    
    
    #mega-menu-wrap-menu-1 .mega-menu-toggle { line-height: 35px; height: 35px; width: 40px;}
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right {
    width: 100%; }
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
    margin: 0; }
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner { width: 30px !important;  left: 0; right: 0; margin: -2px auto; }
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after { width: 30px !important; }
    
    .main-heading h1 { font-size: 32px !important;}
    .sub-heading h2 { font-size: 30px; }
    body.single-post h2.post_title { font-size: 35px !important;}
    .massage .sub-heading h2 { font-size: 14px !important; }
    #demoslider .carousel-caption button.btn.btn-style { margin: 0; }
    .member .main-heading p, .member #tabs p { font-size: 19px !important; }
    
    .member #tabs { padding-left: 0;}
    .member .main-heading { margin-bottom: 40px; }
    .gift-cards .sub-heading { width: 400px; max-width: 100%;}
    .gift-cards .figure img { width: 230px; } 
    
    .for-main-membership-page.facial-waxing .tabtop li { width: 45%; }
    ection.career.for-epic .figure { display: block; }
    ection.career.for-epic .figure img { width: 100%;}
    .for-epic .main-heading { padding: 20px 0; }
    .for-main-membership-page .tabbable-panel { margin-top: 40px !important;}
    .for-main-membership-page .tabtop li {  width: 47%; }
    .kendall-park .main-heading h1 { text-align: center; }
    .kendall-park a { float: none; text-align: center; display: block;}
    .welcome { padding: 50px 0 0 0 !important;}
    .location-template-default .welcome img { margin: 20px 0;}
    .location-template-default .welcome .main-heading p { font-size: 20px; line-height: normal;}  
    .location-template-default .welcome .main-heading p a { font-size: 20px; }
    .location-template-default .welcome .main-heading p.mt-5 { margin-top: 1rem !important;}
    .priviledge .main-heading p { font-size: 25px; line-height: normal; margin-bottom: 30px; }
    .priviledge .priv-body {margin-bottom: 30px;}
    .career { background-size: cover !important; }
    
    
    .footer .figure { text-align: center; margin-bottom: 20px;}
    .footer .social-part { padding-left: 0; }
    .footer .figure img { width: 220px; }
    section.footer.sec_pad.flt-l { text-align: center; float: none; clear: both; }
    .footer .social-part ul li { display: inline-block; float: none; margin: 0 5px;}
    
    
}

@media screen and (max-width: 767px) {
    p { font-size: 16px !important;  }
    h2 { font-size: 25px; }
    body.single-post h2.post_title { font-size: 30px !important;}
    .main-heading h1 { font-size: 28px !important;}
    .container-fluid { padding: 0 15px; }
    
    .navbar-area { padding: 45px 0 15px;}
    .nav-toggler { display: block; }
    .book_appoinment { padding: 8px 20px; position: absolute; top: 0; right: 0; width: 100%; text-align: center;}
    #demoslider .carousel-item { height: 300px;}
    #demoslider .carousel-item img { object-fit: cover; }
    #demoslider .carousel-caption { left: 0; right: 0; top: 55%; transform: translateY(-50%);}    
    .site-navbar ul { position: absolute;
    width: 93%;
    height: 270px;
    left: 0;
    top: 83px;
    flex-direction: column;
    align-items: center;
    background-color: #222;
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
    left: 0;
    right: 0; }
    
    .site-navbar .menu li a {color: #fff;}
    
    .site-navbar ul li { width: 100%; text-align: left; float: left; padding: 10px 0; display: block;    }
    .site-navbar ul li a { padding: 0 50px; color: #fff; }
    .site-navbar ul.open { max-height: 270px; /*overflow: visible;*/}
    
    section.massage.sec_pad { float: none; clear: both; padding: 30px 0 50px;}
    .massage .main-heading { position: relative; top: inherit; text-align: center;}
    .massage .sub-heading h2 { font-size: 17px !important; text-align: center; }
    .massage .figcaption p { font-size: 18px !important;text-align: center; }
    .massage .slick-list { padding: 0px 20px !important;}
    .massage .slick-dots li { margin: 0; }
    .facials { background: url(../images/facial-bg.jpg) no-repeat #fff !important; background-size: 150% !important; padding: 30px 0 30px 0!important;}
    .facials .main-heading { padding-top: 40%; position: relative;}
    .facials .main-heading h1 { margin-top: 0; text-align: center; position: absolute; left: 0; right: 0;
    top: 0;}    
    .facials .figure { display: block;}
    .facials #home-facial-slider .item { padding: 0 15px;}
    .facials #home-facial-slider .owl-nav.disabled { display: none;}
    .facials #home-facial-slider .owl-dots button.owl-dot span { background-color: #000; opacity: .25;
    margin: 0px 3px; }
    .facials #home-facial-slider .sub-heading h2 { text-align: center; font-size: 22px; margin: 15px 0 0; }
    
    
    .welcome { padding: 30px 0 0 0 !important; }
    .welcome .vertical-tabs.d-flex { display: block !important;}
    .vertical-tabs .nav.nav-tabs { display: block; float: none; margin-right: 0; border-top: 0; border-bottom: 0; padding-top: 0; padding-bottom: 10px; }
    .vertical-tabs .nav-tabs .nav-link { width: 100%; font-size: 16px !important;}
    .welcome .vertical-tabs .tab-content { padding: 30px 0px;}
    .welcome .vertical-tabs .tab-content h2 { font-size: 24px; margin: 25px 0 15px;}
    .welcome .btn-style { font-size: 20px; }
    section.available-extras-sec h2 { font-size: 25px;}
    section.available-extras-sec p { padding: 10px 0; }
    
    .welcome .main-heading p a { font-size: 20px;}
    .for-main-membership-page.facial-waxing .tabtop li { width: 100%; margin-right: 0;}
    .for-main-membership-page .tabtop li a span { font-size: 20px; }
    .kendall-park .row { padding: 0 30px 10px;text-align: center; }
    .for-main-membership-page .tabtop li { margin-right: 0; width: 100%;}
    .for-main-membership-page .tab-content .tab-pane { padding: 30px 30px;}
    .testimonial { background-size: cover;}
    .privacy .main-heading p { width: 100%; }
    .priviledge .priv-body strong { font-size: 50px;}
    .priv-head h3 { font-size: 22px!important;}
    .career .main-heading { padding-right: 0;}
    .career .main-heading p { line-height: normal;}
    .ftr-show-hide.vertical-tabs { border-bottom: 1px solid #d8d1d1; }
    .welcome h5.showBtn { font-family: "Conv_FontsFree-Net-SFProDisplay-Regular"; font-size: 22px; position: relative; padding: 10px 0; margin: 0; }
    .welcome h5.showBtn:after { content: ""; border: solid transparent; height: 0; width: 0; position: absolute; right: 0; top: 67%; transform: translateY(-50%); pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #66878c; border-width: 7px; }
    
    
 
    .site-navbar .btn.dropdown-toggle { font-size: 12px; color: #fff; padding: 10px 50px; }
    /*.site-navbar ul li:nth-child(1) { padding-top: 50px;}
    .site-navbar ul li:nth-child(2) { padding: 0; }*/

    .site-navbar ul li a:before {  display: none; }
    .site-navbar .dropdown .dropdown-menu { padding: 20px;}
    .site-navbar .dropdown .dropdown-item { color: #000; }
 
    .footer-bottom-links { display: block !important; }
    .footer-bottom-links li { display: inline-block !important; }
    .ftr-desktop-view { display: none !important;}
    .ftr-mobile-view.d-none { display: block !important;}
    .toggle-content { display: none; }
    .footer .toggle-content { display: none; background-color: #344346; padding: 25px 15px 10px;}
    .footer .ftr-show-hide {border-bottom: 1px solid #2c3d3f;}
    .footer h5 { color: #fff; font-family: "Conv_MuseoSans-300"; font-size: 25px; margin: 15px 0 0; padding: 0 35px 10px; position: relative; display: inline-block; }
    .footer h5:after { content: ""; border: solid transparent; height: 0; width: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #66878c; border-width: 10px;}
    .footer .toggle-content ul li a { display: block; font-family: "Conv_MuseoSans-300"; padding: 3px 0 3px 0px;}
.footer .collapse:not(.show){display: block !important;}
    
    




}

@media screen and (max-width: 480px) {
    .navbar-area .container-fluid {  padding: 0 15px; }
    .site-logo img { width: 170px;}
    .member #tabs .nav-tabs .nav-link { display: block;  width: 100%; margin: 0 0 10px !important;}
    .gift-cards { background-size: 180% !important; background-position: top center !important; position: relative; padding: 250px 0 20px; background-color: #afa69f !important;}
    .gift-cards .gift-cards-cntnt-box { margin-top: -50px; text-align: center;}
    .gift-cards .gift-cards-cntnt-box .figure.desktop-visible { display: none;}
    .gift-cards .gift-cards-cntnt-box .figure.mobile-visible { display: block;}
    .gift-cards .sub-heading { width: 100%}
}