/*RESPONSIVE*/
@media screen and (min-width:1441px) and (max-width:1920px) {
    .container {
        max-width: 1440px;
    }
}

@media screen and (min-width:1200px) and (max-width:1440px) {
    .container {
        max-width: 1230px;
    }

    .group_title.title_newhome {
        font-size: 36px;
    }

    .rmRootGroup > .rmItem > .rmLink > .rmText {
        font-size: 17px;
    }

    .menu_group_home_item {
        margin: 20px 0;
    }

    .group_title.title_newhome h2 {
        font-size: 40px;
    }

    .article-desc {
        font-size: 14px;
    }

    .tintuc .article-items .article-item figure {
        padding-bottom: 15px;
        margin-bottom: 9px;
    }

    .tintuc .article-items .article-item .article-title a h3 {
        font-size: 14px;
        line-height: 1.3;
    }

    .menu_group_home_item_text {
        margin: 0 25px;
        font-size: 18px;
    }

    .article-detail .article-title a h3 {
        font-size: 16px;
    }

    .title_menu {
        font-size: 15px;
    }

    .title-nav {
        font-size: 45px;
    }

    .news__title {
        margin-bottom: 30px;
    }

        .news__title h1 {
            font-size: 28px;
        }

    .widget__title {
        font-size: 14px;
    }

    .name-form-groups {
        font-size: 29px;
        padding: 30px 0 30px;
    }

    .widget__content .widget__item .widget__inner {
        grid-template-columns: 120px auto;
        grid-gap: 10px;
    }

    .m_header_top-text {
        font-size: 14px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .name_page h1 {
        font-size: 35px;
    }

    .m_header_top-text {
        font-size: 13px;
    }

    .rmRootGroup > .rmItem > .rmLink {
        padding: 10px 5px;
    }

        .rmRootGroup > .rmItem > .rmLink > .rmText {
            padding: 0;
            font-size: 16px;
            font-family: robotoSlab_r;
        }

    .widget__content .widget__item .widget__inner {
        grid-template-columns: 105px auto;
    }

    .widget__title {
        font-size: 14px;
    }

    .name-form-groups {
        font-size: 30px;
    }

    .logo.logo_pc img {
        width: 100%;
    }

    .article-items {
        grid-gap: 15px;
    }

    .article-detail {
        padding: 0 15px 15px;
    }

        .article-detail .article-title a h3 {
            font-size: 15px;
        }

    .article-desc {
        font-size: 14px;
    }

    .social-fixed {
        display: none;
    }

    .menu_group_home_item_text {
        margin: 0 15px;
        font-size: 18px;
    }
}

@media screen and (max-width:992px) {
    /* #region MEAN MENU*/
    /* hide the link until viewport size is reached */
    a.meanmenu-reveal {
        display: none;
    }

    /* when under viewport size, .mean-container is added to body */
    .mean-container .mean-bar {
        background: none;
        padding: 0;
        position: absolute;
        max-width: 480px;
        z-index: 1000;
        left: auto;
        top: 100%;
        width: 100%;
        right: 0 !important;
    }

    .mean-container a.meanmenu-reveal {
        color: #c02228;
        cursor: pointer;
        display: block;
        font-family: Arial;
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        padding: 0;
        position: absolute;
        text-decoration: none;
        top: -55px;
        width: 85px;
        background: none;
        border-radius: 4px;
        right: 0 !important;
        left: auto !important;
        text-align: center !important;
    }

        .mean-container a.meanmenu-reveal::before {
            content: "MENU";
            float: left;
            font-size: 15px;
            font-weight: 400;
            padding-top: 1px;
            text-indent: 0px;
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
        }

        .mean-container a.meanmenu-reveal span {
            background: #c02228;
            border-radius: 3px;
            display: block;
            height: 3px;
            margin: 6px 0 0 0px;
            width: 30px;
            text-align: right;
            float: right;
        }

            .mean-container a.meanmenu-reveal span:first-child {
                margin-top: 10px;
            }

    .mean-container .mean-nav {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        float: left;
        margin-top: 0;
        position: absolute;
        top: 0px;
        width: 100%;
    }

        .mean-container .mean-nav ul {
            padding: 0;
            margin: 0;
            width: 100%;
            list-style-type: none;
        }


            .mean-container .mean-nav ul li {
                border-top: 1px solid #e5e5e5;
                background: #2163b0 !important;
                float: left;
                position: relative;
                width: 100%;
            }

                .mean-container .mean-nav ul li a {
                    color: #fff;
                    display: block;
                    float: left;
                    line-height: 42px;
                    margin: 0;
                    padding: 0 15px !important;
                    text-align: left;
                    text-decoration: none;
                    width: 100%;
                }

                    .mean-container .mean-nav ul li a span {
                        font-family: robotoSlab_r !important;
                        color: #fff;
                        font-size: 14px !important;
                    }

                        .mean-container .mean-nav ul li a span:hover {
                            color: #fff !important;
                        }

    .rmRootGroup .rmItem .rmSlide .rmGroup .rmItem .rmLink .rmText {
        margin: 0;
        padding: 10px 0;
        border-bottom: none;
    }

    .mean-container .mean-nav ul li li a {
        width: 90%;
        padding: 0 5%;
        opacity: 0.75;
        filter: alpha(opacity=75);
        text-shadow: none !important;
        visibility: visible;
    }

    .mean-container .mean-nav > ul > li:first-child {
        border: none;
    }

    .mean-container .mean-nav .sub-menu li a {
        text-transform: none;
        white-space: nowrap;
    }

    .mean-container .mean-nav ul li.mean-last a {
        border-bottom: none;
        margin-bottom: 0;
    }

    .mean-container .mean-nav ul li li li a {
        width: 80%;
        padding: 0 10%;
    }

    .mean-container .mean-nav ul li li li li a {
        width: 70%;
        padding: 0 15%;
    }

    .mean-container .mean-nav ul li li li li li a {
        width: 60%;
        padding: 0 20%;
    }

    .mean-container .mean-nav ul li a:hover {
        background: rgba(255, 255, 255, 0.1);
        font-weight: bold;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        margin-top: 1px;
        width: 45px;
        line-height: 18px;
        padding: 12px !important;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
        background: rgba(255, 255, 255, 0.1);
        border: none !important;
        border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

        .mean-container .mean-nav ul li a.mean-expand:hover {
            background: rgba(255, 255, 255, 0.2);
        }

    .mean-container .mean-push {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        clear: both;
    }

    .mean-nav .wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    /* Fix for box sizing on Foundation Framework etc. */
    .mean-container .mean-bar, .mean-container .mean-bar * {
        /*-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;*/
    }

    .mean-remove {
        display: none !important;
    }

    /* #endregion MEANMENU*/
    .m_header_top-text {
        font-size: 13px;
    }

    .header-top {
        padding: 5px 0 0;
    }

    .header-top-inner {
        display: block;
    }

    .m_header_top-group {
        overflow: auto;
        white-space: nowrap;
        padding-bottom: 10px;
    }

    .menu-item {
        display: inline-block;
        padding-right: 6px;
        margin-right: 6px;
    }

        .menu-item a {
            font-size: 14px;
        }

    .header__langguage {
        display: none;
    }

    .grids .item .item-box .inner-project .content-project h3 {
        font-size: 16px;
    }

    .article-items, .grid-1 .article-items, .grid-2 .article-items, .grid-3 .article-items, .grid-4 .article-items, .grid-5 .article-items {
        grid-template-columns: 1fr 1fr;
        padding-bottom: 30px;
    }

    iframe {
        max-width: 100%;
    }

    .menu-footer {
        display: block;
    }

        .menu-footer .m_header_top-group {
            display: block;
            padding-bottom: 30px;
        }

        .menu-footer .menu-item.m_header_top-item {
            padding-right: 0;
            margin-right: 0;
            padding-left: 20px;
        }

            .menu-footer .menu-item.m_header_top-item::before {
                content: "";
                position: absolute;
                height: 8px;
                width: 8px;
                background: #fff;
                border-radius: 100%;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

        .menu-footer .menu-item::after {
            display: none;
        }

        .menu-footer .menu-item.m_header_top-item.menu-frist {
            display: none;
        }

        .menu-footer .menu-item span {
            color: #fff;
        }

            .menu-footer .menu-item span:hover {
                color: #0baf4d;
            }

    .header__langguage_mb {
        position: relative;
    }

    .search-icon, .mbsearch-icon {
        color: #222;
    }

    .rmRootGroup > .rmItem:hover > .rmLink > .rmText {
        color: #fff;
    }

    .header_top {
        margin: 0;
        display: block;
    }

    .logo {
        display: block;
        float: left;
        padding: 10px 0;
        width: 450px;
    }

        .logo img {
            width: 100%;
        }

    .header__langguage_mb {
        display: flex;
        align-items: center;
        float: right;
        margin-top: 15px;
    }

    .header_content {
        display: none;
    }

    .menu_group_home {
        overflow-x: auto;
        justify-content: flex-start;
    }

    .menu_group_home_item {
        margin: 25px auto;
    }

    .congdong_inner .article-items {
        grid-gap: 15px;
    }

    .nghiencuu_inner .article-items {
        grid-gap: 15px;
    }

    .article-detail {
        padding: 0 15px 30px;
    }

    .menu-item::after {
        display: none;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .page_dangky {
        padding: 40px 0;
    }

    .name_page h1 {
        font-size: 28px;
        padding-bottom: 25px;
    }

    .detail-form {
        padding: 20px;
        border: 1px solid #aeaeae;
    }

    .dk-group-item {
        font-size: 15px;
    }

    .dk-item {
        font-size: 15px;
    }

    .form-check-inline {
        margin-right: 25px;
    }

    .danhba-items-inner {
        grid-template-columns: 1fr;
    }

    .name-form-groups {
        font-size: 25px;
        padding: 35px 0 20px;
    }

    .menu_group_home_item_text {
        margin: 0 10px;
    }

    .button-group {
        text-align: center;
        padding: 30px 0 30px;
    }

    .grids .item {
        width: 50%;
        padding: 10px;
    }

    .title-nav {
        font-size: 38px;
    }

    .related_content {
        grid-template-columns: 1fr 1fr;
    }

    .widget__content .widget__item .widget__inner {
        grid-template-columns: 100%;
        grid-gap: 0px;
    }

    .widget__desc {
        font-size: 14px;
    }

    .news__title {
        margin-bottom: 25px;
    }

        .news__title h1 {
            font-size: 20px;
        }

    .grid-3 .article-items {
        grid-template-columns: 1fr 1fr 1fr;
        padding-bottom: 30px;
    }

    .group_title.title_newhome {
        padding-top: 30px;
        font-size: 34px;
    }

    .article-items {
        grid-template-columns: 1fr 1fr;
    }

    .taphuan_inner .article-items {
        grid-template-columns: 1fr 1fr;
    }

    .daotao_inner .article-items {
        grid-template-columns: 1fr 1fr;
    }

    .hoptac_inner .article-items {
        grid-template-columns: 1fr 1fr;
    }

    .group_title.title_newhome h2 {
        font-size: 38px;
    }
}

@media screen and (max-width:767px) {
    .page_dangky {
        padding: 30px 0;
    }

    .dangky_inner {
        margin: auto;
        width: 100%;
    }

    .dk-item {
        font-size: 14px;
    }

        .dk-item span {
            font-size: 14px;
        }

    .dk-group-item {
        font-size: 14px;
    }

        .dk-group-item .control .form-check {
            padding-left: 25px;
        }

        .dk-group-item.baoluu .baoluu_inner {
            padding-left: 24px;
        }

    .detail-form {
        padding: 15px 15px;
    }

    .name_page h1 {
        font-size: 28px;
        padding-bottom: 10px;
    }

    .hotline-fix {
        display: block;
    }

    .map {
        height: 400px;
    }

    .group_title.title_newhome h2 {
        font-size: 35px;
    }

    .form-groups {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    .name-form-groups {
        font-size: 28px;
        padding: 30px 0 0;
    }

    .contact_content_items {
        grid-template-columns: 1fr;
        grid-gap: 15px;
        padding-bottom: 40px;
    }

    .article-items, .grid-1 .article-items, .grid-2 .article-items, .grid-3 .article-items, .grid-4 .article-items, .grid-5 .article-items {
        grid-gap: 15px;
    }

    .news__title {
        margin-bottom: 30px;
    }

        .news__title h1 {
            font-size: 24px;
        }

    .title-nav {
        font-size: 34px;
    }

    .related_content {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }

    /*.article__single_inner {
        grid-template-columns: 100%;
    }*/

    .page-content.page-article {
        padding: 30px 0;
    }

    .button-group {
        padding: 30px 0 30px;
    }

        .button-group a {
            font-size: 16px;
            padding: 0 10px;
        }

    .grids .item {
        width: 50%;
        padding: 10px;
    }

    .page-content.article_listing {
        padding-top: 30px;
    }

    .navigate {
        display: none;
    }

    .hot_content .article-items {
        grid-template-rows: unset !important;
        grid-template-columns: 1fr 1fr;
    }

    .page_menu .article-items {
        padding: 30px 0 30px;
    }

    .article-desc {
        font-size: 14px;
    }


    .article-detail .article-title a h3 {
        font-size: 16px;
    }

    .listing_item_hot {
        padding: 30px 0 0px;
    }

    .menu_group_home_item_text {
        margin: 0 20px;
    }

    .social-fixed {
        display: none;
    }

    .banner_image {
        margin: 0;
        height: 190px;
    }

        .banner_image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .group_title.title_newhome {
        padding-top: 25px;
        font-size: 25px;
    }

    .group_desc.desc_newhome {
        font-size: 18px;
    }

    .menu_group_home_item {
        margin: 20px auto;
    }

    .article-detail {
        padding: 0 15px 30px;
    }

    .xemthem {
        padding-bottom: 30px;
    }

    .ft-top-inner {
        grid-template-columns: 1fr;
    }

    .ft-bot-inner span {
        display: block;
        margin: 0;
        padding: 0;
    }

    .copyright::after {
        display: none;
    }

    .nghiencuu_inner .article-items {
        grid-template-columns: 1fr 1fr;
    }

    .congdong_inner .article-items {
        grid-template-columns: 1fr 1fr;
    }

    .dk-group-item.dk-group-item-cmt {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}

@media screen and (max-width:576px) {
    .danhba-items-inner {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 30px;
    }

    input.datepicker {
        max-width: 199px;
    }

    .dk-item {
        grid-template-columns: 110px auto;
        margin-bottom: 10px;
    }

        .dk-item.region {
            grid-template-columns: 1fr 1fr;
        }
}

@media screen and (max-width:480px) {
    .logo {
        display: block;
        float: left;
        padding: 10px 0;
        width: 300px;
    }

    .header__langguage_mb {
        margin-top: 5px;
    }

    .mean-container a.meanmenu-reveal {
        width: 35px;
        height: 35px;
        line-height: 35px;
        top: -45px;
    }

        .mean-container a.meanmenu-reveal::before {
            display: none;
        }

    .related_content {
        grid-template-columns: 1fr;
    }

    .grids .item {
        width: 100%;
        padding: 10px;
    }

    .article-items, .grid-1 .article-items, .grid-2 .article-items, .grid-3 .article-items, .grid-4 .article-items, .grid-5 .article-items {
        grid-template-columns: 1fr;
    }

    .title-nav {
        font-size: 28px;
    }

    .navigate ol li a {
        font-size: 15px;
    }

    .menu_group_home_item_text {
        margin: 0 10px;
        font-size: 16px;
    }

    .article-home .group_title.title_newhome {
        font-size: 27px;
    }

    .title_menu {
        font-size: 15px;
        line-height: 1.2;
    }
}

@media screen and (max-width:375px) {
    .group_desc.desc_newhome {
        font-size: 16px;
    }

    .ft-bot-inner span {
        font-size: 13px;
    }

    .menu_group_home_item_text {
        margin: 0 10px;
        font-size: 14px;
    }
}