/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */

@media only screen and (max-width: 1024px) {
	#header{
		width: 100%;
	}
	.block-home{
		width: 98%;
	}
	.list-product-home .item{
		width: 31%;
		margin: 0 2.2% 3% 0;
		padding: 0;
		/* float: left; */
		border-left: 0;
	}
	.newsHome .first{
		width: 48%;
	}
	.newsHome .item{
		width: 97%;
		margin: 0px 0px 0px 1%;
	}
	.footer{
		width: 100%;
	}
	.footer-bottom .container{
		width: 100%;
	}
	.footer .box-1{
		width: 45%;
		margin-right: 1%;
	}
	.footer .box-2{
		width: 19%;
	}
	.footer .box-3{
		width: 35%;
	}
	.contact-home input[type='text']{
		margin: 5px;
	}
	#content{
		width: 100%;
	}
	.left-content{
		width: 27%;
	}
	.main-content{
		width: 73%;
	}
	.widthcenter{
		width: 100%;
	}
	.top-bg{
		height: auto;
	}
	.first_one{
		width: 100%;
	}
	
}

@media only screen and (max-width: 768px) {
	#text-gioithieu{
		width: 100%;
	}
	.video-widget{
		width: 100%;
	}
	.menu-bg{
		display: none;
	}
	.over_menu_reponsive{
		display: block;
	}
	.over_menu_reponsive{
		float: left;
		text-align: left;
		z-index: 1000000;
		position: relative;
		width: 96%;
	}
	.contact-home textarea{
		width: 98%;
		margin: 0px 1%;
	}
	.contact-home{
		height: auto;
		/* padding: 10px 0px; */
		overflow: auto;
		background-size: cover !important;
	}
	.block-home{
		padding: 10px 1%;
	}
	.footer .box-1{
		width: 100%;
	}
	.footer .box-2{
		width: 100%;
	}
	.footer .box-3{
		width: 100%;
	}
	.footer{
		padding: 5px ;
	}
	.left-content{
		display: none;
	}
	.main-content{
		width: 98%;
		padding: 1%;
	}
	.list-product .item{
		width: 30%;
	}
	.banner_right{
		width: 95%;
		text-align: left;
		float: left;
	}
	.banner_right img{
		max-width: 100%;
	}
	.contact-home-left{
		width: 70%;
	}
	.contact-home-right{
		width: 27%;
		float: right;
	}
	.box-2{
		width: 90%;
		margin: 0;
		padding: 3%;
		margin-top: 8%;
	}
	.contact-home input[type='text']{
		width: 29%;
		padding: 1%;
	}
	
}
@media only screen and (max-width: 550px) {  
	.block-intro .item{
		padding: 0px;
	}
	.list-product-home .item {
		width: 100%;
		margin: 3% 1% 0 0;
		height: auto;
		box-shadow: none;
	}
	.newsHome .first{
		width: 100%;
	}
	.newsHome .item{
		width: 100%;
	}
	.newsHome .item img{
		height: auto;
	}
	.list-product .item {
		width: 48%;
		margin: 0px 1%
	}
	.newsHome .first {
		width: 99;
	}
	.newsHome .first_left {
		margin-right: 1%;
	}
	.list-product-home .img img{
		height: auto;
	}
	.list-product-home .img{
		height: auto;
	}
	.contact-home-left{
		width: 100%;
	}
	.contact-home-right{
		width: 100%;
		float: left;
		text-align: left;
	}
	.contact-home input[type='text'] {
		width: 98%;
		padding: 1%;
		margin: 10px 0px;
	}
	.contact-home #email_contact{
		float: left;
	}
	.col-sm-6{
		width: 100%;
		float: left;
	}
	.col-sm-right{
		text-align: left;
	}
	.box-2{
		padding: 2%;
		width: 96%;
	}
	.lang{
		top: 109px;
	}
}
@media only screen and (max-width: 360px) {
	.htdm {
		width: 100%;
		/* height: 100%; */
		height: 185px;
	}
	.htdm img {
		 height: auto; 
	}
	.tright .da-thumbs li {
		width: 97%;
		height: auto;
	}
	.tright .da-thumbs img {
		height: auto;
	}
}