.mobile-menu-bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        display: none;
    }
    
    .mobile-menu-wrap {
        position: fixed;
        top: 0;
        right: 0;
        width: 280px;
        height: 100%;
        background: #fff;
        z-index: 9999;
        visibility: hidden;
        transform: translateX(100%);
    }
    
    .mobile-menu-wrap.animate {
        transition: all 0.35s ease;
    }
    
    .mobile-menu-wrap .logo {
        padding: 10px;
        text-align: center;
    }
    
    .mobile-menu-wrap .logo img {
        height: 50px;
        width: auto;
    }
    
    .mobile-menu-wrap .menu {
        background-color: #fff;
        height: 100vh;
        overflow: auto;
    }
    
    .mobile-menu-wrap .mfooter {
        background-color: #fff;
        height: 30px;
        padding: 10px;
        text-align: center;
        color: #777;
        display: none;
    }
    
    .mobile-menu-wrap .menu .metismenu .sidebar-nav ul a {
        background: transparent;
    }
    
    .mobile-menu-wrap .menu .metismenu .sidebar-nav ul ul a {
        background: lightcyan;
    }
    
    .mobile-menu-toggle-btn {
        cursor: pointer;
        background-color: #fff;
        width: 43px;
        height: 34px;
        position: absolute;
        top: 8px;
        left: 10px;
        text-align: center;
        line-height: 36px;
        font-size: 22px;
        border-radius: 3px;
        display: none;
    }
    
    .mobile-menu-toggle-btn:hover {
        background-color: #fff;
    }
    
    .mobile-menu-toggle-btn i {
        color: #17869c;
    }
    
    .personalArea span a.pa {
        color: #17869c;
        font-size: 13px;
        line-height: 1.42857143;
        border-width: 1px;
        display: inline-block;
        width: 36px;
        text-align: center;
    }
    
    .company_info li:last-child>span {
        display: table;
    }
    
    .fb-like,
    .fb-share-button {
        top: 4px;
    }
    
    .company_info li em {
        font-size: 1.2em;
    }
    
    .footerNav2 {
        background-color: #a0410d;
        color: #FFFFFF;
    }
    
    .padding-bottom-lg {
        padding-bottom: 15px;
    }
    
    .padding-top-lg {
        padding-top: 15px;
    }
    
    .footerNav2 p {
        margin: 0px;
    }
    
    .footerNav2 p a {
        color: lightcyan;
    }
    
    .subsite-tabs {
        margin: -10px !important;
    }
    
    .menu_content {
        display: grid;
        grid-gap: 0;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding: 0;
        margin-bottom: 40px;
    }
    
    .menu_content li {
        padding: 0px 19px;
    }
    
    .title_menucnt {
        font-size: 15px;
        font-weight: 600;
        padding: 10px 0 5px;
        color: #fff;
    }
    
    .title_menucnt a {
        color: #fff;
    }
    
    .title_menucnt a:hover {
        color: #ffea00;
    }
    
    .detail_menucnt {
        color: #fff;
        font-size: 14px;
    }
    
    .menu_content .menu4 .row {
        padding: 61px 10px 20px;
    }
    
    .menu_content .menu3 .row {
        padding: 61px 10px 20px;
    }
    
    .menu_content .menu2 .row {
        padding: 61px 10px 20px;
    }
    
    .menu_content .menu1 .row {
        padding: 61px 10px 20px;
    }
    
    div.news_column .imghome {
        border-radius: 12px;
        object-fit: cover;
    }
    
    .bx-wrapper img {
        height: 200px !important;
        object-fit: cover;
    }
    
    .bx-wrapper {
        margin: 0 !important;
    }
    
    .headerSearch {
        right: 0;
        border-radius: 5px;
    }
    
    #tip {
        margin-right: 5px;
        border-radius: 5px;
    }
    
    .ab-gird-item .text-center p {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 20px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    
    .url-page {
        font-weight: 600;
        font-size: 14px;
        padding-left: 15px;
    }
    
    .well.well-sm .nv-social-share {
        display: flex;
    }
    
    .well.well-sm .nv-social-share li.facebook {
        padding-right: 0;
        width: 155px;
    }
    
    .bx-wrapper .bxslider img {
        border-radius: 10px;
        height: auto !important;
    }
    
    .headerSearch .content_search .input-group-addon {
        padding: 0px;
        background-color: #fff;
    }
    
    .headerSearch .content_search .input-group-addon .btn_search {
        display: inline-block;
        line-height: 1.42857143;
        text-align: center;
        vertical-align: middle;
        border: none;
        padding: 7px 10px;
        background-color: #fff;
    }
    
    .mobile-menu-wrap,
    .mobile-menu-wrap .menu,
    .mobile-menu-wrap .menu .metismenu,
    .mobile-menu-wrap .menu .metismenu .sidebar,
    .mobile-menu-wrap .menu .metismenu .sidebar .sidebar-nav {
        background-color: #1f9fba;
    }
    
    .mobile-menu-wrap .menu .metismenu .sidebar .sidebar-nav {
        border-bottom: 1px solid #1f9fba;
    }
    
    .mobile-menu-wrap .menu .metismenu .sidebar-nav ul a {
        color: #fff !important;
    }
    
    .mobile-menu-wrap .menu .metismenu .arrow {
        color: #fff;
    }
    
    .mobile-menu-wrap .menu .metismenu .sidebar-nav ul ul a {
        background-color: #106374;
    }
    
    .owl-carousel .owl-wrapper-outer {
        border-radius: 30px;
    }
    
    @media (max-width: 991.98px) {
        .bg-slides {
            width: 98%;
            margin: 0 1% 0 1%;
        }

        .bg-slider {
            padding: 8px !important;
        }

        .bx-wraper {
            overflow: hidden;
        }
        .header-nav ul.slimmenu li a,
        .header-nav ul.slimmenu li.current a {
            padding: 20px 9px;
        }
    }
    
    @media (max-width: 820px) {
        .menu_content li .row .images {
            border: 0 solid transparent;
        }
        .menu_content li .row .images {
            width: 100px;
            height: 100px;
        }
    }
    
    @media (max-width: 768px) {
        .menu_content {
            margin-bottom: 0;
        }

        .header-nav {
            height: unset;
        }

        .header-nav .menu-collapser {
            display: none !important;
        }
        .mobile-menu-toggle-btn {
            display: block;
        }
        .open-menu .mobile-menu-bg {
            display: block;
        }
        .open-menu .mobile-menu-wrap {
            visibility: visible;
            transform: translateX(0px);
        }
        .open-menu .mobile-menu-wrap .menu-collapser {
            display: none;
        }
        .open-menu .mobile-menu-wrap .slimmenu {
            display: block !important;
            margin-top: 0 !important;
        }
        .open-menu .header-nav {
            z-index: 1 !important;
        }
        .open-menu ul.slimmenu li .sub-collapser {
            right: 0;
        }
        .open-menu ul.slimmenu>li>a {
            border-radius: 0;
        }
        .body-bg {
            background-position: 0 bottom, left top, left top;
            overflow-x: hidden;
        }
        .company_info li {
            display: block;
            text-align: left;
        }
        #footer .copyrights,
        #footer .copyrights>a,
        .company_info li span {
            color: #427f06;
            text-align: left;
        }
        .personalArea {
            width: calc((100% / 3) - 10px);
        }
        .hidden-ss-block {
            display: block !important;
        }
        .search {
            text-align: center;
        }
        #header .logo h1:after,
        #header .logo .site_name:after {
            font-size: 30px;
        }
        .menu_content {
            grid-template-columns: 1fr 1fr;
        }
        .menu_content .menu1 .row {
            height: 350px;
            margin-bottom: 20px;
            border-radius: 10px;
        }
        .menu_content .menu2 .row {
            height: 350px;
            margin-bottom: 20px;
            border-radius: 10px;
        }
        .menu_content .menu3 .row {
            height: 350px;
            margin-bottom: 20px;
            border-radius: 10px;
        }
        .menu_content .menu4 .row {
            height: 350px;
            margin-bottom: 20px;
            border-radius: 10px;
        }
        .menu_content li .row .images {
            width: 137px;
            height: 137px;
        }
        #header .logo {
            width: calc(100% - 10px);
        }
        .owl-carousel .owl-wrapper-outer {
            border-radius: 20px;
        }
    }
    
    @media (max-width: 767.98px) {
        #header .logo .text_site {
            display: none;
        }
        .banner {
            display: none;
        }
        .logo-site {
            text-align: center;
        }
        .search {
            text-align: right;
        }
        .danhmuc .panel-heading {
            background-position: center;
        }
        .title_menucnt {
            font-size: 18px;
            padding: 20px 0;
        }
        .detail_menucnt {
            font-size: 15px;
        }
    }
    
    @media (max-width: 499px) {
        #tip,
        #footer-tip {
            width: 180%;
        }
        .menu_content {
            grid-template-columns: 1fr;
        }
        .menu_content li {
            padding: 0px 35px;
        }
        .menu_content li.content_menu {
            padding: 0px 10px;
        }
        .menu_content .menu1 .row {
            padding: 85px 10px 20px;
        }
        .menu_content .menu2 .row {
            padding: 85px 10px 20px;
        }
        .menu_content .menu3 .row {
            padding: 85px 10px 20px;
        }
        .menu_content .menu4 .row {
            padding: 85px 10px 20px;
        }
    }
    
    @media (max-width: 320.98px) {
        .mobile-menu-wrap {
            width: 240px;
        }
    }
    
    @media (min-width:500px) {
        .bg-slider {
            padding: 5px;
        }
    }
    
    @media (min-width: 768px) {}
    
    @media (min-width: 992px) {
        .bg-slider {
            padding: 10px;
        }
        .bg-slides {
            background: url('../images/bg_slide.png') no-repeat;
            width: 1200px;
            height: 550px;
            top: -50px;
            left: -145px;
        }
        .owl-carousel .owl-item .img-thumbnail {
            border-radius: 23px;
        }
    }
    
    .block_rednews a {
        color: #ce3937;
    }
    
    .block_red .panel-heading a {
        color: #fff;
    }
    
    .block_green .panel-heading a {
        color: #fff;
    }
    
    .block_orange .panel-heading a {
        color: #fff;
    }

    #footer {
        padding: 40px 0 0;
    }

    ul.slimmenu li a.hovered {
        padding: 23px 19px 38px;
    }