﻿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;
    }
