@media screen and (max-width: 320px) {
	.page-header .ctn-header-btn {
		display: none;
	}
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 480px) {
	.lang-news {
		position: absolute;
		top: -51px;
		right: 0;
	}

	.home-page .news {
		padding-bottom: 0 !important;
	}

	.section_feedback .module-header {
		padding: 30px 0 0 !important;
	}

	.section_feedback {
		padding: 0 !important;
	}

	.home-page .banner .block-content span {
		font-size: 16px;
	}

	.home-page .banner .block-wrapper {
		height: 100%;
	}

	.home-page .block-title {
		font-size: 20px;
	}

		.home-page .block-title:after {
			left: calc(41% - 48px);
		}

	#top-banner2 .owl-nav .owl-prev {
		left: 0;
	}

	#top-banner2 .owl-nav .owl-next {
		right: 0;
	}

	#top-banner3 .owl-nav .owl-prev {
		left: 0;
	}

	#top-banner3 .owl-nav .owl-next {
		right: 0;
	}

	.address-ft ul li {
		max-width: 100%;
		padding: 0 20px;
		list-style-type: none;
		font-size: 14px;
		border-right: unset;
		height: auto;
	}

	.home-customer-title {
		font-size: 20px;
	}

	.footer-upper h3 {
		margin-top: 20px;
		font-size: 20px !important;
	}

	.text-primary {
		font-size: 20px;
	}

	#content .post .article-content .entry-title {
		font-size: 20px;
	}

	.product-hot .des {
		font-family: 'Roboto-Light';
		font-size: 14px;
		color: #ffffff;
		width: 100% !important;
	}

	.swiper-slide .desc h3 {
		font-size: 25px;
	}

	.swiper-slide .desc p {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.swiper-slide .desc a {
		font-family: 'Roboto-Light';
		color: #ffffff;
		font-size: 16px;
		padding: 5px 9px;
		border: 1px solid #ffffff;
		/* margin-top: 20px; */
		overflow: hidden;
	}

	.text-justify {
		margin-top: 15px;
	}

	h3.ten-company {
		font-size: 20px;
	}

	.mb-5 {
		margin-bottom: 1rem !important;
	}

	.article-title {
		font-size: 25px;
	}

	#product-detail .top-left-content .title {
		font-size: 25px;
	}

	.hotline-hotline {
		margin-bottom: 20px;
	}

	.post-title {
		font-size: 25px;
	}

	.h-top-lang li a {
		width: auto !important;
	}

	.h-top-lang li {
		width: auto !important;
	}

	.mean-nav .row {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}

@media screen and (max-width: 375px) {
	.swiper-slide .desc h3 {
		font-size: 18px;
	}

	.swiper-slide .desc p {
		font-size: 14px;
	}

	.swiper-slide .desc a {
		font-size: 14px;
	}

	.article-title {
		font-size: 20px;
	}

	.text-primary {
	}

	#product-detail .top-left-content .title {
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	.home-page a > i {
		display: block !important;
	}

	.mean-container .mean-nav ul li a > i {
		display: none;
	}

	.form-inline {
		width: 66%;
	}

	.lang-news {
		position: absolute;
		top: -51px;
		right: 0;
	}

	.mean-nav .col-news {
		padding: 0;
	}

	.h-top-lang li a {
		border-top: none !important;
	}

	.h-top-lang li {
		width: auto !important;
	}
}

@media screen and (max-width: 320px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 480px) {
	.wpcf8 {
		text-align: left;
		width: 100%;
	}

	.dang-ky {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
}

@media screen and (min-width: 768px) {

	.mean-nav .col-news {
		padding: 0;
	}
}

@media screen and (max-width: 991px) {
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
	header.banner .desktop .contact_section {
		max-width: 180px !important;
	}
}

@media (min-width: 768px) {
	.intro_city {
		width: 500px;
	}

	.products_section ul li {
		height: 270px;
	}
}

@media screen and (max-width: 991px) {
}

@media screen and (min-width: 992px) {
	.intro_city {
		width: 642px;
	}

	.products_section ul li {
		height: 350px;
	}
}

@media screen and (min-width: 1200px) {
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {
	width: 100% !important
}

.fb-page, .fb-page span, .fb-page span iframe[style] {
	width: 100% !important
}

.d_page {
	width: 100%;
	margin: 15px 0 25px 0;
	float: left;
	text-align: center;
	margin: 0;
	margin-bottom: 20px;
}

	.d_page b {
		background-color: #476bb3;
		border-color: #476bb3;
		color: #fff;
		margin-right: 8px;
		width: 40px;
		height: 40px;
		font-size: 17px;
		border-radius: 50px;
		font-weight: 400;
		display: inline-block;
		line-height: 21px;
		padding-top: 9px;
	}

	.d_page a {
		margin: 0 2.5px;
		background: #fff;
		text-align: center;
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		line-height: 19px;
		font-size: 17px;
		color: #b5b0b0;
		border: 1px solid #b5b0b0;
		text-decoration: none;
		padding-top: 8px;
	}

		.d_page a:hover {
			background-color: #476bb3;
			border-color: #476bb3;
			color: #fff !important;
			opacity: 1;
		}