@media only screen and (max-width:1366px){
    
}
@media only screen and (max-width:1170px){
    
}
@media only screen and (max-width:1023px){
    .tablink {
        height: 41px;
    }
    .moidaden{
        gap: 0rem;
    }
}
@media only screen and (max-width:850px){
    
}
@media only screen and (max-width:800px){
    .col-left{
        display: none;
    }
    .navbar-collapse {
        position: fixed;
        top: 0px;
        left: -280px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        height: 100%;
        transition: left 400ms ease-in-out;
    }

    .navbar-collapse.collapsing {
        height: 100%;
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        height: 100%;
        left: 0;
        transition: left 400ms ease-in-out;
        min-width: 280px;
        padding: 0 !important;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 400ms ease-in;
    }
    .custom-menu-mobile{
        width: max-content;
        padding: 0;
        right: 0;
        left: unset;
        top: 10px;
    }
    .mobile_menu .navbar-toggler{
        border: unset;
        color: #fff;
        opacity: 1;
    }
    .overlay_menu.active{
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: var(--overLayout);
        z-index: 99;
    }
    .navbar-collapse.show .navbar-toggler{
        position: absolute;
        top: 5px;
        right: 5px;
        padding: 0;
    }
    .mobile_menu>.navbar-toggler[aria-expanded="true"]{
        display: none;
    }
    .mobile_menu .navbar-nav .nav-item{
        border-top: 1px solid #c5c5c5;
    }
    .mobile_menu .navbar-nav .nav-item .nav-link{
        padding-left: 15px;
        padding-right: 15px;
        font-size: 15px;
        font-weight: 500;
        color: #333;
        position: relative;
        top: 2px;
    }
    .html_nav_position_text{
        background: var(--mainColor);
        min-height: 40px;
        padding-left: 13px;
    }
    .icon_menu_home_mobile {
        width: 19px;
        height: 17px;
        background: url(../images/icon_homo_core.png) no-repeat;
        position: absolute;
        top: 11px;
        background-size: 100%;
    }
    .header-wrapper.sticky{
        animation: unset;
    }
    .nav-mobile-sub>.menu-item{
        list-style: none;
        padding: 4px 15px;
        padding-left: 35px;
    }
    .nav-mobile-sub{
        padding:10px 0;
        background: #e6e6e6;
        display: none;
    }
    .nav-mobile-sub>.menu-item>a{
        line-height:1.3em;
        height: 1.3em;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
        color: #333;
    }
    .mobile_menu .has-child .fa-caret-down{
        position: absolute;
        right: 0;
        width: 40px;
        height: 40px;
        top: -3px;
        font-size: 18px;
        cursor: pointer;
        color: #949494;
    }
    .mobile_menu .has-child .fa-caret-down::before{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .mobile_menu .has-child .fa-caret-down.rotate_180{
        transform: rotate(180deg);
    }
    #top-bar, #wide-nav{
        display: none;
    }
    #masthead{
        padding:0;
        border-bottom: 2px solid var(--mainColor);
    }
    #logo{
        margin: 0;
        justify-content: center;
    }
    #logo>a, #logo>a>img{
        display: block;
    }
    #logo>a>img{
        display: block;
        margin: 0 auto;
        max-height: 50px;
        width: auto;
        padding: 5px;
    }
    .adsBannerHeader{
        display: none;
    }
    .header-inner .navbar-toggler, .header-inner .rightTopBar{
        flex:1;
        padding:0;
        position: relative;
    }
    .header-inner .rightTopBar .input-group .form-control{
        min-width: auto;
        background: #e1e1e1;
    }
    .header-inner > .navbar-toggler{
        text-align: left;
    }
    #masthead .header-inner .rightTopBar .searchBoxTop{
        position: relative;
    }
    .show-search-mobile{
        width: 300px;
        border: 1px solid var(--backgroundSection);
        border-radius: 5px;
        box-shadow: var(--boxShadow) 0px 7px 29px 0px;
    }
    .show-search-mobile{
        position: absolute;
        right: 0;
        bottom: -40px;
        z-index: 100;
        display: none;
    }
    .show-search-mobile.active{
        display: flex;
    }
    .header-inner .searchBoxTop .input-group:not(.show-search-mobile){
        justify-content: flex-end;
    }
    .searchBoxTop .input-group .btn > i{
        top: 0px;
        font-size: 20px;
        color: var(--mainColor);
    }
    .carouselEvent{
        width: 100%;
    }
    .labelEvent, .timeDate{
        display: none;
    }
    .mb-od-1{
        order:1;
    }
    .mb-od-2{
        order:2;
    }
    .mb-od-3{
        order:3;
    }
    .highlights .mobile-chonse-news .col{
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .highlights .mobile-chonse-news .col .mobile-new-news, .highlights .mobile-chonse-news .col .mobile-most-view{
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        color: var(--textLightColor);
        padding:6px 15px;
        border-radius: 3px;
        background: #A1A3A5;
        margin-right: 10px;
        cursor: pointer;
    }
    .highlights .mobile-chonse-news .col .mobile-new-news.active, .highlights .mobile-chonse-news .col .mobile-most-view.active{
        background: var(--secondColor);
    }
    .highlightsPost .mb-od-1{
        display: none;
    }
    .highlightsPost .mb-od-1.active{
        display: block;
        margin-bottom: 0px;
    }
    .titleBarHome .labelTitleBar{
        font-size: 12px;
    }
    .mainListHotNews .box-image{
        width: 139px;
    }
    .mainListHotNews .box-image img{
        height: 90px;
    }
    .mainListHotNews .titleNews > a{
        -webkit-line-clamp:3;
        height: 60px;
    }
    .boxImageTopstory .boxImage img{
        height: 200px;
    }
    .boxImageTopstory .boxText .titleHomeStory a{
        font-size: 22px;
        line-height: 28px;
        height: 52px;
    }
    .highlights{
        padding-bottom: 10px;
    }
    .adsSlider{
        padding:15px 0;
    }
    .wapperCovid19{
        display: none;
    }
    .mainListHotNews .titleNews > a{
        font-size: 16px;
    }
    .only-mobile .News .mainNews > .row > .col{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--backgroundGray);
    }
    .only-mobile .News .mainNews > .row > .col:first-child, .only-mobile .News .mainNews > .row > .col:last-child{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .only-mobile .News .mainNews > .row > .col:first-child .boxImageNews .boxText .titleNews > a{
        color: var(--mainColor);
        font-size: 18px;
        line-height: 23px;
        height: 46px;
        -webkit-line-clamp:2;
    }
    .only-mobile .News .mainNews > .row > .col:first-child .boxImageNews .boxText .descriptionNews{
        display: none;
    }
    .only-mobile .News .mainNews > .row > .col:not(:first-child) .boxImageNews{
        display: flex;
    }
    .only-mobile .News .mainNews > .row > .col:not(:first-child) .boxImageNews .boxImage{
        width: 141px;
        margin-right: 20px;
    }
    .only-mobile .News .mainNews > .row > .col:not(:first-child) .boxImageNews .boxText{
        flex: 1;
    }
    .only-mobile .News .mainNews > .row > .col:not(:first-child) .boxImageNews .boxText .titleNews{
        margin: 0;
    }
    .only-mobile .News .mainNews > .row > .col:not(:first-child) .boxImageNews .boxText .titleNews > a{
        font-size: 16px;
        line-height: 20px;
        height: 80px;
        -webkit-line-clamp:4;
    }
    .searchBoxTop .input-group .btn{
        border: none;
        background: var(--textLightColor);
        max-height: 40px;
        border-radius: 0 6px 6px 0;
    }
    #masthead .searchBoxTop .input-group.show-search-mobile {
        width: 300px;
        border: 1px solid var(--backgroundSection);
        border-radius: 5px;
        box-shadow: var(--boxShadow) 0px 7px 29px 0px;
    }
    .header-main .header-inner,#logo .header_logo{
        height: 50px;
        margin: 0;
        width: 100%;
    }
    .header-inner > .navbar-toggler img{
        position: relative;
        left: 10px;
        width: 20px;
        height: auto; 
    }
    .wapper_search_leislation {
        margin: 0 -15px;
        padding: 15px;
    }
    .wapper_search_leislation .bot_form {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .form-check-inline {
        /* display: inline-flex; */
        align-items: center;
        /* padding-left: 0; */
        margin-right: 0.75rem;
    }
    .wapper_search_leislation .top_form>div.lv_van_ban,
    .wapper_search_leislation .top_form>div.key_search {
        padding-right: 3px;
        margin-bottom: 6px;
        padding-left: 0;
    }
    .wapper_search_leislation .top_form>div {
        width: 50%;
    }
    .wapper_search_leislation .top_form>div.type_document,
    .wapper_search_leislation .top_form>div.co_quan {
        padding-left: 3px;
        margin-bottom: 6px;
    }

    .wapper_search_leislation .top_form>div.co_quan {
        padding-right: 0;
    }
    .youtube .youtube-content-item {
        width: 100%;
        height: 50%;
    }
    .list-item-video .wapper-video-main {
        height: 350px;
    }
    .list-item-video .info-video {
        height: 250px;
		margin-top: unset !important;
    }
    .Patner-Home .section-content {
        border-top: unset;
        position: relative;
    }
    .Patner-Home .section-content::before {
        content: '';
        position: absolute;
        width: calc( 100% - 25px);
        height: 2px;
        background-color: #3777BC;
        top:0;
    }
	.logo-text2, .logo-text1, .txtlogo3{
		display: none
	}
	header {
		border-bottom: unset;
	}
	.contentRes{
		margin-top: 10px;
	}
	.main-swiper img {
		width: 100%;
		height: 560px;     
		object-fit: cover;
		display: block;
	}
	.nav-res{
		display: none !important;
	}
	.navbar-nav {
		margin: unset !important;
	}
	main .section-intro-1 .content .title {
		height: 100%;
		color: #fff;
		padding: 260px 0 0 0;
	}
	.footer-content-responce{
		flex-direction: column;
	}
	.footerRes{
		margin-top: 10px;
		flex-wrap: unset !important;
	}
	.containerdd{
		flex-direction: column-reverse;
	}
	.sectionResCC{
		margin-top: 0px;
	}
	.section-intro-1ccres{
		margin-top: 10px;
	}
	nav{
		display: block !important;
	}
	.Breadcumb-nav{
		margin-top: 10px
	}
	.list-video-main {
		margin-top: 60px;
	}
	main .section-detailevent-2 .content .list-other .col-item .event {
		margin-top: 10px;
	}
	.parth{
		margin-top: 10px;
	}

}
@media only screen and (max-width:680px){
    
}
@media only screen and (min-width: 550px) and (max-width: 1023px){
    .ListBanner__New{
        padding-top: 10px;
        gap: 6.5rem;
    }
    .ListBanner__New-1{
        padding-left: 0px;
        padding-bottom: 10px;
        gap: 7.5rem;
    }
    .divLogo__so1{
        border-right: none;
    }
    .colCustomBottom1 .info-footer {
        flex: 1;
        margin-top: 20px;
        padding-left: 10px;
    }
}
@media only screen and (max-width:550px) {
    .swal-css iframe {
        width: 100% !important;
        height: 360px !important;
    }
    .copyright {
        border-top: unset;
        position: relative;
        padding-left: 12px;
        padding-right: 12px;
    }
    .copyright::before {
        content: '';
        position: absolute;
        width: calc( 100% - 50px);
        height: 1px;
        transform: translateX(12px);
        background-color: #7EADE0;
        top: 0;
    }
    .title-widger-footer {
        margin-bottom: 50px;
    }
    .info-footer .list-info {
        margin-left: -110px;
    }
    .Patner-Home .section-content {
        padding: 0 12px;
    }
    .item-album-main > .col {
        margin-bottom: 20px;
    }
    .List-Service,
    .Video-Home {
        padding-bottom: 10px;
    }
    .box-shape-media .box-text .link-play {
        position: relative;
        font-weight: 600;
        font-size: 20px;
        line-height: 26px;
        color: #555555;
        height: 52px;
        margin-left: unset;
    }
    
    .block-slider-media .button-control.pev-btn,
    .block-slider-media .button-control.next-btn {
        width: 30px;
        height: 30px;
        background-position: center;
        top:30%
    }
    .box-shape-media .box-text {
        background-color: #EDEDED;
        position: relative;
        padding:9px 9px 18px 9px;
        display: block;
        left: unset;
        bottom: unset;
    } 
    .box-shape-media .box-text .icon-play {
        position: absolute;
        top: -60px;
        left: 15px;
    }
    .box-shape-media .box-text .icon-play img {
        width: 40px;
        height: 40px;
    }
    .wapper_search_leislation .top_form>div.co_quan,
    .wapper_search_leislation .top_form>div.type_document {
        padding-left: 3px;
    }
    .buton_search_leislation .btn {
        width: 100%;
    }
    .wapper_search_leislation .top_form>div.key_search,
    .wapper_search_leislation .top_form>div.lv_van_ban {
        padding-right: 3px;
        padding-left: 0px;
    }
    .bot_form .buton_search_leislation {
        margin-left: auto;
        width: 100%;
        margin-top: 10px;
    }
    .flang_mobile .list_flang {
        display: flex;
        align-items: center;
        padding-left: 15px;
        margin-top: 20px;
    }
    .flang_mobile .list_flang .item {
        margin-right: 20px;
    }
    .flang_mobile .list_flang img {
        width: 35px;
        height: 20px;
    }
    .header-main .col-left #TopNavPane, .header-main .col-left #NavPane .main_menu{
        display: none;
    }
    .Banner-2 .banner-home{
        height: auto;
    }
    .Banner-2{
        padding:10px 0;
    }
    .column-service{
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }
    .image-service img,.text-link-service{
        height: auto;
    }
    .first-specialize .box-image img{
        width: 165px;
        height: 105px;
    }
    .specialize .item-specialize{
        margin-bottom: 30px;
    }
    .item-specialize .label-block{
        margin-bottom: 15px;
    }
    .specialization{
        padding-bottom: 0;
    }
    .box-shape-media .box-image img{
        height: 250px;
    }
    .website-2 .image-website-2 img{
        display: none;
    }
    .main-news-item .box-news .box-image{
        width: 100%;
    }
    .main-news-item .box-news .box-image img{
        height: auto;
    }
    .main-news-item .box-news .box-text{
        padding: 0;
        margin-top: 15px;
    }
    .main-news-item .box-news{
        margin-bottom: 30px;
    }
    .colCustomBottom1 .logo-footer img{
        width: 100px;
    }
    .colCustomBottom1 .logo-footer{
        left: 0;
    }
    .list-read-more-main .box-image-vetical .image-box-item{
        width: 100%;
    }
    .list-read-more-main .box-image-vetical .text-box-item{
        margin: 0;
        padding: 0;
        margin-top: 15px;
    }
    .list-read-more-main .box-image-vetical .image-box-item img, .list-same-news .box-image .image-box-item img{
        height: auto;
    }
    .list-item-news.center-news .box-image img,.list-album-main .item-album .box-image .image-box-item img{
        height: auto;
    }
    .colCustomBottom1{
        margin-bottom: 15px;
    }
    .list-item-video .info-video .title-video{
        font-size: 25px;
        line-height: 40px;
    }
    .main-video-block .article-inner .entry-header .title_post{
        font-size: 25px;
        line-height: 32px;
    }
    .block_isocal .date{
        margin-bottom: 15px;    
    }
    .filter-video .group_filter{
        flex-wrap: wrap;
        height: auto;
        padding-top:15px;
        padding-bottom: 15px;
    }
    .filter-video .group_filter .text-input,.filter-video .group_filter .filter-cate, .button-search{
        margin: 0;
        width: 100%;
    }
    .filter-video .group_filter .text-input input[type="text"],.filter-video .group_filter .filter-cate select, .filter-video .group_filter .button-search input[type="button"]{
        width: 100%;
    }
    .filter-video .group_filter .filter-cate, .button-search{
        margin:15px 0;
    }
    .item-read-more-video .list-read-more-main .box-image img{
        height: auto;
    }
    /* ================= */
    /* Em the  */
    .body-album-img .album-img-section {
        padding: 10px 12px;
    }
    .all-album-other {
        margin-top: 10px;
    }
    .slider-news-center{
        margin-bottom: 30px
    }
    .main-video > .col{
        margin-bottom: 20px
    }
    .box-title-video a{
        height: auto;
        padding-bottom: 15px;
    }
    .block-right-footer .Box-ft{
        padding: 15px 10px;
        position: relative;
    }
    .search-page-new #post-list .post{ 
        width: calc(50% - 20px);
        margin-right: 20px;
        margin-bottom: 30px;
    }
    .search-page-new #post-list .post img{
        height: 120px;
    }
    .single-page img{
        max-width: 100%;
        height: auto !important;
    }
    .ListBanner__New{
        padding-top: 10px;
    }
    .ListBanner__New-1{
        padding-left: 0px;
        padding-bottom: 10px;
    }
    .divLogo__so1{
        border-right: none;
    }
}
@media only screen and (max-width:480px){
    .action-dcc .block-head{
        display: block;
    }
    .action-dcc .block-head .title-left{
        line-height: 40px;
        margin-bottom: 30px;
    }
    .search-block{
        width: 100%;
    }
    .ListBanner__New{
        padding-top: 10px;
    }
    .ListBanner__New-1{
        padding-left: 0px;
        padding-bottom: 10px;
    }
    .divLogo__so1{
        border-right: none;
    }
}
@media only screen and (max-width:414px){
    
}
@media only screen and (max-width:375px){
    
}
@media only screen and (max-width:320px){
    
}