@media screen and (max-width: 1100px) {
	.menu-nav a {
		padding: 0px 15px;
	}
}

@media screen and (max-width: 1024px) {
	.detail__content_fix img {
		max-width: 100% !important;
		height: auto !important;
	}

	.header-top,
	.header-nav,
	.header_top .right .menu_top {
		display: none;
	}

	.menu {
		padding: 5px 0;
		background: #ba0000;
	}

	.menu-nav,
	.btn_search {
		display: none;
	}

	#hamburger {
		display: block;
	}

	.center-layout,
	.inner {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.header-bottom>.center-layout {
		flex-direction: column;
		padding: 0px !important;
	}

	.header-bottom .right {
		width: 100%;
	}

	.menu-search {
		position: relative;
		top: 0px;
		display: block;
		height: 35px;
	}

	.header-bottom {
		padding: 0px;
	}

	.header-bottom .left {
		padding: 5px 0px;
	}

	.load_about .center-layout {
		flex-direction: column;
	}

	.load_about .left {
		width: 100%;
	}

	.load_about .right {
		margin: auto;
		margin-top: 20px;
	}

	.box_nb .ten a {
		font-size: 13px;
	}

	.load_ha .center-layout {
		flex-direction: column-reverse;
	}

	.load_ha .left {
		width: 100%;
		max-width: 760px;
		margin: auto;
	}

	.load_ha .right {
		max-width: 100%;
		margin-bottom: 15px;
	}

	.box_ts .ten {
		font-size: 14px;
	}

	.footer .col_1 {
		grid-template-columns: 20% 20% 20% 20%;
	}

	.footer .col_1 .footer-col:nth-child(2) {
		grid-column: 2/5;
	}

	.footer .col_1 .footer-col:nth-child(3) {
		grid-column: 1/3;
	}

	.footer .col_1 .footer-col:nth-child(4) {
		grid-column: 3/5;
	}

	.fixed.header-bottom .left {
		display: none;
	}
}

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

	.title_dk,
	.title_tc,
	.title_vd {
		font-size: 26px;
	}
}

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

	.product__grid,
	.news__grid {
		grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));
	}

}

@media screen and (max-width: 768px) {
	.load_dk .center-layout {
		flex-direction: column;
	}

	.load_dk .left {
		width: 100%;
	}

	.load_dk .right {
		max-width: 100%;
		margin-top: 15px;
	}

	.mobile-button {
		display: grid !important;
	}

	.owldt {
		display: none !important;
	}

	.center_dt {
		display: block;
	}

	.copyright .center-layout {
		flex-direction: column;
		text-align: center;
	}
}

@media screen and (max-width: 700px) {
	.pd-detail__top {
		grid-template-columns: 100%;
		grid-gap: 20px;
	}

	.slide .custom-owl-prev,
	.slide .custom-owl-next {
		font-size: 20px;
	}

	.header_top .dienthoai {
		display: none;
	}

	.load_ha .left .images_left {
		max-width: 320px;
	}

	.load_ha .left .images_right {
		width: calc(100% - 330px);
	}

	.footer .col_1 {
		grid-template-columns: 22% 22% 22% 22%;
	}
}

@media screen and (max-width: 600px) {
	.load_ha .left .images_left {
		max-width: 280px;
	}

	.load_ha .left .images_right {
		width: calc(100% - 290px);
	}

	.title_dk,
	.title_tc,
	.title_vd {
		font-size: 22px;
	}

	.box_new .img {
		max-width: 270px;
	}

	.box_new .noidung {
		width: calc(100% - 285px);
	}

	.box_new .noidung .date {
		margin: 4px 0px;
	}

	.more_new {
		margin-top: 10px;
	}

	.box_new .noidung .ten {
		font-size: 13px;
	}

	.box_new .noidung .mota {
		font-size: 13px;
	}

	.product__grid,
	.news__grid {
		grid-template-columns: repeat(2, calc(50% - (20px / 2)));
	}

	.load_about .right .img {
		max-width: 250px;
		height: 315px;
	}

	.load_about .right {
		height: 465px;
	}
}

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

	.header_top .email,
	.header_top .dienthoai {
		display: none;
	}

	.title_dk,
	.title_tc,
	.title_vd {
		font-size: 20px;
	}

	.box_nb .ten a {
		font-size: 11px;
	}

	.load_ha .left .images_left {
		max-width: 210px;
	}

	.load_ha .left .images_right {
		width: calc(100% - 220px);
	}

	.box_ts .ten {
		font-size: 13px;
	}

	.box_new .img {
		max-width: 190px;
	}

	.box_new .noidung {
		width: calc(100% - 200px);
	}

	.more_new {
		display: none;
	}

	.box_vd a p.ten {
		font: 13px;
	}

	.center_dk {
		padding: 20px 20px;
	}

	.footer .col_1 {
		grid-template-columns: 100%;
	}

	.footer .col_1 .footer-col:nth-child(2),
	.footer .col_1 .footer-col:nth-child(3),
	.footer .col_1 .footer-col:nth-child(4) {
		grid-column: initial;
	}

	.news-items .items__name a {
		font-size: 15px;
	}

	.title span {
		font-size: 26px;
	}

	.load_about .right:after {
		background-size: 100% 100%;
	}

	.footer-logo img {
		margin: auto;
	}
}

@media screen and (max-width: 414px) {
	.news-items .items__name a {
		font-size: 14px;
	}

	.news-items .news__mota,
	.product-items__name a {
		font-size: 13px;
	}

	.load_about .right .img {
		max-width: 190px;
		height: 240px;
	}

	.load_about .right {
		height: 390px;
	}

	@keyframes key_one {
		0% {
			left: 0;
			top: 0;
			z-index: 3;
		}

		25% {
			left: calc(100% - 190px);
			top: 0;
			z-index: 2;
		}

		50% {
			left: calc(100% - 190px);
			top: 150px;
			z-index: 3;
		}

		75% {
			left: 0;
			top: 150px;
			z-index: 2;
		}

		100% {
			left: 0;
			top: 0;
			z-index: 3;
		}
	}

	@keyframes key_two {
		0% {
			left: calc(100% - 190px);
			top: 150px;
			z-index: 2;
		}

		25% {
			left: 0;
			top: 150px;
			z-index: 3;
		}

		50% {
			left: 0;
			top: 0;
			z-index: 2;
		}

		75% {
			left: calc(100% - 190px);
			top: 0;
			z-index: 3;
		}

		100% {
			left: calc(100% - 190px);
			top: 150px;
			z-index: 2;
		}
	}

	.box_nb .ten a {
		font-size: 10px;
	}

	.load_ha .left {
		flex-direction: column;
	}

	.load_ha .left .images_left {
		max-width: 100%;
		margin-bottom: 10px;
	}

	.load_ha .left .images_right {
		width: 100%;
	}

	.load_ts .title_vd {
		font-size: 16px;
	}

	.footer-company {
		font-size: 25px;
	}

	.copyright-right {
		display: block;
		text-align: center;
	}

	.copyright-right span {
		display: inline-block;
	}

	.box_new .noidung .ten {
		font-size: 12px;
	}

	.box_ts .ten {
		font-size: 12px;
	}
}

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

	.title_dk,
	.title_tc,
	.title_vd {
		font-size: 16px;
	}

	.box_new .img {
		max-width: 160px;
	}

	.box_new .noidung {
		width: calc(100% - 170px);
	}

	.footer-company {
		font-size: 20px;
	}

	.news-items .news__mota,
	.product-items__name a {
		font-size: 12px;
	}

	.news-items .items__name a {
		font-size: 13px;
	}
}