/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

@font-face {
    font-family: 'LinhAvantGarde';
    src: url('../fonts/LinhAvantGarde.woff2') format('woff2'),
        url('../fonts/LinhAvantGarde.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LinhAvantGarde';
    src: url('../fonts/LinhAvantGarde-DemiBold.woff2') format('woff2'),
        url('../fonts/LinhAvantGarde-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* .custom-block-news {
    display: flex;
    flex-direction: row;
} */
.custom-gradient {
    background: -moz-linear-gradient(top, rgba(157,29,31,1) 0%,rgba(157,29,31,1) 29%,rgba(157,29,31,0.98) 30%,rgba(157,29,31,0.93) 39%,rgba(157,29,31,0.88) 49%,rgba(157,29,31,0.76) 59%,rgba(157,29,31,0.28) 79%,rgba(157,29,31,0.02) 89%,rgba(157,29,31,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(157,29,31,1) 0%,rgba(157,29,31,1) 29%,rgba(157,29,31,0.98) 30%,rgba(157,29,31,0.93) 39%,rgba(157,29,31,0.88) 49%,rgba(157,29,31,0.76) 59%,rgba(157,29,31,0.28) 79%,rgba(157,29,31,0.02) 89%,rgba(157,29,31,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(157,29,31,1) 0%,rgba(157,29,31,1) 29%,rgba(157,29,31,0.98) 30%,rgba(157,29,31,0.93) 39%,rgba(157,29,31,0.88) 49%,rgba(157,29,31,0.76) 59%,rgba(157,29,31,0.28) 79%,rgba(157,29,31,0.02) 89%,rgba(157,29,31,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d1d1f', endColorstr='#009d1d1f',GradientType=0 ); /* IE6-9*/
}
.custom-gradient-bt {
    background: -moz-linear-gradient(bottom, rgba(157,29,31,1) 0%, rgba(157,29,31,1) 23%, rgba(157,29,31,0.98) 30%, rgba(157,29,31,0.93) 37%, rgba(157,29,31,0.88) 41%, rgba(157,29,31,0.76) 55%, rgba(157,29,31,0.28) 78%, rgba(157,29,31,0.02) 89%, rgba(157,29,31,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(157,29,31,1) 0%,rgba(157,29,31,1) 23%,rgba(157,29,31,0.98) 30%,rgba(157,29,31,0.93) 37%,rgba(157,29,31,0.88) 41%,rgba(157,29,31,0.76) 55%,rgba(157,29,31,0.28) 78%,rgba(157,29,31,0.02) 89%,rgba(157,29,31,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(157,29,31,1) 0%,rgba(157,29,31,1) 23%,rgba(157,29,31,0.98) 30%,rgba(157,29,31,0.93) 37%,rgba(157,29,31,0.88) 41%,rgba(157,29,31,0.76) 55%,rgba(157,29,31,0.28) 78%,rgba(157,29,31,0.02) 89%,rgba(157,29,31,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d1d1f', endColorstr='#009d1d1f',GradientType=0 ); /* IE6-9*/
}
.custom-gradient-rtl {
    background: -moz-linear-gradient(right, rgba(157,29,31,1) 0%, rgba(157,29,31,1) 23%, rgba(157,29,31,0.98) 30%, rgba(157,29,31,0.93) 37%, rgba(157,29,31,0.88) 41%, rgba(157,29,31,0.76) 55%, rgba(157,29,31,0.28) 78%, rgba(157,29,31,0.02) 89%, rgba(157,29,31,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, rgba(157,29,31,1) 0%,rgba(157,29,31,1) 23%,rgba(157,29,31,0.98) 30%,rgba(157,29,31,0.93) 37%,rgba(157,29,31,0.88) 41%,rgba(157,29,31,0.76) 55%,rgba(157,29,31,0.28) 78%,rgba(157,29,31,0.02) 89%,rgba(157,29,31,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(157,29,31,1) 0%,rgba(157,29,31,1) 23%,rgba(157,29,31,0.98) 30%,rgba(157,29,31,0.93) 37%,rgba(157,29,31,0.88) 41%,rgba(157,29,31,0.76) 55%,rgba(157,29,31,0.28) 78%,rgba(157,29,31,0.02) 89%,rgba(157,29,31,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d1d1f', endColorstr='#009d1d1f',GradientType=1 ); /* IE6-9*/
}
.bg-grey {
    background-color: #3e3e3d;
}
/*.bg-events {
    padding-bottom: 36px;
}*/
.im-flex-section-row {
    margin-top: -7px;
}
.block-title {
    margin-top: 50px;
    margin-bottom: 50px;
}
.block-title h2 {
    font-family: 'LinhAvantGarde';
    font-weight: 700;
    font-size: 40px !important;
    line-height: normal;
    color: #4e4e4e;
    display: inline-block;
    text-transform: uppercase;
}
.block-title h2::after {
    content: "";
    display: block;
    background-color: #4e4e4e;
    height: 3px;
    margin-top: 10px;
}
.text-white h2 {
    color: #fff;
}
.text-white h2::after {
    background-color: #fff;
}
.featured-post .height-news {
    height: 370px;
}
.featured-post .img {
    display: block;
    margin-bottom: 10px;
    height: 406px;
}
.item-inner a {
    font-family: 'LinhAvantGarde';
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    color: #4e4e4e;
    outline: none;
}
.css-items h3{
    margin-top: 15px
}
.custom-block-news .slick-dotted.slick-slider.double-slider {
    margin-bottom: 0;
}
.double-slider {
    overflow: hidden;
    min-height: 450px;
}
.double-slider .slick-slide > div:first-child {
    padding-bottom: 7px;
}
.double-slider .slick-slide > div:last-child {
    padding-top: 7px;
}
.double-slider .item-content {
    position: relative;
}
.double-slider .item-content .img {
    display: block;
    height: 230px;
}
.item-content .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.double-slider .item-content .item-inner{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px;
}
.double-slider .item-inner a,
.double-slider .item-inner a:link,
.double-slider .item-inner a:focus {
    color: #fff;
    outline: none;
}

.double-slider .slick-slide{
    margin-bottom: 20px
}

.double-slider .slick-dots {
    bottom: -6px;
    width: calc(100% - 30px);
}
.double-slider .slick-dots li button:before {
    font-size: 10px;
    color: #9a9a9a;
    opacity: 1;
}
.double-slider .slick-dots li.slick-active button:before{
    color: #9a9a9a;
}
.non-slider .item {
    padding-top: 19px;
    padding-bottom: 19px;
    border-bottom: 1px solid #c2c3c2;
}
.non-slider .item:first-child {
    padding-top: 0;
}
.im-flex-main-news-btn {
    margin-top: 50px;
    margin-bottom: 50px;
}
.bg-events .im-flex-main-news-btn {
    padding-bottom: 30px;
}
.bg-events .im-flex-main-news-btn > a {
    display: none !important;
}
.btn-custom-red {
    font-family: 'LinhAvantGarde';
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    display: inline-block;
    padding: 8px 40px;
    border: 2px solid #b02c2a;
    color: #b02c2a !important;
    background-color: #fff;
    border-radius: 30px;
}
.btn-custom-red:hover {
    color: #fff !important;
    background-color: #b02c2a;
}
.btn-custom-white {
    color: #fff !important;
    border-color: #fff;
    background-color: transparent;
}
.btn-custom-white:hover {
    color: #4e4e4e !important;
    background-color: #fff;
}
.main-header {
    position: absolute;
    z-index: 12;
    width: 100%;
}
.main-header .site-banner {
    padding-bottom: 0;
}
.menu-fixed.sticky {
    position: fixed;
    height: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
    animation: smoothScroll 0.5s forwards;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(0px);
    }
}
.home-header-nav {
    box-shadow: none;
}
.home-header .section-header-bar {
    display: none;
}
.home-header .logo>a,
.home-header .section-header .home-title{
    display: none;
}
.home-header .section-header,
.home-header-nav,
.main-header ul.slimmenu{
    background-color: transparent !important;
}
#header .right-top {
    padding: 0;
    align-items: center;
}
#header .right-top {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 10px 0;
}
.right-top .menu_topright ul{
    display: flex;
    justify-content: space-between;
    padding-left: 0px;
}
.right-top .menu_topright ul {
    justify-content: right;
    margin-bottom: 0px;
}
.right-top .menu_topright ul li a {
    padding: 20px 15px;
    text-transform: none;
    font-weight: 400;
    text-shadow: 0 1px 0 rgb(255 255 255 / 20%);
    background: none;
    color: #fff;
    font-size: 17px
}
.home-header-nav .bg {
    background: transparent;
    background-image: none !important;
    box-shadow: none;
}

.main-header ul.slimmenu > li > a {
    color: #fff !important
}
.main-header.sticky .section-header {
    background-color: #c02135 !important;
}
.main-header.sticky .home-header-nav {
    background-color: #fdfdfe !important;
    box-shadow: 0 0px 3px 2px rgb(0 0 0 / 30%);
}
.main-header.sticky .home-header-nav ul.slimmenu > li > a {
    color: #393637 !important;
}
#header .logo {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#header .logo h1 {
    display: block;
}
#header .home-title {
    margin-left: 10px;
}
#header .home-title > *{
    font-family: 'LinhAvantGarde';
    color: #fff;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
}
#header .home-title h1 {
    font-size: 26px;
    font-weight: 600;
}
#header .home-title h2 {
    font-size: 20px;
}
.home-body {
    position: relative;
    overflow: hidden;
}
.rsearch {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 2px
}
.rsearch a {
    color: #fff;
}
.rsearch a i {
    font-size: 20px;
}
.header-bar-search {
    display: none;
    background-color: #393637;
}
/* .header-bar-search.active{
    display: block;
} */
.search-form-inner label {
    color: #fff;
}
.search-form-inner .input-group-addon {
    background-color: transparent;
    border: none;
    padding: 0;
    padding-left: 10px;
}
.search-form-inner .input-group-addon .btn {
    background-color: transparent;
    border: none;
    padding: 0;
}
.search-form-inner .input-group-addon .btn i {
    font-size: 24px;
}
.custom-block-news .item-inner a:hover {
    color: #b02c2a;
}
.main-header #header .logo {
    /* padding-top: 10px; */
    padding-left: 5px;
}
.btn-toggle-mobile-menu {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    position: absolute;
    right: 12px;
    top: calc(50% - 14px);
    display: none;
    box-shadow: none;
}
.btn-toggle-mobile-menu:focus {
    box-shadow: none;
}
.btn-toggle-mobile-menu .icon-bar {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
    box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
}
.btn-toggle-mobile-menu .icon-bar+.icon-bar {
    margin-top: 5px;
}
.languages .language a {
    display: block;
    box-shadow: 0 0px 2px 1px rgb(0 0 0 / 15%);
}
.languages .language a:first-child {
    margin-bottom: 5px;
}
.mobile-menu-items {
    display: none;
}
.languages {
    margin-top: -20px;
}
.social-red {
    background-color: #b42025 !important;
}
.social-blue {
    background-color: #3a5a9b !important;
}
.social-red2 {
    background-color: #bc2126 !important;
}
.social-blue2 {
    background-color: #017cb7 !important;
}
.social-red3 {
    background-color: #de4d38 !important;
}
.social-blue3 {
    background-color: #62a8dc !important;
}
.fixed_social {
    position: absolute;
    width: 40px;
    height: 480px;
    right: 3px;
    top: calc(40% - 60px);
    display: block;
    z-index: 10;
}
.fixed_social #socialList,
.fixed_social .socialList {
    display: inline-block;
}
.fixed_social .socialList li{
    display: block;
    margin-right: 0;
}
.fixed_social .socialList li a {
    width: 40px;
    height: 40px;
    border-radius: 4px;
}
.fixed_social .socialList li a:hover{
    opacity: 0.8;
}
.fixed_social .socialList li a .fa {
    font-size: 30px;
}
.fixed_social .socialList li a .custom-news {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../images/subscriber.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
}
.hide-on-desktop {
    display: none;
}
.col-three {
    padding: 15px;
}
.col-three:first-child {
    padding-left: 6px;
}
.col-three:nth-of-type(4) {
    padding-right: 0;
}
.col-three .three-content {
    background-color: #fff;
}
.col-three .three-content.mh-450 {
    min-height: 450px;
}
.three-content .item-content {
    position: relative;
}
.three-content .item-content .img {
    display: block;
    height: 265px;
}
.three-content .item-content .group {
    display: block;
    height: 135px;
    padding: 40px 20px 20px;
}
.three-content .item-content .group.group-right {
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    /* align-items: center; */
    padding: 15px 15px 0;
}
.three-content .item-content .date-published{
    display: inline-block;
    position: absolute;
    top: calc(65% - 45px);
    right: 15px;
    width: 70px;
    height: 90px;
    background-color: #b41d24;
    padding: 20px 5px;
    text-align: center;
}
.three-content .item-content .date-published.date-right {
    position: static;
    margin-right: 10px;
    flex-shrink: 0;
}
.three-content .item-content .date-published.date-right span:first-child {
    line-height: 25px;
}
.three-content .item-content span {
    display: block;
    color: #fff;
    font-weight: 400;
    line-height: normal;
}
.three-content .item-content span:first-child {
    font-size: 13px;
    text-transform: uppercase;
}
.three-content .item-content span:last-child {
    font-size: 32px;
    font-weight: 600;
}
.three-content .item-content .date-published.date-right span:last-child {
    font-size: 20px;
    font-weight: 400;
}
.three-content.non-slider .item {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
}
.three-content.event-desktop .item-inner .cat a{
    display: block;
    color: #b42025;
    text-transform: uppercase;
    margin-bottom: 5px;
    /*width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    font-weight: 700;
    font-size: 16px;
}
.events-coming-up {
    border-top: 1px solid #c2c2c2;
}
.events-coming-up h2 {
    display: block;
    color: #b41d24;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-top: 20px;
}
.three-content .group.group-right .item-inner a {
    font-weight: 400;
}
.events-coming-up .item-inner a {
    color: #b41d24;
}
/* .three-content .item:last-child .group-right {
    padding-top: 0;
} */
.head-section {
    position: relative;
}
.newstab-slide {
    margin-top: 0px;
}
.box-icon-title {
    margin: 20px 0;
    line-height: 32px;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0px;
}
.newstab-slide .box-icon-title ul.mtab {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: flex;
    flex-flow: wrap;
}
.newstab-slide .box-icon-title ul.mtab li {
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}
.newstab-slide .box-icon-title h2 {
    margin: 0;
    height: 100%;
}
.newstab-slide .box-icon-title ul.mtab li.more,
.newstab-slide .box-icon-title ul.mtab li a {
    color: #616261;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    padding: 10px 15px;
    border: 2px solid #616261;
    border-radius: 25px;
    font-weight: 600;
    width: 185px;
    text-align: center;
    font-size: 16px;
    min-height: 60px;
}
.newstab-slide .box-icon-title ul.mtab li a>span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}
/*.newstab-slide .box-icon-title ul.mtab {
    padding-right: 170px;
}*/
.newstab-slide .box-icon-title ul.mtab li.more {
    color: #4e4e4e;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    margin-right: 0;
}
.newstab-slide .box-icon-title ul.mtab li a.active {
    color: #fff;
    background-color: #b02c2a;
    border-color: #b02c2a;
    height: 100%;
}
.newstabhomejcarousel-wraper {
    position: relative;
}
.newstabhomejcarousel-ctn {
    display: none;
}
.newstabhomejcarousel-ctn.active {
    display: block;
    margin-bottom: 50px;
}
.newstabhomejcarousel-items {
    position: relative;
}
.newstabhomejcarousel-items ul.mnav, .newstabhomejcarousel-items ul.mnav li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.newstabhomejcarousel-items ul.mnav {
    position: absolute;
    right: 0;
    top: -48px;
}
.newstabhomejcarousel-items ul.mnav, .newstabhomejcarousel-items ul.mnav li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.newstabhomejcarousel-items ul.mnav li {
    display: inline-block;
}
.newstabhomejcarousel-items ul.mnav li.next {
    margin-left: 2px;
}
.newstabhomejcarousel-items ul.mnav li a {
    display: block;
    line-height: 21px;
    text-align: center;
    border: 1px #c4c4c4 solid;
    width: 23px;
    height: 23px;
    font-size: 20px;
}
.newstabhomejcarousel ul.news-slider {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.newstabhomejcarousel ul.news-slider li {
    padding: 0;
    margin: 0;
}
/* .newstabhomejcarousel ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
} */
.newstabhomejcarousel ul.news-slider li:not([role="presentation"]){
    background: #fff;
    box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 50%);
    margin-bottom: 20px;
}
.newstabhomejcarousel ul.news-slider li .ibg-item .ibg:first-child {
    margin-left: 0;
}
.newstabhomejcarousel ul.news-slider li .ibg-item .ibg:last-child {
    margin-right: 0;
}
.newstabhomejcarousel ul.show-slider li .ibg-item .height-tabs {
    min-width: 100%;
}
.newstabhomejcarousel ul.news-slider li .ibg-item .ibg .img {
    height: 250px;
}
.newstabhomejcarousel ul.news-slider li .ibg-item .ibg .img > a{
    display: block;
    height: 100%;
}
.newstabhomejcarousel ul.news-slider li .ibg-item .ibg .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newstabhomejcarousel ul.news-slider li .ibg-item .ibg .ct{
    padding: 20px 15px;
}
.newstabhomejcarousel ul.news-slider li .ibg-item .ibg .ct h3{
    min-height: 47px;
    font-size: 17px !important;
    color: #3d3d3d;
    font-weight: 600
}

.newstabhomejcarousel ul.news-slider li .ibg-item .ibg .ct h3 a{
    line-height: 1.2;
    color: #3d3d3d !important;
}

.newstabhomejcarousel ul.news-slider li .ibg-item .ibg .ct h3 a:hover, .news_column h2 a:hover, .news_column h3 a:hover{
    color: #c02135 !important;
}

.newstabhomejcarousel ul.news-slider li .ibg-item .ibg .backgroup-viewdetail a.more {
    font-size: 12px;
    display: inline-block;
    line-height: 12px;
    padding: 5px 7px;
    color: #fff;
}
.newstabhomejcarousel ul.news-slider li div .ibg .ct .htext {
    margin-bottom: 20px;
}

.newstabhomejcarousel-items .jcarousel-pagination {
    text-align: center;
    line-height: 10px;
    margin: 15px 0 20px 0;
}
.newstabhomejcarousel .news-slider.non-slider li:not([role="presentation"]) {
    margin-bottom: 0;
}
.newstabhomejcarousel-items .jcarousel-pagination a {
    display: inline-block;
    text-indent: -1000px;
    overflow: hidden;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #b5b5b5;
    margin: 0 2px;
}
.show-slider-mobile.slick-initialized .slick-slide {
    padding: 10px;
}
.slick-prev, .slick-next {
    width: 33px !important;
    height: 33px !important;
    background-color: #999594 !important;
    z-index: 1;
}
.slick-prev:before, .slick-next:before {
    font-size: 20px !important;
    color: #fff !important;
    line-height: 10px !important;
    font-family: 'LinhAvantGarde' !important;
}
.slick-prev:before {
    content: "<" !important;
}
.slick-next:before {
    content: ">" !important;
}
.news-slider .slick-prev,
.news-slider .slick-next {
    top: 49%;
}
.news-slider .slick-prev {
    left: -35px;
}
.news-slider .slick-next {
    right: -35px;
}
.news-menu {
    display: none;
}
.newstabhomejcarousel ul.non-slider {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, minmax(calc(33.33% - 40px), 1fr));
    padding-left: 0px;
}
.newstabhomejcarousel ul.news-slider.show-slider-mobile,
.newstab-slide .box-icon-title ul.mtab li.toggleable {
    display: none;
}
.newstab-slide .box-icon-title ul.mtab li.toggleable.active {
    display: inline-block;
}
.calendar_event {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 620px;
}
.calendar_event .wraper {
    height: 100%;
}
.event_datepicker {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
}
.event_datepicker .ui-datepicker {
    width: auto !important;
}
.event_datepicker .ui-widget-header {
    background: #fff;
    border: none;
}
.event_datepicker .ui-widget-header .ui-icon{
    background-image: none;
    display: none;
}
.event_datepicker .ui-datepicker .ui-datepicker-prev,
.event_datepicker .ui-datepicker .ui-datepicker-next {
    text-align: center;
    top: 4px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    background: transparent;
    color: #000;
    cursor: pointer;
}
.event_datepicker .ui-widget-header .ui-datepicker-prev {
    left: 20px;
}
.event_datepicker .ui-widget-header .ui-datepicker-prev::after{
    content: "<";
}
.event_datepicker .ui-widget-header .ui-datepicker-next {
    right: 20px;
}
.event_datepicker .ui-widget-header .ui-datepicker-next::after{
    content: ">";
}
.event_datepicker .ui-datepicker .ui-datepicker-title {
    font-size: 16px;
}
.event_datepicker .ui-datepicker-calendar thead>tr>th {
    border-top: 1px solid #252324;
    border-bottom: 1px solid #252324;
    padding: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 16px;
    text-transform: uppercase;
}
.event_datepicker .ui-datepicker-calendar tbody>tr>td {
    border: 1px solid #e3e3e3;
    background-color: #f4f4f4;
}
.event_datepicker .ui-datepicker-calendar tbody>tr>td>a {
    border: none;
    background: #fff;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    font-weight: 500;
}
.event_datepicker .ui-widget-content .ui-state-active,
.event_datepicker .ui-widget-content .ui-state-active:hover,
.event_datepicker .ui-widget-content .ui-state-active:focus {
    background: #fff;
    color: #000;
}
.event_datepicker .ui-widget-content .ui-datepicker-current-day .ui-state-active {
    background: #b42025;
    color: #fff;
}
.event_datepicker .ui-widget-content .ui-datepicker-today .ui-state-active {
    background: #fff;
    color: #000;
}
.networks .tabs_cat {
    background-color: #fdfafb;
}
.networks .ui-widget-content,
.networks .ui-tabs .ui-tabs-panel {
    background-color: transparent;
}
.networks table>tbody>tr>td {
    padding: 5px;
}
.custom-metis .sidebar-nav>ul>li>span,
.custom-metis .sidebar-nav>ul>li>a {
    display: none !important;
}
.css-left .custom-metis .sidebar-nav>ul>li>ul>li>a {
    padding-right: 35px;
}
.css-left .custom-metis .sidebar-nav>ul>li>ul>li>span:hover {
    background: none;
}
.newstab-slide .show-slider .slick-slide {
    margin: 0 10px;
}
.newstab-slide .show-slider .slick-list {
    margin: 0 -10px;
}
.bg-content-daotao .content_flex {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #eeebeb;
}
.bg-content-daotao .js-animate {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.js-animate-bg {
    background-color: #fffbfb;
}
.bg-content-daotao .content_flex .js-content {
    padding: 0 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.content_flex .js-content span {
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}
/*hust custom view cat*/
#body .hust_news_cat .panel{
    box-shadow: 0 0px 3px 2px rgb(0 0 0 / 30%);
}
.hust_news_cat .list-inline {
    margin-top: 30px;
}
.hust_news_cat .list-inline>li {
    display: block;
}
.hust_news_cat .list-inline>li:first-child {
    margin-bottom: 10px;
}
.hust_news_cat .social-share i {
    border: 2px solid #1877F2;
    padding: 5px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    font-weight: bold;
    color: #1877F2;
    text-align: center;
}
.hust_news_cat .social-share i:hover {
    cursor: pointer;
    background-color: #1877F2;
    color: #fff;
}
.hust_news_cat .panel h2 a,
.hust_news_cat .panel h3 a {
    color: #b41d24 !important;
    font-size: 20px;
    font-weight: 600;
}
.hust_news_cat .panel>div>div>div>a {
    display: inline-block;
    margin-bottom: 5px;
}
.text-sologan .bo>a,
.text-sologan .cuc>a {
    color: #fff;
}
.sticky .non-home .text-sologan .bo,
.sticky .non-home .text-sologan .bo>a {
    font-size: 18px;
}
.sticky .non-home .text-sologan .cuc,
.sticky .non-home .text-sologan .cuc>a {
    font-size: 25px;
}
#page-bodyhtml, #news-bodyhtml, .hometext{
    font-size: 17px;
}
.news_column .other-news .h3{
    font-size: 17px !important;
    text-transform: uppercase;
}

.news_column .other-news ul li h4{
    font-size: 15px !important;
}

.news_column .margin-bottom-lg .h5{
    font-size: 17px;
}

.detail-related>li>h4 {
    display: inline-block;
    font-size: 17px;
}
.no-wrapper {
    max-width: none;
}
.no-wrapper .news_column {
    border: none;
}
.no-wrapper .news_column .panel-body,
.no-wrapper .row>div {
    padding-left: 0;
    padding-right: 0;
}
.no-wrapper .news_column .other-news,
.no-wrapper .news_column .panel-body .hometext,
.no-wrapper .news_column .panel-body>*:not(.clearfix){
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 6px;
}
.no-wrapper .news_column .panel-body .article {
    width: 100%;
}
.no-wrapper .news_column .panel-body .article img {
    width: 100%;
    object-fit: cover;
}
.menu_media {
    margin-bottom: 50px;
}
.menu_media > h2 {
    font-size: 18px;
    text-transform: uppercase;
}
.menu_media > p {
    margin-top: 10px;
    margin-bottom: 20px;
}
.menu_media>ul {
    display: flex;
    flex-direction: row;
    padding-left: 0;
}
.menu_media>ul>li {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.menu_media>ul>li,
.menu_media>ul>li>a {
    margin-right: 15px;
}
.menu_media>ul>li>a {
    display: inline-block;
    width: 153px;
    height: 153px;
}
.menu_media>ul>li>a>img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.menu_media .media-content {
    display: flex;
    flex-direction: column;
    min-width: 253px;
}
.menu_media .media-content>p {
    margin-bottom: 0;
}
.menu_media .media-content>a {
    color: #9c1010;
}
.menu_media .media-content>a:hover {
    color: #000;
}
.section-home-intro h2,
.css-h2-banner {
    margin-top: 50px;
    margin-bottom: 50px;
}
#footer {
    padding-top: 50px;
}
.featured-post {
    padding-left: 5px;
    padding-right: 7px;
}
.double-slider {
    padding-right: 7px;
    padding-left: 7px;
}
.slider-post .non-slider {
    padding-left: 7px;
}
.section-home-intro {
    padding-left: 7px;
}
.banner_home {
    padding-left: 6px;
}
.show-slider .slick-track {
    padding-top: 10px;
}
html[lang="en"] .event-desktop.three-content .item-content .date-published {
    padding-top: 16px;
    padding-bottom: 16px;
}
html[lang="en"] .three-content .item-content .date-published.date-right span:first-child{
    line-height: 16px;
}
html[lang="en"] .three-content.non-slider .item-content .date-published,
html[lang="en"] .three-content.events-coming-up .item-content .date-published {
    padding-top: 18px;
    padding-bottom: 18px;
}
html[lang="en"] .three-content .item-content .date-published.date-right span:last-child {
    font-size: 26px;
}

.dao-tao .css-description-new {
    margin-bottom: 0;
}

.metismenu .sidebar-nav ul>li>a {
    padding-right: 30px !important;
}
.metismenu .fa.arrow {
    height: 28px;
}
.metismenu .fa.arrow:before {
    display: block;
}

.custom-about-menu .sidebar-nav ul li.current > a {
    background-color: #b41d24;
    color: #fff !important;
}
.custom-about-menu .sidebar-nav ul li.current a ~ .arrow,
.custom-about-menu .sidebar-nav ul a:hover ~ .arrow {
    color: #fff !important;
}
.custom-about-menu .sidebar-nav ul .custom-metis-sub-item.current > a {
    background-color: #b41d24 !important;
}
/*Override animate*/
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}
/* responsive css */
@media (min-width: 1200px) {
    .css-block-footer .panel-default {
        border: none;
        position: relative;
    }
    .css-block-footer .panel-default::before,
    .css-block-footer .panel-default::after {
        content: "";
        position: absolute;
        border-color: #393637;
        border-width: 0.5px;
        border-style: solid;
        height: 100%;
        top: 17px;
    }
    .css-block-footer .panel-default::after {
        right: 0;
        /* width: 3px; */
    }
    .css-block-footer .panel-heading,
    .css-block-footer .panel-body {
        padding-left: 30px;
    }
}

@media (min-width: 1025px) {
    .fixed_social {
        position: fixed;
    }
    .news_column .panel-body .article img {
        width: 90%;
        height: auto;
    }
    .languages {
        margin-right: 2px;
    }
    .sticky .hide-logo .text-site>a {
        display: none;
    }
    .sticky #header .hide-logo {
        padding: 10px 10px 10px 5px;
    }
    .sticky #header .hide-logo .text-sologan {
        padding-left: 0px;
    }
    .sticky ul.slimmenu>li:nth-of-type(2) > a {
        padding-left: 5px !important;
    }
    .sticky  #header .logo {
        padding-left: 5px;
    }
}

@media (min-width: 1025px) and (max-width: 1093px) {
    .right-top .menu_topright ul li a {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (max-width: 1024px) {
    .right-top .menu_topright ul {
        justify-content: center;
        padding-left: 0px;
    }
    .right-top .menu_topright ul li a {
        display: block;
        text-align: center;
        padding: 5px;
    }
    .rsearch {
        margin-left: 10px;
        margin-right: 10px;
    }
    .languages {
        margin-right: 10px;
    }
    #menusite ul.slimmenu > li > a {
        font-size: 16px !important;
    }
    .no-wrapper .news_column .panel-body {
        padding-left: 15px;
        padding-right: 15px;
    }
    .hometext, .bodytext p {
        font-size: 18px;
    }
    .newstabhomejcarousel ul.show-slider li .ibg-item .height-tabs {
        min-width: inherit;
        min-height: 375px;
    }
    .news-slider .slick-prev {
        left: -13px;
    }
    .news-slider .slick-next {
        right: -15px;
    }
    .bg-content-daotao .content_flex .js-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 991px){
    .hide-on-mobile {
        display: none;
    }
    .hide-on-desktop {
        display: block;
    }
    .mb-pl-25 {
        padding-left: 25px;
    }
    .col-three:nth-of-type(4),
    .mb-pr-25 {
        padding-right: 25px;
    }
    .mobile-menu-items.active {
        display: block;
        border-bottom: 1px solid #ccc;
        box-shadow: 0 3px 3px 0 rgb(0 0 0 / 30%);
    }
    .mobile-menu-items {
        padding-bottom: 30px;
        background-color: rgb(255, 255, 255);
    }
    .mobile-menu-items.active .slimmenu {
        display: flex !important;
    }
    .home-header-nav,
    .mobile-menu-items .collapse-button {
        display: none;
    }
    .double-slider {
        padding-left: 0;
        padding-right: 0;
        min-height: auto;
        box-shadow: 0 3px 3px 0 rgb(0 0 0 / 30%);
    }
    .featured-post,
    .right-top ul{
        display: none !important;
    }
    .double-slider .item-content .item-inner {
        position: static;
        background: none;
        padding: 20px;
    }
    .double-slider .item-inner a,
    .double-slider .item-inner a:link,
    .double-slider .item-inner a:focus {
        color: #4e4e4e;
    }
    .double-slider .slick-slide > div:first-child {
        margin-bottom: 0;
    }
    .non-slider{
        margin-top: 20px;
    }
    .main-header {
        position: relative;
        background: none;
        background-color: #c02135;
    }
    .home-header .right-top .menu-collapser,
    .home-header-nav .menu-collapser {
        display: none !important; /*Không sử dụng menu mobile này*/
    }
    #header > div  {
        flex: 1 !important;
    }
    #header .logo {
        width: calc(40% - 15px);
        padding-right: 0;
    }
    .sticky #header .hide-logo{
        padding-left: 10px;
    }
    #header .right-top {
        width: 40%;
    }
    #header .rsearch {
        width: 20%;
        margin-left: 0;
        margin-right: 15px;
        order: 4;
        margin-top: 2px !important;
    }

    .rsearch a i{
        font-size: 18px
    }

    #header .languages {
        order: 3;
    }
    .btn-toggle-mobile-menu {
        display: block;
    }
    .mobile-btn a,
    .mobile-btn a:hover,
    .mobile-btn a:link,
    .mobile-btn a:focus {
        color: #fff;
    }
    .mobile-btn i {
        font-size: 30px;
    }
    .languages .language a {
        display: inline-block;
    }
    .languages .language a:first-child {
        margin-bottom: 5px;
        margin-right: 0px;
    }
    .mobile-menu-items .menu-collapser {
        display: none !important;
    }
    .mobile-menu-items ul.slimmenu {
        flex-direction: row;
        flex-wrap: wrap;
        background-color: #fff !important;
        position: relative;
        border-bottom: 1px solid #c0c0c0;
    }
    .mobile-menu-items ul.slimmenu > li {
        margin-right: 0;
    }
    .mobile-menu-items ul.slimmenu.collapsed > li {
        display: inline-block;
        width: auto;
    }
    .mobile-menu-items ul.slimmenu > li > div > *,
    .mobile-menu-items ul.slimmenu.collapsed > li > div > a {
        display: inline-block;
        min-width: auto;
    }
    .mobile-menu-items ul > li > .custom-link,
    .mobile-menu-items ul.slimmenu.collapsed > li > .custom-link {
        position: relative;
    }
    .mobile-menu-items ul.slimmenu > li:nth-of-type(2) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(3) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(4) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(5) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(6) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(7) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(8) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(9) > div > a  {
        width: calc(100% - 30px);
    }
    .mobile-menu-items ul > li > .custom-link > i,
    .mobile-menu-items ul.slimmenu > li > div > i {
        width: 20px;
        height: 20px;
        font-size: 20px;
        text-align: center;
        position: absolute;
        right: 5px;
        top: calc(50% - 10px);
        z-index: 10;
    }
    .mobile-menu-items ul.slimmenu > li:nth-of-type(2),
    .mobile-menu-items ul.slimmenu > li:nth-of-type(3),
    .mobile-menu-items ul.slimmenu > li:nth-of-type(4),
    .mobile-menu-items ul.slimmenu > li:nth-of-type(5),
    .mobile-menu-items ul.slimmenu > li:nth-of-type(6),
    .mobile-menu-items ul.slimmenu > li:nth-of-type(7),
    .mobile-menu-items ul.slimmenu > li:nth-of-type(8),
    .mobile-menu-items ul.slimmenu > li:nth-of-type(9) {
        flex: 0 0 50%;
        width: 50%;
        border-bottom: 1px solid #c0c0c0;
    }
    .mobile-menu-items ul.slimmenu > li:nth-of-type(3),
    .mobile-menu-items ul.slimmenu > li:nth-of-type(5),
    .mobile-menu-items ul.slimmenu > li:nth-of-type(7),
    .mobile-menu-items ul.slimmenu > li:nth-of-type(9){
        border-left: 1px solid #c0c0c0;
    }
    .mobile-menu-items ul.slimmenu > li a {
        text-align: center;
        text-transform: none;
        font-weight: 400 !important;
    }
    .mobile-menu-items ul.slimmenu > li > div > a {
        color: #393637 !important;
        border-bottom: none;
    }
    .mobile-menu-items ul.slimmenu > li:nth-of-type(2) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(3) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(4) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(5) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(6) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(7) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(8) > div > a,
    .mobile-menu-items ul.slimmenu > li:nth-of-type(9) > div > a {
        font-weight: 600 !important;
    }
    .mobile-menu-items ul.slimmenu li > ul {
        box-shadow: none;
        border: none;
        height: 150px;
        overflow: auto;
        background: transparent;
        min-width: auto;
        background-color: #fff;
    }
    .mobile-menu-items ul.slimmenu li:nth-child(odd) > ul {
        left: -190px;
    }
    .mobile-menu-items ul.slimmenu li:nth-child(even) > ul {
        left: 0;
    }
    .mobile-menu-items ul.slimmenu.collapsed li .sub-collapser > i {
        margin-top: 0;
    }
    .slider-post {
        padding-left: 25px;
        padding-right: 25px;
    }
    .mobile-menu-items ul.slimmenu.collapsed li ul li a i {
        display: none;
        padding: 0;
    }
    .mobile-menu-items ul.slimmenu.collapsed li ul li:last-child{
        border-bottom: none;
    }
    .languages {
        margin-top: 0;
    }
    .three-content .item-content .group.group-right {
        justify-content: left;
    }
    .fixed_social {
        width: 30px;
        height: auto;
        right: 0;
    }
    .fixed_social .socialList li a {
        width: 30px;
        height: 30px;
        border-radius: 0;
        background-color: rgba(157,29,31,0.6) !important;
    }
    .fixed_social .socialList li a .fa {
        font-size: 15px;
    }
    .fixed_social .socialList li a .custom-news {
        width: 20px;
        height: 20px;
    }
    .newstabhomejcarousel ul.news-slider li .ibg-item .height-tabs {
        min-width: auto;
    }
    .event-slider .slick-next,
    .slider-post .slick-next,
    .news-slider .slick-next {
        right: -10px;
    }
    .event-slider .slick-prev,
    .slider-post .slick-prev,
    .news-slider .slick-prev {
        left: -10px;
    }
    .news-slider .slick-prev,
    .news-slider .slick-next {
        top: 47.5%;
    }
    .news-menu .news-toggle,
    .news-menu .news-toggle:focus{
        background-color: transparent;
        box-shadow: none;
    }
    .news-menu .icon-bar {
        display: block;
        width: 30px;
        background-color: #b02c2a;
        height: 3px;
        box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
        border-radius: 1px;
    }
    .news-menu .icon-bar+.icon-bar {
        margin-top: 5px;
    }
    .newstabhomejcarousel ul.non-slider {
        grid-template-columns: repeat(2, minmax(calc(33.33% - 40px), 1fr));
    }
    .hometext, .bodytext p {
        font-size: 16px;
    }
    .menu_media>ul {
        flex-direction: column;
    }
    .menu_media>ul>li {
        margin-bottom: 30px;
    }
    .sticky .non-home .text-sologan .bo,
    .sticky .non-home .text-sologan .bo>a {
        font-size: 16px;
    }
    .sticky .non-home .text-sologan .cuc,
    .sticky .non-home .text-sologan .cuc>a {
        font-size: 14px;
    }
    .height-home,
    .width-image .backgroup-up {
        box-shadow: 1px 3px 3px 1px rgb(0 0 0 / 30%);
    }
    .banner_home{
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-home-intro {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 0;
    }
    .section-home-intro .ds-flex .content-block h3{
        padding-left: 15px;
    }
    .section-home-intro .ds-flex .content-block h3 ul {
        display: block;
    }
    .section-home-intro {
        box-shadow: none;
    }
    .section-home-intro .ds-flex {
        background-color: transparent;
    }
    .non-slider {
        padding-left: 0;
    }
    .bg-grey {
        margin: 0 -5px;
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    #header .rsearch {
        margin-left: -30px;
        text-align: center;
    }
    #header .languages {
        text-align: right;
    }
}

@media (max-width: 768px) {
    .newstab-slide .box-icon-titles {
        display: none;
    }
    .newstab-slide .box-icon-titles.active {
        display: block;
    }
    .double-slider {
        overflow: visible;
    }
    .home-header-nav {
        display: none;
    }
    .slider-post .slick-prev:before,
    .slider-post .slick-next:before {
        color: #393637;
    }
    .footer-bttop .bttop {
        right: 20px;
    }
    .mobile-menu-items ul.slimmenu > li a {
        font-size: 14px !important;
    }
    .mobile-menu-items ul li ul li .custom-link > a,
    .mobile-menu-items ul.slimmenu.collapsed > li > .custom-link > a{
        font-size: 14px;
    }
    .main-header #header .logo,
    #header .logo {
        padding: 10px;
    }
    .newstab-slide .box-icon-title ul.mtab {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)) !important;
        padding-left: 0px;
    }
    .newstab-slide .box-icon-title ul.mtab li {
        border-top: 1px solid #ccc;
        border-right: 0.5px solid #ccc;
        border-bottom: 0.5px solid #ccc;
        border-left: 1px solid #ccc;
        margin: 0;
    }
    .newstab-slide .box-icon-title ul.mtab li a {
        border: none;
        border-radius: 0;
        margin: 0;
        width: 100%;
        font-weight: 700;
    }
    .newstab-slide .box-icon-title ul.mtab {
        padding-right: 0;
    }
    .newstab-slide .box-icon-title ul.mtab li.more {
        display: none;
    }
    .news-menu {
        display: block;
    }
    .item-nav {
        display: block !important;
    }
    .newstabhomejcarousel ul.news-slider.show-slider,
    .newstabhomejcarousel ul.news-slider.non-slider {
        display: none;
    }
    .newstabhomejcarousel ul.news-slider.show-slider-mobile {
        display: block;
    }
    .home-header .text-sologan .bo,
    .home-header .text-sologan .bo>a,
    .non-home .text-sologan .bo,
    .non-home .text-sologan .bo>a,
    .sticky .non-home .text-sologan .bo,
    .sticky .non-home .text-sologan .bo>a {
        font-size: 14px;
    }
}

@media (max-width: 659.9px) {
    .sticky .non-home .text-sologan .cuc,
    .sticky .non-home .text-sologan .cuc>a {
        font-size: 11px;
    }
}

@media (max-width: 500px) {
    .div-poistion .slide-text {
        width: 300px !important;
    }
    .newstabhomejcarousel ul.news-slider li:not([role="presentation"]){
        margin-bottom: 20px;
    }
    .newstabhomejcarousel ul.non-slider {
        grid-template-columns: repeat(1, minmax(calc(33.33% - 40px), 1fr));
    }
}

@media (max-width: 480px) {
    .mobile-btn i {
        font-size: 20px;
    }
    .rsearch a i {
        font-size: 20px;
    }
    .text-sologan {
        padding-left: 8px;
        width: 150px;
    }
    .mobile-menu-items ul.slimmenu.collapsed li a {
        min-width: auto;
    }
    .event_datepicker {
        right: 5px;
    }
    .section-home-intro {
        padding-top: 0;
        padding-bottom: 0;
    }
    .bg-events .im-flex-main-news-btn {
        padding-bottom: 0;
    }
}

@media (max-width: 380px) {
    .mobile-menu-items ul > li > .custom-link > i {
        right: 1px;
    }
    .news-slider .slick-prev, .news-slider .slick-next {
        top: 46.5%;
    }
    .events .share-loop .share a {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 600px) and (max-width: 900px) {
    .double-slider .item-content .img{
        height: 500px;
    }
    .content_flex .js-content span {
        font-size: 23px;
    }
    .bg-content-daotao .content_flex .js-content{
        padding: 20px 25px;
    }
    .imgae-flex{
        height: 450px
    }
    .three-content .item-content .img {
        height: 500px
    }
}

@media (max-width: 659.9px){
    .bg-content-daotao .content_flex .js-content{
        position: relative;
        top: inherit;
        transform: inherit;
    }
    .bg-content-daotao .content_flex .js-content{
        padding: 25px;
    }
    .menu_media .media-content {
        min-width: inherit !important;
    }
}

@media (min-width: 768px) and (max-width: 847px) {
    .section-home-intro h2 {
        font-size: 31px !important;
    }
}

@media (max-width: 599px) {
    .fixed_social{
        top: calc(0% + 15px);
    }
}

@media (min-width: 800px) and (max-width: 999px) {
    .fixed_social{
        top: calc(0% + 100px);
    }
}