@media only screen and (min-width: 620px) {
    #iconmobile {
        display: none;
    }
	
    #check-action {
        display: block;
    }
	.main-library-news__list-news .news-thumb {
		    object-fit: revert;
			object-position: top;
			width: auto !important;
			height: auto !important;
	}
	.main-library-news__list-news .item-new .item-image {
        width: calc(100% - 45% - 30px) !important;
    }
	.news-content .see-more {
		position: inherit !important;
	}
	.main-library-news__list-news .item-new .news-content--text p.font-size-10 {
		font-size: 11px;
	}
}

@media screen and (min-width: 768px) {
    .only-mobile {
        display: none;
    }
	
	.main-home .hot_new.col-md-4 {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	
	.main-home .slide_home.col-md-8 {
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
	}
	.main-library-news__list-news .news-thumb {
		    object-fit: revert;
			object-position: top;
			width: auto !important;
			height: auto !important;
	}
	.main-library-news__list-news .item-new .item-image {
        width: calc(100% - 45% - 30px) !important;
    }
	.news-content .see-more {
		position: inherit !important;
	}
	.main-library-news__list-news .item-new .news-content--text p.font-size-10 {
		font-size: 11px;
	}
}

@media screen and (min-width: 992px) {
    .only-mobile-tablet {
        display: none;
    }
	.main-library-news__list-news .news-thumb {
		    object-fit: revert;
			object-position: top;
			width: auto !important;
			height: auto !important;
	}
	.main-library-news__list-news .item-new .item-image {
        width: calc(100% - 45% - 30px) !important;
    }
	.news-content .see-more {
		position: inherit !important;
	}
	.main-library-news__list-news .item-new .news-content--text p.font-size-10 {
		font-size: 11px;
	}
}

@media (min-width: 1379px) {
	.header__banner__logo {
		margin: 0;
		position: absolute;
		left: 0;
		right: 50%;
		top: 0;
		bottom: 0;
		z-index: 1;
	}
	
	.header__banner__logo > img.img-fit {
		position: absolute;
		right: 100px;
		top: 0;
		width: 890px;
		height: 100%;
		max-width: fit-content;
	}
	
	.header__banner__logo .img-logo {
		right: 410px;
		left: auto;
		height: 150px;
	}
	
	.header__banner__star {
		margin: 0;
		position: absolute;
		left: 50%;
		right: 0;
		top: 0;
		bottom: 0;
	}
	
	.header__banner__star > img.img-fit {
		position: absolute;
		left: 65px;
		top: 0;
		width: 890px;
		width: fit-content;
		height: 100%;
		max-width: -webkit-fit-content;
		max-width: -moz-fit-content;
		max-width: fit-content;
	}
	
	.header__banner__star .img-star {
		height: 145px;
		left: 475px;
		transform: translateY(-50%);
	}
}

@media (min-width: 1700px) {
	#check-action {
		right: auto;
		left: calc(50% + 720px);
	}
}

@media (max-width: 1750px) {
	.box-action {
		width: auto;
	}
	
	.box-action .box-parent .box-icon {
		left: inherit;
		position: inherit;
		top: inherit;
	}
	
	.box-action .box-parent .item-action {
		position: absolute;
		right: 27px;
		padding: 18px 35px 18px 10px;
	}
	
	.box-action .box-parent .item-action .datetime > a {
		padding: 0 5px !important;
	}
	
	.box-action .box-parent .item-action .datetime > p {
		display: inline-block;
	}
	
	.box-action .item-action-arrow .box-icon {
		left: inherit;
	}
}

@media (max-width: 1399px) {
	.bodyNQTW4 .header__menu .list-menu .item {
		padding: 0 10px;
	}
	
	.bodyNQTW4 .header__menu .list-menu .item a {
		font-size: 13px;
	}
	
	.bodyNQTW4 .header__menu .language {
		padding: 0 10px !important;
	}
	
	.bodyCTCBN .header__menu .list-menu .item {
		padding: 0 10px;
	}
	
	.bodyCTCBN .header__menu .list-menu .item a {
		font-size: 13px;
	}
	
	.bodyCTCBN .header__menu .language {
		padding: 0 10px !important;
	}
}

@media (max-width: 1378px) {
	.container {
		width: 100%;
		padding-right: 30px !important;
	}
	
	.header__banner__logo {
		margin: 0 !important;
		height: 130px;
		width: 50%;
	}
	
	.header__banner__star {
		margin: 0 !important;
		width: 50%;
		height: 130px;
	}
	
	.header__banner__logo > img.img-fit {
		position: absolute;
		top: 0;
		width: 875px;
		height: 100%;
		max-width: fit-content;
		transform: translateX(0);
		left: -280px;
	}
	
	.header__banner__logo .img-logo {
		right: auto;
		left: 131px;
		height: 150px;
	}	
	
	.header__banner__star > img.img-fit {
		position: absolute;
		top: 0;
		width: 890px;
		width: fit-content;
		height: 100%;
		max-width: -webkit-fit-content;
		max-width: -moz-fit-content;
		max-width: fit-content;
		right: -280px;
		transform: translateX(0);
	}
	
	.header__banner__star .img-star {
		height: 150px !important;
		left: auto;
		width: 108px;
		right: 38px;
	}
}



@media (max-width: 1364px) {
	
	.main-home .topic .item .text {
		padding: 0 10px 0 65px;
		font-size: 13px;
	}
	
	.main-home .topic .item > a {
		height: 42px;
	}
	
	.main-home .topic .item {
		height: 42px;
	}
	
	.header__menu #show-popupmenu {
		margin: 0;
	}
}




@media (max-width: 1299px) {
	
	.container {
		width: 100%;
		padding-right: 30px !important;
	}
	
	.footer__content {
		padding: 34px 27px 18px 12px !important;
	}
	
	.header__banner .title {
		font-size: 46px;
	}
	
	.header__banner__center h3.text-show {
		font-size: 11px;
	}
	
	.header__menu {
		padding: 0;
	}
	
	.header__menu .list-menu .item a {
		font-size: 13px;
	}
	
	.header__menu .list-menu .item {
		padding: 0 20px !important;
	}
	
	.header__menu .home {
		font-size: 23px;
	}
	
	.header__menu .language a {
		font-size: 13px;
	}
	
	.header__menu .language {
		padding: 0 20px !important;
	}
	
	.header__menu #show-popupmenu {
		font-size: 26px;
		margin-right: 10px;
	}
	
	.header__menu .people {
		font-size: 25px;
		margin-right: 15px;
	}
	
	.main-home .news-container .new-nav__content {
		padding: 0 12px;
	}
	
	.main-home .topic {
		padding: 23px 15px 7px;
	}
	
	.main-home .topic .item {
		height: 40px;
	}
	
	.main-home .topic .item > a {
		height: 40px;
	}
	
	.main-home .topic .item .text {
		padding: 0 10px 0 55px;
		font-size: 13px;
	}
	
	.header__new .wrap-search {
		padding: 0 5px;
	}
	
	.box-title h3.title-main {
		font-size: 15px;
	}
	
	.main-home .hot-new .title-main {
		padding: 0;
		text-align: center !important;
	}
	
	.navbar .minister .title-main {
		font-size: 11px;
	}
	
	.bodyNQTW4 .header__menu .list-menu .item {
		padding: 0 9px !important;
	}
	
	.bodyNQTW4 .header__menu {
		padding: 5px 0;
		height: 40px;
	}
	
	.bodyNQTW4 .header__menu .language {
		padding: 0 10px !important;
	}
	
	.bodyNQTW4 .header__menu .home {
		font-size: 23px;
		line-height: 18px;
	}
	
	.bodyCTCBN .header__menu .list-menu .item {
		padding: 0 9px !important;
	}
	
	.bodyCTCBN .header__menu {
		padding: 5px 0;
		height: 40px;
	}
	
	.bodyCTCBN .header__menu .language {
		padding: 0 10px !important;
	}
	
	.bodyCTCBN .header__menu .home {
		font-size: 23px;
		line-height: 18px;
	}
}

@media (max-width: 1199px) {
	.header__banner {
		height: 100px;
	}
	
	.header__banner__logo {
		height: 100px;
	}
	
	.header__banner__logo > img.img-fit {
		width: 668px;
		left: -210px;
	}
	
	.header__banner__logo .img-logo {
		height: 120px;
		left: 100px;
	}
	
	.header__banner__star {
		height: 100px;
	}
	
	.header__banner__star .img-star {
		height: 120px !important;
		right: 7px;
	}
	
	.header__banner__star > img.img-fit {
		width: 668px;
		width: fit-content;
		right: -205px;
	}
	
	.header__banner .title {
		font-size: 40px;
	}
}

@media (max-width: 1023px) {
    .container {
        width: 100%;
		padding-right: 12px !important;
    }
}

@media screen and (max-width: 991px) {
    .only-desktop {
        display: none;
    }
    .navbar .statistical__content {
        padding: 10px 0px !important;
    }
	
	.header__menu .list-menu .item {
		padding: 0 10px !important;
	}
	
	.header__menu {
		height: 35px;
	}
	
	.header__menu .language {
		padding: 0 10px !important;
	}
	
	.header__menu .language,
	.header__menu .home,
	.header__menu .list-menu {
		display: none;
	}
	
	.header__menu .showsidebar {
		display: block;
		font-size: 28px;
	}
}

@media screen and (max-width: 767px) {
	.mobile-hidden{
        display: none;
	}
    .only-desktop-tablet {
        display: none;
    }

    .navbar .statistical__content {
        padding: 0px;
    }
	
	.main {
		flex-wrap: wrap;
	}
	
	.main-home {
		width: 100% !important;
	}
	
	.main-page-introduce {
		width: 100%;
	}
	
	.navbar {
		width: 100%;
		padding-bottom: 70px;
	}
	
	.main-page-introduce .organizational .content .unit .list > div {
		padding-left: 15px !important;
		padding-right: 15px !important;
		border: 0 !important;
	}
	
	.main-home .slide-home .mySlides {
		height: auto;
		padding-top: 57.88%;
	}
	
	.slide_home {
		padding-left: 15px !important;
		margin-top: 20px;
	}
	
	.wrap-slide.hot-new-mobile .hot_new {
		padding-right: 15px !important;
	}
	
	.main-home .hot-new .see-more {
		margin-top: -10px;
		display: block;
	}
	
	.header__banner {
		height: 70px;
	}
	
	.header__banner__logo {
		height: 70px;
	}
	
	.header__banner__star {
		height: 70px;
	}
	
	.header__banner__logo .img-logo {
		height: 70px;
		left: 35px;
	}
	
	.header__banner__star .img-star {
		height: 70px !important;
		right: -70px;
	}
	
	.header__banner__star > img.img-fit {
		right: -190px;
		width: 477px;
		height: 70px;
	}
	
	.header__banner__logo > img.img-fit {
		left: -190px;
		width: 468px;
		height: 70px;
	}
	
	.header__banner .title {
		font-size: 20px;
	}
	
	.header__banner__center h3.text-show {
		font-size: 8px;
		text-shadow: none;
	}
	
	.header__new marquee {
		width: 60%;
	}
	
	.header__new .wrap-search {
		width: 40%;
	}
	
	.header__new > .container {
		padding: 0 7px !important;
	}
	
	.main-home .slide-home .mySlides .text__title {
		font-size: 13px;
		margin: 0;
		padding: 8px 10px;
		line-height: 1.2;
	}
	
	.main-home .main-task .main-task__title {
		height: 45px;
	}
	
	.main-home .main-task .main-task__title img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.main-library-news {
		width: 100%;
	}
	.main-library-news__list-news .news-thumb {
		    object-fit: revert;
			object-position: top;
			width: auto !important;
			height: auto !important;
	}
	.main-library-news__list-news .item-new .item-image {
        width: calc(100% - 45% - 30px) !important;
    }
	.news-content .see-more {
		position: inherit !important;
	}
	.main-library-news__list-news .item-new .news-content--text p.font-size-10 {
		font-size: 11px;
	}
}


@media only screen and (max-width: 600px) {
	#iconmobile #btn-check {
		margin-right: 15px !important;
		margin-left: 0 !important;
	}
    #iconmobile {
        display: block;
    }
	
    #check-action {
        display: none;
    }
	
	.main-home .news-container {
		flex-wrap: wrap;
	}
	
	.main-home .news-container .new-nav {
		width: 100%;
	}
	
	.main-home .news-container .list-new {
		width: 100%;
		padding: 10px 0 0 0;
	}
	
	.main-home .news-container .list-new .item__img {
		width: 30%;
		margin-right: 5px;
	}
	
	.main-home .news-container .list-new .item__content {
		width: calc(70% - 5px);
		padding-top: 0;
		font-size: 13px;
		line-height: 1.3;
	}
	
	.main-home .news-container .list-general {
		width: 100%;
	}
	
	.main-home .main-task .list li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.wrap-slide .mySlides1 {
		width: 100%;
	}
	
	.slide_videohome .iconplayslide {
		width: 30px;
		height: 30px;
		top: calc(50% - 15px);
		left: calc(50% - 15px);
		border-width: 2px;
	}
	
	.slide_videohome .iconplayslide i {
		font-size: 20px;
		left: calc(50% - 5px);
		top: calc(50% - 10px);
	}
	
	.wrap-slide .prev i, .wrap-slide .next i {
		font-size: 40px !important;
	}
	
	.main-home .news-media__list {
		padding: 0;
	}
	
	.main-home .news-media__list li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	
	.main-home .news-media__list li a {
		margin: 0 !important;
	}
	
	.main-home .feedback__list .item__comment {
		width: calc(100% - 95px);
		padding: 10px 10px 0 15px;
	}
	
	.main-home .feedback__list .item__send {
		width: 95px;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.main-home .feedback__list .item__send .button {
		padding: 5px 10px;
		font-size: 13px;
	}
	
	.audio-player {
		width: 100%;
		margin: 10px 0;
	}
	
	.main-library-news__list-news .news-thumb {
		    object-fit: revert;
			object-position: top;
			width: auto !important;
			height: auto !important;
	}
	
	.news-content .see-more {
		position: inherit !important;
	}
	.main-library-news__list-news .item-new .news-content--text p.font-size-10 {
		font-size: 11px;
	}
	
	.main-library-news__list-news .item-new .news-content {
		width: 60%;
		padding-left: 10px;
		margin-left: 0;
		line-height: 1.3;
	}
	
	.main-library-news__list-news .item-new .item-image {
		width: 40% !important;
	}
	
	.video-home-title .news-media__title + .news-media__title {
		margin-left: 0;
		margin-top: -34px;
	}
}


@media only screen and (max-width: 479px) {
   .footer__right .box-search {
		max-width: 100%;
	}
	
	.main-home .check__content {
		flex-wrap: wrap;
	}
	
	.main-home .check__content .box {
		width: 100%;
	}
	
	.dataTables_filter {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.dataTables_filter .form-control {
		width: 100%;
	}
	.main-library-news__list-news .news-thumb {
		    object-fit: revert;
			object-position: top;
			width: auto !important;
			height: auto !important;
	}
	
	.news-content .see-more {
		position: inherit !important;
	}
	.main-library-news__list-news .item-new .news-content--text p.font-size-10 {
		font-size: 11px;
	}
	
	.title-modal {
		font-size: 16px;
	}
	
	.mg-12 {
		padding: 15px;
	}
	
	.modal__main .person-info {
		flex-direction: column;
	}
	
	.modal__main .person-info .box-avatar {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 auto 15px;
		text-align: center;
		max-height: inherit;
		border: 0;
	}
	
	.modal__main .person-info .box-avatar img {
		max-width: 100%;
		object-fit: none;
		max-height: 100%;
		width: auto;
		border: 1px solid #ffc740;
	}
	
	.modal__main .person-info .box-introduce ul li span.font-size-20.fw-bold.text-uppercase {
		display: block;
		font-size: 16px;
		text-align: center;
	}
	
	.modal__head .close-modal {
		font-size: 20px !important;
	}
}

















