@media (min-width: 1200px) {
  .col-pro {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (max-width: 1200px) {
  .wrapper {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 992px) {
	#header {
		position: relative;
		left: auto;
		top: auto;
	}
	#header .header {
		background: rgb(0, 0, 0, 0.9);
	}
	#header .slogan,
	#header .info {
		display: none;
	}
	#header .header_top {
		display: none;
	}
	#header .social_ {
		width: 100%;
		justify-content: center;
	}
	#header .header {
		position: relative;
	}
	#header .wrapper {
		display: block;
		justify-content: center;
		justify-items: center;
	}
	#header .logo {
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}
	#header .logo img {
		max-width: 120px;
	}
	.menu > ul {
		display: none !important;
	}
	.search-menu {
		position: absolute;
		top: calc(50% - 17px);
		right: 15px;
	}
	.menu_mobile {
		display: block;
	}
	#header .header.fix_head .logo img {
		max-height: 50px;
	}
	.box_gthieu .left-about, .box_gthieu .right-about {
		display:none;
	}
	.about_home .images-about {
		width: 100%;
		text-align: center;
	}
	.about_home .des-about {
		width: 100%;
		margin-top: 0;
		padding:0;
	}		.about_home .des-about:before {				display:none;			}		.about_home .des-about .title_about {				margin-top:0;			}	
	.about_home .des-about .title_about h3 {
		font-size: 20px;
	}
	.thietke_home, .product_home, .project_home, .kienthuc_home, .camket, .partner, #news-home {
		margin-top: -1px;
	}		.thietke_home {				padding: 20px 0;			}		.title_tk  {				margin-bottom: 25px;			}		.title_tk:before {				display:none;			}		.title_tk h2 {				padding-top: 0;			}	
	.des_tk p {
		font-size: 24px;
		line-height: 40px;
		padding: 20px;
	}
	.title_sp {
		display:block;				margin-bottom: 20px;
	}
	.title_sp h2 {
		display:block;
		font-size: 24px;
	}
	.title_sp p {
		margin-left: 0;
		margin-top:0;
		font-size: 24px;
	}
	.title_sp p:after {
		display:none;
	}
	.title_sp a.title_readmore:before {
		display:none;
	}
	.title_sp h2:after {
		display:none;
	}
	.title_sp a.title_readmore {
		background: none;
		color: #fff;
		justify-content: start;
		text-decoration: underline;
	}
	.item_sphome:nth-child(2) .des_sphome h3, .item_sphome:nth-child(3) .des_sphome h3 , .item_sphome:nth-child(4) .des_sphome h3 , .item_sphome:nth-child(5) .des_sphome h3
	{
		font-size: 20px;
		padding-bottom:10px;
		line-height: 0;
	}
	.item_sphome:nth-child(1) .des_sphome h3, .item_sphome:nth-child(6) .des_sphome h3 {
		padding-bottom:10px;
		line-height: 0;
	}
	.title_da {
		display:block;				margin-bottom: 20px;
	}		.project_home {				padding: 20px 0;			}	
	.title_da h2 {
		font-size: 24px;
	}
	.title_da a.title_readmore {
		background: none;
		color: #fff;
		justify-content: start;
		text-decoration: underline;
	}
	.title_da a.title_readmore:before {display:none;}
	.des_da {
		align-content: end;
		justify-items: center;
	}
	.des_da h3 {
		font-size: 26px;
		line-height: 24px;
		transform: rotateZ(0deg);
	}		.kienthuc_home {				padding: 30px 0;				box-shadow: 0 0 5px #ccc;			}	
	.box_kienthuc::after {display:none;}
	.box_kienthuc {padding:0}
	.item_kt {margin:0}
	.kienthuc_home .images-kt {
		width: 100%;
		margin-left: 0;
	}
	.kienthuc_home .des-kt {
		display:block;
		width: 100%;
		margin-top:10px;
	}
	.kienthuc_home .des-kt .title_kt h3 {
		font-size: 26px;
	}
	.kienthuc_home .des-kt .content-kt {
		height:82px;
	}
	.kienthuc_home .des-kt a.a_readmore {display:none;}
	.title_ck p:before {display:none;}
	.title_ck p {padding-left: 0;}
	.camket .left_camket {
		width: 100%;
		margin-right: 0;
		margin-bottom:20px;
		padding-right: 0;
	}
	.camket .right_camket {
		width: 100%;
		padding-left: 0;
	}
	.camket .right_camket::after {
		display: none;
	}
	.camket .left_camket h2 {
		font-size: 22px;
	}
	.title_dt, .title_dg {margin-top:0;}		.partner, .danhgia {				padding: 20px 0;			}		.title_dt:before {				display:none;			}		.title_dt h2, .title_dg h2 {				padding-top:0;			}		.box_partner::before {				display:none;			}		.title_dg:before {				display:none;			}
	#news-home .left {
		display:block;
		width:100%;
	}
	#news-home .left .box_left {
		padding-left:15px;
	}
	.title_news {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.title_news h2 {
		font-size: 28px;
	}
	.title_news p {
		font-size: 20px;
	}
	#news-home .right {
		display:block;
		width:100%;
	}
	#news-home .item_news_main {
		width: 100%;
		padding: 0 15px;
	}
	.right_main_news:before {display:none;}
	#news-home .right:before {
		display:none;
	}
	.des_news {
		padding: 0 15px 15px 0;
	}
	.box_left a.a_readmore {
		display:none;
	}
	#news-home .item_news_main h3 a {
		padding-left: 0;
	}
	#footer .footer .footer1 {
		width: 100%;
		padding-right: 0;
	}
	#footer .footer .footer2 {
		width: 50%;
		clear: both;
		padding-top: 20px;
	}
	#footer .footer .footer3 {
		width: 50%;
		padding-right: 0;
		padding-top: 20px;
	}
	#footer .footer .footer4 {
		width: 100%;
		padding-top: 20px;
	}
	#footer .footer .footer5 {
		width: 100%;
		padding-top: 20px;
	}
	#footer .footer .footer6 {
		width: 100%;
		padding-top: 20px;
	}
	#map_footer iframe {
		height: 300px;
	}
	#footer .footer .box_footer {
		padding: 30px 0;
	}
	#footer .footer .box1_footer {
		padding: 0px 0 30px 0;
	}
	.item_sphome:nth-child(2), .item_sphome:nth-child(3), .item_sphome:nth-child(4),.item_sphome:nth-child(5) {
		width:48%;
		display:block;
		position: relative;
		margin: 3px;
	}
	.form_tin button {
		width: 15%;
	}
}
@media (max-width: 767px) {
  #chat .chat,
  .social_fix {
    display: none;
  }
  .toolbar2 {
    display: block;
  }
  .top-contact .article-contact {
    width: 100%;
    margin-bottom: 20px;
  }
  .form-contact {
    width: 100%;
  }

  .margin-pr {
    margin: 0 -7px;
  }
  .item_pr_mg {
    padding: 0 7px;
    margin-bottom: 14px;
  }
  .project,
  .about_home,
  .product_home,
  #news-home,
  .camket {
    padding: 20px 0;
  }
  .title_main h2 {
    font-size: 23px;
  }
  .copyright {
    flex-wrap: wrap;
  }
  .copyright div {
    width: 100%;
    text-align: center;
  }
  .copyright div.copy-r {
    margin-top: 10px;
  }
  
}
@media (max-width: 675px) {
  .td_hidden {
    display: none;
  }
  .height {
    height: auto !important;
  }
}
@media (max-width: 625px) {
}
@media (max-width: 575px) {
}
@media (max-width: 500px) {
}
@media screen and (max-width: 450px) {
}
@media screen and (max-width: 400px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 325px) {
}
