@media(min-width:1200px) {
	.container{
        max-width:1030px
    }
}
@media(max-width:1299px) {
	.treatment-wrapper .row {
        margin: 0px -15px;
    }
    .treatment-wrapper .row > * {
        padding: 0px 15px;
    }
}
@media(max-width:1199px) {
	.header-right-side-info {
        column-gap: 10px;
    }
    .header-wrapper {
        padding: 18px 20px;
    }
    .phone-and-location ul li a{
        font-size: 16px;;
    }
    .phone-and-location ul li {
        padding: 0px 10px;
    }
    .header-button-area a {
        padding-left: 20px;
        padding-right: 20px;
    }
    .treartment-area-heading h2 {
        font-size: 35px;
    }
    .treatment-content h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .treatment-content {
        padding: 25px 25px 35px;
    }
    .age-condition-image-content-holder {
        padding: 55px 40px;
    }
    .ages-tab-content .tab-pane h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .skin-quiz-content {
        padding: 50px 35px;
    }
    .each-membership .pricing-box h2{
        font-size: 30px;
    }
    .each-reward-block {
        padding: 30px;
    }
    .footer-form-area {
        margin-top: 100px;
    }
    /*======= team-overview =======*/
    .team-overview-wrapper .row{
        margin: 0px -15px;
        row-gap: 40px;
    }
    .team-overview-wrapper .row > div{
        padding: 0px 15px;
    }
    /*======== gallery-post ========*/
    .gal-post-dtls {
        padding-top: 40px;
    }
    .gal-post-wrapper {
        margin-bottom: 50px;
    }
    /*========== maintenance-membership ==========*/
    .membership-wrapper .row{
        margin: 0px -15px;
    }
    .membership-wrapper .row > div{
        padding: 0px 15px;
    }
    /*================ about-us ================*/
    .facialbar-story-img{
        margin-left: 0;
    }
    .exceptional-quality-img{
        margin-right: 0;
    }
    .expert-your-journey-img {
        margin-right: 0;
    }
	.header-navigation-wrapper{
		display: none;
	}
	.home .banner-area:before{
		display: none;
	}
}
@media(max-width:991px) {
    h2{
        font-size: 22px;
        line-height: 32px;
    }
	.skin-care-routine-content h2 {
		font-size: 22px;
		line-height: 32px;
	}
	.product-shop-dtl h3{
		font-size:20px;
		line-height:30px;
		font-weight:500;
	}
	.admin-bar .inner-banner.featured-banner {
		padding: 85px 0px 50px;
	}
	.inner-banner.featured-banner {
		padding: 130px 0px 50px;
	}
    .site-breadcrumb,
    .site-breadcrumb a{
        font-size: 16px;
    }
	.container{
        padding:0px 20px;
    }
    .header-right-side-info {
        column-gap: 20px;
    }
    .treatment-image img {
        height: auto;
        min-height: 252px;
    }
    .age-condition .container .row{
        row-gap: 30px;
    }
    .membership-block-wrapper .row{
        gap:30px;
    }
    .shop-products .row{
        gap:30px;
    }
    .product-image img{
        width:100%
    }
    .testimonial-area-left{
        margin-bottom: 30px;
    }
    .testimonial-area-right {
        max-width: 100%;
    }
    .testimonial-area-right .each-testimonal {
        padding: 0px 0px;
    }
    .testimonial-area-right .common-arrow{
        position: relative;
        top: auto;
        transform: none;
        left: auto;
        right: auto;
        margin: 0px;
        display: inline-flex;
    }
    .swiper-controller-for-mob {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 100px;
    }
    .testimonial-area-right > a.common-button {
        margin-left: 0px;
        margin-top:30px
    }
    .rewards-area .container .row{
        gap:30px
    }
    .footer-form-area-left{
        margin-bottom: 40px;
    }
    .footer-menu ul{
        flex-wrap: wrap;
        column-gap: 20px;
        justify-content: center;
    }
    .footer-content-area {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .footer-logo-wrapper {
        margin-bottom: 40px;
    }
    .footer-top-area {
        padding-bottom: 50px;
        padding-top: 80px;
    }
    .footer-area{
        padding-bottom: 65px;
    }
    /*======= team-overview =======*/
    .inner-banner-img{
        margin-bottom: 30px;
    }
    .inner-banner-content h1 span{
        font-size: 18px;
    }
    .inner-banner-content h1{
        font-size: 30px;
        line-height: 40px;
    }
    .team-overview-sec {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .each-team-overview h3,
    .each-team-overview h2{
        font-size: 22px;
        line-height: 35px;
    }
    .each-team-overview h3{
        margin-bottom: 15px;
    }
    /*================= team-post =================*/
    .team-post-area{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    /*============== gallery-overview ==============*/
    .gal-overview-sec {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .each-gal-overview h3 {
        margin-bottom: 30px;
        line-height: normal;
        font-size: 22px;
        line-height: 35px;
    }
    .each-gal-overview li{
        margin-bottom: 20px;
    }
    .each-gal-overview {
        margin-bottom: 20px;
    }
    /*============== gallery-category ==============*/
    .gal-category-sec{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .gal-category-wrapper > .row{
        margin: 0px -15px;
        row-gap: 30px;
    }
    .gal-category-wrapper > .row > div{
        padding: 0px 15px;
    }
    /*======== gallery-post ========*/
    .gal-post-sec {
        margin-top: 50px;
    }
    .gal-post-dtls h3{
        font-size: 22px;
    }
    .gal-post-sec .container,
    .similar-case-sec .container{
        padding: 0px 20px;
    }
    .gal-post-slider {
        padding-right: 0;
    }
    .similar-case-wrapper > .row{
        margin: 0px -15px;
    }
    .similar-case-wrapper > .row > div{
        padding: 0px 15px;
    }
    .similar-case-sec {
        margin-bottom: 50px;
    }
    .similar-case-wrapper > h3{
        font-size: 22px;
        margin-bottom: 30px;
    }
    /*=================== skin-quiz ===================*/
    .skin-quiz-sec{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    /*============= conatct-us =============*/
    .conatct-us-sec {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .conatct-us-area {
        max-width: 100%;
        width: 100%;
        margin-bottom: 40px;
    }
    .contact-form-area{
        padding: 30px;
    }
    /*========== maintenance-membership ==========*/
    .maintenance-membership-sec .container{
        padding: 0px 20px;
    }
    .maintenance-membership-sec {
        margin-top: 50px;
    }
    .maintenance-membership-intro .site-breadcrumb {
        margin-bottom: 30px;
    }
    .maintenance-membership-intro{
        margin-bottom: 40px;
    }
    .membership-dtl,
    .right-skin-fitness,
    .left-skin-fitness {
        padding: 30px;
    }
    .left-skin-fitness h2{
        font-size: 30px;
    }
    .left-skin-fitness h3{
        font-size: 20px;
    }
    .each_membership h2{
        font-size: 20px;
		margin-bottom:10px;
		font-weight:500;
    }
    .each_membership h3{
        font-size: 24px;
    }
    .membership-area{
        margin-bottom: 50px;
    }
    .membership-wrapper .col-lg-12 img {
        height: 195px;
        object-fit: cover;
    }
    /*================ about-us ================*/
    .insta-feed-sec,
    .exceptional-quality-sec,
    .expert-your-journey-sec,
    .facialbar-story-sec {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .insta-feed-sec .container,
    .expert-your-journey-sec .container,
    .exceptional-quality-sec .container,
    .facialbar-story-sec .container{
        padding: 0px 20px;
    }
    .facialbar-story-content {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .exceptional-quality-content{
        padding-left: 0;
        max-width: 100%;
        margin-top: 40px;
    }
    .expert-your-journey-content{
        max-width: 100%;
    }
    .insta-feed-content {
        padding-left: 0;
        margin-top: 40px;
        width: 100%;
    }
    /*============ pricing-area ============*/
    .pricing-sec {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .each-pricing {
        padding: 30px;
    }
    .each-pricing h3{
        font-size: 20px;
    }
    .pricing-sec .site-breadcrumb{
        margin-bottom: 40px;
    }
    /*============== overview ==============*/
    .overview-sec {
        margin-top: 50px;
    }
    .overview-wrapper{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    /*============ procedure ============*/
    .procudure-area {
        margin-top: 50px;
    }
    .ages-listing-tab ul li button {
        font-size: 16px;
    }
	.footer-sign-up-area h5 {
		text-align: left;
	}
}
@media(max-width:767px) {
    body{
        background-size: 96vw;
    }
    .header-area {
        padding: 10px;
    }
    .header-wrapper {
        padding: 18px 30px;
    }
    h4{
        font-size: 14px;
		line-height:24px;
    }
    h4:after {
        width: 58px;
    }
    .banner-content-area h4:after {
        width: 40px;
    }
    h1{
        font-size: 25px;
        line-height: 35px;
    }
    .treartment-area {
        margin-top: 80px;
		margin-bottom: 80px;
    }
    .treartment-area-heading h3{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .treartment-area-heading h2{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .treartment-area-heading p {
        padding: 0px 0px;
        margin-bottom: 30px;
    }
    .treatment-content h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .treatment-content {
        padding: 25px 20px 70px;
    }
    .each-age-image img{
        height: 305px !important;
        object-fit: cover;
    }
    .age-condition-image-content-holder {
        padding: 20px 20px;
    }
    .ages-tab-content .tab-pane h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .ages-tab-content .tab-pane ul{
        flex-direction: column;
    }
    .skin-quiz-content h4{
        white-space: unset;
        max-width: 248px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .quiz-image img{
        height: 217px !important;
    }
    .membership-heading h3{
        font-size: 16px;;
        margin-bottom: 15px;
    }
    .shop-products-info h4{
        white-space: unset;
        max-width: 248px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .shop-products-info h4:after{
        /*width: 100%;*/
        position: absolute;
        bottom: 8px;
    }
    .testimonial-area-left {
        margin-bottom: 18px;
    }
    .home .testimonial-area-left {
        margin-bottom: 0px;
    }
    .watermarl-logo{
        position: relative;
        right:auto;
        bottom: auto;
    }
    .each-reward-block{
        flex-direction: column;
        height: auto;
        align-items: flex-start !important;
    }
    .award-content {
        padding-bottom: 0px;
    }
    .footer-menu ul {
        padding-left: 0px;
        padding-right: 0px;
    }
    .footer-logo img{
        max-width: 200px;
    }
    .footer-content-area{
        margin-top: 40px;
    }
    .footer-bottom-area p{
        font-size: 14px;;
    }
    /*======= team-overview =======*/
    .procudure-area .container,
    .overview-sec .container,
    .pricing-sec .container,
    .gal-category-sec .container,
    .gal-overview-sec .container,
    .team-post-area .container,
    .team-overview-sec .container,
    .inner-banner .container{
        padding: 0px 20px;
    }
    .inner-banner-content{
        max-width: 100%;
    }
    .inner-banner-img,
    .each-team-overview img{
        border-radius: 10px;
    }
    .dark-header .inner-banner-img-logo{
        width: 42%;
    }
    /*============== gallery-overview ==============*/
    .each-gal-overview ul{
        column-count: 1;
    }
    /*============== gallery-category ==============*/
    .inner-banner-img-logo {
        margin-left: 0;
        width: 150px;
    }
    /*========== maintenance-membership ==========*/
    .membership-dtl ul{
        column-count: 1;
    }
    /*================ about-us ================*/
    .exceptional-quality-heading ul{
        flex-direction: column;
        align-items: center;
    }
    .exceptional-quality-heading li {
        font-size: 20px;
        line-height: 34px;
    }
	/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% About Tab  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
    .exceptional-quality-sec .nav-tabs .nav-link {
        font-size: 20px;
        line-height: 34px;
        width: 100%;
        padding: 0px;
    }
	.footer-form-holder {
        padding: 20px 30px 30px;
	}
	.footer-form-holder .gform-footer .gform_button, .contact-form-area .gform-footer .gform_button {
		padding: 0px 35px 3px 35px;
	}
	.footer-sign-up-area .gf_browser_chrome form .gform-footer .gform_button{
		height: 40px;
		padding: 6px 20px 12px 20px;
		line-height: 19px !important;
	}
	.woocommerce table.shop_table_responsive tr:first-child, .woocommerce-page table.shop_table_responsive tr:first-child {
        border-top: 0px solid !important;
    }
	.woocommerce-info{
       flex-direction: column;
		text-align: center;
	}
	.woocommerce-info a.button{
		margin: 15px auto 0px;
		margin-left: auto !important;
	}
		body.logged-in.woocommerce-account main > section .woocommerce {
       display: block;
	}
	.woocommerce-account table.account-orders-table {
        margin-top: 30px !important;
		width: 100% !important;
	}
	.woocommerce-account table.account-orders-table .button {
		margin: 0 auto !important;
		width: 100% !important;
		margin-top: 20px !important;
	}
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
	    width: 100% !important;
		max-width: 100% !important;
		    float: initial !important;
	}
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
		width: 100% !important;
		max-width: 100% !important;
		    float: initial !important;
	}
	.woocommerce-Address-title.title h2 {
		font-size: 22px;
		line-height: 30px;
	}
	.woocommerce-Address{
		margin-bottom: 30px !important;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation {
        border-radius: 10px;
	}
	.age-condition {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.membership {
		margin-top: 80px;
/* 		margin-bottom: 80px; */
	}
	.shop-products {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.rewards-area {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.testimonial-area {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.footer-form-area {
        margin-top: 80px;
    }
    .skin-quiz-content h4 {
        font-size: 14px;
    }
    .skin-quiz-sec .skin-quiz-content-area {
        padding: 30px;
    }
    .skin-quiz-form-area h3 {
        font-size: 16px;
    }
	.skin-quiz-form-area .gform_wrapper.gravity-theme .gfield_description h3 {
		font-size: 20px !important;
		line-height: 30px;
		margin-bottom: 15px !important;
	}
	.skin-quiz-form-area #field_2_19 {
		font-size: 20px !important;
		line-height: 30px;
	}
	.skin-quiz-form-area .title-heading {
		color: #A4DDD8;
		font-size: 18px;
		line-height: 24px;
		font-weight: 650;
	}
	.footer-sign-up-area .gform_wrapper.gravity-theme .gform_footer {
		padding-left: 0px;
	}
	.xoo-wsc-basket {
		bottom: 80px !important;
		right: 5px !important;
	}
	.skin-quiz-sec .gform_wrapper.gravity-theme .gfield_label {
		margin-bottom: 15px !important;
	}
	.footer-sign-up-area .gf_browser_chrome form {
		flex-direction:column;
	}
	.footer-content-area > div{
		width:100%;
	}
	.footer-top-area .container{
		padding:0px 30px;
	}
	.footer-bottom-area .container{
		flex-direction:column;
	}
	.footer-policy a{
		font-size:14px;
	}
}
@media(max-width:449px){
    h4{
        white-space: unset;
    }
}
@media(max-width:1359px){
        .what-best-wrapper .row,
        .product-shop-wrapper > .row{
            margin: 0px -15px;
        }
        .what-best-wrapper .row > div,
        .product-shop-wrapper .row > div{
            padding: 0px 15px;
        }
        .product-shop-dtl {
            padding: 30px 18px;
        }
    }
    @media(max-width:991px){
        .what-best-wrapper > h2,
        .product-shop-wrapper h2{
            font-size: 22px;
            line-height: 32px;
        }
        .skin-care-routine-img{
            max-width: 100%;
            margin-top: 40px;
        }
        .what-best-sec,
        .product-shop-area,
        .skin-care-routine-area{
            margin-top: 50px;
            margin-bottom: 50px;
        }
        .what-best-wrapper  .common-button{
            padding: 9px 25px;
        }
		.skin-quiz-sec .gform_page_footer {
			display: flex;
		}
		.gform_wrapper.gravity-theme .gfield_label {
            font-size: 20px !important;
		}
        .gform_wrapper.gravity-theme .gfield-choice-input+label {
            padding-top: 10px;
            padding-bottom: 10px;
        }
    } 
    @media(max-width:575px){
        .shop-expert-your-journey .expert-your-journey-content li{
            max-width: max-content;
        }
        .shop-expert-your-journey h4:after{
            width: 58px;
        }
    }