@media only screen and (max-width: 480px) {
    .research-post li {
        margin: 8px 0 5px 0 !important;
    }

    .article-embed > a {
        width: 20%;
    }

    .article-embed > a img {
        width: 100%;
    }

    .article-embed > div h4 {
        line-height: 1.4;
    }

    .article-embed > div p {
        margin-bottom: 5px;
    }

    .advise-title {
        font-size: 18px;
    }

    .advise-box {
        padding: 30px 15px 20px 15px !important;
    }

    .advise-sub {
        font-size: 16px;
        margin-bottom: 15px !important;
    }

    .bf-row {
        flex-direction: column;
    }

    .bf-col {
        width: 100% !important;
    }

    .bf-col:first-child {
        margin-bottom: 15px;
    }

    /* hide mobile */
    .top-header, .main-menu, .section-title h3:after, .section-title h3:before, .fo-item:after, .se-event, .site-footer, .doc-img, #live-pager a span,
    #es-s2 .gr1b:after {
        display: none;
    }

    /* show mobile */
    .site-footer-m {
        display: block;
    }

    /* reset container */
    .se-test .container , .se-test .col-sm-7, .se-know .container, .se-advice .container, .se-video .container {
        padding: 0;
    }

    body {
        font-size: 14px;
    }

    .bgcover {
        background-size: cover !important;
        background-position: center center !important;
    }

    #content {
        margin-top: 81px;
    }

    .se-test, .se-know {
        min-height: 580px;
    }

    .section-title h3 {
        font-size: 16px;
    }

    .se-woman {
        padding: 20px 0;
    }

    .wo-vid iframe {
        width: 100%;
        height: 235px;
    }

    .wo-box {
        margin-top: 18px;
    }

    .wo-l, .wo-r {
        float: none;
        width: 100%;
        text-align: center;
    }

    .wo-l span {
        display: block;
        margin-bottom: 5px;
    }

    .wo1 {
        margin-bottom: 5px;
    }

    .wo2 {
        padding: 0;
    }

    .wo-btn {
        margin-top: 20px;
    }

    .sec-title {
        font-size: 16px;
        padding: 8px 30px;
        line-height: 1.2;
        margin: 0 0 25px 0;
        width: 80%;
    }

    .se-test {
        padding: 30px 0 0 0;
    }

    .te-desc {
        font-size: 14px;
        margin: 0 0 15px 0;
        padding: 0 15px;
    }

    .te-desc p {
        margin: 0;
        text-align: left;
        display: inline;
    }

    .te-logo {
        width: 100%;
        height: auto;
        margin-top: 0;
        background: none;
        text-align: left;
        padding: 0 15px;
    }

    .te-logo:after {
        content: '';
        display: inline-block;
        margin: 0 auto 15px 13%;
    }

    .te-btn {
        text-align: left;
        margin-top: 10px;
        margin-left: 6%;
    }

    .te-cta {
        width: 160px;
        font-size: 16px;
    }

    .te-l2 {
        font-size: 16px;
    }

    .te-count {
        font-size: 18px;
        width: 190px;
        margin-left: 2%;
    }

    .te-lb1 {
        margin: 0 0 5px 0;
        padding: 0;
        display: block;
        width: 100%;
    }

    .te-lb2 {
        text-align: center;
        margin: 0;
        padding: 0 20px;
        width: 100%;
    }

    .te-num {
        margin: 0 auto 10px auto;
        font-size: 20px;
        width: 158px;
        height: 40px;
        float: none;
    }

    .bgnum span {
        background: url("../img/responsive/bgnum.png") no-repeat;
        width: 37px;
        height: 36px;
        line-height: 36px;
    }

    .te-num span {
        margin-top: 3px;
    }

    .se-know {
        padding: 30px 0 0 0;
    }

    .kn-title.section-title {
        margin: 0 auto 15px auto;
    }

    .kn-desc {
        font-size: 13px;
        margin-bottom: 15px;
        padding: 0 15px;
    }

    .kn-count {
        margin: 0 0 15px 0;
        color: #328b31;
    }

    .kn1 {
        font-size: 18px;
        display: inline-block;
        vertical-align: top;
    }

    .kn2 {
        font-size: 18px;
        margin: 0;
        display: inline-block;
        width: 70px;
        text-align: left;
        line-height: 1.1;
    }

    .kn-num {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        vertical-align: top;
        margin: 0 5px;
    }

    .kn-num.bgnum span {
        background: url("../img/responsive/bgnum.png") no-repeat;
        width: 37px;
        height: 36px;
        line-height: 36px;
    }

    .kn-btn {
        display: none;
    }

    .kn-cta {
        margin: 0;
        font-size: 16px;
        width: 150px;
        margin-left: -12px;
    }

    .site-footer {
        padding: 20px 0 0 0;
    }

    .ca-title {
        font-size: 16px;
        text-align: center;
        line-height: 1.3;
    }

    .fo-contact-wr {
        margin: 25px 0 0 0;
    }

    .fo-contact-wr:after {
        width: 100%;
        background-size: contain;
    }

    .fo-contact {
        margin-bottom: 15px;
    }

    .fo-item {
        float: none;
        margin-bottom: 20px;
    }

    .fo-name {
        margin-bottom: 5px;
    }

    .fo-cta {
        margin: 0;
    }

    .se-video {
        padding: 20px 0 25px 0;
        width: 90%;
        margin: 0 auto;
    }

    .sche-title {
        margin: 40px auto 15px auto;
    }

    .sche-list {
        margin: 0;
    }

    .sche-list li:after {
        width: 96%;
    }

    .sche-logo {
        margin: 25px auto 0 auto;
    }

    .live-title {
        font-size: 16px;
    }

    .live-sub {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .bx-wrapper {
        margin: 0;
    }

    .live-frame iframe {
        width: 100%;
        height: 230px;
    }

    .live-pager-title {
        margin: 10px auto;
    }

    #live-pager a {
        width: 30%;
        margin-right: 3%;
    }

    #advice-noitiet {
        background: none;
    }

    .se-advice {
        padding: 30px 0;
        width: 100%;
        margin: 0 auto;
    }

    .se-advice .row {
        margin: 0;
    }

    .se-advice .col-sm-9 {
        padding: 0;
    }

    .se-advice .col-sm-3 {
        text-align: center;
    }

    .doc-title.sec-title {
        font-size: 14px;
        width: 90%;
        line-height: 1.3;
        text-align: center;
        margin: 0 auto 15px auto;
        display: block;
    }

    .que-title {
        width: 230px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding: 0;
    }

    .doc-list {
        position: relative;
    }

    .doc-list:after {
        content: '';
        background: url("../img/bgdoc.jpg") no-repeat;
        background-size: contain;
        width: 100%;
        height: 255px;
    }

    .doc-item {
        margin: 0 auto;
        width: 50%;
        float: left;
        height: 120px;
    }

    .doc-head {
        height: auto;
    }

    .doc-head:after {
        bottom: 0;
    }

    .doc-sub {
        margin: 5px auto;
        height: auto;
    }

    .doc-form {
        display: inline-block;
    }

    .home-slider, .kc_column {
        padding: 0 !important;
    }

    .menu-mobile {
        display: block;
    }

    .menu-bar {
        background: rgba(42,126,50,1);
        background: -moz-linear-gradient(top, rgba(42,126,50,1) 0%, rgba(26,115,42,1) 50%, rgba(22,113,39,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(42,126,50,1)), color-stop(50%, rgba(26,115,42,1)), color-stop(100%, rgba(22,113,39,1)));
        background: -webkit-linear-gradient(top, rgba(42,126,50,1) 0%, rgba(26,115,42,1) 50%, rgba(22,113,39,1) 100%);
        background: -o-linear-gradient(top, rgba(42,126,50,1) 0%, rgba(26,115,42,1) 50%, rgba(22,113,39,1) 100%);
        background: -ms-linear-gradient(top, rgba(42,126,50,1) 0%, rgba(26,115,42,1) 50%, rgba(22,113,39,1) 100%);
        background: linear-gradient(to bottom, rgba(42,126,50,1) 0%, rgba(26,115,42,1) 50%, rgba(22,113,39,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7e32', endColorstr='#167127', GradientType=0 );
    }

    .bar1, .bar2 {
        float: left;
        display: inline-block;
    }

    .menu-bar .logo {
        background: url("../img/responsive/logo.png") no-repeat;
        width: 100px;
        height: 81px;
        display: inline-block;
        text-indent: -9999px;
    }

    .menu-bar .bar2 {
        color: white;
        font-style: italic;
        margin: 25px 0 0 15px;
    }

    .menu-bar .bar2:after {
        content: '';
        background: url("../img/responsive/curve.png") no-repeat;
        width: 160px;
        height: 11px;
        display: block;
        margin: 0 auto;
    }

    .menu-bar .menu-btn {
        float: right;
        background: url("../img/responsive/menu-btn.png") no-repeat;
        width: 31px;
        height: 18px;
        display: inline-block;
        border: none;
        text-indent: -9999px;
        margin: 30px 15px 0 0;
        outline: none;
    }

    #main-menu-m {
        padding-left: 0;
        margin: 10px 0;
    }

    #main-menu-m .menu-item {
        display: block;
        width: 100%;
        border-bottom: 1px dashed #ccc;
        padding: 5px;
    }

    #main-menu-m .logo {
        display: none;
    }

    .tp-leftarrow {
        left: -5% !important;
    }

    .tp-rightarrow {
        left: 104% !important;;
    }

    .gr-title {
        font-size: 14px;
        height: 30px;
        line-height: 34px;
        margin-bottom: 20px;
        width: 80% !important;
    }

    .gr-wr {
        text-align: center;
    }

    .gr-col {
        float: none;
        margin-bottom: 15px;
    }

    #ntt-s1 {
        padding: 30px 0;
    }

    #ntt-s1 .gr1 {
        margin-left: 0;
        font-size: 14px;
        background: white;
        border: 2px solid #f15d63;
        border-radius: 8px;
        height: auto;
        padding: 10px;
    }

    #ntt-s1 .gr2 img {
        width: 80%;
    }

    .bg-slash {
        background-color: #f9f7f7;
        background-size: cover;
    }

    #ntt-s2 {
        padding: 30px 0 0 0;
    }

    #ntt-s2 .gr1 {
        width: 100%;
        height: auto;
        margin: 0;
        border: none;
        padding: 0;
    }

    #ntt-s2 .gr1 iframe {
        width: 100%;
        height: 200px;
    }

    #ntt-s2 .gr1 p {
        margin-top: 10px;
        font-size: 16px;
        padding: 0 20px;
    }

    #ntt-s2 .gr2 {
        width: 100%;
    }

    #ntt-s2 .gr2 #vt-group {
        margin: 15px auto;
    }

    #ntt-s2 .gr2 #vt-group .vt-item {
        font-size: 14px;
    }

    #ntt-s2 .gr2 #vt-group .vt-items {
        padding-bottom: 10px;
    }

    #ntt-s3 {
        padding: 30px 0 20px 0;
    }

    #ntt-s3 .gr-title {
        width: 100% !important;
        font-size: 10px;
        margin-bottom: 40px;
    }

    #ntt-s3 .gr1 {
        margin-left: 0;
    }

    #ntt-s3 .gr2 {
        width: 100%;
    }

    #ntt-s3 .gr2 .item {
        margin-top: 15px;
    }

    #ntt-s3 .gr2 h3 {
        font-size: 18px;
    }

    #ntt-s3 .gr2 .item p {
        font-size: 14px;
    }

    #ntt-s4 {
        padding: 30px 0 20px 0;
    }

    #ntt-s4 .gr-title {
        width: 100% !important;
        font-size: 10px;
    }

    #ntt-s4 .gr1 {
        margin: 10px 0 20px 0;
    }

    #ntt-s4 .gr2 {
        width: 90%;
    }

    #ntt-s4 .gr2 .item {
        height: 70px;
        padding: 10px 5px;
    }

    #ntt-s4 .gr2 .item .name {
        height: auto;
        vertical-align: middle;
    }

    #ntt-s4 .gr2 .item .name span {
        width: 40px;
        height: 40px;
        font-size: 10px;
        padding-top: 9px;
    }

    #ntt-s4 .gr2 .item:first-child .name span, #ntt-s4 .gr2 .item:nth-child(3) .name span, #ntt-s4 .gr2 .item:nth-child(4) .name span {
        padding-top: 15px;
    }

    #ntt-s4 .gr2 .item .desc {
        padding: 5px 0 0 10px;
        text-align: left;
    }

    #ntt-s4 .gr2 .item .desc p {
        font-size: 12px;
    }

    #ntt-s4 .gr2 .item:nth-child(3) .desc {
        padding-top: 0;
        top: -3px;
        position: relative;
    }

    #ntt-s5 {
        padding: 30px 0;
    }

    #ntt-s5 .gr-title {
        width: 100% !important;
        font-size: 13px;
    }

    #ntt-s5 .gr1, #ntt-s5 .gr2 {
        width: 100%;
        height: auto;
    }

    #ntt-s5 .gr1 {
        margin-left: 0;
        margin-bottom: 15px;
    }

    #ntt-s5 .gr-col {
        border: 1px dashed #318d29;
        padding: 10px;
    }

    #ntt-s5 .item {
        font-size: 11px;
    }

    #ntt-s5 .gr1 .item {
        width: 30%;
        margin-right: 15px;
    }

    #ntt-s5 .gr1 .item:last-child {
        margin-right: 0;
    }

    #ntt-s5 .gr1 .item img, #ntt-s5 .gr2 .item img {
        height: auto;
    }

    #ntt-s5 .gr-col h3 {
        font-size: 18px;
    }

    #ntt-s5 .item p {
        padding: 0;
        height: auto;
        margin: 10px 0 0 0;
    }

    #ntt-s5 .gr2 .item {
        width: 50%;
    }

    #ntt-s5 .gr-btn {
        text-align: center;
        margin: 10px 0 0 0;
    }

    #ntt-s6 {
        padding: 30px 0;
    }

    #ntt-s6 .wh-title {
        font-size: 16px;
        margin: 0 0 5px 0;
    }

    #ntt-s6 .wh-sub {
        font-size: 16px;
        margin: 0 0 20px 0;
    }

    #ntt-s6 .gr-wr {
        margin: 0;
        border: none;
    }

    #ntt-s6 .gr-col {
        width: 100%;
        margin-bottom: 20px;
    }

    #ntt-s6 .gr-row {
        padding: 8px 10px;
        text-align: left;
    }

    #ntt-s6 .gr-point span {
        width: 90%;
    }

    #ntt-s6 .gr-row1, #ntt-s6 .gr-row2, #ntt-s6 .gr-row3,
    #ntt-s6 .gr-row4, #ntt-s6 .gr-row5, #ntt-s6 .gr-row6 {
        height: auto;
    }

    #ntt-s6 .gr-point {
        margin-bottom: 0;
    }

    #ntt-s6 .gr-point:before {
        content: '';
        width: 8px;
        height: 8px;
        top: 5px;
    }

    #ntt-s6 .gr-row1, #ntt-s6 .gr-row2 {
        border-bottom: 2px solid #fff;
    }

    #ntt-s6 .gr-row.gr-odd {
        padding-top: 10px;
    }

    #ntt-s6 .gr-head {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    #ntt-s6 .gr1 .gr-head {
        border-top-right-radius: 8px;
    }

    #ntt-s6 .gr2 .gr-head {
        border-top-left-radius: 8px;
    }

    #ntt-s6 .gr-btn {
        text-align: center;
        margin-right: 0;
    }

    #ntt-s6 .gr-row1 .gr-img {
        text-align: center;
    }

    .bg-sun {
        background: #fdfbef;
    }

    #ntt-s7 {
        padding-top: 30px;
    }

    #ntt-s7 .gr-title {
        width: 90% !important;
    }

    #ntt-s8 {
        padding-bottom: 30px;
    }

    #ntt-s8 .def-title {
        background: white;
        width: 100%;
        height: auto;
        font-size: 13px;
        margin: 0 auto 20px auto;
    }

    #ntt-s8 .def-title span {
        display: inline;
    }

    #ntt-s8 .gr1 {
        margin: 0;
        width: 80%;
    }

    #ntt-s8 .gr2 {
        margin-right: 0;
    }

    #ntt-s8 .def1 {
        font-size: 16px;
        margin: 15px auto;
    }

    #ntt-s8 .def2, #ntt-s8 .de2-even {
        font-size: 16px;
    }

    #ntt-s8 .gr-btn {
        text-align: center;
        margin-right: 0;
    }

    #ntt-s9 {
        padding: 20px 0 10px 0;
    }

    #ntt-s9 .gr-item {
        text-align: center;
        margin-bottom: 30px;
    }

    #ntt-s9 .item-img {
        float: none;
        margin: 0 auto 15px auto;
    }

    #ntt-s9 .item-desc {
        padding: 0;
        font-size: 14px;
    }

    #ntt-s9 .item-btn {
        text-align: center;
        margin-top: 10px;
    }

    #cd-s1 {
        padding: 20px 0 0 0;
    }

    #se50:after {
        height: 20px;
    }

    #cd-s2 {
        padding: 30px 0;
    }

    #cd-s2 .gr-col {
        height: auto;
        padding: 15px;
    }

    #cd-s2 .gr1 {
        width: 100%;
        margin-left: 0;
        margin-bottom: 40px;
    }

    #cd-s2 .gr1 .gr-btn, #cd-s2 .gr2 .gr-btn {
        left: 32%;
    }

    #cd-s2 .gr2 {
        width: 100%;
    }

    #cd-s2 .gr-img {
        height: auto;
        margin-bottom: 15px;
    }

    #cd-s2 .desc {
        font-size: 13px;
        text-align: center;
        margin-bottom: 15px;
    }

    #cd-s3 {
        padding: 30px 0;
    }

    #cd-s3 .gr-wr {
        width: 100%;
        height: auto;
    }

    #cd-s3 .gr1 h3 {
        font-size: 18px;
        margin: 15px auto;
    }

    #cd-s3 .gr1 p {
        padding: 0 15px;
        font-size: 14px;
    }

    .bg-green3 {
        background: #309200;
    }

    #cd-s4 {
        padding: 30px 0 10px 0;;
    }

    #cd-s4 .gr1 {
        margin: 0 auto 30px auto;
    }

    #cd-s4 .gr2 {
        width: 100%;
        margin: 0 auto;
    }

    #cd-s4 .gr2 .item {
        font-size: 14px;
        margin-bottom: 15px;
    }

    #cd-s4 .gr2 .item:before {
        width: 8px;
        height: 8px;
        margin-right: 3px;
    }

    #cd-s4 .gr2 .item span {
        width: 92%;
    }

    #cd-s6 {
        padding: 30px 0;
    }

    #cd-s6 .gr-wr {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    #cd-s6 .gr-wr:after {
        display: none;
    }

    #cd-s6 .gr1 {
        width: 100%;
    }

    #cd-s6 .gr1 h3 {
        font-size: 16px;
        margin: 15px 0;
    }

    #cd-s6 .gr1 .desc {
        font-size: 16px;
        margin-bottom: 15px;
    }

    #cd-s6 .gr1 .lee {
        font-size: 14px;
        margin-bottom: 15px;
        padding: 0 10px;
    }

    #cd-s6 .gr1 .gr-btn {
        margin-bottom: 15px;
    }

    #cd-s7 {
        padding: 20px 0 10px 0;
    }

    #cd-s7 .gr-title {
        height: 30px;
        line-height: 34px;
        font-size: 14px;
        margin-bottom: 30px;
    }

    .cd-line, .cd-period:after {
        display: none;
    }

    #cd-s7 .gr1 {
        margin: 0 auto;
    }

    .cd-up {
        margin: 0 auto 5px auto;
    }

    .cd-up .cd-period, .cd-down .cd-period {
        margin: 0 auto 15px auto;
    }

    .cd-down {
        margin: 0 auto;
    }

    .cd-period .name {
        font-size: 14px;
        text-align: left;
        vertical-align: middle;
    }

    .green-banner {
        background: url(../img/taitro/green-slash.png) no-repeat;
    }

    #tt-banner {
        padding: 20px 0;
        font-size: 13px;
    }

    #tt-banner:before {
        width: 100%;
        height: 50px;
        left: 0;
        margin-bottom: 15px;
        background-size: contain;
    }

    #tt-banner .gr2 {
        margin-bottom: 5px;
    }

    #tt-banner .gr3 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    #tt-banner .gr4 {
        padding: 0 10px;
    }

    #tt-s1 {
        padding: 0 0 30px 0;
    }

    .tt-title {
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.3;
    }

    .tt-title span {
        display: inline;
    }

    #tt-s1 .gr-video {
        width: 100%;
        height: 200px;
    }

    #tt-s1 .gr1 {
        font-size: 14px;
        margin-top: 20px;
    }

    #tt-s1 .gr2 {
        font-size: 14px;
        padding: 0;
        margin-bottom: 15px;
    }

    #tt-s1 .gr3 img {
        display: none;
    }

    #tt-s1 .gr3 {
        background: url(../img/taitro/congthuc-m.jpg) no-repeat;
        background-size: contain;
        width: 100%;
        min-height: 620px;
        background-position: center center;
    }

    #tt-s2 {
        padding: 0 0 30px 0;
    }

    #tt-s2 .tt-title {
        margin-bottom: 15px;
    }

    #tt-s2 .gr1 {
        font-size: 14px;
        margin-bottom: 15px;
    }

    #tt-s3 {
        padding: 30px 0;
    }

    #tt-s3 .gr-title {
        margin-bottom: 15px;
        width: 100% !important;
        height: auto;
        line-height: 1.5;
        padding: 10px;
    }

    .fta1, .fta2 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .tt-s3b {
        margin-top: 20px;
    }

    .tt-s3b iframe {
        width: 100%;
        height: 220px;
    }

    #tt-s4 {
        padding: 30px 0 20px 0;
    }

    #tt-s4 .gr1 {
        width: 100%;
    }

    #tt-s4 .gr1 .year:before {
        width: 8px;
        height: 8px;
        margin-right: 5px;
    }

    #tt-s4 .gr1 .year {
        font-size: 13px;
        width: 90px;
    }

    #tt-s4 .gr1 .desc {
        font-size: 13px;
    }

    #tt-s5 {
        padding: 30px 0;
    }

    #tt-s5 .gr-title {
        font-size: 13px;
    }

    #tt-s5 .gr1 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    #tt-s5 .gr2 ul li {
        margin: 0 auto 15px auto;
        padding: 10px;
        background: #309200;
        border-radius: 8px;
        height: auto;
    }

    #tt-s5 .gr2 ul li span {
        font-size: 13px;
    }

    #tt-s6 {
        padding: 30px 0 20px 0;
    }

    #tt-s6 .gr-title {
        margin-bottom: 30px;
    }

    #tt-s6 .gr1 {
        margin: 0 auto 15px auto;
    }

    #tt-s6 .gr1:after {
        display: none;
    }

    #tt-s6 .gr2 {
        margin: 0 auto 10px auto;
    }

    #tt-s7 {
        padding: 30px 0;
    }

    .bg-gslash2 {
        background-color: #309200;
    }

    #tt-s7 .gr1 {
        width: 283px;
        height: auto;
        padding: 15px;
        margin: 0 auto 40px auto;
    }

    #tt-s7 .tt-register h4 {
        font-size: 16px;
    }

    #tt-s7 .tt-register p {
        margin-bottom: 15px;
    }

    #tt-s7 .gr2 {
        margin: 0 auto;
    }

    #tt-s7 .tt-step .num {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        top: -15px;
        left: 45%;
    }

    #tt-s7 .tt-step {
        padding: 30px 20px 20px 20px;
    }

    #tt-s7 .tt-step h4 {
        font-size: 13px;
        margin: 0 0 15px 0;
    }

    #tt-s7 .gr3 {
        margin-top: 40px;
    }

    #tt-s7 .tt-hotline {
        margin-top: 30px;
    }

    #tt-s7 .tt-hotline span {
        width: 220px;
        font-size: 16px;
        padding-left: 20px;
    }

    .breadcrumb {
        padding: 20px 0;
        margin-bottom: 0;
    }

    .single-article .entry-title {
        font-size: 24px;
        margin-top: 0;
    }

    .post-category {
        margin-bottom: 30px;
    }

    .post-category-l {
        float: none;
        width: 90%;
        margin: 0 auto;
        display: block;
        padding-bottom: 20px;
    }

    .post-category-r {
        float: none;
        display: block;
        width: 90%;
        padding-left: 0;
        margin: 0 auto;
    }

    .post-category-r .entry-title {
        font-size: 16px;
        font-weight: bold;
    }

    .post-category-r .read-more-wr {
        text-align: right;
        padding-right: 10px;
    }

    aside.widget {
        margin-bottom: 15px;
    }

    #cd-post .list-post-title, #cd-post .cd-small .list-post-title {
        left: 30%;
        font-size: 15px;
        width: 140px;
    }

    .cd-now.kc-owl-post-carousel .owl-item .in-post-content, .cd-now.kc-owl-post-carousel:after,
    .cd-now.kc-owl-post-carousel:before, .cd-list-post:after, .cd-list-post:before {
        display: none;
    }

    .cd-now.kc-owl-post-carousel .owl-item .image {
        float: none;
        margin: 0;
    }

    #cd-post .kc-owl-post-carousel .owl-item .title a {
        font-size: 13px;
    }

    .cd-now.owl-nav-arrow.owl-theme .owl-controls .owl-buttons div:before,
    .cd-ago.owl-nav-arrow.owl-theme .owl-controls .owl-buttons div:before,
    .cd-will.owl-nav-arrow.owl-theme .owl-controls .owl-buttons div:before {
        font-size: 35px;
    }

    .cd-now.kc-owl-post-carousel {
        padding: 50px 30px 0 35px;
        height: auto;
    }

    #cd-post .owl-nav-arrow.owl-theme .owl-controls .owl-buttons .owl-next {
        right: -10px;
    }

    .cd-now.kc-owl-post-carousel .owl-item .footer-button {
        padding: 0;
    }

    .cd-will.kc-owl-post-carousel {
        margin-bottom: 50px;
    }

    #cd-post {
        padding: 30px 0;
    }

    #cd-post .gr-title {
        margin-bottom: 50px;
    }

    .cd-list-post.list-post-type .list-item {
        float: none;
        width: 80%;
        margin: 0 auto 15px auto;
        text-align: center;
    }

    .cd-list-post.list-post-type .list-item:first-child, .cd-list-post.list-post-type .list-item:last-child {
        margin: 0 auto 20px auto;
    }

    .cd-list-post {
        padding: 15px 0 0 0;
    }

    .bg-thuonglam {
        background-size: cover;
        background-position: initial;
    }

    .ulist:after {
        content: '';
        background: url(../img/curve.png) no-repeat;
        width: 245px;
        height: 16px;
        display: block;
        margin: 0 auto;
    }

    .ulist h3 {
        color: #328b31;
        font-family: "Proxima Nova Semibold", Roboto, sans-serif;
        font-size: 22px;
        text-transform: uppercase;
        text-align: center;
        margin: 30px auto;
    }

    .ulist ul {
        list-style: none;
        padding: 0;
    }

    .ulist li {
        width: 50%;
        display: inline-block;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }

    .ulist li .img {
        height: 90px;
    }

    .ulist li p {
        color: #328b31;
        text-transform: uppercase;
        font-family: "Proxima Nova Semibold", Roboto, sans-serif;
        font-size: 13px;
        padding: 0 15px;
        margin: 0;
    }

    .ufan {
        text-align: center;
        margin: 30px auto;
    }

    .sche-item {
        background: #fefced;
    }

    .sche-l {
        width: 25%;
    }

    .sche-r {
        width: 75%;
    }

    #es-s1 {
        width: 80%;
        padding: 20px 0;
        margin: 0 auto;
    }

    #es-s1 .es-desc {
        font-size: 14px;
    }

    .es-title h3 {
        font-size: 16px;
        margin: 0;
    }

    #es-s2 {
        padding: 30px 0 0 0;
    }

    #es-s2 .gr1 {
        width: 100%;
    }

    #es-s2 .gr1a {
        margin: 0 auto;
        font-size: 14px;
        width: 100%;
    }

    #es-s2 .gr1b {
        width: 90%;
    }

    #es-s2 .gr2 {
        margin: 30px auto;
    }

    #es-s2 .gr2b span {
        font-size: 16px;
        padding: 6px 20px 6px 15px;
        border: 1px dashed #2e8c28;
    }

    #es-s2 .gr2b1 {
        margin: 15px 10px auto 0;
    }

    #es-s3 {
        padding: 20px 0 0 0;
        height: auto;
    }

    #es-s3:after, #es-s3:before {
        display: none;
    }

    #es-s3 .gr-title {
        height: 34px;
        font-size: 9px;
        line-height: 40px;
        margin-bottom: 30px;
        width: 320px !important;
    }

    #es-s3 .gr-title .vn {
        width: 25px;
        height: 25px;
        margin-top: 10px;
        background-size: contain;
    }

    #es-s3 .gr1 {
        margin-left: 0;
    }

    #es-s3 .quote {
        font-size: 14px;
        margin: 0 auto;
    }

    #es-s3 .gr1 .quote {
        width: 320px;
        background-size: contain;
        height: 160px;
        padding-top: 25px;
        display: block;
    }

    #es-s3 .gr2 {
        margin: 30px 0 0 0;
    }

    #es-s3 .gr2 .quote {
        width: 320px;
        height: 180px;
        font-size: 14px;
        background-size: contain;
        display: block;
    }

    #es-s4 {
        padding: 30px 0;
    }

    #es-s4 .gr-title {
        height: 30px;
        font-size: 11px;
        line-height: 31px;
        margin-bottom: 30px;
    }

    #es-s4 .gr1 {
        margin: 0 auto;
    }

    .gr-title.gr-ti {
        height: 30px;
        font-size: 10px;
        line-height: 32px;
        margin-bottom: 30px;
        width: 320px !important;
    }

    #es-s7 {
        padding: 30px 0;
    }

    #es-s7 .gr-title {
        height: 30px;
        margin-bottom: 0;
        font-size: 11px;
        line-height: 31px;
        width: 270px !important;
    }

    .kc_tabs>.kc_wrapper>.kc_tabs_nav {
        margin-left: 0 !important;
    }

    .kc_tabs_nav>li {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .kc_tabs_nav>li>a {
        width: 70px;
        height: 30px;
        font-size: 10px;
        line-height: 30px !important;
        padding: 0 !important;
    }

    .kc_tabs_nav>li:last-child a {
        padding: 0 5px !important;
        width: auto;
    }

    #an-uong .kc_tab_content, #san-pham-bo-sung .kc_tab_content, #van-dong .kc_tab_content {
        padding: 0;
    }

    .tab-an .gr1 {
        width: 92%;
    }

    .tab-an .gr1 .title {
        margin: 15px 0;
        padding: 0;
        font-size: 16px;
    }

    .tab-an .gr-panel {
        margin-bottom: 15px;
    }

    .tab-an .gr-panel .gr-head {
        height: 38px;
        line-height: 38px;
        padding-left: 0;
        font-size: 11px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }

    .tab-an .gr-panel .gr-body {
        padding: 15px 10px 10px 10px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .tab-an .gr-panel .gr-body .image {
        float: none;
        padding: 0 0 15px 0;
        margin-top: 0;
    }

    .tab-an .gr-items {
        padding: 5px 15px 0 15px;
    }

    .tab-an .gr-item {
        border-radius: 15px;
        padding: 10px;
        margin-bottom: 15px;
    }

    .tab-an .gr-item .image {
        display: block;
        margin: 0 auto;
    }

    .tab-an .gr-item .desc {
        display: block;
        padding: 0;
    }

    .tab-an .gr2 {
        width: 90%;
    }

    .tab-an .gr2 .title {
        font-size: 16px;
        padding: 0;
        margin-bottom: 15px;
    }

    .tab-an .gr2 .triangle {
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-bottom: 250px solid #1f8811;
    }

    .tab-vd .gr1 h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .tab-vd .gr1 .tab-sapo {
        font-size: 14px;
        padding: 10px;
    }

    .tab-vd .gr1 .tab-sapo p.last {
        margin-top: 10px;
    }

    .tab-vd .gr1 {
        margin-bottom: 30px;
        padding: 0 10px;
    }

    .tab-vd .gr-title {
        margin-bottom: 20px;
        width: 295px !important;
        font-size: 12px;
    }

    .tab-vd .gr2 {
        margin-bottom: 20px;
    }

    .tab-vd .gr2 iframe {
        width: 90%;
        height: 200px;
    }

    .tab-vd .gr3 {
        margin-bottom: 20px;
        padding: 20px 0 10px 0;
    }

    .tab-vd .gr3 .rule-list li {
        display: block;
        margin: 0 auto 15px auto;
    }

    .tab-vd .gr3 .rule-list li:last-child {
        margin: 0 auto;
    }

    .tab-vd .gr3 .rule-list li .caption {
        min-height: inherit;
        font-size: 13px;
        padding: 10px 8px;
        margin-right: 0;
    }

    .tab-vd .gr5 {
        margin-bottom: 30px;
        padding: 0 10px;
    }

    .tab-vd .gr5 .gr-title {
        width: 310px !important;
        font-size: 10px;
    }

    .tab-vd .gr5 .ca-move {
        width: 160px;
        height: 36px;
        font-size: 13px;
        line-height: 36px;
    }

    .tab-vd .gr5 .ca-wr {
        border: 1px dashed #1f8811;
    }

    .tab-vd .gr5 .ca-part {
        margin-bottom: 0;
    }

    .tab-vd .gr5 .ca-part p {
        font-size: 14px;
    }

    .tab-vd .gr5 .ca-left, .tab-vd .gr5 .ca-right {
        float: none;
        width: 100%;
    }

    .tab-vd .gr5 .ca-left {
        padding: 0 10px;
    }

    .tab-vd .gr5 .ca-right {
        padding: 0 30px 10px 30px;
    }

    #practiceCarousel .carousel-indicators {
        bottom: -40px;
    }

    .tab-sp .gr1 {
        font-size: 13px;
        padding: 10px;
        margin: 15px 15px 25px 15px;
    }

    .tab-sp .gr2 {
        padding: 0 10px;
    }

    .tab-sp .gr2 .gr-title {
        margin-bottom: 20px;
        font-size: 11px;
        width: 310px !important;
    }

    .tab-sp .gr2 .items {
        border: 1px dashed #1f8811;
        padding: 15px 10px 0 10px;
    }

    .tab-sp .gr2 .item .desc {
        width: 65%;
        font-size: 13px;
        padding: 10px;
    }

    .tab-sp .gr2 .item .name {
        width: 35%;
        font-size: 13px;
        vertical-align: top;
        padding: 15px 10px;
    }

    .tab-sp .gr3 {
        padding: 15px;
        margin: 15px auto 0 auto;
    }

    .tab-sp .gr3 ul li {
        display: inline-block;
        margin: 0;
        width: 22%;
    }

    .tab-sp .gr3 .desc {
        font-size: 14px;
        padding: 10px 15px;
        margin-top: 0;
    }

    .tab-sp .gr4 {
        padding: 20px 0 10px 0;
    }

    .tab-sp .gr4 .img {
        border: 1px dashed #1f8811;
        width: 80%;
        height: auto;
        margin: 0 auto 15px auto;
        padding: 0 10px;
    }

    .tab-sp .gr4 .gr-wr {
        width: 90%;
    }

    .tab-sp .gr4 .gra {
        width: 100%;
    }

    .tab-sp .gr4 .gra p {
        font-size: 13px;
    }

    .tab-sp .gr4 .gra p.sapo {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .tab-sp .gr4 .grb {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .tab-sp .gr4 .grb .desc {
        margin-top: 10px;
    }

    .tab-sp .gr4 .gr-cta {
        margin-top: 10px;
    }

    .tab-sp .gr5 .tt-title {
        font-size: 16px;
        margin: 15px auto;
    }

    .tab-sp .gr5 .gra {
        margin-bottom: 15px;
    }

    .tab-sp .gr5 .grb {
        margin-bottom: 15px;
    }

    .tab-ds .gr1 {
        margin-bottom: 15px;
    }

    .tab-ds .gr1 h3 {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .tab-ds .ds-circle {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background: none;
    }

    .tab-ds .ds-circle .item {
        font-size: 14px;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        text-align: left;
        margin-bottom: 5px;
    }

    .tab-ds .ds-circle .item:nth-child(even):before {
        width: 5px;
        height: 5px;
        top: 5px;
        left: -10px;
    }

    .tab-ds .ds-circle .item:nth-child(odd):after {
        width: 5px;
        height: 5px;
        top: 5px;
        right: auto;
        left: -10px;
    }

    .tab-ds .gr2 {
        border: 1px dashed #1f8811;
        margin-bottom: 15px;
        padding: 15px 15px 0 15px;
    }

    .tab-ds .gr2 .gr-item {
        margin-bottom: 15px;
    }

    .tab-ds .gr2 .item-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .tab-ds .gr2 .item-img {
        float: none;
        margin: 0 auto;
    }

    .tab-ds .gr2 .item-desc {
        font-size: 13px;
        padding-right: 0;
        margin: 10px auto;
    }

    .tab-ds .gr2 .item-btn .gr-cta {
        margin-right: 0;
    }

    .bges5 #ntt-s6 {
        padding-bottom: 10px;
    }

    .bges6 #ntt-s5 {
        padding: 30px 0;
    }

}

@media only screen and (max-width: 360px) {
    .kn-desc {
        margin-bottom: 10px;
    }

    .se-know {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 320px) {
    .menu-bar .bar2 {
        margin-left: 5px;
    }

    .menu-bar .menu-btn {
        margin-right: 10px;
    }

    #tt-s1 .gr3 {
        min-height: 520px;
    }
}