@media(width < 1200px) {
	.report-image-wrapper img {
		height: 300px;
	}
}
@media(min-width: 992px){
    .video-carousel {
        display: flex;
        gap: 32px;
    }
    .video-carousel .left-content {
        width: 65%;

    }
    .video-carousel .right-content {
        display: flex;
        width: 35%;
        flex-direction: column;
        gap: 16px;
    }
    .navbar-nav .nav-link:hover {
	    color: #fff;
	}
	#bai-phat-bieu .news-detail h5 {
		min-height: 48px;
	}
}
@media(width < 991.98px) {
	body {
		background: #131829;
	}
	.navbar>.container-xl {
		padding: 0;
	}
	.navbar-toggler {
		margin-right: 4px;
		padding-top:0;
		padding-bottom: 0;
	}
	.navbar-nav {
		height: 100vh;
    	background: #fff;
    	padding: 16px 12px;
		text-transform: uppercase;
	}
	.navbar-nav .nav-item {
		margin-bottom: 12px;
	}
	.navbar .nav-link {
		color: #284D9C;
		font-weight: 700;
		font-size: 16px;
		line-height: 100%;
		padding: 12px;
		border-radius: 8px;
	}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	    background: #EEF4FF;
	    color: #284D9C;
	}
	.section-title {
		font-size: 20px;
		text-align: center;
		line-height: 28px;
	}	
	#tai-lieu-bao-cao .section-title {
	    font-size: 20px;
	    line-height: 30px;
	}
	.section-desc {
		font-size: 14px;
		text-align: center;
		margin-top: 16px;
		margin-bottom: 20px;
	}
	#video-phat-bieu.section-group {
		padding-top: 46px;
	}
	.video-card,
	.document-card {
	    background: #000712;
	}
	.video-card .video-card-title {
		font-size: 20px;
		line-height: 24px;
	}
	.video-card .video-card-desc {
		font-size: 16px;
		line-height: 20px;
		margin-top: 16px;
	}
	.video-card .text-end{
		text-align: center !important;
	}
	.news-carousel {gap: 0}
	.news-item{width: 100%;}
	#bai-phat-bieu .news-detail {
	    min-height: 300px;
	    padding-left: 24px;
	    padding-right: 8px;
	    padding-bottom: 16px;
	    
	}
	#bai-phat-bieu .btn-detail {margin-top: 14px}
	#chuong-trinh .program-card {
		gap: 20px;
	    flex-direction: column-reverse;
	}
	#chuong-trinh.section-group {
		padding-top: 50px;
	}
	#chuong-trinh .section-title  {
		margin-bottom: 0 !important;
	}
	#chuong-trinh .right-content .section-desc {
		margin-top: 16px;
	}
	#chuong-trinh .left-content .report-image-wrapper::after {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 57.75%, #0C3270 100%);
	}
	#chuong-trinh .left-content .report-image-wrapper img {
	    height: 250px;
	    object-fit: cover;
	}
	#tai-lieu-bao-cao {
		padding-top: 45px;
	}
	#tai-lieu-bao-cao .section-desc, #chuong-trinh .section-desc {
		text-align: justify;
	}
	#tai-lieu-bao-cao .left-content{
		background:unset;
	}
	#tai-lieu-bao-cao .right-content{
	    background: url(/assets/images/report-dots.png);
	    background-repeat: no-repeat;
	    background-position: left 40px bottom;
	}
	.report-image-wrapper img {
		height: 250px;
		width: 100%;
	}
	#chuong-trinh .report-image-wrapper img {
		height: auto;
	}
	#chuong-trinh .right-content,
	#chuong-trinh .left-content {
		width: 100%;
	}
	#chuong-trinh .right-content .btn-detail--primary,
	#tai-lieu-bao-cao .left-content .btn-detail--primary {
		display: none;
	}
	.tai-lieu-bao-cao-wrapper {
		flex-direction: column;
	}
	#tai-lieu-bao-cao .right-content,
	#tai-lieu-bao-cao .left-content {
		width: 100%;
	}
	.document-wrapper {
		flex-direction: column;
		gap: 30px;
	}
	.document-wrapper .left-content, .document-wrapper .right-content {
	    width: 100%;
	}
	.footer-section {
		padding-top: 20px !important;
	    padding-bottom: 60px !important;
	    margin-top: 20px !important;
	    background: #161A2E;
	}
	.agenda-wrapper .right-content,
	.agenda-wrapper .left-content{width: 100%}
	.agenda-wrapper {
		flex-direction: column;
		padding-left: 8px;
		padding-right: 8px;
	}
}