@media (min-width: 1500px) {
    .treatment-service, .treatment-service-body, .fat-reduc-treatment-service, .wrinkle-treatment-service, .needle-free-treatment-service,
    .juverderm-treatment-service, .botox-treatment-service, .acne-meso-service, .photosilk-treatment-service, .light-therapy-treatment-service,
    .beauty-drip-treatment-service {
        height:350px;
    }
    .service-menu {
        min-height: 630px;
    }
    .whiten-face-before-after, .whiten-hand-before-after, .whiten-before-after, .fat-reduc-before-after, .meso-fat-reduc-before-after,
    .body-fat-reduc-before-after, .wrinkle-before-after, .cell-wrinkle-before-after, .wrinkle-reduc-before-after, .vitaminc-before-after,
    .pore-before-after, .age-spots-before-after, .age-spots-body-before-after, .age-spots-whiten-before-after {
        height:300px;
    }
    .treatment-menu {
        min-height: 501px;
    }
    .tet .discount {
        margin: 70px auto 25px auto;
    }
    .carousel-caption {
        top: 25%;
        left: 22%;
        width: 30%;
    }
}
@media (max-width: 1720px) {
    .christmas-booking #book-fr {
        background-position: 40%
    }
}
@media (max-width: 1200px) {
    .m-hotline {
        display: block;
    }
    .before-after-hidden-md {
        display: none
    }
    .before-after-visible-md {
        display: block
    }
    #before-after.mesotherapy-effects {
        height: auto
    }
    #before-after .eri-headline {
        margin-top: 20px
    }
    #faq-wr {
        padding: 40px 0
    }
    #book-fr.eri-sign-up .book-box-title {
        margin-top: 5%
    }
    #book-fr.eri-sign-up .container {
        width: 95%
    }
    .book-left-img {
        margin-top: 15%
    }
    section#before-after {
        padding-bottom: 0
    }
    #we-be .bot-how {
        width: 90%
    }
    .before {
        font-size: 20px
    }
    .after {
        font-size: 20px
    }
    .products .txt1 {
        line-height: 1.3
    }
    .products .txt2 {
        line-height: 1.3
    }
    /*------Tet------*/
    #eri-header3.tet-banner, .fat-reduc #eri-header3.tet-banner, .tri-mun #eri-header3.tet-banner, .wrinkle-reduc #eri-header3.tet-banner, .trang-da #eri-header3.tet-banner {
        margin-top:100px;
    }
    /*------ Blog -------*/
    .main-blog .container {
        width: 100%;
        padding:0 15px;
    }
    .related-articles .nav {
        margin-left: 15px;
    }
    .bottomMenu {
        z-index: 111;
        top: 107px;
        right: 0;
        width: 32%;
    }
    .readmore {
        margin-left: 15px;
    }
    #slide_home img {
        width: auto;
        height: 480px;
        max-width: none;
    }
    .eri-hotline, .eri-fanpage {
        display: none;
    }
}
@media (min-width: 1200px) {
    .bot-how {
        width: 100%;
        margin: 20px auto
    }
    .before-after-visible-md {
        display: none
    }
    .bf-slider .carousel-inner {
        height: auto
    }
    .bf-slider .carousel-control.right {
        background: #ac7c0f url(../images/nav-right.png) no-repeat center;
        right: -30px !important;
        top: 35%
    }
    .bf-slider .carousel-control.left {
        left: -30px;
        background: #ac7c0f url(../images/nav-left.png) no-repeat center;
        top: 35%
    }
    .top-slider-item {
        height: 410px
    }
    .fr-box input[type="text"] {
        width: 100%
    }
    .book-left-img {
        margin-top: -175px
    }
    #book-fr.eri-sign-up .book-left-img {
        margin-top: 10%
    }
    #book-fr.eri-sign-up .book-box-title {
        padding-left: 0;
        margin-top: 7%;
        text-align: left;
        letter-spacing: 5px;
        font-size: 26px;
        margin-bottom: 10px
    }
    .first-txt {
        display: block
    }
    .book-box-title {
        text-align: center;
        padding-left: 220px;
        margin-top: 150px
    }
    .christmas-booking #book-fr.eri-sign-up .book-box-title {
        margin-top: 0
    }
    .vie-box {
        padding-left: 330px
    }
    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms
    }
    .top-intro-left {
        margin-top: 60px
    }
    .desk-ver {
        display: block
    }
    .top-slider-item {
        height: 290px;
        width: 23%
    }
    .mobd-ver {
        display: none
    }
    #portfolio .row {
        margin-left: -10px;
        margin-right: -10px
    }
    #eri-header {
        height: 607px
    }
    #bot-slider {
        height: 778px
    }
    .navbar-header {
        width: 30%
    }
    .main-btn-clk {
        width: 100%
    }
    .form-box {
        width: 100%
    }
    .top-intro-right img {
        margin-top: -100px
    }
    .txt-center {
        text-align: center !important
    }
    section#top-mini-slider {
        margin-top: -265px
    }
    .bot-fr-box {
        width: 50%
    }
    #bot-input {
        width: 100%
    }
    .main-btn-clk.srb-btn {
        width: 40%
    }
    .last-n {
        width: 60% !important
    }
    #txtName {
        width: 100%
    }
    .form-label {
        width: auto
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .col-sm-6.mypanel {
    height: auto !important;
}
    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms
    }
    .eri-desc-txt {
        text-align: left
    }
    .navbar-nav > li {
        margin-left: 10px
    }
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
    .recent-work-wrap .recent-work-inner h3 a {
        font-size: 20px
    }
    .recent-work-wrap .overlay {
        padding: 15px
    }
    .recent-work-wrap .overlay .preview {
        line-height: inherit
    }
    .services-wrap {
        padding: 40px 10px 40px 30px
    }
    .feature-wrap h2 {
        font-size: 18px
    }
    .feature-wrap h3 {
        font-size: 14px
    }
    .single-services h2 {
        font-size: 18px
    }
    .single-services h3 {
        font-size: 14px
    }
    .tab-wrap .media .parrent.pull-left {
        clear: both;
        width: 100%
    }
    .tab-wrap .media .parrent.media-body {
        clear: both
    }
    #portfolio .row {
        margin-left: -10px;
        margin-right: -10px
    }
    .team-bar .first-arrow {
        width: 21%
    }
    .team-bar .second-arrow {
        width: 20%
    }
    .team-bar .third-arrow {
        width: 21%
    }
    .team-bar .fourth-arrow {
        width: 20%
    }
    ul.social_icons li {
        margin-right: 0
    }
    /*--Tet--*/
    .fat-reduc .service-menu {
        min-height: 640px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-6.mypanel {
    height: auto !important;
}
    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms
    }
    #eri-header2 .container {
        width: 90%
    }
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
    .navbar-nav > li {
        margin-left: 0
    }
    #main-slider .carousel h1 {
        font-size: 25px
    }
    #main-slider .carousel h2 {
        font-size: 20px
    }
    .tab-wrap .media .parrent.pull-left {
        clear: both;
        width: 100%
    }
    .tab-wrap .media .parrent.media-body,
    .tab-wrap .media .parrent .media.accordion-inner .media-body {
        clear: both
    }
    .media.accordion-inner .pull-left {
        clear: both;
        width: 100%
    }
    .services-wrap {
        padding: 40px 0 40px 30px
    }
    .recent-work-wrap .overlay {
        padding: 15px
    }
    .recent-work-wrap .recent-work-inner h3 a {
        font-size: 20px
    }
    .sinlge-skill {
        width: 150px;
        height: 150px
    }
    .sinlge-skill p {
        font-size: 16px
    }
    .sinlge-skill p em {
        font-size: 25px
    }
    .team-bar .first-one-arrow {
        width: 2%
    }
    .team-bar .first-arrow {
        width: 18%
    }
    .team-bar .second-arrow {
        width: 24%
    }
    .team-bar .third-arrow {
        width: 15%
    }
    .team-bar .fourth-arrow {
        width: 20%
    }
    .blog .blog-item .entry-meta > span a {
        font-size: 10px
    }
    /*--Tet--*/
    .hnh-eri {
        min-height: 560px;
    }
    .fat-reduc .treatment-menu {
        height: 570px;
    }
    .service-menu {
        min-height: 720px;
    }
    .wrinkle-reduc .hnh-eri {
        min-height: 695px;
    }
    .wrinkle-reduc .service-menu {
        min-height: 840px;
    }
    .xoa-tan-nhang .hnh-eri {
        min-height: 715px;
    }
    .xoa-tan-nhang .treatment-menu {
        min-height: 550px;
    }
    .xoa-tan-nhang .service-menu {
        min-height: 755px;
    }
    .tri-mun .hnh-eri {
        min-height: 650px;
    }
    .treatment-menu {
        background: url(../images/treatment-menu.jpg);
        background-size: cover;
        padding: 0;
        min-height: 590px;
        background-position: center bottom;
    }
}
@media screen and (max-width: 1199px) {
    /*----- Blog -------*/
    .container-fluid.page,.main-blog {
            margin-top: 88px;
        }

}
@media (max-width: 992px) {
    .col-sm-6.mypanel {
    height: auto !important;
}
    /*---- Blog ------*/
    .txt22 {
        margin: 30px 0;
    }
    .cate-group {
        width: 100%;
        margin: 20px auto 0 auto;
        text-align: center;
    }
    .cate-blog {
        display: inline-block;
        margin-bottom: 5px;
    }
    .most-view .col-xs-4 {
        padding-right: 15px;
    }
    .recent-post a:first-child .col-xs-6 {
        padding-right: 5px;
    }
    .recent-post a:nth-child(2) .col-xs-6 {
        padding-left: 5px;
    }
    .main-blog {
        padding:0;
    }
    .left-content .tab-content h3 {
        padding: 10px;
    }
    .second-row {
        margin-top: 45px;
    }
    .seperate-dash-line {
        margin: 35px 0 25px 0;
    }
    .related-articles-label, #articles-carousel {
        padding:0 15px;
    }
    .comment {
        padding: 30px 15px;
        margin-top: 45px;
    }
    .reply {
        padding: 30px 15px 0 15px;
    }
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: 100%;
    }
    .carousel-caption {
        left: 0;
        width: 100%;
        font-size: 12px;
        padding:20px;
        top: 20%;
    }
}
@media (max-width: 767px) {
    .col-sm-6.mypanel {
        height: auto !important;
        float: left;
    }
    .rg-image-nav a {
        z-index: 1;
        opacity: 1 !important
    }
    .container > .navbar-header {
        margin-left: 0
    }
    .container > .navbar-collapse {
        margin-left: 0
    }
    .top-number {
        font-size: 14px
    }
    input.search-form:hover {
        width: 120px
    }
    .navbar-nav > li {
        padding-bottom: 0
    }
    #main-slider .carousel h1 {
        font-size: 25px
    }
    #main-slider .carousel h2 {
        font-size: 16px
    }
    .feature-wrap h2 {
        font-size: 18px
    }
    .feature-wrap h3 {
        font-size: 14px
    }
    .single-services h2 {
        font-size: 18px
    }
    .single-services h3 {
        font-size: 14px
    }
    .media.accordion-inner .pull-left {
        clear: both
    }
    .media.accordion-inner .media-body {
        clear: both
    }
    .accordion-inner h4 {
        margin-top: 10px
    }
    .tab-wrap .media .pull-left {
        clear: both;
        width: 100%
    }
    .tab-wrap .media .media-body {
        clear: both
    }
    .nav-tabs > li.active > a:after {
        display: none
    }
    #footer .col-sm-6 {
        text-align: center
    }
    #footer .pull-right {
        float: none !important
    }
    .sinlge-skill {
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px
    }
    .team .single-profile-top {
        margin-bottom: 30px
    }
    .team .single-profile-bottom {
        margin-bottom: 30px
    }
    .clients-area {
        padding: 60px 0
    }
    .clients-area h1 {
        font-size: 25px
    }
    .portfolio-item {
        padding: 0 15px
    }
    #recent-works .col-xs-12.col-sm-4.col-md-3 {
        padding: 0 15px
    }
    ul.social_icons li {
        margin-right: 0
    }
    .blog .blog-item .entry-meta {
        margin-bottom: 20px
    }
    .blog .blog-item .blog-content h3 {
        margin-bottom: 20px
    }
    .post_reply_comments {
        padding-left: 20px
    }
    .left-headline {
        text-align: center;
        margin-top: 0
    }
    .eri-desc-txt.left-desc {
        text-align: center
    }
    .coloured-sec img {
        margin: auto;
        width: 95%;
        display: block
    }
    .coloured-sec .eri-headline span img {
        width: auto;
        display: inline-block
    }
    .understand-section img {
        margin: auto;
        width: 95%;
        display: block
    }
    .normal-headline {
        text-align: center
    }
    #treatment-carousel-xs img {
        padding: 0 10%;
        width: 100%
    }
    #treatment-carousel .carousel-control img {
        padding: 0
    }
    #treatment-carousel .carousel-control.right {
        right: -5% !important;
        top: 40%
    }
    #treatment-carousel .carousel-control.left {
        left: -5%;
        top: 40%
    }
    #we-be p {
        text-align: center
    }
    #we-be .main-h3 {
        text-align: center
    }
    #we-be #treatment-carousel .carousel-control.right {
        top: 9%
    }
    #we-be #treatment-carousel .carousel-control.left {
        top: 9%
    }
    #we-be .container {
        padding: 0 10%
    }
    #we-be.we-be-intro .container {
        padding: 0 2%
    }
    #we-be .bot-how {
        width: 100%
    }
    #we-be .bf-slider .carousel-control.left {
        top: 35%
    }
    #we-be .bf-slider .carousel-control.right {
        top: 35%
    }
    #we-be #hair-treatment-carousel.bf-slider .carousel-control.left {
        top: 25%
    }
    #we-be #hair-treatment-carousel.bf-slider .carousel-control.right {
        top: 25%
    }
    #we-be.before-after-visible-md .bf-slider .carousel-control.right {
        top: 30%
    }
    #we-be.before-after-visible-md .bf-slider .carousel-control.left {
        top: 30%
    }
    #we-be #mesoCarousel.bf-slider .carousel-control.right {
        top: 40%
    }
    #we-be #mesoCarousel.bf-slider .carousel-control.left {
        top: 40%
    }
    #eri-header .thin-headline {
        text-align: left
    }
    #before-after.mesotherapy-effects {
        height: auto
    }
    #before-after .eri-headline {
        margin-top: 40px
    }
    .mesotherapy-process img {
        width: 100%
    }
    .mesotherapy-process .wave {
        width: auto
    }
    .mesotherapy-process .top-slide-desc {
        text-align: center
    }
    #eri-header3 {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.age-spots-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.fat-reduction-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.hair-loss-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.skin-whitening-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.wrinkle-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.product-details {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.beauty-consultant-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.beauty-drip-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.filler-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.meso-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.needle-free-meso-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.photosilk-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.beauty-solutions-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.christmas-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.christmas-banner a img {
        margin-top: 5%;
        padding: 0 30%
    }
    #eri-header3.thank-you {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.treatment-methods-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    #eri-header3.home-banner {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    .eri-btn {
        max-width: none;
        padding: 15px 30px;
        font-size: 20px
    }
    .coloured-sec.visible-xs img {
        margin: 20px auto
    }
    .coloured-sec .eri-desc-txt {
        text-align: center
    }
    .coloured-sec .eri-headline {
        text-align: center
    }
    .book-left-img {
        margin-top: 5%
    }
    .fr-box {
        margin-top: 5%
    }
    #book-fr.eri-sign-up {
        padding-bottom: 10%;
        text-align: center
    }
    #book-fr.eri-sign-up .book-box-title {
        text-align: center
    }
    #book-fr.eri-sign-up .discount {
        margin: auto
    }
    .eri-desc-txt {
        text-align: center
    }
    .no-padding-xs {
        padding: 0
    }
    .eri-txt {
        font-size: 23px;
        text-align: center;
        margin-bottom: 15px;
        margin-top: 8%
    }
    .discount {
        margin: auto
    }
    .first-treatment {
        font-size: 22px;
        line-height: 30px
    }
    .free-consultation {
        color: grey;
        text-align: center;
        font-size: 16px
    }
    .deadline {
        color: grey;
        text-align: center;
        font-size: 16px
    }
    .eri-btn {
        margin: auto;
        max-width: 260px;
        float: none;
        text-align: center
    }
    #bottom-slider .eri-btn {
        margin: 0 auto 60px auto;
        max-width: 260px;
        float: none;
        text-align: center
    }
    .eri-headline {
        margin-top: 10px
    }
    #before-after.mesotherapy-effects {
        height: auto
    }
    #before-after .eri-headline {
        margin: 0 0 20px 0
    }
    #before-after .wave {
        margin-top: 30px
    }
    .related-treatment .wave {
        margin-top: 30px
    }
    .testimonial .wave {
        margin-top: 30px
    }
    .bot-how {
        margin: 0 auto 30px
    }
    #eri-header3 {
        padding-bottom: 45px
    }
    #eri-header3.christmas-banner .eri-txt {
        margin: 25px 0 0 0
    }
    #eri-header3.christmas-banner a img {
        margin-top: 5%
    }
    #eri-header3.contact-us-banner {
        background-color: #F8E5BA;
        min-height: 300px
    }
    #eri-header3.home-banner .eri-txt {
        margin-bottom: 0px;
        font-size: 22px;
        padding: 0px 15px
    }
    #eri-header2 {
        padding-bottom: 45px
    }
    .margin-row {
        margin: 0
    }
    .page-buttons {
        margin: 10px 0 30px
    }
    #book-fr.eri-sign-up .book-box-title {
        letter-spacing: 0
    }
    section#partner {
        padding: 10px 0
    }
    .article-wr img {
        margin-bottom: 10px
    }
    #hair-treatment-carousel .bf-slider .carousel-control.left {
        top: 18%
    }
    #hair-treatment-carousel .bf-slider .carousel-control.right {
        top: 18%
    }
    .eri-txt.fst {
        padding: 0 7%;
    }
    .tet-banner .eri-txt {
        margin-top: 7%;
    }
    #mesoCarousel .top-slide-desc {
        text-align: center
    }
    .mesotherapy-process {
        padding-bottom: 0
    }
    .mesotherapy-process .wave {
        margin-top: 45px
    }
    #carousel-example-generic .carousel-control.left {
        top: 30%
    }
    #carousel-example-generic .carousel-control.right {
        top: 30%
    }
    #testimonial-slide .carousel-control.left {
        top: 30%
    }
    #testimonial-slide .carousel-control.right {
        top: 30%
    }
    #testimonial-slide .eri-normal-txt.celec-sey {
        padding: 0 20px
    }
    .home-bf-carousel #carousel-example-generic {
        height: 420px
    }
    .home-bf-carousel .eri-btn {
        max-width: 350px
    }
    .age-spots-bf-carousel #carousel-example-generic .carousel-control.left {
        top: 30%
    }
    .age-spots-bf-carousel #carousel-example-generic .carousel-control.right {
        top: 30%
    }
    .tab-content img.b-a-img {
        padding: 0 10%
    }
    .bf-slider .carousel-control.left {
        top: 41%
    }
    .bf-slider .carousel-control.right {
        top: 41%
    }
    .bf-slider h3 {
        color: #B88328;
        font-size: 19px;
        font-weight: bold
    }
    #treatment-carousel {
        height: 800px
    }
    #treatment-carousel img {
        width: 100%
    }
    .understand-beauty {
        text-align: center
    }
    .understand-beauty .eri-btn {
        margin: 45px auto
    }
    .understand-body .eri-headline {
        text-align: center
    }
    .understand-body .eri-btn {
        margin-bottom: 45px;
        float: none
    }
    .we-be-intro img {
        margin-bottom: 20px
    }
    .product-border {
        height: auto
    }
    .product {
        margin-bottom: 40px
    }
    .products .txt1 {
        text-align: center;
        margin-top: 0
    }
    .product-intro p {
        text-align: center
    }
    .tab-content #home .txt1 {
        text-align: left
    }
    #main-ingre-collapse .txt5 {
        text-align: left;
        font-family: "utm_avobold", sans-serif
    }
    .product-info .tab-content p {
        padding: 0 20px
    }
    .top-slide-desc {
        font-size: 18px
    }
    .gift {
        margin: 0
    }
    .treatment-ddl {
        margin-top: 20px
    }
    .christmas-offer {
        padding: 30px 15% 0px
    }
    .banner-mobile {
        margin-top: 0;
        padding-bottom: 0
    }
    .select-your-city .btn-default {
        background-color: #B88328;
        color: white
    }
    .select-your-city .open > .dropdown-toggle.btn-default:hover {
        background-color: #B88328;
        color: white
    }
    .open > .dropdown-toggle.btn-default {
        background-color: #B88328;
        color: white
    }
    .select-your-city {
        border-bottom: none;
        background-color: #B88328
    }
    .select-your-city .dropdown-menu {
        background-color: #B88328;
        padding-bottom: 20px
    }
    #city-select.btn {
        border-radius: 0
    }
    .christmas-booking #book-fr {
        background: url(../christmas/images/eri-form-bg-m.jpg) no-repeat;
        background-size: cover
    }
    .christmas-booking #book-fr.eri-sign-up .col-sm-8 {
        background: none
    }
    .christmas-booking .mor-d.txt-center {
        color: #444
    }
    .christmas-invi {
        width: 100%
    }
    .gift-info img {
        margin: auto;
        display: block
    }
    .contact-form h3 {
        margin-top: 20px;
        margin-bottom: 10px
    }
    .thank-you .eri-title {
        margin-top: 10%
    }
    .eri-title {
        margin-top: 6%;
        font-size: 23px;
        margin-bottom: 20px
    }
    .feature-img {
        margin-bottom: 20px;
        height: 455px
    }
    .main-cta .feature-img {
        margin-bottom: 20px;
        height: 455px
    }
    .home-testimonial .wave {
        margin-top: 0
    }
    .e-special-item {
        height: auto;
        padding: 100px 20px 50px;
        margin-bottom: 30px
    }
    .jp-tech img {
        margin-top: 20px
    }
    .jp-tech .txt5 {
        text-align: left
    }
    .jp-tech .txt4 {
        text-align: left;
        line-height: 1.3
    }
    .jp-tech .eri-btn {
        max-width: 550px
    }
    .steps {
        display: none
    }
    .b-news .visible-xs {
        text-align: center
    }
    .b-news .visible-xs .eri-btn {
        margin-top: 30px
    }
    .cele-treatment {
        text-align: center
    }
    .cele-treatment .col-sm-6:nth-child(2) .txt8 {
        margin-top: 45px
    }
    .txt9 {
        margin-top: 20px
    }
    .home-cta.main-cta .eri-btn {
        max-width: 481px
    }
    .we-be-content .eri-btn {
        float: none;
        margin-top: 30px
    }
    .eri-btn {
        margin: auto;
        max-width: 260px;
        float: none;
        text-align: center
    }
    .cele-treatment .txt8 {
        margin-top: 45px
    }
    .treatment-carousels {
        text-align: center
    }
    section.contact-form {
        margin-top: 60px
    }
    /*-------Tet------*/
    #eri-header3.tet-banner, .fat-reduc #eri-header3.tet-banner, .tri-mun #eri-header3.tet-banner, .wrinkle-reduc #eri-header3.tet-banner, .trang-da #eri-header3.tet-banner   {
        background-image: none;
        background-color: #f8e5ba;
        min-height: auto
    }
    .tet-banner ul {
        margin: 20px 19%;
    }
    .tet .eri-headline.coloured-row {
        color: white;
    }
    .whiten-hnh-eri {
        padding: 5% 0;
    }
    .fadeInLeft .carousel .whiten-hnh-eri {
        padding: 5%;
    }
    /*------ Blog ---------*/
    .related-articles img {
        width: 100%;
    }
    .related-articles .interaction img, .related-articles .time-post img {
        width: auto;
    }
    /*.related-articles .row .col-sm-6:nth-child(2) img {
        margin-top:45px;
    }*/
    .related-articles .row .col-sm-6:nth-child(2) .interaction img {
        margin-top:0;
    }
    .related-articles .nav {
        margin-top: 30px;
    }
    .right-content {
        padding-left: 15px;
        margin-top: 45px;
    }
    .most-view img {
        width: 100%;
    }
    .most-view .time-post img {
        width: auto;
    }
    .left-content .tab-content .row {
        padding: 0;
        margin: 0;
    }
    .left-content .tab-content .row.second-row {
        margin-top:45px;
    }
    .txt22 {
        font-size: 30px;
        line-height: 40px;
        margin:30px 0 10px 0;
    }
    .blog .eri-txt {
        font-size: 22px;
    }
    .tet .book-box-desc {
        text-align: center;
    }
    .tet .eri-sign-up img.forward-arrow {
        margin:0 10px 0 0;
    }
    .tet #book-fr.eri-sign-up .col-sm-8 {
        padding: 0;
    }
    #section2 {
        text-align: center;
    }
    .row.next-post {
        padding: 35px 15px;
    }
    .sub-comment {
        padding: 0 15px 0 0;
    }
    .reply textarea {
        margin-bottom: 10px;
    }
    .comment .article-tag {
        margin-bottom: 10px;
    }
    .reply input {
        width: 100%;
        margin-bottom: 10px;
    }
    .post-comment {
        margin-top: 0;
    }
    .feature-article .col-xs-12 {
        padding:0;
    }
    .bottomMenu {
        width: 270px;
    }
    ul.pagination > li > a {
        margin: 20px 0 0;
    }
    .left-content .social-share {
        margin: 20px 15px 0 0;
    }
    .eri-add-label {
        width: 100%;
    }
    .eri-address {
        text-align: center;
    }
    .eri-add {
        margin-top: 30px;
    }
}
/*@media (max-width: 800px) {
    #slide_home img {
        width: 100%;
    }
}*/
@media (max-width: 480px) {
    #treatment-carousel img {
        padding: 0 5%
    }
    #treatment-carousel .carousel-control.right {
        right: -7% !important;
        top: 40%
    }
    #treatment-carousel .carousel-control.left {
        left: -7%;
        top: 40%
    }
    #book-fr.eri-sign-up {
        padding-bottom: 60px
    }
    #book-fr.eri-sign-up .discount {
        padding: 6% 0 1% 0;
        margin: auto
    }
    #book-fr.eri-sign-up .book-box-title {
        text-align: center;
        margin-top: 45px
    }
    #book-fr.eri-sign-up .col-sm-6.padding-right-5 {
        padding: 0 15px
    }
    .before {
        font-size: 15px
    }
    .after {
        font-size: 15px
    }
    #we-be.before-after-visible-md .bf-slider .carousel-control.left {
        left: -13%;
        top: 23%
    }
    #we-be.before-after-visible-md .bf-slider .carousel-control.right {
        right: -13% !important;
        top: 23%
    }
    #we-be.fat-reduction-bf-carousel .bf-slider .carousel-control.left {
        left: -13%;
        top: 16%
    }
    #we-be.fat-reduction-bf-carousel .bf-slider .carousel-control.right {
        right: -13% !important;
        top: 16%
    }
    #we-be.photosilk-bf-carousel .bf-slider .carousel-control.left {
        top: 28%
    }
    #we-be.photosilk-bf-carousel .bf-slider .carousel-control.right {
        top: 28%
    }
    #we-be.age-spots-bf-carousel .bf-slider .carousel-control.left {
        top: 30%
    }
    #we-be.age-spots-bf-carousel .bf-slider .carousel-control.right {
        top: 30%
    }
    #we-be #treatment-carousel .carousel-control.right {
        top: 7%;
        right: -13% !important
    }
    #we-be #treatment-carousel .carousel-control.left {
        top: 7%;
        left: -13%
    }
    #we-be .bf-slider .carousel-control.right {
        top: 23%
    }
    #we-be .bf-slider .carousel-control.left {
        top: 23%
    }
    #we-be #hair-treatment-carousel.bf-slider .carousel-control.right {
        top: 10%
    }
    #we-be #hair-treatment-carousel.bf-slider .carousel-control.left {
        top: 10%
    }
    #we-be.skin-whitening-methods .bf-slider .carousel-control.left {
        top: 9%
    }
    #we-be.skin-whitening-methods .bf-slider .carousel-control.right {
        top: 9%
    }
    #we-be.beauty-drip-bf-carousel .bf-slider .carousel-control.left {
        top: 16%
    }
    #we-be.beauty-drip-bf-carousel .bf-slider .carousel-control.right {
        top: 16%
    }
    .select-your-city .dropdown-menu {
        float: left;
        width: 100%;
        left: 0;
        margin: auto
    }
    .select-your-city .btn-default {
        width: 100%
    }
    .select-your-city .btn-default.active.focus {
        width: 100%
    }
    .select-your-city .btn-default.active:focus {
        width: 100%
    }
    .select-your-city .btn-default.active:hover {
        width: 100%
    }
    .select-your-city .btn-default.focus:active {
        width: 100%
    }
    .select-your-city .btn-default:active:focus {
        width: 100%
    }
    .select-your-city .btn-default:active:hover {
        width: 100%
    }
    .select-your-city .open > .dropdown-toggle.btn-default {
        width: 100%
    }
    .select-your-city .open > .dropdown-toggle.btn-default.focus {
        width: 100%
    }
    .select-your-city .open > .dropdown-toggle.btn-default:focus {
        width: 100%
    }
    .select-your-city .open > .dropdown-toggle.btn-default:hover {
        width: 100%
    }
    #testimonial-slide .carousel-control.left {
        top: 23%
    }
    #testimonial-slide .carousel-control.right {
        top: 23%
    }
    .age-spots-bf-carousel #hair-treatment-carousel {
        height: 950px
    }
    #treatment-carousel {
        height: 400px
    }
    #eri-header3 .animate-btn {
        max-width: 250px;
        line-height: 1.5;
        padding: 5px 15px
    }
    .homepage .select-your-city .dropdown {
        width: auto
    }
    .beauty-solutions .feature-img {
        height: 305px;
        margin-bottom: 20px
    }
    .beauty-solutions .col-xs-6 {
        padding: 5px
    }
    .treatment-methods .feature-img {
        height: 280px
    }
    .eri-title {
        margin-top: 8%
    }
    .main-cta .feature-img {
        height: 295px
    }
    .home-cta.main-cta .eri-btn {
        margin: 15px auto;
        max-width: 280px
    }
    .jp-tech .eri-btn {
        margin: 15px auto;
        max-width: 280px
    }
    .we-be-content .eri-btn {
        float: none;
        margin-top: 30px
    }
    .home-bf-carousel .eri-btn {
        max-width: 280px
    }
    body > section {
        padding: 20px 0px
    }
    /*-------Tet--------------*/
    .tet.wrinkle-reduc .skin-whitening-methods #hair-treatment-carousel {
        height: 750px;
    }
    .tet.fat-reduc .skin-whitening-methods #hair-treatment-carousel {
        height: auto;
    }
    .tet #bottom-slider {
        padding-top:0;
    }
    .tet #book-fr.eri-sign-up .container {
        width:100%;
    }
    .form-bg .txt17 {
        font-size:28px;
        margin-top: 0;
    }
    .hotline {
        font-size: 18px;
    }
    .txt15 {
        font-size:15px;
    }
    .tet .wow {
        text-align: center;
    }
    .tet .eri-sign-up img {
        margin: 20px 0px 10px;
    }
    .tet .fr-box input[type="text"] {
        font-size:15px;
        margin-bottom:15px;
    }
    .txt14 {
        margin: 40px 0px 0px 0px;
    }
    .tet .main-btn-clk {
        margin: 20px auto;
    }
    .txt17 {
        font-size:20px;
    }
    .txt21 {
        font-size: 20px;
    }
    .tet-banner ul {
        margin: 20px 0;
        padding: 0 20px;
    }
    .tet-banner .deadline {
        width: 100%;
        padding: 0 10px;
    }
    .tet-banner form {
        padding:0 10px;
    }
    .txt18 span:first-child {
        line-height: 50px;
    }
    #articles-carousel .col-xs-4 {
        width: 100%;
        margin-bottom: 10px;
    }
    .carousel-caption {
        top: 20px;
    }
}