@media screen and (max-width: 1190px){
    .container{
        width: 860px;
    }
    /*
    * HEADER.
    */
    .header-register-btn,
    .header-hotline,
    .header-bottom,
    .header-kh-right{
        display: none;
    }
    .toggle-nav-mobile,
    .header-mobile .header-main-right,
    .header-mobile .header-bottom,
    .header-mobile .header-kh-right{
        display: block;
    }
    .header-mobile .header-top,
    .header-mobile .header-bottom{
        position: relative;
        background-color: transparent;
    }
    .header-mobile .header-top:after,
    .header-mobile .header-main:after,
    .header-mobile .header-bottom:after{
        position: absolute;
        content: '';
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: #fff url(../images/bg/bg-main-white.png) center center;
        background-size: 400px auto;
        opacity: .1;
    }
    .search-form{
        margin-right: 70px;
    }
    .header-mobile .toggle-nav-mobile{
    }
    .header-mobile .toggle-nav-mobile i:nth-child(1){
        display: none;
    }
    .header-mobile .toggle-nav-mobile i:nth-child(2){
        display: inline-block;
    }
    .header-mobile{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999999;
        border-bottom: 1px solid #fff;
        background: rgba(255, 255, 255, .9);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    .header-kh.header-mobile{
        background-color: var(--th-color-blue);
    }
    .logged-in .header-mobile{
        top: 32px;
        height: calc(100% - 32px);
    }
    .header-mobile .header-main{
        background-color: transparent;
    }
    .header-mobile .header-main .container{
        padding-bottom: 65px;
    }
    .header-mobile .header-main-right{
        position: relative;
        z-index: 100;
        width: 100%;
        margin-top: 30px;
    }
    .header-mobile .search-form{
        position: relative;
        float: none !important;
        width: 100%;
        margin: 0px auto;
        height: 42px;
        z-index: 100;
    }
    .header-mobile .search-input{
        background-color: #fff;
        border-radius: 5px;
        font-size: 16px;
        border: 1px solid var(--th-color-blue);
    }
    .header-mobile .search-input:focus{
        border-color: var(--th-color-red);
    }
    .header-mobile .search-submit{
        height: 42px;
    }
    .header-mobile .header-bottom .container{
        height: auto;
        padding-top: 20px;
    }
    .header-mobile .main-nav{
        margin-top: 0px;
    }
    .header-mobile .header-kh-right{
        width: 100%;
        margin-top: 30px;
        line-height: 60px;
    }
    .header-mobile ul.main-nav-kh{
        width: 100%;
    }
    .header-mobile .main-nav-inner>ul>li,
    .header-mobile ul.main-nav-kh>li{
        width: 100%;
    }
    .header-mobile .main-nav-inner>ul>li:nth-child(n+2){
        border-top: 1px dotted #ddd;
    }
    .header-mobile ul.main-nav-kh>li:nth-child(n+2){
        border-top: 1px dotted #3375f3;
    }
    .header-mobile .main-nav-inner>ul>li>a{
        padding: 0 10px;
        color: var(--th-color-link);
        background-color: transparent !important;
    }
    .header-mobile ul.main-nav-kh>li>a{
        padding: 0 10px;
    }
    .header-mobile .main-nav-inner>ul>li>ul{
        position: relative;
        top: 0px;
        padding: 0px 10px;
        padding-bottom: 20px;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        overflow: hidden;
        background-color: transparent;
        display: flex;
        flex-flow: row wrap;
        border-bottom: none;
    }
    .header-mobile .main-nav-inner>ul>li>ul li:nth-child(n){
        width: calc((100% - 15px) / 2);
        margin-right: 15px;
        float: left;
        border: none;
    }
    .header-mobile .main-nav-inner>ul>li>ul li:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .header-mobile .main-nav-inner>ul>li>ul li:nth-child(n+3){
        margin-top: 15px;
    }
    .header-mobile .main-nav-inner>ul>li>ul li a{
        border-radius: 5px;
        border: 1px dotted var(--th-color-blue);
        text-align: center;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--th-color-link);
    }
    .header-mobile .main-nav-inner>ul>li a:hover{
        color: var(--th-color-red) !important;
    }
    .header-mobile .main-nav-inner>ul>li>ul li a:hover,
    .header-mobile .main-nav-inner>ul>li>ul li a:focus{
        border-color: var(--th-color-red);
    }
    /*
    * FEATURED.
    */
    .featured-item{
        height: auto;
    }
    /*
    * BLOCK KHOA HOC.
    */
    .home-kh-item{
        width: calc((100% - 30px) / 2);
    }
    .home-kh-item:nth-child(3n+3){
        float: left;
        margin-right: 30px;
    }
    .home-kh-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .home-kh-item:nth-child(n+3){
        margin-top: 30px;
    }
    /*
    * FOOTER.
    */
    .footer-item{
        width: calc((100% - 50px) / 2);
    }
    .footer-item:nth-child(1){
        width: 100%;
        margin-right: 0px;
    }
    .footer-item:nth-child(n+2){
        margin-top: 30px;
    }
    /*
    * TAXXONOMY.
    */
    .archive-kh-item{
        width: calc((100% - 30px) / 2);
    }
    .archive-kh-item:nth-child(3n+3){
        float: left;
        margin-right: 30px;
    }
    .archive-kh-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .archive-kh-item:nth-child(n+3){
        margin-top: 30px;
    }
    .primary{
        width: 100%;
    }
    .sidebar{
        width: 100%;
        margin: 0px;
        margin-top: 40px;
    }
}
@media screen and (max-width: 1020px){
    /*
    * SINGLE KHOA HOC.
    */
    .single-khoa-hoc .container{
        width: 860px;
    }
    .kh_dt-item{
        width: calc((100% - 20px) / 2);
    }
    .kh_dt-item:nth-child(3n+3){
        float: left;
        margin-right: 20px;
    }
    .kh_dt-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .kh_dt-item:nth-child(n+3){
        margin-top: 20px;
    }
    /**/
    .block-kh-ts-col{
        width: 100%;
    }
    .block-kh-ts-col-left{
        position: relative;
    }
    .block-kh-ts-col-right{
        margin-top: 30px;
    }
    /**/
    .kh-ck-item{
        width: calc((100% - 30px) / 2);
    }
    .kh-ck-item:nth-child(3n+3){
        float: left;
        margin-right: 30px;
    }
    .kh-ck-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .kh-ck-item:nth-child(n+3){
        margin-top: 20px;
    }
    /**/
    .block-kh-gvcv-item-content .home-dn-item:nth-child(n),
    .kh-gvcv-gallery-item{
        width: calc((100% - 30px) / 2);
    }
    .block-kh-gvcv-item-content .home-dn-item:nth-child(3n+3),
    .kh-gvcv-gallery-item:nth-child(3n+3){
        float: left;
        margin-right: 30px;
    }
    .block-kh-gvcv-item-content .home-dn-item:nth-child(2n+2),
    .kh-gvcv-gallery-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .block-kh-gvcv-item-content .home-dn-item:nth-child(n+3),
    .kh-gvcv-gallery-item:nth-child(n+3){
        margin-top: 30px;
    }
    /**/
    .kh-tt-cn-item{
        position: relative;
        width: calc((100% - 30px) / 2);
    }
    .kh-tt-cn-item:nth-child(3n+3){
        float: left;
        margin-right: 30px;
    }
    .kh-tt-cn-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .kh-tt-cn-item:nth-child(n+3){
        margin-top: 30px;
    }
    .kh-tt-video-item-embed{
        height: 310px;
    }
    /**/
    .kh-hp-wrap{
        width: 100%;
    }
}
@media screen and (max-width: 880px){
    .container,
    .single-khoa-hoc .container{
        width: 95%;
    }
    .header-top-left{
        display: none;
    }
    .search-form{
        display: none;
    }
    .header-mobile .search-form{
        display: block;
    }
    /*
    * HOME INTRO.
    */
    .home-intro-item{
        width: 100%;
    }
    .home-intro-right{
        margin-top: 30px;
    }
    .home-intro-image:before,
    .home-intro-image:after{
        display: none;
    }
    
    .block-home-news{
        display: none;
    }
    /*
    * TAXXONOMY.
    */
    /**/
    .archive-new-item-thumb{
        height: 200px;
    }
    /*
    * PAGE CONTACT.
    */
    .contact-map{
        height: 300px;
    }
    .contact-col2-item{
        width: 100%;
    }
    /*
    * SINGLE KHOA HOC.
    */
    /**/
    .kh-tl-thumb,
    .kh-tl-content{
        width: 100%;
    }
    .kh-tl-content{
        margin-top: 30px;
    }
    /**/
    .kh-ct-item-content li{
        width: calc((100% - 20px) / 2);
    }
    .kh-ct-item-content li:nth-child(3n+3){
        float: left;
        margin-right: 20px;
    }
    .kh-ct-item-content li:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .kh-ct-item-content li:nth-child(n+3){
        margin-top: 3px;
    }
    /**/
    .kh-register-col{
        width:100%;
    }
    .kh-register-left{
        padding-top: 0px;
    }
    .kh-register-right{
        margin-top: 40px;
    }
    /*
    * SINGLE KHOA HOC ONLINE.
    */
    .kh-online-top-left,
    .kh-online-top-right,
    .block-kh-online-primary{
        width: 100%;
    }
    .kh-online-top-right{
        position: relative;
        margin-top: 40px;
    }
    /* Popup Register  */
    .popup-register{
        width: 94%;
    }
    .popup-register-left{
        width: 100%;
    }
    .popup-register-right{
        display: none;
    }
}
@media screen and (max-width: 680px){
    .container,
    .single-khoa-hoc .container{
        width: 94%;
    }
    /*
    * BLOCK KHOA HOC.
    */
    .home-kh-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .home-kh-item:nth-child(n+2){
        margin-top: 30px;
    }
    /*
    * FOOTER.
    */
    .footer-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .footer-item:nth-child(n+2){
        margin-top: 30px;
    }
    /*
    * TAXXONOMY.
    */
    .archive-kh-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .archive-kh-item:nth-child(n+2){
        margin-top: 30px;
    }
    /**/
    .archive-new-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .archive-new-item:nth-child(n+2){
        margin-top: 20px;
    }
    /*
    * SINGLE KHOA HOC.
    */
    .kh_dt-item:nth-child(n),
    .kh-ck-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .kh_dt-item:nth-child(n+2),
    .kh-ck-item:nth-child(n+2){
        margin-top: 20px;
    }
    /**/
    .kh-lt-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .kh-lt-item:nth-child(n+2){
        margin-top: 30px;
    }
    /**/
    .block-kh-gvcv-item-content .home-dn-item:nth-child(n),
    .kh-gvcv-gallery-item{
        width: 100%;
        margin-right: 0px;
    }
    .block-kh-gvcv-item-content .home-dn-item:nth-child(n+2),
    .kh-gvcv-gallery-item:nth-child(n+2){
        margin-top: 30px;
    }
    /**/
    .kh-ct-item-content li:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .kh-ct-item-content li:nth-child(n+2){
        margin-top: 3px;
    }
    .kh-tt-cn-item:nth-child(n),
    .kh-tt-video-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .kh-tt-cn-item:nth-child(n+2),
    .kh-tt-video-item:nth-child(n+2){
        margin-top: 30px;
    }
    /**/
    .kh-hp-col{
        width: 100%;
    }
    /*
    * SINGLE KHOA HOC ONLINE.
    */
    .kh-online-review-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .kh-online-review-item:nth-child(n+2){
        margin-top: 20px;
    }
}