@media all and (max-width: 480px) {

	.left-content,
	.newsList,
	.newsList .newsItem.media,
	.newsList .media-body {
		min-width: 0;
		max-width: 100%;
	}

	.newsList .newsItem.media {
		display: flex;
		align-items: flex-start;
		margin-left: 0;
		margin-right: 0;
	}

	.newsList .media-left {
		flex: 0 0 30%;
		max-width: 30%;
	}

	.newsList .media-body {
		flex: 1 1 auto;
		overflow-wrap: anywhere;
		word-break: break-word;
		padding-left: 10px;
	}

	.newsList .media-body img,
	.newsList .media-body table,
	.newsList .media-body iframe {
		max-width: 100%;
		height: auto;
	}

	.newsList .media-heading {
		line-height: 1.35;
	}

	.pagination {
		flex-wrap: wrap;
	}


	header {
		height: 80px;
	}

		header .brand-text {
			background-size: 70px;
			background-position: 0px 15px;
			padding: 9px 0 1px 50px !important;
			height: auto;
		}
		header .brand-text h1 {
			font-size: 16px;
		}
		header .brand-text h2 {
			font-size: 14px;
		}
		.row-eq-height {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-right: -15px;
			margin-left: -15px;
		}
	.navbar-light .navbar-toggler {
		color: #fff;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#207ce5+0,009ee3+100 */
		/*background: rgb(32,124,229);*/ /* Old browsers */
		/*background: -moz-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(0,158,227,1) 100%);*/ /* FF3.6-15 */
		/*background: -webkit-linear-gradient(top, rgba(32,124,229,1) 0%,rgba(0,158,227,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
		/*background: linear-gradient(to bottom, rgba(32,124,229,1) 0%,rgba(0,158,227,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#009ee3',GradientType=0 );*/ /* IE6-9 */
		border: none;
	}.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
	}

	.main-menu {
		background-color: transparent;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		top: 6px;
		left: -15px;
		z-index: 9;
	}

		.main-menu .nav-item .nav-link {
			color: #000;
		}

	ul#top-menu {
		border-bottom: 2px solid #b10511;
		background: #fff;
	}

	.on-top {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
	}

	#block-tintuc {
		margin: 0px 0 5px 0
	}
	#block-tintuc #tintucnoibat .carousel-caption h5 {
		font-size: 14px;
	}
	.banner {
		/* background: url(/style/chinhtritohieu/template/style1/img/header-red.png) no-repeat; */
		 min-height: auto; 
	}
	.top-line {
		display: none;
	}
}

.layout-home .row-eq-height {
	flex-wrap: wrap;
	margin-right: -15px;
}

/* The banner artwork contains the logo at x=380..500; align it with the container. */
header .banner {
	--header-container-width: 540px;
	background-position: calc((100vw - var(--header-container-width)) / 2 - 340px) top;
}

header .banner .brand-text {
	padding: 36px 0 24px 180px !important;
	min-height: 182px;
}

header .brand-text h1,
header .brand-text h2 {
	display: block;
	line-height: 1.3;
}

header .brand-text h2 {
	margin-top: 8px;
}

@media (min-width: 768px) {
	header .banner { --header-container-width: 720px; }
}

@media (min-width: 992px) {
	header .banner { --header-container-width: 960px; }
}

@media (min-width: 1200px) {
	header .banner { --header-container-width: min(100vw, 1320px); }
}

@media (min-width: 577px) and (max-width: 991px) {
	header .brand-text h1 { font-size: 26px; }
	header .brand-text h2 { font-size: 22px; }
}

@media (max-width: 576px) {
	header {
		height: auto;
		min-height: 80px;
	}

	header .banner .brand-text {
		padding: 12px 0 !important;
		min-height: 80px;
	}

	header .brand-text h1 { font-size: 20px !important; }
	header .brand-text h2 { font-size: 16px !important; }
}

@media (max-width: 480px) {
	header .banner .brand-text { padding-left: 50px !important; }
}

.layout-home .col-left,
.layout-home-sidebar {
	min-width: 0;
}

.layout-home img,
.layout-home iframe,
.layout-home video,
.site-footer img {
	max-width: 100%;
}

.site-footer {
	background-size: cover;
	background-color: #9b241c;
	overflow-wrap: anywhere;
}

.site-footer .footer-address {
	margin: 8px 0 0;
	line-height: 1.6;
}

@media (max-width: 767px) {
	.site-footer .border-right,
	.site-footer .border-left {
		border: 0 !important;
	}

	.site-footer .row > div + div {
		margin-top: 20px;
	}

	.site-footer .row > div + div > h2 {
		display: none;
	}
}