body {
    background: #f7f7f7;
    overflow-x: hidden;
    font-family: 'montserrat-regular';
}

.video-wrap-text .container {
    width: 72.994vw;
    position: absolute;
    top: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
}

    .video-wrap-text .container .title {
        margin-top: 0.25vw;
        font-size: 40px;
        line-height: 65px;
        font-weight: 600;
        color: #FFF;
    }

    .video-wrap-text .container .detail {
        margin-top: 1.875vw;
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        color: #FFF;
    }
/*imgtext*/
.video-wrap-a04-img-text img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.video-wrap-a04-img-text .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 81.6666vw;
    position: relative;
    margin: 0 auto;
    z-index: 2;
    color: #fff;
}

    .video-wrap-a04-img-text .container .title {
        padding-top: 6.25vw;
        font-size: 40px;
        text-align: center;
        line-height: 65px;
        font-weight: 600;
    }

    .video-wrap-a04-img-text .container .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 38.203125vw;
        padding-bottom: 4.166667vw;
    }

        .video-wrap-a04-img-text .container .list .item:nth-of-type(1) {
            border-left: none;
        }

        .video-wrap-a04-img-text .container .list .item {
            width: 40.8333vw;
            padding-left: 1.5625vw;
            border-left: 2px solid #e5e7eb;
            font-weight: 400;
        }

        .video-wrap-a04-img-text .container .list .item {
            margin-top: 0;
            text-align: center;
            padding: 0 5.208333vw;
        }

            .video-wrap-a04-img-text .container .list .item .item-title {
                font-size: 24px;
                line-height: 1.375;
                font-weight: 600;
                font-family: 'montserrat-regular';
            }

            .video-wrap-a04-img-text .container .list .item .item-text {
                font-size: 14px;
                line-height: 22px;
                margin-top: 0.677083vw;
                word-break: break-word;
                font-weight: 400;
            }
/*04*/
.video-wrap-a02-img-text img {
    width: 100%;
    display: block;
}

.video-wrap-a02-img-text .container.text-black-50 {
    color: #333;
}

.video-wrap-a02-img-text .container .detail span {
    font-weight: 600;
}

.video-wrap-a02-img-text .container {
    width: 72.994vw;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
    color: #FFF;
}

    .video-wrap-a02-img-text .container .title {
        margin-top: 6.25vw;
        font-size: 40px;
        line-height: 65px;
        font-weight: 600;
    }

    .video-wrap-a02-img-text .container .detail {
        margin-top: 1.875vw;
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
    }
/*o2*/
.video-wrap-img-text .container .title {
    padding-top: 6.25vw;
    font-size: 40px;
    text-align: center;
    line-height: 65px;
    font-weight: 600;
    color: #FFF;
}

.video-wrap-img-text .container {
    width: 81.6666vw;
    position: relative;
    margin: 0 auto;
    z-index: 2;
    color: #fff;
}

.video-wrap-img-text img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.video-wrap-img-text .container .list {
    margin-top: 2.604167vw;
    padding-bottom: 9.609375vw;
}

    .video-wrap-img-text .container .list .item {
        width: 40.8333vw;
        padding-left: 1.5625vw;
        border-left: 2px solid #e5e7eb;
        font-weight: 400;
    }

        .video-wrap-img-text .container .list .item .item-title {
            font-size: 24px;
            line-height: 1.375;
            font-weight: 600;
        }

        .video-wrap-img-text .container .list .item .item-text {
            font-size: 14px;
            line-height: 22px;
            margin-top: 0.677083vw;
            word-break: break-word;
            font-weight: 400;
        }

        .video-wrap-img-text .container .list .item:nth-of-type(n+2) {
            margin-top: 3.645833vw;
        }

.video-wrap-img-text.bottom .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .video-wrap-img-text.bottom .container .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 38.203125vw;
        padding-bottom: 4.166667vw;
    }

        .video-wrap-img-text.bottom .container .list .item {
            margin-top: 0;
            text-align: center;
            padding: 0 5.208333vw;
        }

            .video-wrap-img-text.bottom .container .list .item:nth-of-type(1) {
                border-left: none;
            }

/**/

.video-wrap-head p img {
    width: 100%;
    display: block;
}

.video-wrap, .video-wrap-text, .video-wrap-head, .video-wrap-img-text, .video-wrap-a04-img-text, .video-wrap-a02-img-text {
    position: relative;
}

    .video-wrap p, .video-wrap-head p, .video-wrap-text p, .video-wrap-img-text p, .video-wrap-a04-img-text p, .video-wrap-a02-img-text p {
        margin: 0px;
    }

        .video-wrap p img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
        }

    .video-wrap .container .detail {
        margin-top: 1.875vw;
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
    }

    .video-wrap .container {
        max-width: calc(100% - 100px);
        width: 96%;
        position: relative;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
    }

        .video-wrap .container .title {
            font-size: 40px;
            margin-top: 6.25vw;
            line-height: 65px;
            color: #fff;
            font-weight: 600;
        }

        .video-wrap .container .list {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 10vw;
            padding-bottom: 15.052083vw;
        }

            .video-wrap .container .list .item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding: 0.520833vw;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 1px solid rgba(255, 255, 255, 0.8);
                margin: 0 1.953125vw;
                max-width: 320px;
            }

                .video-wrap .container .list .item .item-icon {
                    width: 5.208333vw;
                    margin-top: 2.083333vw;
                }

                    .video-wrap .container .list .item .item-icon img {
                        width: 100%;
                        display: block;
                    }

                .video-wrap .container .list .item .item-name {
                    margin-top: 2.083333vw;
                    color: #fff;
                    font-size: 20px;
                    text-align: center;
                    justify-self: flex-start;
                    line-height: 38px;
                    font-weight: 600;
                }

                .video-wrap .container .list .item .img-wrap {
                    max-width: 100%;
                    overflow: hidden;
                    margin-top: 2.083333vw;
                }

                    .video-wrap .container .list .item .img-wrap img {
                        width: 100%;
                        display: block;
                    }

.contentLandingpage {
    background: #fff;
}

    .contentLandingpage a {
        display: block;
    }

        .contentLandingpage a img, .headlandingpage a img {
            display: block;
            max-width: 100%;
            margin: 0 auto;
        }

.headlandingpage {
    padding-bottom: 8px;
}

.shareLandingpage {
    padding: 20px 0px;
}

.container-fluid {
    padding: 0px;
    margin: 6px 0px 0px 0px;
}

.text-h2 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    color: #000;
    font-weight: bold;
    margin: 20px 0px;
}

.fb-description {
    padding-left: 30px;
    color: #a7a7a7;
}

/*.contentLandingpage img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        height: auto;
    }

    img:hover {
        animation-name: elementor-animation-pulse-shrink;
        animation-duration: .3s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }*/

.lazy {
    display: block;
}

.wrap-icon {
    width: 360px;
    position: absolute;
    top: 810px;
    display: flex;
    align-items: center;
    left: -99999px;
}

    .wrap-icon img {
        width: 65px;
        height: 65px;
    }

header nav ul li a:hover, header nav ul li a:focus {
    text-decoration: none !important;
}


.m-space.affix {
    height: 99px !important;
    position: relative !important
}

.bg-while {
    background: #FFFFFF;
}

section .slick-next {
    background-image: url(../images/icon/Right.png) !important;
    background-position: center !important;
    width: 40px !important;
    height: 80px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
}

section .slick-prev {
    background-image: url(../images/icon/Left.png) !important;
    background-position: center !important;
    width: 40px !important;
    height: 80px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
}

/*header nav ul {
    position: relative;
    padding: 0px 10px;
    margin: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 53px;
}*/

section.head {
    position: relative;
    display: block; /*
    min-height: 1081px;
    background-position: center center;*/
}

header nav ul li {
    list-style: none;
    float: left;
    font-family: RobotoSlab-Regular, Sans-serif;
}

    header nav ul li a {
        text-decoration: none;
        color: #333;
        font-size: 14px;
        font-family: "Roboto", Sans-serif;
        font-weight: 600;
    }

header .menu.affix nav ul li a:hover {
    text-decoration: none;
    color: #d02028;
}

header nav ul li a:hover {
    color: #d02028
}

header nav ul li a img.logo {
    max-width: 224px;
}

header nav ul li:last-child a img {
    margin-right: 10px;
}

header nav ul li:last-child a {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.menu.affix {
    width: 100%;
    background: #fff;
    left: 0px;
    top: 0px;
    z-index: 99;
}

header .menu.affix nav ul li a {
    color: #3A1C1A;
}

header .menu nav ul li .glyphicon-phone-affix {
    display: none;
}

header .menu nav ul li .glyphicon-phone {
    display: block;
}

header .menu.affix nav ul li .glyphicon-phone {
    display: none;
}

header .menu.affix nav ul li .glyphicon-phone-affix {
    display: block;
}

.menu.affix .logoaffix {
    display: block;
}

.menu.affix .logo {
    display: none;
}

.logoaffix {
    display: none;
}

.wrap-bar {
    background: #F8F5EB;
    min-height: 259px;
    display: flex;
    align-items: center;
}

    .wrap-bar ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

        .wrap-bar ul li {
            list-style: none;
            text-align: center;
            border-style: solid;
            border-width: 0px 1px 0px 0px;
            border-color: #CCCCCC;
            transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        }

            .wrap-bar ul li img {
                margin: 0 auto;
            }

            .wrap-bar ul li h3 {
                color: #3C1F1D;
                font-family: "Montserrat", Sans-serif;
                font-size: 16px;
                font-weight: bold;
                line-height: 1.2em;
                letter-spacing: -0.5px;
                padding: 0px 50px;
            }

.title-label {
    display: block;
    text-align: center;
    font-family: "Roboto Slab", Sans-serif;
}

    .title-label .group-bar {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .title-label .group-bar span {
            border-bottom: 2px solid#CCAE87;
            width: 100px;
            margin-right: 15px;
        }

    .title-label h2 {
        color: #3C1F1D;
        font-size: 36px;
        font-weight: 400;
        margin: 15px 0px 0px 0px;
    }

    .title-label .group-bar h3 {
        font-size: 36px;
        color: #CCAE87;
        font-weight: 400;
        margin: 15px 0px 15px 0px;
    }

.group-title {
    text-align: center;
}

    .group-title h2 {
        color: #3C1F1D;
        font-size: 36px;
        font-weight: 400;
        margin: 80px 0px 0px 0px;
        font-family: sans-serif;
    }

        .group-title h2 span {
            color: #D0A56A;
        }

    .group-title h3 {
        font-size: 36px;
        color: #D0A56A;
        font-weight: 400;
        margin: 15px 0px 15px 0px;
        font-family: sans-serif;
    }

.btn-tuvan-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px 0px;
}

    .btn-tuvan-link img:hover {
        transform: scale(1.1);
        transition-duration: .3s;
        transition-property: transform;
    }

.wrap-nangco {
    position: relative;
    background-position: center center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    min-height: 1080px;
}

    .wrap-nangco .group-item ul {
        padding: 0px;
        margin: 0px;
    }

        .wrap-nangco .group-item ul li {
            list-style: none;
            display: flex;
            justify-content: start;
            align-items: center;
            margin: 10px 0px;
            color: #3a1c1a;
            font-family: sans-serif;
        }

            .wrap-nangco .group-item ul li img {
                margin-right: 13px;
            }

    .wrap-nangco .group-item h3 {
        color: #3a1c1a;
        font-weight: bold;
        margin-left: 40px;
    }

    .wrap-nangco .group-item .sau {
        float: right;
        margin-top: 48%;
        margin-right: 0px;
    }

@media all and (min-width:1445px) {
    .wrap-nangco .group-item .truoc {
        margin-left: 163px;
        margin-top: 30%;
    }

    .wrap-nangco .group-item .sau {
        float: right;
        margin-top: 30%;
        margin-right: 163px;
    }
}

.wrap-nangco .group-item .sau h3 {
    text-align: right;
    margin-right: 50px;
}

.wrap-nangco .group-item .sau ul li {
    text-align: right;
    justify-content: flex-end;
}

    .wrap-nangco .group-item .sau ul li img {
        margin-left: 13px;
    }

.wrap-collagen .variable-width {
    margin: 70px 100px 0px 100px;
}

    .wrap-collagen .variable-width .slick-slide {
        margin-right: 11px !important;
        margin-left: 11px !important;
    }

    .wrap-collagen .variable-width div {
        text-align: center;
    }

        .wrap-collagen .variable-width div h3 {
            color: #3c1f1d;
            font-size: 16px;
            font-family: RobotoSlab-Bold, sans-serif;
        }

        .wrap-collagen .variable-width div p {
            color: #3c1f1d;
            font-size: 16px;
            font-family: Gilroy-Medium1, sans-serif;
        }

.back-group-one {
    position: relative;
    background-image: url(../images/banner/contact-21.jpg);
    background-position: center center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    min-height: 678px;
    max-height: 678px;
}

.top-bar {
    margin-bottom: 50px;
    margin-top: 100px;
}

    .top-bar .col-md-12 {
        margin-bottom: 50px;
    }

.wrap-fiber {
    margin: 10px 0px 0px 0px;
}
    /*header .menu.affix ul li:last-child{
    display:none;
}*/
    .wrap-fiber .embed-responsive-16by9 {
        margin-top: 50px;
    }

.elementor-custom-embed-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50%;
    background-image: url(../images/backgroup/thumb-video-01.jpg);
}
/*.wrap-cangchi ul.group-avatar li:nth-child(2) img{
    margin-bottom:56px;
}*/
.group-avatar {
    padding: 0px;
    margin: 0 auto;
}

    .group-avatar li {
        float: left;
        list-style: none;
    }

        .group-avatar li .item-t {
            margin: 0px 13px;
            background-color: transparent;
            border-radius: 10px;
        }

            .group-avatar li .item-t h3 {
                color: #ba915b;
                font-family: RobotoSlab-Bold, Sans-serif;
                font-size: 24px;
                font-weight: bold;
                line-height: 1.4em;
            }

            .group-avatar li .item-t p {
                color: #3c1f1d;
                font-family: RobotoSlab-Light, Sans-serif;
                font-size: 16px;
                line-height: 24px;
                font-weight: 600;
                padding: 5px 20px 0px 20px;
                text-align: justify;
            }

                .group-avatar li .item-t p b {
                    font-family: RobotoSlab-Bold, Sans-serif;
                }

            .group-avatar li .item-t img {
                max-width: 270px;
                margin: 0 auto;
            }

.wrap-cangchi {
    position: relative;
    padding: 0px 30px;
}

@media all and (min-width: 1600px) {
    .wrap-cangchi {
        position: relative;
        padding: 0px 263px;
    }
}

.wrap-quytrinh {
    margin: 0px 0px 0px 0px;
    position: relative;
}

    .wrap-quytrinh .group-quytrinh {
        padding: 0px;
        max-width: 935px;
        margin: 0 auto;
    }

        .wrap-quytrinh .group-quytrinh li {
            list-style: none;
            float: left;
            width: 50%;
        }

            .wrap-quytrinh .group-quytrinh li .item-t {
                margin: 13px;
                background-color: transparent;
            }

    .wrap-quytrinh .group-title h2 {
        margin-bottom: 30px;
    }

    .wrap-quytrinh .group-quytrinh li .item-t h3 {
        color: #3C1F1D;
        font-family: Sans-serif;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 30px;
        line-height: 24px;
    }

.wrap-chuyengia {
    position: relative;
    background-position: center center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    min-height: 1270px;
}

    .wrap-chuyengia img:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
        -ms-transform: scale(1.05);
    }

    .wrap-chuyengia img {
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
    }

    .wrap-chuyengia .container-fluid {
        padding: 0px;
        margin: 0px;
    }

        .wrap-chuyengia .container-fluid .slick-arrow {
            position: absolute;
            right: 0px;
            z-index: 10;
            display: none;
        }

    .wrap-chuyengia h2 {
        font-family: "Roboto Slab", Sans-serif;
        font-size: 40px;
    }

.group-chuyengia {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50%;
}

    .group-chuyengia a img:hover {
        transform: scale(1.1);
        transition-duration: .3s;
        transition-property: transform;
    }

.bg-cangchi {
    position: relative;
    background-image: url(../images/banner/banner-vibrance-1.jpg);
    background-position: center center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    min-height: 983px;
}

.gui-ngay {
    position: relative;
    background-image: url(../images/popup/Button-copy-6.jpg);
    background-position: center center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    height: 462px;
    width: 574px;
    border-radius: 45px;
    float: right;
    margin-right: 170px;
}

iframe.wrap-iframe .freebirdFormviewerViewNoPadding {
    display: none !important;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    z-index: 99;
}

/* Modal Content/Box */
.modal-content {
    /* background-image: url(../images/popup/Popup-tu-van.jpg);
    background-position: center center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;*/
    background: #FFF;
    min-height: 100px;
    max-height: 150px;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 300px; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #fff;
    float: right;
    font-size: 28px;
    opacity: 1 !important;
    font-weight: bold;
    background: #333;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
/*footer*/
.footer {
    border-top: 5px solid#a67e4b;
    background: #202020;
    color: #FFF;
    padding: 50px 0px;
}

    .footer .footer-logo {
        border-right: 2px solid#c3c3c3;
    }

    .footer .footer-address h3 {
        font-family: Gilroy-Medium1, sans-serif;
        font-size: 18px;
    }

    .footer .footer-address p {
        line-height: 24px;
        margin: 10px 0;
    }

        .footer .footer-address p a {
            color: #FFF;
        }

    .footer .footer-map ul {
        margin: 0 0 12px 0px;
        padding: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .footer .footer-map ul li {
            float: left;
            margin-right: 8px;
            list-style: none;
        }

.logo-mobile {
    display: none;
}

.phone-d {
    display: block;
}

.m-congnghe {
    display: none;
}

.m-hieuqua {
    display: none;
}

.d-mobile-mega {
    display: none;
}

.m-contact {
    display: none;
}

.wrap-mega-gang-nam {
    position: relative;
    background-position: center center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    min-height: 774px;
}

    .wrap-mega-gang-nam .group-title h2 {
        color: #fcd143;
        font-size: 74px;
    }

    .wrap-mega-gang-nam .group-title h3 {
        color: #fcd143;
        font-size: 38px;
        margin-bottom: 80px;
    }

    .wrap-mega-gang-nam .desktop-mega-gang-nam .group-avatar {
        padding: 0px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

        .wrap-mega-gang-nam .desktop-mega-gang-nam .group-avatar li .item-t b {
            font-size: 18px;
            color: #fdd964;
            font-family: RobotoSlab-Bold;
        }

        .wrap-mega-gang-nam .desktop-mega-gang-nam .group-avatar li .item-t p {
            font-size: 18px;
            color: #e8e8e8;
            font-family: RobotoSlab-Light;
            line-height: 30px;
            word-spacing: 0px;
        }

        .wrap-mega-gang-nam .desktop-mega-gang-nam .group-avatar li {
            width: 35%;
        }

            .wrap-mega-gang-nam .desktop-mega-gang-nam .group-avatar li .item-t img {
                padding-bottom: 58px;
            }

.hotline-bar {
    position: absolute;
    background: rgb(49, 74, 166);
    border-radius: 3px;
    padding: 0 15px 0 0;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 33px;
    bottom: 37px;
}

    .hotline-bar > a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        font-weight: bold;
        text-indent: 50px;
        display: block;
        letter-spacing: 1px;
        line-height: 40px;
        font-family: Arial;
    }

        .hotline-bar > a:hover,
        .hotline-bar > a:active {
            color: #fff;
        }

@media all and (min-width:768px) {
    .wrap-bar ul li, .group-avatar li {
        width: 25%;
    }
}

@media all and (max-width:768px) {
    .wrap-nangco .group-item ul li {
        margin: 3px 0px;
    }

    .wrap-nangco .group-item .truoc {
        margin-left: 0px;
        margin-top: 0;
        float: right;
    }

    .wrap-nangco .group-item .sau {
        float: left;
        margin-right: 0px;
        margin-top: 65px;
        margin-bottom: 27px;
    }

    .logo {
        display: none;
    }

    .phone-d {
        display: none !important;
    }

    .m-congnghe {
        display: block;
    }

    .m-hieuqua {
        display: block;
    }

    .d-congnghe {
        display: none;
    }

    .d-hieuqua {
        display: none;
    }

    /* section.head {
        background-image: url(../images/mobile-img/Banner-to-mobile.jpg) !important;
        min-height: 695px;
    }*/

    section.head .container-fluid, section.head .container-fluid .container {
        margin: 0px;
        padding: 0px;
    }

        section.head .container-fluid .container ul li img {
            max-width: 120px;
        }

    .logo-mobile {
        display: block;
    }

    header nav ul {
        min-height: 70px;
    }

    .uudai {
        background: #ffcd5b;
        color: #333;
        border-radius: 6px;
        padding: 10px;
    }

    header .menu.affix .logo-mobile {
        display: none;
    }

    header .menu.affix ul {
        justify-content: flex-start;
    }

        header .menu.affix ul li {
            margin-right: 10px;
        }

    .wrap-cangchi {
        padding: 0px 0px 20px 0px;
    }

    .wrap-quytrinh .group-title h2 {
        margin-bottom: 5px;
    }

    .wrap-quytrinh .group-quytrinh li .item-t h3 {
        margin-bottom: 10px;
    }

    .bg-cangchi {
        background-image: url(../images/mobile-img/Vector-Smart-Object.jpg);
        min-height: 965px;
    }

    .group-title h2 {
        color: #3C1F1D;
        font-size: 20px;
        font-weight: 500;
        margin: 30px 0px 0px 0px;
    }

    .group-title h3 {
        font-size: 20px;
        margin: 3px 0px;
    }

    .group-avatar li .item-t img {
        max-width: 130px;
        margin: 0 10px 44px 0px;
        float: left;
    }

    .group-avatar li .item-t p {
        padding: 0px;
        font-size: 13px;
        line-height: 20px;
        word-spacing: -1px;
    }

    .group-avatar li .item-t h3 {
        font-size: 16px;
        margin: 0;
        line-height: 24px;
        text-align: left;
    }

    .group-avatar li:first-child .item-t h3 {
        padding-top: 12px;
    }

    .group-avatar li .item-t {
        margin: 0px;
    }

    .wrap-fiber {
        margin: 0px 0px 20px 0px;
    }

        .wrap-fiber .btn-tuvan-link {
            margin-top: 20px;
        }

        .wrap-fiber .order1 {
            order: 1;
            -webkit-order: 1;
        }

        .wrap-fiber .order2 {
            order: 2;
            -webkit-order: 2;
        }

    .wrap-collagen .variable-width {
        margin: 10px;
    }

    .d-desktop-mega {
        display: none;
    }

    .d-mobile-mega {
        display: block;
    }

    .wrap-mega-gang-nam {
        margin-top: 30px;
    }

    .back-group-one {
        background-image: url(../images/popup/Popup-tu-van-1.jpg);
        background-position: center center;
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        min-height: 662px;
        max-height: 662px;
    }

    .gui-ngay {
        position: relative;
        background-image: none;
        background-position: center center;
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        height: 40px;
        width: 100%;
        float: none;
        margin-right: 0;
    }



    .m-contact p b {
        color: #d7ab72;
    }

    .footer .footer-map ul {
        margin: 30px 0 30px 0px;
    }

    .footer .footer-logo {
        border-right: none;
    }

    .wrap-fiber .embed-responsive-16by9 {
        margin-top: 30px;
    }

    .wrap-nangco {
        min-height: initial;
        background-repeat: no-repeat;
        min-height: 564px;
    }

    .wrap-quytrinh .group-quytrinh li {
        width: 100%;
    }

    .wrap-quytrinh {
        margin: 0px 0px 0px 0px;
    }

    .btn-tuvan-link {
        margin: 0px 0px;
    }

        .btn-tuvan-link img {
            max-width: 195px;
            height: 40px;
        }

    section .slick-prev, section .slick-next {
        z-index: 9;
        background-size: 25px !important;
    }

    section.wrap-chuyengia {
        background-image: url(../images/backgroup/Bác-sĩ-shutter-Mobile.jpg) !important;
        min-height: 464px
    }
    /*section.wrap-chuyengia .slick-prev {
        left: 0px;
    }

    section.wrap-chuyengia .slick-next {
        right: 0px;
    }
*/
    section .slick-prev:before, section .slick-next:before {
        display: none !important;
    }

    .slick-dotted.slick-slider {
        margin-top: 24px;
    }

    .m-contact {
        display: block;
    }

    .group-quytrinh-m .item-t h3 {
        color: #3c1f1d;
        font-size: 16px;
        margin-bottom: 30px;
        font-family: sans-serif;
    }

    .group-quytrinh-m .slick-dots {
        bottom: -10px !important;
    }

    .slick-dots li button:before {
        font-size: 13px !important;
        width: 15px !important;
        height: 15px !important;
        line-height: 15px !important;
        border: 1px solid#333;
        color: #FFF !important;
        border-radius: 50%;
        background: #FFF;
    }

    .slick-dots li.slick-active button:before {
        color: #b9915b !important;
        opacity: 1 !important;
        background: #b9915b;
    }

    .doctor .slick-dots {
        bottom: 15px !important;
    }

    .doctor.slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

    /*  .wrap-icon {
        width: auto;
        top: 475px;
        left: -999px;
        margin: 0px 0px;
    }*/
    .wrap-mega-gang-nam {
        background-image: url(../images/backgroup/So-1.jpg) !important;
        min-height: initial;
        background-repeat: no-repeat;
        min-height: 543px;
    }

        .wrap-mega-gang-nam .group-title h2 {
            font-size: 36px;
            color: #fcd143;
        }

        .wrap-mega-gang-nam .group-title h3 {
            font-size: 18px;
            color: #fcd143;
            margin-bottom: 30px;
        }

        .wrap-mega-gang-nam .group-avatar li .item-t img {
            max-width: 89px;
            margin: 0 10px 30px 0px;
            float: left;
        }

        .wrap-mega-gang-nam .group-avatar li .item-t h3 {
            color: #fdd964;
            font-family: RobotoSlab-Light, sans-serif;
            font-size: 14px;
            line-height: 20px;
        }

        .wrap-mega-gang-nam .group-avatar li .item-t p {
            color: #FFF;
            font-family: RobotoSlab-Light, sans-serif;
            font-size: 14px;
            line-height: 20px;
        }

            .wrap-mega-gang-nam .group-avatar li .item-t p b {
                color: #fdd964;
                font-weight: bold;
            }
}

@media all and (min-width: 361px) and (max-width:375px) {
    .wrap-cangchi ul.group-avatar li:nth-child(2) img {
        margin-bottom: 56px !important;
    }
}

@media all and (min-width: 600px) and (max-width: 768px) {
    .wrap-cangchi .group-avatar li {
        width: 50% !important;
    }
}

@media all and (max-width:375px) {
    .hotline-phone-ring {
        margin: 0px 15px;
    }

    .uudai {
        padding: 6px;
    }

    header .menu.affix ul li:last-child {
        margin-right: 0px;
    }

    .wrap-mega-gang-nam .group-avatar li:last-child .item-t img {
        margin-bottom: 40px;
    }

    section.head {
        background-size: 395px;
        min-height: 653px;
    }

    .wrap-icon {
        width: 310px;
    }
}

@media (max-width: 360px) {
    .hotline-phone-ring {
        margin: 0px 12px;
    }

    .group-avatar li .item-t img {
        margin: 0 10px 64px 0px;
    }

    .wrap-mega-gang-nam .group-avatar li:last-child .item-t img {
        margin-bottom: 55px;
    }

    .wrap-icon {
        width: 298px;
    }

    header .menu.affix nav ul li:nth-child(4) a {
        width: 70px;
        display: inline-block;
    }
}

@media (max-width: 320px) {
    .group-avatar li .item-t img {
        margin: 0 10px 100px 0px;
    }

    .hotline-phone-ring {
        margin: 0px 0px;
    }

    .wrap-mega-gang-nam .group-avatar li .item-t img {
        margin: 0 10px 10px 0px;
    }

    .wrap-mega-gang-nam .group-avatar li:last-child .item-t img {
        margin-bottom: 75px;
    }

    .wrap-icon {
        width: 278px;
    }

    header nav ul li:nth-child(4) {
        width: 70px;
    }

    section.head .container-fluid .container ul li img {
        max-width: 110px;
        padding-right: 10px;
    }

    section.head {
        background-size: 322px;
        min-height: 532px;
    }

    header nav ul {
        min-height: 52px;
    }
}


@media (min-width:1366px) and (max-width: 1440px) {
    .wrap-nangco {
        background-size: 1440px;
        min-height: 809px;
    }

        .wrap-nangco .group-item .sau {
            margin-top: 13%;
        }
}

html {
    overflow-x: hidden;
}


@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}


.cloudimage-360 .fullscreen-icon {
    background: url(https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/filerobot/js-cloudimage-360-view/full_screen.svg) 50% 50% / cover no-repeat;
}

.cloudimage-360 .magnify-icon {
    background: url(https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/filerobot/js-cloudimage-360-view/loupe.svg) 50% 50% / cover no-repeat;
}

.cloudimage-360 .close-fullscreen-icon {
    background: url(https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/filerobot/js-cloudimage-360-view/cross.svg) 50% 50% / cover no-repeat;
}

.cloudimage-360 .reset-zoom-icon {
    background: url(https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/ic-resize.svg?vh=248986) 50% 50% / cover no-repeat;
}