/********************
*   Mobile Styles   *
********************/
@media (min-width: 1200px) {
    .col-side{
        width:370px;
    }
    .col-content {
        width: calc(100% - 370px);
    }
}
    @media (min-width: 1200px) {
        .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
            float: left;
        }

        .wrap-bg-2-img {
            min-height: 615px;
        }

        .wrap-bg-2 {
            min-height: 50px;
        }
    }

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

        /* header
    ----------------------------------------------------------*/
        header .float-left,
        header .float-right {
            float: none;
        }

        /* logo */
        header .site-title {
            margin: 10px;
            text-align: center;
        }

        /* login */
        #login {
            font-size: .85em;
            margin: 0 0 12px;
            text-align: center;
        }

            #login ul {
                margin: 5px 0;
                padding: 0;
            }

            #login li {
                display: inline;
                list-style: none;
                margin: 0;
                padding: 0;
            }

            #login a {
                background: none;
                color: #999;
                font-weight: 600;
                margin: 2px;
                padding: 0;
            }

                #login a:hover {
                    color: #333;
                }

        /* menu */
        nav {
            margin-bottom: 5px;
        }

        ul#menu {
            margin: 0;
            padding: 0;
            text-align: center;
        }

            ul#menu li {
                margin: 0;
                padding: 0;
            }


        /* main layout
    ----------------------------------------------------------*/
        .main-content,
        .featured + .main-content {
            background-position: 10px 0;
        }

        .content-wrapper {
            padding-right: 10px;
            padding-left: 10px;
        }

        .featured .content-wrapper {
            padding: 10px;
        }

        /* page content */
        article, aside {
            float: none;
            width: 100%;
        }

        /* ordered list */
        ol.round {
            list-style-type: none;
            padding-left: 0;
        }

            ol.round li {
                padding-left: 10px;
                margin: 25px 0;
            }

                ol.round li.zero,
                ol.round li.one,
                ol.round li.two,
                ol.round li.three,
                ol.round li.four,
                ol.round li.five,
                ol.round li.six,
                ol.round li.seven,
                ol.round li.eight,
                ol.round li.nine {
                    background: none;
                }

        /* features */
        section.feature {
            float: none;
            padding: 10px;
            width: auto;
        }

            section.feature img {
                color: #999;
                content: attr(alt);
                font-size: 1.5em;
                font-weight: 600;
            }

        /* forms */
        input {
            width: 90%;
        }

        /* login page */
        #loginForm {
            border-right: none;
            float: none;
            width: auto;
        }

            #loginForm .validation-error {
                display: block;
                margin-left: 15px;
            }

        #socialLoginForm {
            margin-left: 0;
            float: none;
            width: auto;
        }

        /* footer
    ----------------------------------------------------------*/
        footer .float-left,
        footer .float-right {
            float: none;
        }

        footer {
            text-align: center;
            height: auto;
            padding: 10px 0;
        }

            footer p {
                margin: 0;
            }
    }
    /* END: Mobile Styles */

    @media (min-width: 992px) {

        .location_con {
            margin: 0 -30px;
        }

        .navigation .navbar .navbar-nav li:after {
            content: "";
            position: absolute;
            height: 14px;
            width: 1px;
            right: 0px;
            top: 50%;
            transform: translateX(0%) translateY(-50%);
            -moz-transform: translateX(0%) translateY(-50%);
            -ms-transform: translateX(0%) translateY(-50%);
            -o-transform: translateX(0%) translateY(-50%);
            transform: translateX(0%) translateY(-50%);
            background-color: #fff;
            display: inline-block;
            display: none;
        }

        .navigation .navbar .navbar-nav li:first-child:after {
            width: 0px;
        }

        .navigation .navbar .navbar-nav li:last-child::after {
            display: none;
        }

        .main-menu.navbar-dark .hover-mode .main-nav > li:hover > a, .main-menu.navbar-dark .hover-mode .main-nav > li > a.active {
            color: #ddd !important;
        }

        .main-menu.navbar-dark .hover-mode .main-nav li:hover > a {
            color: #2196f4 !important;
        }

        .main-menu.navbar-dark .hover-mode .main-nav > li:hover > a {
            color: #fff !important;
        }

        .logo-full .main-logo img {
            max-width: 25rem;
        }

        .search-top-right, .social-top-left {
            top: 50%;
            margin-top: -23px;
            position: absolute;
        }
    }


    @media (min-width: 768px) {

        .home-album-contain {
            height: 100%;
        }
        .header-top {
            border: none;
        }

        .navbar .img_logo, .navbar .navbar-brand {
            display: none;
        }

        .navbar-expand-lg .navbar-collapse {
            margin-top: 5px;
        }

        .grid-six .image {
            width: 70%;
        }

        .grid-six .caption {
            position: absolute;
            width: 50%;
            top: 50%;
            right: 0;
            padding: 2rem;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .col-content {
            padding-right: 0;
        }
    }

    @media (max-width: 968px) {
        .header .header-logo-desktop .img_logo {
            height: auto;
            width: 100%;
            position: absolute;
            top: 0;
            margin-top: 5px;
            margin-left: 0px;
        }

        .navbar-toggler {
            left: 5px;
            top: 5px;
        }

        .header-logo-desktop .title {
            padding: 10px 0px 0 15px;
            text-align: left;
            text-transform: uppercase;
            font-weight: bold;
        }

            .header-logo-desktop .title h1 {
                margin-bottom: 5px;
                color: #fe0000;
                font-size: 20px;
                font-weight: 600;
            }
        /*    .header .header-logo-desktop .img_logo {
        position:absolute;
        width:90%;
    }*/

    }
    /* small mobile :320px. */
    @media (max-width: 768px) {
        .popup_home {
            width: calc(100vw - 20px);
        }
        #right-sidebar{
            display:none;
        }
        .pagination-block .page-numbers {
            width:25px;
            min-width:25px;
        }
            .header-top {
            background: #0071bd;
            line-height: 41px;
            height: 41px;
            position: relative;
            z-index: 9;
            border: 1px solid #0071bd;
        }

        .header-contact ul li a, .header .social ul li a {
            color: #fff;
        }

        .navbar-toggler {
            position: absolute;
            left: unset;
            top: 5px;
            right: 5px;
        }

        #web-slideshow .nivoSlider {
        }

        .top-link .item a {
            min-height: 160px;
        }

        .header-top {
            display: block;
        }

        .top-link .item span.text {
            font-size: 21px;
        }

        .scroll {
            overflow-y: scroll;
            display: flex;
            justify-content: center;
        }

            .scroll > div {
                width: 800px !important;
                margin-left: 10px;
            }

        .scroll-video > div {
            width: 600px !important;
            margin-left: 10px;
        }

        .top-link {
            position: relative;
            display: grid;
            grid-gap: 18px;
            grid-template-columns: repeat(2, 1fr);
            width: 100%;
            background: #f1f6fc;
        }

        #video_main_data {
            display: grid;
            grid-gap: 20px;
            grid-template-columns: repeat(2, 1fr);
            margin-bottom: 30px;
        }

        #video-main-part .item {
            position: relative;
            height: 228px;
        }

        #support-main-part #support_main_data {
            display: grid;
            grid-gap: 20px;
            grid-template-columns: repeat(3, 1fr);
            width: 100%;
            margin-bottom: 30px;
        }

        #support_main_data .item {
            padding: 0 10px;
        }

        #support-main-part .avatar {
            width: 50vw;
            height: 50vw;
        }

        .form-search {
            position: absolute;
            right: 0;
            top: 42px;
            z-index: 99;
            display: none;
        }

        #btnSearchShow {
            display: inline-block;
            position: absolute;
            right: 42px;
            top: -1px;
            z-index: 9;
            font-size: 25px;
            color: #fff;
            font-weight: 400;
        }

        .header .navigation .container img.img_logo {
            height: 45px;
            margin: 0;
            margin-top: 5px;
        }


        .pano-container .slide-item {
            margin-bottom: 15px
        }

        .header-logo-desktop {
            display: none;
        }


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

        .social {
            float: right;
        }

        .contact_head {
            float: right;
            line-height: 30px;
        }

            .contact_head * {
                line-height: 30px !important;
            }

            .contact_head li {
                width: 30px;
            }

                .contact_head li span {
                    display: none;
                }

        .contact_head {
            display: inline-block;
            margin: 0;
            float: left;
        }

            .contact_head li {
                display: inline-block;
                float: right;
            }

        .mhide {
            display: none;
        }

        .navigation .navbar {
            padding: 8px 0px;
        }

        .right-icon {
            position: absolute;
            top: 8px;
            right: 60px;
        }

        .navigation .navbar .navbar-nav {
            margin-right: 0px;
        }

        .navigation .navbar .navbar-collapse {
            background: #fff;
            box-shadow: 6px 8px 6px -6px rgba(1, 38, 76, 0.55);
        }

        .navbar-collapse {
            position: absolute;
            top: calc( 100% + 2px);
            left: 0;
            width: 100%;
            z-index: 99;
            background-color: #fff;
            padding: 5px 10px;
        }

        .navigation .navbar .navbar-nav li {
            margin-right: 0;
        }

            .navigation .navbar .navbar-nav li a {
                padding: 8px 10px;
                display: block;
                color: #34342c;
            }

                .navigation .navbar .navbar-nav li a.menu-home {
                    color: #34342c;
                }

            .navigation .navbar .navbar-nav li .sub-menu {
                position: relative !important;
                width: 100% !important;
                left: 0 !important;
                top: auto !important;
                opacity: 1 !important;
                visibility: visible !important;
                display: none;
                right: auto;
                -webkit-transition: none;
                transition: none;
                -webkit-transform: translateX(0%);
                transform: translateX(0%);
                text-align: left;
            }

            .navigation .navbar .navbar-nav li a .sub-nav-toggler {
                position: absolute;
                padding: 7px 11px;
                background: none;
                border: 0;
                top: 0;
                right: 0;
                cursor: pointer;
                display: block;
            }

        .news-part-53 .single-news {
            width: 100%;
        }

        .bKHCN .single-news .news-cont {
            opacity: 1;
        }

        .bKHCN .single-news .news-cont {
            bottom: 11px;
        }
    }

    .nameweb-mobie, .menu-mobie {
        display: none !important;
    }

    .navigation.is_stuck .nameweb-mobie {
        display: none !important;
    }

    .overlay {
        bottom: 0;
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        background: #000;
        opacity: 0.4;
        z-index: 999998;
    }

    .overlay-menu {
        bottom: 0;
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        right: 50px;
        top: 21px;
        width: 315px;
        z-index: 999999;
        padding-bottom: 30px;
    }

@media (max-width: 568px) {
    .popup{
        width:90% !important;
        height:auto !important;
    }
    .col-side {
        margin-bottom: 15px;
    }
.block-home .content,.wVideo .wrap-bg, .layer6 .news-part-2 .content, .news-part-2 .content {
    height: auto !important;
}

    #tracuu_page .form_search {
        padding: 20px 0px;
        min-height: 260px;
    }

    .pano_tracuu_main .slide-item {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 10px;
    }

    #tracuu_page .row-8 {
        margin: 0 5px;
    }

    #tracuu_page #frmKQ {
        padding: 20px 5px;
        background: #f7f7f7;
    }

    #frmKQ .form_wrapp {
        max-width: 700px;
        margin: 0 auto;
        background: #fff;
        padding: 0px 4px;
    }

    #frmKQ .finput {
        padding-left: 0px;
    }

    .form-search {
        position: absolute;
        right: -15px;
        width: 100vw;
        top: 45px;
        padding: 3px 15px;
        font-size: 16px;
    }

        .form-search .form-control {
            height: 42px;
        }

        .form-search .btn-search {
            height: 42px;
            line-height: 30px !important;
            width: 70px;
        }

    #lien-he .container {
        min-height: 480px;
    }

    .footer-tochuc {
        display: none
    }

    .our_location .com_info dl {
        padding: 0 10px !important;
    }

    .overlay-menu .widget {
        width: 315px;
    }

    .category .category-item img {
        width: 50px;
    }

    #left-sidebar {
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: 15px;
    }

    .overlay-menu #left-sidebar {
        display: block;
        height: 100%;
        overflow: unset;
        position: relative;
        margin-bottom: 15px;
        overflow-x: hidden;
    }

    #aShowSidebar {
        font-weight: bold;
        display: block;
        position: absolute;
        height: 100px;
        width: calc(100% - 16px);
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(0deg, #f5f6fa 18.7%, rgba(0, 0, 0, 0) 100%);
        padding-top: 50px !important;
    }

    .overlay-menu #aShowSidebar {
        display: none;
    }

    #overlay-menu {
        display: none;
    }

        #overlay-menu #left-sidebar {
            display: block;
            padding: 0;
            margin-right: 30px;
        }

            #overlay-menu #left-sidebar .sticky {
                display: block !important;
                position: relative !important;
                bottom: 0 !important;
            }

    .header .navigation .navbar {
        min-height: 55px;
    }

    .header-top {
        display: none;
    }

    .menu-mobie {
        display: inline-block !important;
    }

    .nameweb-mobie {
        display: block !important;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0;
        text-align: center;
        left: 58px;
        top: 0;
        height: 55px;
        right: 64px;
        position: absolute;
        padding-top: 5px;
        padding-left: 15px;
        text-align: left;
    }

    .header-top-left .header-contact {
        display: none
    }


    .category-slide .slick-arrow {
        right: 50px;
        display: none !important;
    }

    #news_page .news-list-row {
        padding: 0;
        margin-bottom: 10px;
    }

    .news-cont {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navigation .sub-menu ul.child-menu {
        top: 0 !important;
        left: 0 !important;
        position: relative;
        display: none;
    }

    div.location_con .com_info dl dt.la-mb {
        width: auto;
        margin: 12px 20px 0 0;
    }

    .la-mb span {
        display: none
    }

    div.location_con .com_info dl dd {
        width: calc(100% - 50px);
        min-height: 35px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .location_con .com_info {
        margin-top: 0px;
        height: auto !important;
    }

    .Home-Pano-Media img {
        width: 100%
    }

    .news-part-5 .single-news .news-thum {
        height: 90px;
    }

    .bKHCN .bDoiTac {
        width: 100%;
    }

    .form-search {
        position: absolute;
        right: -15px;
        width: 100vw;
        top: 45px;
        padding: 3px 15px;
        font-size: 16px;
    }

        .form-search .form-control {
            height: 42px;
        }

        .form-search .btn-search {
            height: 42px;
            line-height: 30px !important;
            width: 70px;
        }

    .alum-list-home {
        display:block;
    }

            .alum-list-home li {
            width: 100% !important;
        }

        .header .navigation .container {
            height: auto;
        }

        .navigation .navbar {
            height: 30px;
            margin: 0;
            padding: 0;
        }

            .navigation .navbar .navbar-toggler {
                position: absolute;
                right: 0px;
                top: 10px;
            }


        .our_location .com_title {
            margin-bottom: 15px;
        }

        .our_location .com_info {
            padding: 0 5px 15px;
            background: none;
        }

        .our_location div-title {
            padding-bottom: 1px !important;
        }

        .location_con .com_info dl {
            height: auto;
        }

        .our_location .com_info dl {
            height: auto;
            padding: 0 30px;
        }

            .our_location .com_info dl dd {
                text-align: left;
            }

        .bcDate, .mhide {
            display: none;
        }

        .ulOrderNews {
            position: relative;
            top: 4px;
            right: 15px;
            font-size: 13px;
            z-index: 8;
            text-align: right;
            width: 100%;
            line-height: 31px;
            height: 31px;
            display: block;
            top: auto;
            right: auto;
            margin-bottom: 0;
        }

            .ulOrderNews::after {
                content: ' ';
                width: 100%;
                clear: both;
                display: block;
            }

            .ulOrderNews li {
                position: relative;
                height: 20px;
                line-height: 20px;
            }

            .ulOrderNews .control {
                margin-right: 0;
            }

            .ulOrderNews li input {
                width: auto;
            }

            .ulOrderNews input[type=radio] {
                top: 10px;
            }

                .ulOrderNews input[type=radio]:checked {
                    display: none;
                }

                    .ulOrderNews input[type=radio]:checked + span, .ulOrderNews .control input:checked ~ .control__indicator {
                        display: none;
                    }

            .ulOrderNews li span {
                font-size: 13px;
            }

        .right-sidebar-lg {
            padding-right: 5px;
            padding-left: 5px;
        }

        .header-top-left {
        }

        .news-block-bottom {
            display: none;
        }

        .single-news.news-list {
            position: relative;
            overflow: hidden;
        }

            .single-news.news-list .news-thum, .single-news.news-list.stt_2 .news-thum {
                display: block;
                width: 33.333333%;
                float: left;
                margin-right: 10px;
            }

        .single-news {
            background: url(../Content/img/line_news_row.jpg) repeat-x bottom;
            padding-bottom: 8px;
            margin-bottom: 15px;
        }

            .single-news p {
                margin: 0;
            }

        .news-part-21 .news-first {
            width: 100%;
        }

        .news-part-21 .news-block-right {
            width: 100%;
        }

        .news-part-5 .news-first {
            width: 50%;
        }

        .news-part-5 .single-news {
            width: 50%;
        }

        .news-part-5 .news-list .news-thum {
            width: 100%;
        }

        .wTuVan img {
            width: 100%;
        }

        .wCateFooter {
            text-align: left;
        }

        .wThongKe {
            text-align: left;
        }

        .mhide {
            display: none;
        }
    }

    @media (max-width: 400px) {
        .top-space {
            top: 20%;
        }
    }