/* 1199 */

@media screen and (max-width: 1400px) {
	.site-address ul li{
		font-size: 12px;
	}
}

@media screen and (max-width: 1199.5px) {
    .page-order .table-result
    {
        overflow-x: scroll;
    }
    .page-order .table-result table
    {
        width: 1400px;
    }
	.header .menu,
	.menu-products,
	.site-address{
		display: none;
	}
	.site-banner{
		margin-top: -103px;
	}
	.site-about--content{
		padding:50px 0px;
	}
	.footer .address li{
		line-height: 1.5;
	}
	.video-content .content h3{
		font-size: 200%;
	}
	.bg-products .slick-object-products{
		margin:0px -10px;
	}
	.bg-products .slick-object-products .slick-slide{
		padding:0px 10px;
	}
	.page-banner-htl{
		max-height: 600px;
	}
	.page-object-products .title-main .heading{
		font-size: 50px;
	}
	.row-custom-50{
		margin:0px -12px;
	}
	.row-custom-50 .col-custom-50{
		padding:0px 12px;
	}
	.page-archive-news .pd-right-custom{
		padding-right: 0;
	}
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.site-about .logo{
		display: none;
	}
	.items-project-1 .ratio{
		padding-bottom: 50%;
	}
	.items-project .ratio{
		padding-bottom: 70%;
	}
	.site-cs .items{
		padding:10px 0px;	
	}
	.site-cs{
		padding:50px 0px;
	}
	.footer .title-ft{
		font-size: 100%;
	}
	.page-banner{
		margin-top: -103px;
		padding-top: 103px;
		max-height: 600px;
	}
	.items-products h3 a{
		font-size: 100%;
		padding:10px;
	}
	.items-products .logo img{
		max-width: 100px;
	}
	.items-products .logo span{
		font-size: 100%;
	}
	.title-main .heading{
		font-size: 150%;
	}
	.video-content .content{
		padding:20px;
	}
	.single-content{
		padding-left: 0;
	}
	.single-content h1{
		font-size: 120%;
	}
	.page-banner{
		height: 400px;
	}
	.section-about-content
	{
		position: unset !important;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.header .logo img{
		max-width:150px;
	}
	.header .logo{
		padding: 10px 0px;
	}
	.site-banner{
		margin-top: 0;
	}
	.site-banner img{
		height: auto;
		max-height: 500px;
		min-height: 500px;
	}
	.site-banner--content .btn
	{
		width: 100%;
	}
	.site-banner--content .title{
		font-size: 30px;
	}
	.site-banner--content h2{
		font-size: 20px;
		text-align: center;
	}
	.site-banner--content h3{
		font-size: 20px;
		margin:10px 0px
	}
	.site-banner--content{
		padding:0px 10px;
	}
	.title-main .heading{
		font-size: 25px;
	}
	.title-main p{
		font-size: 100%;
	}
	.items-solution h3{
		font-size: 100%;
	}
	.site-solution .col-custom-50{
		margin-bottom: 15px !important;
	}
	.site-about--content .the_content h3{
		font-size: 100%;
	}
	.site-about-dl .content h3{
		font-size: 150%;
	}
	.site-about-dl .content{
		padding-right: 0;
	}
	.footer .footer__bg{
		padding:20px;
	}
	.footer .footer__bg__content_2{
		width: 100%;
		margin:20px 0px;
	}
	.menu-mobile ul li a{
		font-size: 100%;
	}
	.items-ewin{
		height: 400px;
	}
	.page-banner .content h2{
		font-size: 150%;
	}
	.page-banner .content{
		width: 100%;
		padding:10px;
	}
	.page-banner{
		margin-top: -55px;
		padding-top: 55px;
		max-height: 400px;
	}
	.title-main .heading{
		line-height: 1.3;
	}
	.bh-list{
		margin-bottom: 20px;
	}
	.pd-main{
		padding:30px 0px;
	}
	.single-content{
		padding-top: 20px;
	}
	.page-single-products{
		padding-bottom: 0;
	}
	.page-banner{
		height: 200px;
	}
	.page-object-products .title-main .heading-small{
		font-size: 100% !important; 
	}
	.page-object-products .title-main .heading{
		font-size: 200%;
	}
	.items-store h3{
		padding:10px;
	}
	.page-archive-news .items-news-2 p{
		display: none;
	}
	.items-news-2 .content{
		padding-left: 12px;
	}
	.items-news-2 .content h3 a{
		font-size: 14px;
	}
	.site-banner--content h3
	{
		text-align: center;
		font-size: 18px;
		line-height: 25px;
		font-weight: 500;
	}
	.justify-md-content-center
	{
		justify-content: center;
	}
	.site-banner--content p {
		text-align: center;
		font-size: 16px;
	}
	.site-banner--content
	{
		top: 50%;
	}
	.site-about--content .the_content h3,
	.site-review-product .title
	{
		line-height: 30px;
	}
	.site-about--content .btn
	{
		margin-top: 30px;
	}
	.title-main .first_heading {
		font-size: 25px;
		line-height: 25px;
	}
	.title-main p
	{
		margin-top: 12px;
	}
	#menu-menu-coppyright
	{
		display: none !important;
	}
	.coppyright_text
	{
		font-size: 14px;
		text-align: center;
	}
	.mb-50
	{
		margin-bottom: 25px !important;
	}
	.factory_address .address {
		font-size: 14px !important;
	}
	.site-about-dl .content .heading {
		font-size: 24px;
		line-height: 30px;
	}
	.site-about-dl .content h3
	{
		line-height: 30px;
	}
	.factory_title {
		font-size: 18px;
	}
	.section_factory li {
    	margin-bottom: 12px;
	}
	.section_factory li {
		padding: 13px 15px;
	}
	.site-category .title {
		font-size: 18px;
	}
	.mb-last-0 > div:last-child
	{
		margin-bottom: 0;
	}
	.footer
	{
		padding-top: 50px;
	}
	.logro_year
	{
		font-size: 24px;
	}
	.logro-slider .title
	{
		font-size: 14px;
	}
	.site-about--content .title {
		margin-bottom: 30px;
	}
	.site-about.page-about
	{
		margin-top: 30px;
	}
	.site-about--content
	{
		padding: 30px 0;
	}
	.site-about--content .title, .header-page .title
	{
		font-size: 24px;
		line-height: 24px;
	}
	.site-about--content .title strong, .header-page .title {
		font-size: 24px;
	}
	.page-taiphuc .nav-tabs
	{
		border-bottom: 1px solid #fff !important;
		padding-bottom: 30px;
	}
	.page-taiphuc .items-taiphuc .content {
		margin-top: 30px;
		font-size: 24px;
		font-weight: 400;
	}
	.page-taiphuc .nav-tabs .nav-item .nav-link
	{
		align-items: center;
	}
	.container
	{
		max-width: unset !important;
	}
	.history_content .year,
	.history_content .title
	{
		font-size: 18px;
		margin-bottom: 12px;
	}
	.history_content ,
	.history_image 
	{
		padding: 10px;
	}
	.history_image img
	{
		width: 100%;
	}
	.history .items.bg-1,
	.history .items.bg-2
	{
		background: unset;
	}
	.site-history .history .items.bg-2 .history_content
	{
		order: 2 !important;
	}
	.site-history .history .items.bg-2 .history_image
	{
		order: 1 !important;
	}
	.production-process .nav-tabs .nav-link 
	{
		text-transform: lowercase;
		font-size: 14px;
		font-weight: 500;
	}
	.production-process .nav-tabs .nav-link span
	{
		font-size: 24px;
	}
	.production-process .nav-tabs .nav-item
	{
		padding: 0;
	}
	.production-process .heading
	{
		text-align: center;
		margin-bottom: 20px;
	}
	.history_content .the_content
	{
		text-align: left;
	}
	.production-process .items-taiphuc .content
	{
		padding: 10px !important;
    	border: 1px solid #ccc;
		background: #0d1e5d;
	}
	.du-an-filter .du-an-categories
	{
		display: block;
	}
	.post-type-archive-du-an .header-page
	{
		margin-top: 30px;
	}
	.post-type-archive-du-an .header-page .title
	{
		margin-top: 20px;
		line-height: 30px;
	}
	.du-an-filter .du-an-categories li:first-child
	{
		margin-left: 12px;
	}
	.sidebar-product-page h3
	{
		display: none;
	}
	.page-archive-news
	{
		padding: 30px 0;
	}
	.site-single-libra .the_content h1
	{
		font-size: 24px;
	}
	.site-single-libra .the_content {
		padding-right: 0;
	}
	.contact__content .address li
	{
		align-items: center;
		line-height: 20px;
	}
	.contact__content h4 {
		color: var(--T-T, #0D1E5D);
		font-size: 24px;
		font-style: normal;
		text-transform: uppercase;
		font-weight: 700;
		line-height: normal;
	}
	.contact__content .address li
	{
		margin-bottom: 12px;
		font-size: 16px;
	}
}
@media screen and (max-width: 568px) {
    .order-search-form label
    {
        margin-bottom: 0;
    }
	.homeSolution__animateVer .frameVer4 {
		bottom: -20%;
		right: -18%;
		width: 50px;
		height: 46px;
	}
	.items-solution .ratio {
		padding-bottom: 100%;
	}
	.homeSolution__animateHori .frameHori4 {
		z-index: 999;
		bottom: 3px;
		left: 5px;
		transform: scale(1.03);
	}
	.form_subscrible {
		display: block;
		height: fit-content;
		padding: 0;
		background: transparent;
	}
	.homeSolution__animateHori {
		height: 300px;
		width: 100px;
		margin-top: 100px
	}
	.items-solution .content
	{
		top: 80%;
	}
	.slick-banner
	{
		padding-top: 50px
	}
	.items-solution .content h4 {
		font-size: 18px;
	}
	.h-600 {
		height: 300px;
	}
	.homeSolution__animateVer {
		width: 200px;
	}
	.form_subscrible p {
		display: block;
	}
	.form_subscrible .wpcf7-submit {
		width: 100%;
		margin-top: 12px;
	}
	.form_subscrible .wpcf7-email {
		width: 100%;
		padding: 10px 16px;
	}
	.homeSolution__animateHoriAbout
	{
		height: 300px;
		width: 150px;
		position: relative;
	}
	.h-700
	{
		height: 700px !important;
	}
}