.services {
    width: 100%;
    height: 100%;
    background: #eee;
    font-size: 18px;
    font-family: HelveticaVn-LtCn
}

.services .ant-row {
    padding-bottom: 0;
    background: #fff
}

.services .ant-row .ant-col {
    padding: 10px 15px 15px
}

.services .only-services {
    background: #fff!important
}

.services .only-services img {
    width: 100%
}

.services .services-container {
    background: #eee;
    width: 100%;
    margin: auto;

    color: #1b1b1b
}

.services .services-container .header {
    font-size: 22px;
    background: #fff
}

.services .services-container .header .fix-bread {
    font-weight: 700
}

.services .services-container .header a {
    color: #1b1b1b;
    font-family: HelveticaVn-LtCn
}

.services .services-container .title {
    font-family: font_Cafeta;
    font-size: 22px;
    display: block;
    margin-bottom: 15px
}

.services .services-container p {
    text-align: justify
}

.services .services-container iframe {
    height: 295px;
    width: 100%
}

.services .services-container .bottom img {
    margin-bottom: 15px
}

@media screen and (max-width: 767px) {
    .services {
        padding-top:0
    }
}

@media screen and (max-width: 767px) {
    .services .ant-row .ant-col {
        padding:10px 10px 15px
    }

    .services .services-container {
        width: 100%
    }

    .services .services-container .title {
        font-size: 20px
    }
}

.other-service {
    font-size: 18px;
    font-family: HelveticaVn-LtCn
}

.other-service .services-container {
    background: #eee;
    width: 100%;
    margin: auto;
    color: #1b1b1b
}

.other-service .services-container .header {
    font-size: 22px;
    background: #fff
}

.other-service .services-container .header .fix-bread {
    font-weight: 700
}

.other-service .services-container .header a {
    color: #1b1b1b;
    font-family: HelveticaVn-LtCn
}

.other-service .services-container .title {
    font-family: font_Cafeta;
    font-size: 22px;
    display: block;
    margin-bottom: 15px
}

.other-service .services-container p {
    text-align: justify
}

.other-service .services-container iframe {
    height: 295px;
    width: 100%
}

.other-service .services-container .bottom img {
    margin-bottom: 15px
}

.other-service img {
    width: 100%
}

.other-service a {
    color: #1b1b1b
}

.other-service .ant-row {
    padding-bottom: 0;
    background: #fff
}

.other-service .ant-row .ant-col {
    padding: 10px 15px 15px
}

.other-service .sub-services {
    max-width: 1024px;
    margin: auto
}

.other-service .sub-services .header {
    font-family: font_Cafeta;
    font-size: 22px
}

.other-service .sub-services .title {
    margin-top: 5px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.other-service .sub-services .title-sub {
    font-size: 20px
}

.other-service .link-action {
    font-size: 25px;
    background: #1b1b1b;
    padding: 5px 20px;
    font-family: font_Cafeta;
    cursor: pointer;
    color: #fff
}

.other-service .item-exfoliation {
    background-color: #fc3;
    padding: 5px 10px
}

@media screen and (max-width: 767px) {
    .other-service .ant-row .ant-col {
        padding:10px 10px 15px
    }

    .other-service .sub-services .header {
        font-size: 22px
    }
}

.kid-combo {
    background-color: #fff;
    font-family: be vietnam pro,sans-serif;
    font-weight: 300;
    font-size: 15px
}

.kid-combo img {
    width: 100%
}

.kid-combo .ant-row {
    background-color: transparent
}

.kid-combo .bg-white {
    padding: 0 15px
}

.kid-combo .container {
    max-width: 1170px;
    margin: auto
}

.kid-combo .container-small {
    padding: 0 15px
}

.kid-combo .pd-top {
    padding-top: 30px
}

.kid-combo .pd-bottom {
    padding-bottom: 30px
}

.kid-combo__content-brown {
    font-size: 15px;
    color: #9f7344;
    font-weight: 600;
    text-align: center
}

.kid-combo__title {
    font-size: 20px;
    color: #9f7344;
    text-transform: uppercase;
    font-weight: 600
}

.kid-combo__title-big {
    font-size: 24px
}

.kid-combo__title span {
    display: block
}

.kid-combo__advantage .kid-combo__title {
    padding-bottom: 15px
}

.kid-combo__box {
    position: relative;
    padding-top: 30px
}

.kid-combo__box .box__img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.kid-combo__box .box__img img {
    width: 50px
}

.kid-combo__box .box__content {
    text-align: center;
    padding: 0 30px;
    background-color: #d8bda0;
    min-height: 150px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px
}

.kid-combo__box2 .box__img {
    left: -20px;
    transform: none
}

.kid-combo__box2 .box__content {
    padding: 15px;
    background-color: #ffcc32;
    min-height: 200px;
    flex-flow: column;
    font-weight: 300
}

.kid-combo__step .step__title {
    margin-bottom: 5px
}

.kid-combo__step-commit {
    height: 100%;
    flex-flow: column;
    padding: 0 15px
}

.kid-combo__step-commit img {
    width: 100px;
    margin-bottom: 30px
}

.kid-combo__style-hair {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 15px 50px
}

.kid-combo__style-hair .ant-row {
    background-color: transparent
}

.kid-combo__style-hair .ant-col {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.kid-combo__style-hair img {
    margin-bottom: 15px
}

.kid-combo__style-hair .style-hair__wrapper {
    text-align: center;
    padding-top: 5px
}

.kid-combo__style-hair .style-hair__title {
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase
}

.kid-combo__style-hair .style-hair__content {
    padding: 10px 0
}

.kid-combo__style-hair .style-hair__footer {
    font-size: 16px;
    padding: 30px 0
}

.kid-combo .btn-booking {
    padding-top: 15px;
    text-align: center
}

.kid-combo .btn-booking a {
    color: #000;
    padding: 15px 30px;
    font-weight: 600;
    display: inline-block;
    font-size: 20px;
    border-radius: 10px
}

@media(min-width: 768px) {
    .kid-combo {
        background-color:transparent;
        font-size: 16px
    }

    .kid-combo .container-small {
        padding: 0 80px
    }

    .kid-combo__content-brown {
        font-size: 18px
    }

    .kid-combo__title {
        font-size: 24px
    }

    .kid-combo__title-big {
        font-size: 36px
    }

    .kid-combo__title span {
        display: inline
    }

    .kid-combo__box .box__content {
        padding: 0 15px
    }

    .kid-combo__box2 .box__content {
        padding: 0 30px
    }

    .kid-combo__step .step__title {
        min-height: 50px
    }

    .kid-combo__style-hair .style-hair__wrapper {
        padding-top: 30px
    }

    .kid-combo__style-hair .style-hair__title {
        font-size: 22px
    }

    .kid-combo__style-hair .style-hair__content {
        font-size: 16px;
        padding: 10px 200px 0
    }

    .kid-combo__style-hair .style-hair__footer {
        width: 80%;
        margin: 0 auto
    }

    .kid-combo .btn-booking a {
        font-size: 24px
    }
}

.modal-booking {
    top: 30%
}

.modal-booking .ant-modal-close,.modal-booking .ant-modal-header {
    display: none
}

.modal-booking .ant-modal-content {
    border-radius: 0
}

.modal-booking .ant-modal-content .ant-modal-body {
    padding: 0
}

.input-text,.input-text .icon {
    display: flex
}

.input-text .icon img {
    width: 40px;
    height: 40px
}

.input-text .icon .right {
    width: 1px;
    height: 40px;
    margin-left: 5px
}

.input-text input {
    font-size: 27px;
    height: 40px;
    border-radius: 3px;
    padding-left: 5px;
    font-family: font_Cafeta;
    border: none
}

.input-text input:focus {
    box-shadow: none
}

.input-other {
    padding: 7px
}

.input-other .input-phone {
    background-color: #fff
}

.input-other .input-phone .btn-booking {
    padding: 5px;
    width: 100%;
    color: #fff;
    background: #1b1b1b;
    cursor: pointer
}

.input-other .input-phone .btn-booking .booking-text {
    font-size: 39px;
    line-height: 40px;
    font-family: font_Cafeta
}

.input-other .input-phone .btn-booking .cancle {
    font-family: HelveticaVn-LtCn;
    font-size: 17px;
    line-height: 20px
}

.input-other .input-phone .btn-booking .img {
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
    margin-left: 10px
}

.input-other .input-phone .btn-history {
    padding: 10px 5px;
    width: 33%;
    color: #333;
    background: #eee;
    margin-left: 2%;
    font-family: helvetica neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 19px;
    cursor: pointer
}

.input-other .sologan {
    text-align: center;
    font-family: HelveticaVn-LtCn;
    font-size: 29px;
    color: #fff
}

@media screen and (max-width: 540px) {
    .input-other .input-phone .input-text input {
        font-size:25px;
        height: 40px
    }

    .input-other .input-phone .btn-booking .booking-text {
        font-size: 23px;
        line-height: 32px
    }

    .input-other .input-phone .btn-booking .cancle {
        font-size: 15px
    }

    .input-other .input-phone .btn-history {
        font-size: 13.5px
    }
}

@media screen and (max-width: 320px) {
    .input-other .input-phone .input-text .icon img {
        width:35px
    }

    .input-other .input-phone .input-text input {
        font-size: 20px;
        height: 35px
    }

    .input-other .input-phone .btn-booking .booking-text {
        font-size: 20px;
        line-height: 32px
    }

    .input-other .input-phone .btn-booking .cancle,.input-other .input-phone .btn-history {
        font-size: 12px
    }
}

@font-face {
    font-family: SVN-Servetica-Medium;
    font-display: auto;
    src: url(/static/media/SVN-Servetica-Medium.1a264a1a.otf)
}

@font-face {
    font-family: VNF-Futura-Regular;
    font-display: auto;
    src: url(/static/media/VNF-Futura-Regular.d4a7aaa0.ttf)
}

@font-face {
    font-family: VNF-ITC-Lubalin-Graph-Regular;
    font-display: auto;
    src: url(/static/media/VNF-ITC-Lubalin-Graph-Regular.2c572cfb.ttf)
}

.echosline {
    max-width: 100%!important
}

.echosline .text-brown {
    color: #aa7240
}

.echosline .w-inherit {
    width: inherit
}

.echosline .content-top {
    position: relative
}

.echosline .content-top .content {
    position: absolute;
    top: 40%;
    left: 10%
}

.echosline .content-top .content p {
    font-size: 24px;
    width: 50%;
    font-family: VNF-Futura-Regular
}

.echosline .content-top .content h1 {
    font-family: SVN-Servetica-Medium;
    text-transform: uppercase
}

.echosline .content-top .content h1 span {
    font-size: 60px
}

.echosline .content-1 {
    position: relative
}

.echosline .content-1 .content {
    position: absolute;
    top: 10%;
    right: 20%;
    max-width: 40%
}

.echosline .content-1 .content h2 {
    text-align: center;
    font-size: 70px;
    color: #aa7240;
    font-family: SVN-Servetica-Medium;
    text-transform: uppercase
}

.echosline .content-1 .content h2 span {
    font-size: 40px;
    font-family: VNF-ITC-Lubalin-Graph-Regular;
    color: #000
}

.echosline .content-1 .content p {
    font-family: VNF-Futura-Regular;
    font-size: 24px;
    color: #636363
}

.echosline .content-2 {
    position: relative
}

.echosline .content-2 .content {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 10%
}

.echosline .content-2 .content h2 {
    font-size: 40px;
    font-family: SVN-Servetica-Medium;
    color: #aa7240;
    text-transform: uppercase;
    text-align: center
}

.echosline .content-2 .content .text-normal {
    margin-top: 3%;
    text-align: center
}

.echosline .content-2 .content .text-normal,.echosline .content-2 .content .text-normal1 {
    font-size: 24px;
    color: #ccc;
    font-family: VNF-Futura-Regular
}

.echosline .content-2 .content .list {
    margin-top: 18%
}

.echosline .content-2 .content .list .flex {
    display: flex
}

.echosline .content-2 .content .list .flex img {
    width: inherit
}

.echosline .content-2 .content .list .flex p {
    margin-left: 15px
}

.echosline .content-2 .img-btn {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: inherit;
    left: 50%;
    transform: translate(-50%,50%)
}

.echosline .content-3 {
    max-width: 1170px;
    margin: 100px auto auto
}

.echosline .content-3 h2 {
    font-size: 50px;
    font-family: SVN-Servetica-Medium;
    color: #aa7240;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 60px
}

.echosline .content-3 h2 span {
    font-size: 40px;
    font-family: VNF-ITC-Lubalin-Graph-Regular;
    color: #0e0e0e
}

.echosline .swiper-use {
    max-width: 1920px;
    padding: 60px 0;
    overflow: hidden
}

.echosline .swiper-use .swiper-container {
    overflow: visible;
    overflow: initial
}

.echosline .swiper-use .img-btn {
    cursor: pointer
}

.echosline .swiper-use .swiper-wrapper .swiper-slide-active {
    transform: scale(1.3)!important
}

.echosline .swiper-use .swiper-wrapper .swiper-slide-next,.echosline .swiper-use .swiper-wrapper .swiper-slide-prev {
    transform: scale(1.15)!important
}

.echosline .img-btn {
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .echosline .content-top .content {
        left:2%;
        top: 28%
    }

    .echosline .content-top .content h1 {
        font-size: 17px
    }

    .echosline .content-top .content h1 span {
        font-size: 25px
    }

    .echosline .content-top .content p {
        font-size: 14px;
        width: 65%
    }

    .echosline .content-top .content img {
        width: 65%
    }

    .echosline .content-1 .content {
        max-width: 67%;
        right: 2%
    }

    .echosline .content-1 .content h2 {
        font-size: 20px
    }

    .echosline .content-1 .content h2 span {
        font-size: 14px
    }

    .echosline .content-1 .content p {
        font-size: 13px;
        margin-top: 20%
    }

    .echosline .content-2 .img-btn {
        width: 45%
    }

    .echosline .content-2 .content {
        top: 3%;
        width: 90%;
        left: 5%
    }

    .echosline .content-2 .content h2 {
        font-size: 20px
    }

    .echosline .content-2 .content .text-normal,.echosline .content-2 .content .text-normal1 {
        font-size: 13px
    }

    .echosline .content-2 .content .list {
        margin-top: 0
    }

    .echosline .content-2 .content .list .flex img {
        width: 30px
    }

    .echosline .content-3 {
        margin-top: 35px
    }

    .echosline .content-3 h2 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .echosline .content-3 h2 span {
        font-size: 12px
    }

    .echosline .swiper-use {
        padding: 25px 0
    }
}

.my-swiper {
    position: relative
}

.my-swiper .btn-action {
    color: #ccc;
    font-size: 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
    cursor: pointer
}

.my-swiper .left {
    left: -44px
}

.my-swiper .right {
    right: -44px
}

.my-swiper .btn_hide {
    display: none
}

.service-detail {
    background-color: #fff;
    /* font-family: be vietnam pro,sans-serif; */
    font-weight: 300;
    /* font-family: 'Mulish'; */
    font-family: 'Be Vietnam Pro';
}
.service-detail .container{
    padding: 15px;
}
.service-detail .clr-pink {
    color: #fd8b7c
}

.service-detail .line-through {
    text-decoration: line-through
}

.service-detail .container {
    max-width: 1170px;
    margin: auto
}

.service-detail img {
    width: auto;
    max-width: 100%;
    margin: 0 auto
}

.service-detail__banner {
    padding-bottom: 30px
}

.service-detail__banner img {
    width: 100%
}

.service-detail__btn {
    padding: 30px 0;
    text-align: center;
    width: 80%;
    margin: 0 auto
}

.service-detail__price {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    font-family: oswald
}

.service-detail__price>div {
    padding: 0 0 15px
}

.service-detail__content {
    text-align: justify;
    padding: 0 15px 30px;
    font-size: 16px
}

.service-detail__image .ant-col {
    text-align: center
}

@media(min-width: 769px) {
    .service-detail__btn {
        padding:50px 0;
        width: 100%
    }

    .service-detail__price {
        display: flex;
        justify-content: center
    }

    .service-detail__price>div {
        padding: 0 20px 30px
    }

    .service-detail__content {
        width: 60%;
        margin: 0 auto
    }

    .service-detail__content .content__list {
        padding-left: 40px
    }
}

.landing-service-new {
    font-family: be vietnam pro,sans-serif;
    font-weight: 300;
    background-color: #fff;
    padding-bottom: 1px
}

.landing-service-new img {
    width: 100%
}

.landing-service-new .container {
    max-width: 1200px;
    padding: 0 15px;
    margin: auto;
    width: 100%
}

.landing-service-new .banner {
    margin-bottom: 30px;
    position: relative;
    text-align: left;
    min-height: 200px
}

.landing-service-new .banner__content {
    position: absolute;
    top: 0;
    left: 15px
}

.landing-service-new .banner__title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 5px;
    font-family: be vietnam pro,sans-serif;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: normal;
    margin-top: 10px
}

.landing-service-new .banner__slogan {
    display: inline-block;
    font-size: 10px;
    background-color: #fdd854;
    border-radius: 4px;
    color: #111;
    padding: 4px 10px
}

.landing-service-new .banner__price {
    font-size: 40px;
    font-family: be vietnam pro,sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1
}

.landing-service-new.tay-da-chet .banner__price {
    position: absolute;
    top: 85px;
    left: 20px;
    font-size: 30px
}

.landing-service-new .banner-massage .banner__content {
    left: inherit;
    right: 15px;
    text-align: right
}

.landing-service-new .banner-massage .banner__price {
    position: absolute;
    top: 75px;
    left: 20px;
    font-size: 25px;
    color: #70102b
}

.landing-service-new .banner-mun .banner__bottom {
    display: flex;
    align-items: flex-end;
    margin-top: -15px
}

.landing-service-new .banner-mun .banner__slogan {
    display: none
}

.landing-service-new .banner-mun .banner__text ul {
    padding-left: 20px
}

.landing-service-new .banner-mun .banner__text ul li {
    font-size: 10px
}

.landing-service-new .banner-mun .banner__price {
    line-height: 1
}

.landing-service-new .banner-detox .banner__text {
    text-align: left
}

.landing-service-new .banner-detox .banner__text ul {
    padding-left: 20px
}

.landing-service-new .banner-detox .banner__text ul li {
    font-size: 10px
}

.landing-service-new .wrapper__text {
    font-size: 14px
}

.landing-service-new .wrapper__text-large {
    font-family: be vietnam pro,sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 30px 0;
    text-align: center
}

.landing-service-new .wrapper__text-large span {
    display: block
}

.landing-service-new .wrapper__text-large div {
    display: inline
}

.landing-service-new .wrapper__text-medium {
    font-family: be vietnam pro,sans-serif;
    font-weight: 600;
    font-size: 16px
}

.landing-service-new .wrapper__grid {
    margin: 0 -15px
}

.landing-service-new .wrapper__grid .ant-row .ant-col {
    padding: 0
}

.landing-service-new .wrapper__content {
    height: 100%;
    display: flex;
    flex-flow: column;
    background-color: #f2f2f2;
    align-items: center;
    padding: 15px
}

.landing-service-new .wrapper__content .wrapper__text-medium {
    text-align: center;
    padding: 0 0 15px
}

.landing-service-new .wrapper__content .wrapper__text-medium span {
    white-space: nowrap
}

.landing-service-new .wrapper__media .media__vid {
    position: relative;
    padding-top: 56.25%;
    margin: 30px 0
}

.landing-service-new .wrapper__media .media__vid iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.landing-service-new .wrapper__text-media {
    text-align: center;
    font-size: 11px
}

.landing-service-new .wrapper__step {
    position: relative
}

.landing-service-new .wrapper__number {
    position: absolute;
    top: 30px;
    left: 0;
    background-color: #fc3;
    color: #000;
    font-size: 20px;
    z-index: 1;
    border-radius: 0 10px 10px 0;
    padding: 2px 25px;
    font-family: be vietnam pro,sans-serif;
    font-weight: 600
}

.landing-service-new .wrapper .bg-dark-gray {
    background-color: #e4e4e4
}

.landing-service-new .wrapper .bg-mid-gray {
    background-color: #ebebeb
}

.landing-service-new .wrapper .bg-light-gray {
    background-color: #f4f4f4
}

.landing-service-new .margin-b-30 {
    margin-bottom: 30px
}

.landing-service-new .margin-t-30 {
    margin-top: 30px
}

.landing-service-new .margin-t-15 {
    margin-top: 15px
}

.landing-service-new .padding-b-30 {
    padding-bottom: 30px
}

.landing-service-new .padding-b-15 {
    padding-bottom: 15px
}

.landing-service-new .btn-booking {
    font-family: be vietnam pro,sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 30px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 5px
}

.landing-service-new .bg-gray,.landing-service-new .bg-gray .ant-row {
    background: #f4f4f4
}

.landing-service-new .bg-gray .wrapper__text-large {
    font-size: 16px
}

@media(min-width: 768px) {
    .landing-service-new.tay-da-chet .banner__price {
        top:70%;
        right: 29%;
        font-size: 50px;
        left: inherit
    }

    .landing-service-new .banner {
        max-width: 1200px;
        margin: 0 auto 40px;
        width: 100%;
        position: relative;
        text-align: center
    }

    .landing-service-new .banner img {
        padding: 0 15px
    }

    .landing-service-new .banner__content {
        top: 50%;
        transform: translateY(-50%);
        left: inherit;
        right: 100px
    }

    .landing-service-new .banner__title {
        font-size: 35px;
        text-align: center;
        margin-bottom: 15px
    }

    .landing-service-new .banner__slogan {
        font-size: 16px;
        padding: 6px 15px
    }

    .landing-service-new .banner__price {
        font-size: 55px;
        text-align: center;
        margin-top: 15px
    }

    .landing-service-new .banner-massage .banner__content {
        right: 80px;
        text-align: center
    }

    .landing-service-new .banner-massage .banner__title {
        text-align: center;
        margin-bottom: 15px
    }

    .landing-service-new .banner-massage .banner__slogan {
        font-size: 16px
    }

    .landing-service-new .banner-massage .banner__price {
        top: 70%;
        right: 28%;
        left: inherit;
        font-size: 50px;
        color: #70102b
    }

    .landing-service-new .banner-mun .banner__content {
        left: 60px;
        text-align: left
    }

    .landing-service-new .banner-mun .banner__title {
        text-align: left
    }

    .landing-service-new .banner-mun .banner__bottom {
        display: flex;
        align-items: flex-end;
        margin-top: 0
    }

    .landing-service-new .banner-mun .banner__slogan {
        font-size: 16px;
        display: inline;
        line-height: 1;
        background-color: #000;
        color: #fff
    }

    .landing-service-new .banner-mun .banner__text ul {
        margin-bottom: 0
    }

    .landing-service-new .banner-mun .banner__text ul li {
        font-size: 16px
    }

    .landing-service-new .banner-mun .banner__price {
        text-align: left;
        line-height: 1;
        margin-left: 80px;
        padding: 0
    }

    .landing-service-new .banner-detox .banner__text ul {
        margin-bottom: 0;
        padding-left: 50px
    }

    .landing-service-new .banner-detox .banner__text ul li,.landing-service-new .wrapper__text {
        font-size: 16px
    }

    .landing-service-new .wrapper__text-large {
        font-size: 24px;
        padding: 45px 0
    }

    .landing-service-new .wrapper__text-large span:first-child {
        display: inline
    }

    .landing-service-new .wrapper__text-large div {
        display: block
    }

    .landing-service-new .wrapper__text-media {
        text-align: center;
        font-size: 16px
    }

    .landing-service-new .wrapper__text-medium {
        font-size: 18px
    }

    .landing-service-new .wrapper__content {
        padding-top: 30px
    }

    .landing-service-new .wrapper__content .wrapper__text-medium {
        padding: 0 0 20px
    }

    .landing-service-new .wrapper__grid {
        margin: 0
    }

    .landing-service-new .btn-booking {
        padding: 12px 34px;
        margin: 10px 0 0;
        font-size: 24px
    }

    .landing-service-new .bg-gray .wrapper__text-large {
        font-size: 20px
    }

    .landing-service-new .padding-b-30 {
        padding-bottom: 40px
    }

    .landing-service-new .padding-b-15 {
        padding-bottom: 30px
    }
}

@media(min-width: 768px) and (max-width:1023px) {
    .landing-service-new .banner__content {
        right:25px
    }

    .landing-service-new .banner__price,.landing-service-new .banner__title {
        font-size: 30px
    }

    .landing-service-new .banner-detox .banner__text ul li {
        font-size: 12px
    }

    .landing-service-new .banner-massage .banner__content {
        right: 30px
    }

    .landing-service-new .banner-massage .banner__slogan {
        font-size: 14px
    }

    .landing-service-new .banner-mun .banner__title {
        margin-bottom: 15px
    }

    .landing-service-new .banner-mun .banner__slogan {
        font-size: 14px
    }
}

.service-combo {
    padding-bottom: 30px
}

.service-combo .button-back {
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer
}

.service-combo .button-back img {
    width: 40px;
    height: 40px
}

.service-combo .ant-col {
    padding: 0!important
}

.service-combo .content-center {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: justify;
    padding: 30px 15px
}

.service-combo .service-detail__banner {
    padding-bottom: 0
}

.service-combo .line {
    max-width: 400px;
    width: 50%;
    margin: 30px auto 0;
    height: 1px;
    background-color: #262626
}

.service-combo__content {
    padding-top: 30px
}

.service-combo__title {
    padding: 0 0 0 18px;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px
}

.service-combo__title:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    background: #fc3;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.service-combo__title-top {
    font-size: 24px;
    /* text-transform: uppercase; */
    margin: 22px 0;
    font-family: Oswald;
}

.service-combo__title-top:before {
    content: none
}

.service-combo__text {
    font-size: 16px;
    padding-left: 20px;
    position: relative
}

.service-combo__text:before {
    content: "â—†";
    position: absolute;
    top: 0;
    left: 0
}

.service-combo__gold .gold__title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.service-combo__gold .gold__content {
    margin-bottom: 30px;
    text-align: justify;
    font-size: 16px
}

.service-combo__gold .gold__wrapper {
    padding: 0 15px
}

.service-combo .image-absolute {
    text-align: center;
    margin-bottom: 30px
}

.service-combo .btn-gold {
    height: 55px;
    background-color: #fc3;
    width: 210px;
    margin: 0 auto 30px;
    text-align: center;
    line-height: 55px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block
}

.service-combo .btn-gold-ft,.service-combo .btn-gold-top {
    margin-top: 30px
}

.service-combo .service-combo-new {
    margin: 0 auto;
    font-size: 14px
}

.service-combo .service-combo-new .service-combo__intro {
    padding: 0 30px 50px;
    font-style: italic;
    text-align: justify
}
.service-combo .service-combo-new .service-combo__intro_des {
    padding: 0;
    font-style: italic;
    text-align: justify;
    font-size: 15px;
}
.service-combo__intro_des ul{
    
}
.service-combo__intro_des ul li{
    background: url(./../img/services_icon_dot.png) no-repeat left 30%;
    padding-left: 1.5em;
    color: #3d3838;
    font-size: 15px;
    font-weight: 500;
    margin: 3px 0px;
    padding-bottom: 5px;
    /* list-style: circle; */
    list-style-position: inside;
}

.service__price{
    color: #ba2028;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
}
.service-combo__intro_des .box-time{
    color: #ba2028;
    font-size: 13px;
    font-weight: 500;
}

.service-combo__intro_des .box-note {
    font-size: 13px;
    color: #3d3737;
    font-weight: 300;
}

.service-combo .service-combo-new__wrapper {
    padding: 0 5px;
    display: flex
}

.service-combo .service-combo-new__number {
    font-family: be vietnam pro,sans-serif;
    font-weight: 600;
    font-size: 30px;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1
}

.service-combo .service-combo-new__text {
    text-align: left;
    margin-left: 10px
}

.service-combo .service-combo-new .btn-booking {
    margin: 30px 0;
    padding: 8px 20px;
    font-weight: 600;
    display: inline-block;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 18px
}

@media(min-width: 769px) {
    .service-combo .service-detail__banner {
        padding-bottom: 30px;
    }

    .service-combo .content-center {
        padding: 0
    }

    .service-combo .content-left {
        padding-right: 30px
    }

    .service-combo .content-right {
        padding-left: 30px
    }

    .service-combo__title-top {
        font-size: 26px;
    }

    .service-combo__content {
        padding-top: 0;
        font-size: 18px
    }

    .service-combo__gold .gold__title {
        font-size: 24px;
        font-weight: 700
    }

    .service-combo__gold .gold__content {
        font-size: 18px
    }

    .service-combo__gold .gold__wrapper .text-center {
        text-align: left
    }

    .service-combo .image-absolute {
        position: absolute;
        left: -40px
    }

    .service-combo .btn-gold {
        margin-left: 0
    }

    .service-combo .btn-gold-top {
        margin-top: 0
    }

    .service-combo .service-combo-new {
        margin-top: 1em;
        font-size: 16px;
        padding: 0 15px
    }

    .service-combo .service-combo-new .service-combo__intro {
        padding: 0 30px 50px;
        margin: 0 100px
    }

    .service-combo .service-combo-new__wrapper {
        padding: 0
    }

    .service-combo .service-combo-new__number {
        margin-bottom: 0;
        font-size: 36px
    }

    .service-combo .service-combo-new__text {
        margin-left: 10px
    }

    .service-combo .service-combo-new .btn-booking {
        padding: 12px 25px;
        margin: 40px 0
    }
}

.phuc-hoi .container {
    max-width: 1200px;
    margin: 0 auto
}

.phuc-hoi .content {
    padding: 50px 15px;
    position: relative
}

.phuc-hoi .content:before {
    content: "“";
    top: 10px;
    left: 5px
}

.phuc-hoi .content:after,.phuc-hoi .content:before {
    position: absolute;
    font-size: 100px;
    color: #c4c4c4;
    line-height: 1
}

.phuc-hoi .content:after {
    content: "”";
    bottom: -25px;
    right: 5px
}

.phuc-hoi .banner {
    min-height: 200px
}

@media screen and (min-width: 768px) {
    .phuc-hoi .content {
        padding:80px 0
    }

    .phuc-hoi .content:before {
        top: 25px;
        left: 0
    }

    .phuc-hoi .content:after {
        bottom: 0
    }
}

.uon-han-quoc img {
    width: 100%
}

.uon-han-quoc .w-40 {
    width: 10rem
}

.uon-han-quoc .container {
    max-width: 1200px;
    margin: 0 auto
}

.uon-han-quoc .uon-content {
    font-size: 12px;
    display: flex;
    flex-flow: column
}

.uon-han-quoc .uon-content .image {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 24px
}

.uon-han-quoc .uon-content .content {
    list-style: none;
    padding-left: 10px;
    font-size: 12px
}

.uon-han-quoc .uon-content .content li:before {
    content: "\2022";
    color: #fc3;
    font-weight: 700;
    display: inline-block;
    font-size: 10px;
    width: 10px;
    margin-left: -10px
}