.section .container {
    padding: 20px initial 20px initial;
}

.section1 .container {
    padding: 40px 0px;
}

.section2 .container {
    padding: 10px 0px 10px 0px;
}

.section1, .section3 {
    background-color: #f6f7f9;
}

.section3 {
    background: url('../images/1BG.jpg');
    background-size: cover;
}

.section1 .search-title {
    margin-bottom: 25px;
    font-size: 20pt;
}

.section1 .div-search {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
}

.section1 .input-search {
    position: relative;
    padding-right: 140px;
}

    .section1 .input-search input {
        background-color: #f7f9f8;
        font-style: italic;
    }

.section1 .div-class {
    padding-right: 20px;
}

.box-search {
    position: relative;
    min-height: 45px;
    max-width: 900px;
    margin: 0px auto;
}

    .box-search .form-control,
    .box-search .form-control:focus {
        box-shadow: none;
        /*border: 1px solid #ccc;*/
        z-index: 1;
    }

    .box-search textarea {
        box-shadow: none;
    }

    .box-search .input-search-l {
        width: 125px;
        font-size: 20px;
        line-height: 50px;
        color: #5a5a5a;
    }

    .box-search .input-search-r {
        width: calc(100% - 125px);
    }

    .box-search .search-query {
        width: 100%;
        font-size: 15px;
        height: 50px;
        resize: none;
        border-right: 0px;
        padding-right: 50px;
    }

    .box-search .input-group {
        padding: 0px 15px;
    }

    .box-search .input-group-addon {
        width: 50px;
        border-left: 0px;
    }

    .box-search .addon-math {
        background-color: #fff;
        z-index: 2;
        position: absolute;
        top: 1px;
        right: 95px;
        padding: 0px;
        border: 0px;
    }

    .box-search .addon-line {
        line-height: 35px;
        margin: 6px 0px;
        padding: 0px 15px;
        border-left: 1px solid #cecece;
    }

    .box-search .addon-math .text-ct {
        margin: 0px 5px;
        font-size: 13px;
    }

    .box-search .addon-math .fa-caret-down {
        color: #757575;
    }

    .box-search .addon-math:hover {
        cursor: pointer;
    }

    .box-search .addon-search {
        width: 80px !important;
        color: #fff;
        background-color: #449fc8;
        border-color: #449fc8;
        cursor: pointer;
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

        .box-search .addon-search img {
            height: 100%;
        }

.bg-bottom {
    position: absolute;
    left: 0px;
    bottom: 64px;
    width: 100%;
    height: 20px;
    background-color: #0077ac;
    z-index: -1;
}

.section2 a.item,
.section2 a.itemIpad {
    margin: 0px auto 30px auto;
    border-radius: 10px;
    color: #fff;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    display: block;
    z-index: 10;
    position: relative;
}

.section2 .item:hover {
    background-color: #53ac66;
    cursor: pointer;
}

    .section2 .item:hover .item-lbl,
    .section2 .itemIpad:hover .item-lbl {
        background-color: #53ac66;
    }

    .section2 .item:hover .bg-bottom,
    .section2 .itemIpad:hover .bg-bottom {
        background-color: #53ac66;
    }

.section2 .item-bg {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 10px 10px;
}

.section2 .item:hover::before {
    content: "";
    z-index: 11;
    position: absolute;
    /*background-color: rgba(0, 0, 0, 0.18);*/
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.section2 .item-top {
    background: url('../images/home/THPTQG.jpg') no-repeat;
    background-position: center top;
    background-color: #e6e6e6;
    min-height: 200px;
    border-radius: 10px;
    background-size: cover;
}

.section2 .item-lbl {
    padding: 10px 20px;
    font-size: 12pt;
    text-transform: uppercase;
    background-color: #0077ac;
    border-radius: 0px 0px 10px 10px;
}

.section2 .lop6 {
    background: url('../images/home/ct-lop-6.jpg') no-repeat;
    background-position: center top;
    background-color: #e6e6e6;
    background-size: cover;
}

.section2 .lop10 {
    background: url('../images/home/LOP10.jpg') no-repeat;
    background-position: center top;
    background-color: #e6e6e6;
    background-size: cover;
}

.section2 .luyentap {
    background: url('../images/home/LUYEN.jpg') no-repeat;
    background-position: center top;
    background-color: #e6e6e6;
    background-size: cover;
}

.section2 .ppgiai {
    background: url('../images/home/HUONG DAN.jpg') no-repeat;
    background-position: center top;
    background-color: #e6e6e6;
    background-size: cover;
}

/*.section3 .f-left{
    margin: 40px 0px 50px;
}*/
.section3 .f-left {
    margin: 30px 0px;
}

.section3 .huongdan {
    color: #0079b0;
    font-size: 24pt;
}

.section3 .txtright {
    margin-top: 20px;
}

    .section3 .txtright h4 {
        margin-bottom: 20px;
        color: #686868;
        font-weight: 600;
    }

    .section3 .txtright .btn {
        padding: 6px 20px;
    }

.section3 .f-left ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .section3 .f-left ul li {
        line-height: 20px;
        position: relative;
        padding-left: 50px;
        line-height: 20pt;
        margin: 20px 0px;
        color: #7f8180;
        line-height: 35px;
    }

.section3 .f-left .f-ul .i-li {
    width: 35px;
    height: 35px;
    top: 0px;
    left: 0px;
    position: absolute;
}

.section3 .f-left .f-ul .i-library {
    background: url('../images/4dulieu.png') no-repeat;
    background-size: 35px;
}

.section3 .f-left .f-ul .i-user {
    background: url('../images/5thayco.png') no-repeat;
    background-size: 35px;
}

.section3 .f-left .f-ul .i-share {
    background: url('../images/6chia-se.png') no-repeat;
    background-size: 35px;
}

.section3 .f-left ul li:hover {
    cursor: pointer;
}

.section5 {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#5bd1e3, #0988db); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5bd1e3, #0988db); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5bd1e3, #0988db); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5bd1e3, #0988db); /* Standard syntax (must be last) */
}

    .section5 .sec5-text {
        color: #fff;
        padding: 30px 0px 30px 0px;
        font-size: 18px;
    }

        .section5 .sec5-text .div-item {
            color: #f1ffed;
            position: relative;
            padding-left: 27px;
            margin: 7px 0px;
        }

        .section5 .sec5-text .icon-right {
            position: absolute;
            left: 0px;
            top: 4px;
        }

.f-bg {
    background: url('../images/VNmeseStudents.png') no-repeat;
    background-position: right bottom;
    background-size: 350px;
    padding: 60px 0px;
}

.section-tthl {
    height: 133px;
    background-color: transparent;
    width: 100%;
    background: #98d7e4; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #98d7e4, #d3eaef); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #98d7e4, #d3eaef); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #98d7e4, #d3eaef); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #98d7e4, #d3eaef); /* Standard syntax */
}

    .section-tthl .div-section-tthl {
        content: '';
        height: 133px;
        width: 100%;
        background: url('../images/home/Loi_ich_sureLRN-05.png');
    }

    .section-tthl .container {
        padding: 0px;
    }

    .section-tthl img {
        height: 130px;
    }

    .section-tthl .txtright {
        color: #0775b2;
        font-weight: 600;
        text-align: right;
        line-height: 130px;
    }

        .section-tthl .txtright .fa-download {
            font-size: 24px;
            color: #5caf5d;
        }

        .section-tthl .txtright a {
            text-decoration: none;
            font-size: 28px;
        }

.section4 .obj {
    margin-bottom: 30px;
    height: 100%;
}

.section4 .obj-box {
    border-radius: 10px;
    border: 1px solid #cdcdcd;
    padding: 20px;
}

    .section4 .obj-box .obj-fa {
        font-size: 26px;
        color: #5caf5d;
    }

    .section4 .obj-box h4 {
        margin-top: 10px;
        line-height: 1.3;
        color: #0175b0;
        font-weight: 600;
    }

.section4 a {
    text-decoration: none;
}

.section4 .obj-box .obj-descr {
    margin-bottom: 20px;
    color: #8c8c8c;
}

.section4 .obj-box .btn {
    color: #8c8c8c;
}

    .section4 .obj-box .btn:hover {
        background-color: #337ab7;
        border-color: #2e6da4;
        color: #fff;
    }

.section5 img {
    height: 190px;
}

.section6 .gv {
    border: 1px solid #cdcdcd;
    text-align: center;
    border-radius: 10px;
    padding: 20px 10px;
}

    .section6 .gv img {
        border-radius: 50%;
        width: 70px;
        height: 70px;
    }

    .section6 .gv .gv-name {
        font-weight: 600;
        margin-top: 5px;
    }

    .section6 .gv .gv-descr {
        margin-top: 15px;
        color: #333;
    }

    .section6 .gv .gv-des-lbl {
        color: #68d662;
    }

    .section6 .gv .gv-des-sub {
        color: #6db069;
        font-weight: 600;
    }

.section6 a {
    margin-bottom: 10px;
}

    .section6 a:hover {
        text-decoration: none;
        cursor: pointer;
    }

.section7 {
    background-color: #f4f5f7;
}

    .section7 .img-curve {
        height: 120px;
        width: 100%;
    }

    .section7 .float-left {
        float: left;
    }

    .section7 .float-right {
        float: right;
    }

    .section7 .sub-container {
        padding: 40px 100px;
    }

    .section7 .record .re-img {
        border-radius: 150px;
        border: 3px dashed #ccc;
        position: relative;
    }

    .section7 .record .sec7-img {
        width: 250px;
        height: 250px;
        background-color: green;
        border-radius: 50%;
        margin: 5px;
    }

    .section7 .record .img-hs {
        background: url('../images/home/3hs.jpg') no-repeat;
        background-position: top left;
        background-size: auto 300px;
    }

    .section7 .record .img-gv {
        background: url('../images/home/4gv.png') no-repeat;
        background-position: top left;
        background-size: auto 300px;
    }

    .section7 .record .img-qldt {
        background: url('../images/home/5QLGD.jpg') no-repeat;
        background-position: top left;
        background-size: auto 300px;
    }

    .section7 .record .img-qtv {
        background: url('../images/home/6admin.jpg') no-repeat;
        background-position: top left;
        background-size: auto 300px;
    }

    .section7 .record .sec7-img-sub {
        width: 100px;
        height: 100px;
        background-color: green;
        border-radius: 50%;
        margin: 5px;
        background-size: 100px;
        top: 83px;
        position: absolute;
    }

    .section7 .record .sec7-img-sub-right {
        width: 100px;
        height: 100px;
        background-color: green;
        border-radius: 50%;
        margin: 5px;
        background: url('../images/home/8iconGV.png') no-repeat;
        background-size: 100px;
        top: 100px;
        position: absolute;
    }

    .section7 .record .img-sub-hs {
        background: url('../images/home/7iconHS.png') no-repeat;
        left: -60px;
        background-size: 100px;
    }

    .section7 .record .img-sub-gv {
        background: url('../images/home/8iconGV.png') no-repeat;
        right: -60px;
        background-size: 100px;
    }

    .section7 .record .img-sub-qldt {
        background: url('../images/home/9iconQLGD.png') no-repeat;
        left: -60px;
        background-size: 100px;
    }

    .section7 .record .img-sub-qtv {
        background: url('../images/home/10iconADM.png') no-repeat;
        right: -60px;
        background-size: 100px;
    }

    .section7 .text-gv {
        margin-top: 45px;
    }

    .section7 .text-qldt {
        margin-top: 35px;
    }

    .section7 .text-qtv {
        margin-top: 45px;
    }

    .section7 .record h4 {
        color: #007ca3;
        font-size: 26px;
        margin-bottom: 10px;
    }

    .section7 .record .descr-text {
        font-size: 18px;
    }

    .section7 .record .re-text-left {
        text-align: left;
    }

    .section7 .record .re-text-right {
        text-align: right;
    }

    .section7 .record .line-bt {
        display: block;
        width: 70px;
        border-bottom: 3px solid #5bb45a;
        margin-bottom: 15px;
    }
/*News*/
.section-news .container {
    padding-top: 30px;
}

.section-news .cnt-title {
    position: relative;
}

    .section-news .cnt-title a {
        color: #5040DE;
        font-size: 18px;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        padding-bottom: 5px;
        font-weight: 600;
    }

    .section-news .cnt-title div.line-title {
        border-bottom: 2px solid #E6E6E6;
    }

    .section-news .cnt-title div.line-title-active {
        border-bottom: 2px solid #5040DE;
        width: 80px;
        position: absolute;
        bottom: 0px;
    }

.section-news .row {
    margin-top: 40px;
}

.section-news .cnt-news-new {
    position: relative;
}

    .section-news .cnt-news-new .img-news-new {
        width: 100%;
        height: 245px;
    }

        .section-news .cnt-news-new .img-news-new div {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
        }

    .section-news .cnt-news-new .title-news-new {
        width: 100%;
        padding: 5px 0px;
        height: 70px;
        font-size: 18px;
        margin-top: 10px;
    }

        .section-news .cnt-news-new .title-news-new a {
            color: #000;
            text-decoration: none;
            cursor: pointer;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            width: 100%;
            overflow: hidden;
        }

        .section-news .cnt-news-new .title-news-new .cnt-news-date {
            font-size: 13px;
            position: absolute;
            bottom: 5px;
        }

        .section-news .cnt-news-new .title-news-new .cnt-news-share {
            position: absolute;
            bottom: 8px;
            right: 10px;
            cursor: pointer;
        }

.section-news .item-news {
    position: relative;
    margin-top: 20px;
}

    .section-news .item-news .cnt-img-news {
        width: 100px;
        float: left;
        height: 75px;
        position: relative;
    }

        .section-news .item-news .cnt-img-news div {
            width: 100%;
            height: 100%;
            background-position: center;
            background-size: cover;
        }

    .section-news .item-news .cnt-news-content {
        width: calc(100% - 120px);
        margin-left: 20px;
        float: left;
    }

        .section-news .item-news .cnt-news-content a {
            font-size: 16px;
            color: #000;
            text-decoration: none;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            width: 100%;
            overflow: hidden;
        }

        .section-news .item-news .cnt-news-content .cnt-news-date {
            color: #A3A3A3;
            font-size: 13px;
            /*position: absolute;
            bottom: 0px;*/
            margin-top: 10px;
        }

.section-learn-method {
    margin-bottom: 40px;
}

    .section-learn-method .container {
        padding-top: 40px;
    }

    .section-learn-method .cnt-title-learn {
        position: relative;
    }

        .section-learn-method .cnt-title-learn a {
            color: #43AA63;
            font-size: 18px;
            float: left;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            padding-bottom: 5px;
            font-weight: 600;
        }

        .section-learn-method .cnt-title-learn .cnt-tab-subject {
            float: right;
            width: 70%;
            text-align: right;
            position: absolute;
            right: 0px;
            bottom: 5px;
        }

            .section-learn-method .cnt-title-learn .cnt-tab-subject .item-tab {
                display: inline-block;
                min-width: 50px;
                position: relative;
                text-align: center;
                cursor: pointer;
                padding: 0px 10px;
            }

                .section-learn-method .cnt-title-learn .cnt-tab-subject .item-tab:hover {
                    color: #43AA63;
                }

                .section-learn-method .cnt-title-learn .cnt-tab-subject .item-tab .tab-active {
                    color: #43AA63;
                }

                .section-learn-method .cnt-title-learn .cnt-tab-subject .item-tab .line-item {
                    position: absolute;
                    border-bottom: 2px solid transparent;
                    width: 100%;
                    bottom: -7px;
                    right: 0px;
                }

                .section-learn-method .cnt-title-learn .cnt-tab-subject .item-tab.active {
                    color: #43AA63;
                }

                    .section-learn-method .cnt-title-learn .cnt-tab-subject .item-tab.active .line-item {
                        border-bottom: 2px solid transparent;
                    }

        .section-learn-method .cnt-title-learn .border-line-active {
            border-bottom: 2px solid #E6E6E6;
        }

        .section-learn-method .cnt-title-learn .border-line {
            border-bottom: 2px solid #43AA63;
            width: 275px;
            position: absolute;
            bottom: 0px;
        }

    .section-learn-method .row {
        margin-top: 40px;
    }

        .section-learn-method .row .cnt-img-item {
            position: relative;
            width: 100%;
            height: 160px;
            border: 1px solid #ebebeb;
        }

            .section-learn-method .row .cnt-img-item .img-item {
                width: 100%;
                height: 100%;
                background-position: center;
                background-size: cover;
            }

            .section-learn-method .row .cnt-img-item .infor-subject {
                position: absolute;
                background-color: #56BF56;
                top: 15px;
                left: 15px;
                padding: 5px 15px;
                color: white;
            }

        .section-learn-method .row .cnt-item-content {
            position: relative;
            margin-top: 20px;
        }

            .section-learn-method .row .cnt-item-content .title-item {
                height: 75px;
            }

                .section-learn-method .row .cnt-item-content .title-item a {
                    font-size: 18px;
                    color: #000;
                    text-decoration: none;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    width: 100%;
                    overflow: hidden;
                }

            .section-learn-method .row .cnt-item-content .date-item {
                color: #A3A3A3;
                font-size: 13px;
                margin: 5px 0px;
            }

            .section-learn-method .row .cnt-item-content .notes-item {
                font-size: 14px;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
                margin-bottom: 15px;
                min-height:80px;
            }

            .section-learn-method .row .cnt-item-content .author-item {
                border-bottom: 1px solid #ebebeb;
                padding-bottom: 20px;
            }

        .section-learn-method .row .item-avatar-author {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            margin-right: 10px;
        }

        .section-learn-method .row .share-item {
            position: absolute;
            right: 5px;
            bottom: 25px;
            cursor: pointer;
        }

.section-test .container .cnt-test-quick {
    position: relative;
}

    .section-test .container .cnt-test-quick a {
        display: inline-block;
        text-decoration: none;
        color: #333333;
        font-size: 18px;
        padding-bottom: 5px;
        font-weight: 600;
    }

    .section-test .container .cnt-test-quick .line-title {
        border-bottom: 2px solid #E6E6E6;
    }

    .section-test .container .cnt-test-quick .line-title-active {
        border-bottom: 2px solid #55AB64;
        width: 155px;
        position: absolute;
        bottom: 0px;
    }

.cnt-package-test .cnt-content {
    height: 300px;
}

    .cnt-package-test .cnt-content .cnt-infor {
        padding: 30px 20px;
    }

        .cnt-package-test .cnt-content .cnt-infor i {
            color: #4987C2;
            font-size: 22px;
            margin-right: 10px;
        }

    .cnt-package-test .cnt-content .cnt-questionnaire {
        padding-left: 20px;
        padding-top: 40px;
    }

        .cnt-package-test .cnt-content .cnt-questionnaire button {
            width: 100px;
            margin-left: 20px;
            float: left;
            background-color: #449fc8;
            border-color: #449fc8;
            padding: 12px 12px !important;
        }

            .cnt-package-test .cnt-content .cnt-questionnaire button:hover {
                background-color: #286090;
                border-color: #204d74;
            }

        .cnt-package-test .cnt-content .cnt-questionnaire .form-control {
            height: 45px;
        }

.cnt-package-test .cnt-upgrade {
    padding: 20px;
}

.cnt-package-test .upgrade-title {
    float: left;
    width: 130px;
    line-height: 100px;
    font-size: 16px;
    display: none;
}

.cnt-package-test .cnt-img-upgrade {
    float: left;
    margin-top: -35px;
    position: relative;
}

    .cnt-package-test .cnt-img-upgrade img {
        margin: 0 20px;
        cursor: pointer;
    }

    .cnt-package-test .cnt-img-upgrade .nav li {
        position: relative;
        display: inline-block;
        text-align: center;
    }

    /*.cnt-package-test .cnt-img-upgrade .nav li:before {
            content: "";
            display: block;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #fff;
            width: 100%;
            height: 1px;
            position: absolute;
            top: 50%;
            z-index: -1;
        }*/

    .cnt-package-test .cnt-img-upgrade .nav a {
        display: block;
        background-color: #459AC3;
        color: #fff;
        margin: 36px;
        width: 68px;
        height: 68px;
        position: relative;
        text-align: center;
        line-height: 68px;
        border-radius: 50%;
        font-style: normal;
        speak: none;
    }
        /*.cnt-package-test .cnt-img-upgrade .nav a.month-1{
        background-color: #459AC3;
    }
    .cnt-package-test .cnt-img-upgrade .nav a.month-3{
        background-color: #4DB7AD;
    }
    .cnt-package-test .cnt-img-upgrade .nav a.month-6{
        background-color: #FF8A66;
    }*/

        .cnt-package-test .cnt-img-upgrade .nav a:before {
            content: "";
            display: block;
            background: #fff;
            border-top: 2px solid #ddd;
            position: absolute;
            top: -10px;
            left: -10px;
            bottom: -10px;
            right: -10px;
            z-index: -1;
            border-radius: 50%;
            box-shadow: inset 4px 4px 9px 1px #e7e7e7;
        }

        .cnt-package-test .cnt-img-upgrade .nav a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #53AC66 !important;
        }

.cnt-package-test .cnt-content .cnt-questionnaire .img-select-pack {
    width: 340px;
    position: absolute;
    right: 30px;
    top: 42px;
}

.cnt-package-test .cnt-img-upgrade .nav .item-value {
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    font-size: 28px;
    font-weight: 600;
}

.cnt-package-test .cnt-img-upgrade .nav .item-name {
    display: inline-block;
    padding-top: 2px;
    font-size: 13px;
}

.cnt-package-test .cnt-img-upgrade a {
    color: #000;
    text-decoration: none;
}

    .cnt-package-test .cnt-img-upgrade a .item-package {
        border: 1px solid #E7E7E7;
        text-align: center;
        width: 185px;
        background-color: #FFF;
        margin-left: 30px;
        float: left;
        box-shadow: 3px 3px 3px #EEEEEE;
        position: relative;
    }

        .cnt-package-test .cnt-img-upgrade a .item-package .item-package-header {
            color: white;
            line-height: 40px;
            margin: 2px;
        }

            .cnt-package-test .cnt-img-upgrade a .item-package .item-package-header span {
                font-size: 22px;
                font-weight: 600;
            }

            .cnt-package-test .cnt-img-upgrade a .item-package .item-package-header .item-tg {
                position: absolute;
                top: 2px;
                left: 2px;
                width: 0px;
                height: 0px;
                border-bottom: 0px solid #fff;
                border-top: 30px solid #fff;
                border-right: 30px solid transparent;
                border-left: 0px solid transparent;
                opacity: 0.2;
            }

        .cnt-package-test .cnt-img-upgrade a .item-package .item-package-body .item-line1 {
            line-height: 60px;
        }

            .cnt-package-test .cnt-img-upgrade a .item-package .item-package-body .item-line1 .item-price {
                font-weight: 600;
                font-size: 26px;
            }

            .cnt-package-test .cnt-img-upgrade a .item-package .item-package-body .item-line1 .item-curency {
                font-size: 16px;
            }

        .cnt-package-test .cnt-img-upgrade a .item-package .item-package-body .item-line2 {
            font-size: 15px;
            margin: -10px auto 20px;
        }

            .cnt-package-test .cnt-img-upgrade a .item-package .item-package-body .item-line2 .item-postprice {
                color: #cecece;
                text-decoration: line-through;
            }

            .cnt-package-test .cnt-img-upgrade a .item-package .item-package-body .item-line2 .item-discount {
                color: red;
                font-weight: 600;
                display: inline-block;
                margin-left: 8px;
            }

        .cnt-package-test .cnt-img-upgrade a .item-package .item-hover {
            position: absolute;
            background-color: #449fc8;
            display: none;
            width: 179px;
            left: 2px;
            line-height: 138px;
            opacity: 0.95;
            top: 2px;
        }

        .cnt-package-test .cnt-img-upgrade a .item-package .item-hover-text {
            position: absolute;
            display: none;
            width: 185px;
            left: 0px;
            line-height: 142px;
            color: #fff;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            top: 0px;
        }

        .cnt-package-test .cnt-img-upgrade a .item-package:hover .item-hover,
        .cnt-package-test .cnt-img-upgrade a .item-package:hover .item-hover-text {
            display: block;
        }

.cnt-package-test .cnt-content .cnt-questionnaire select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    width: calc(100% - 120px);
    float: left;
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.cnt-package-test .cnt-content .cnt-questionnaire i.fa.fa-caret-down {
    position: absolute;
    bottom: 15px;
    right: 146px;
    z-index: 1;
}

.section-news .cnt-news-new .title-news-new a:hover,
.section-news .item-news .cnt-news-content a:hover,
.section-learn-method .row .cnt-item-content .title-item a:hover {
    color: #4888C8;
}

iframe[data-testid="dialog_iframe"] {
    bottom: 138pt !important;
}

.fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
    bottom: 90pt !important;
    right: 12pt !important;
}

.footer-small {
    display: none;
}

.timeline-messages:before {
    background: rgba(0, 0, 0, 0.1);
    bottom: 0;
    top: 0;
    width: 2px;
}

.timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before {
    content: "";
    left: 60px;
    position: absolute;
    top: -2px;
}

.timeline-messages, .msg-time-chat, .timeline-messages .msg-in, .timeline-messages .msg-out {
    position: relative;
}


    .timeline-messages .msg-in .arrow {
        /*border-right: 8px solid #F4F4F4 !important;*/
    }

    .timeline-messages .msg-in .arrow {
        border-bottom: 8px solid transparent;
        border-top: 8px solid transparent;
        display: block;
        height: 0;
        left: -8px;
        position: absolute;
        top: 13px;
        width: 0;
    }

    .timeline-messages .msg-out .arrow {
        /*border-right: 8px solid #41cac0 !important;*/
    }

    .timeline-messages .msg-out .arrow {
        border-bottom: 8px solid transparent;
        border-top: 8px solid transparent;
        display: block;
        height: 0;
        left: -8px;
        position: absolute;
        top: 13px;
        width: 0;
    }

    .msg-time-chat:first-child:before {
        margin-top: 16px;
    }

    .msg-time-chat:before {
        background: #CCCCCC;
        border: 2px solid #FAFAFA;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        height: 14px;
        margin: 23px 0 0 -6px;
        width: 14px;
    }

    .msg-time-chat:hover:before {
        background: #4B8DD7;
    }

    .msg-time-chat:first-child {
        padding-top: 0;
    }

.message-img {
    float: left;
    margin-right: 30px;
    overflow: hidden;
}

    .message-img img {
        display: block;
        height: 44px;
        width: 44px;
    }

.message-body {
    margin-left: 80px;
}

.msg-time-chat .msg-in .text {
    border: 1px solid #e3e6ed;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 95%;
}

.msg-time-chat .msg-out .text {
    border: 1px solid #e3e6ed;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 95%;
}

.msg-time-chat p {
    margin: 0;
}

.msg-time-chat .attribution {
    font-size: 14px;
    margin: 0px 0 5px;
}

.msg-time-chat {
    overflow: hidden;
    padding: 8px 0;
}

.msg-in span.postname, .msg-in span.postname:hover {
    color: #b64c4c;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

.msg-out span.postname, .msg-out span.postname:hover {
    color: #288f98;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}
/* Wide Mobile Layout: 375px. */
@media only screen and (max-width: 375px) {
    .cnt-package-test .cnt-img-upgrade img {
        margin: 0 8px;
        width: 80px;
    }

    .section-news .cnt-news-new .img-news-new {
        height: 220px !important;
    }

    .section-news .item-news .cnt-news-content {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (min-width: 540px) and (max-width: 767px) {
    .section2 .item-top {
        height: 230px;
    }
}

@media only screen and (max-width: 767px) {

    .section1 .container {
        padding: 20px 0px;
    }

    .section2 .container {
        padding: 20px 0px 0px 0px;
    }

    .section2 a.item {
        margin-bottom: 20px;
        max-width: 480px;
    }

    .section2 .item:hover::before {
        display: none;
    }

    .margin-form-xs {
        margin-bottom: 10px;
    }

    .text-center-xs {
        text-align: center;
    }

    .f-bg {
        background-image: none;
    }

    .box-search {
        max-width: 480px;
    }

        .box-search .input-group {
            padding: 0px 10px !important;
        }

        .box-search .addon-search {
            width: 40px !important;
            height: 30px;
            padding: 5px;
        }

        .box-search .input-search-l {
            width: 100%;
            margin-top: -10px;
        }

        .box-search .input-search-r {
            width: 100%;
        }

        .box-search .input-lg {
            height: 36px;
        }

    .section3 .f-bg {
        padding: 15px 0px;
    }

    .section3 .huongdan {
        font-size: 18pt;
    }

    .section3 .f-ul li {
        padding-left: 40px !important;
        line-height: 25px !important;
        margin: 10px 0px !important;
    }

        .section3 .f-ul li .i-li {
            width: 25px !important;
            height: 25px !important;
            background-size: 25px !important;
        }

    .k-widget.k-dialog.k-window #k-dialog-custom {
        padding: 5px;
    }

    .section-tthl .txtright {
        text-align: center;
    }

    .box-search .addon-math {
        right: 50px;
        border: 0px;
        height: 33px;
    }

    .box-search .addon-line {
        line-height: 22px;
        margin: 5px 0px;
        padding: 0px 10px;
        border: 0px;
    }

    .box-search .search-query {
        line-height: 30px;
        font-size: 13px !important;
    }

    .section7 .sub-container {
        padding: 30px 0px;
    }

    .section7 .record .line-bt {
        width: 100%;
        border-bottom: 1px dashed#5bb45a;
        margin-bottom: 10px;
    }

    .section7 .record .re-text-right {
        text-align: left;
    }

    .section7 .record h4 {
        font-size: 22px;
    }

    .section7 .record .descr-text {
        font-size: 16px;
    }

    .section-learn-method .cnt-title-learn .border-line {
        width: 220px;
    }

    .section-test .container .cnt-test-quick {
        max-width: 480px;
        margin: 0 auto;
    }

    .cnt-package-test .cnt-content {
        max-width: 480px;
        margin: 0 auto;
        height: 380px;
    }

    .cnt-package-test .cnt-upgrade {
        padding: 0px 20px;
    }

    .cnt-package-test .cnt-content .cnt-infor {
        padding: 30px 20px;
    }

    .cnt-package-test .cnt-content .cnt-questionnaire {
        padding-left: 20px;
    }

    .section-news .cnt-news-new {
        max-width: 480px;
        margin: 0 auto;
    }

    .section-news .item-news {
        max-width: 480px;
        margin: 10px auto;
    }

    .section-news .cnt-title {
        max-width: 480px;
        margin: 0 auto;
    }

    .section-news .cnt-news-new .img-news-new {
        height: 280px;
    }

    .section-learn-method .cnt-title-learn,
    .section-learn-method .row .cnt-img-item {
        max-width: 480px;
        margin: 0 auto;
    }

        .section-learn-method .cnt-title-learn .cnt-tab-subject {
            display: none;
        }

    .section-learn-method .row .cnt-item-content {
        margin: 20px auto;
        max-width: 480px;
    }

    .cnt-package-test .cnt-content .cnt-questionnaire .img-select-pack {
        display: none;
    }

    .cnt-package-test .cnt-img-upgrade a .item-package {
        margin-left: 0px;
        margin-right: 30px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section7 .sub-container {
        padding: 30px 0px;
    }

    .section7 .record .descr-text {
        font-size: 17px;
    }

    .section7 .record .re-img {
        border: 2px dashed #ccc;
    }

    .section-news .cnt-news-new .img-news-new {
        height: 180px;
    }

    .section-news .item-news .cnt-img-news img {
        height: 65px;
    }

    .section-news .item-news .cnt-news-content a {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .section-learn-method .row .cnt-item-content .notes-item {
        height: 100px;
    }

    .section-learn-method .row .cnt-item-content .title-item {
        height: 60px;
    }

    .section-news .cnt-news-new .title-news-new a {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .section-learn-method .cnt-title-learn .cnt-tab-subject {
        width: 70%;
    }

    .section-learn-method .cnt-title-learn .border-line {
        width: 220px;
    }

    .cnt-package-test .cnt-content .cnt-questionnaire .img-select-pack {
        display: none;
    }

    .section-learn-method .row .cnt-item-content .title-item a {
        width: 100%;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section2 .item-top {
        min-height: 150px;
    }

    .section7 .sub-container {
        padding: 30px 50px;
    }

    .section5 img {
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .section-news .cnt-news-new .img-news-new {
        height: 200px;
    }

    .section-news .item-news .cnt-img-news img {
        height: 70px;
    }

    .section-news .item-news .cnt-news-content a {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .cnt-package-test .cnt-content .cnt-questionnaire .img-select-pack {
        display: none;
    }
}

@media only screen and (min-width: 1280px) {
    .sub-container {
        width: 1100px;
        margin: 0px auto;
    }

    .section7 .sub-container {
        padding: 30px 70px;
    }

    .section7 .record .re-img {
        border: 2.4px dashed #ccc;
    }

    .section-learn-method .row .cnt-img-item {
        height: 200px;
    }
}

@media only screen and (min-width: 1366px) {
    .sub-container {
        width: 1280px;
        margin: 0px auto;
    }

    .section7 .record .re-img {
        border: 2px dashed #ccc;
    }

    .section7 .sub-container {
        padding: 30px 100px;
    }

    .section-news .cnt-news-new .img-news-new {
        height: 320px;
    }

    .section-news .item-news .cnt-img-news img {
        height: 70px;
    }

    .cnt-package-test .cnt-content .cnt-questionnaire .img-select-pack {
        width: 450px;
        top: -20px;
    }
}