/* 980px ho?c nh? hon */
@media screen and (min-width: 980px) {
	.menu_respon{
		display:none!important;
	}
}
@media screen and (max-width: 980px) {
	.container{
		width: 100%;
		padding: 0px;
	}
	.boxheader{
		display: none;
	}
	.logo p {
			font-size: 27px;
			text-transform: uppercase;
			line-height: 40px;
			margin-bottom: 0px;
		}
	.khung{
		
	}	
	.menuheader ul{      
		text-align: left!important;
	}
	header img.banner{
		height: auto!important;    
		margin-left: 0px;
		width: auto!important;    
	}
	
	.menu_home {
		display: none;
	}
	.box_home {
		border: 0px #dddddd solid;
		margin-bottom: 10px;
		width: 100%;
		float: right;
		padding: 0px 10px;
	}
	.slide {
		width: 100%;
		height: 375px;
		float: left;
		margin-top: 10px;
	}
	header{
		width: 100%;
		height: auto;
		margin: 0 auto;
		position: relative;
		padding: 0px 10px;
	}
	header img{
		width: 100%;
		height: auto;
	}
	.slidehome {
		width: 100%;
		margin: 0 auto;
	}
	#content {
		width: 100%;
		margin: 0 auto;
	    padding: 0px 10px;	
	}
	#content_right{
		width: 100%;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		float: right!important;
	}
	#content_home{
		width:100%;	
		padding-left: 0px;
		padding-right: 0px;
		float: left!important;
		border: none;
	}
	#content_left{
		width: 100%;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		float: right!important;
	}
	.supports {
		width: 100%;
		margin: 0 auto;
		background: white;
		padding: 10px 0px;
		border-bottom: 1px #ccc solid;
		margin-bottom: 30px;
	}
	.supports .bhsp {
		width: 100%;
		float: right;
	}
	.supports .cskh {
		width: 100%;
		float: left;
	}
	.box_footer {
		width: 100%;
		margin: 0 auto;
		min-height: 120px;
		margin-top: 10px;
		color: black;
		margin-bottom: 20px;
	}
		.main_content{
			    padding: 0px 10px;
		}
	footer{
		padding: 10px 10px;
	}	
	.multimenu{
		width: 100%!important;
		height: auto;
		margin: 0 auto;
		padding: 0px 10px;
	}	
	.box_cat {
		width: 100%;
		height: auto;
		padding: 0px;
		float: left;
		z-index: 999;
		position: relative;
		padding-top: 0px;
		-webkit-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		margin-bottom: 10px;
		background: #f5f5f5;
		border: 1px #dddddd solid;
		border-radius: 8px;
		margin-left: 0px;
	}
	.box_cat img {
		max-width: 50%;
		border-radius: 10px;
		height: auto;
		margin-left: 10px;
		float: left;
		margin-right: 10px;
		max-height: initial;
	}
	
	.content{
		width:100%;
		border-radius: 5px;
		border: 0px #cacaca solid;
		padding: 0px;	
	}
	
	.slide2{
		padding-left: 0px;
		padding-right: 0px;
		width: auto;
		height: auto;
		display: none;
	}
	.listnewhome {
		padding-bottom: 10px;
		margin-top: 10px;
		padding: 0px;
	}
	.listnewhome .img img {
		margin-bottom: 10px;
		height: auto;
	}
	
	.product{
		max-height: inherit;
	}

	.product img{
		max-height: inherit;
	}
	.sliderespon {
		height:auto;
	}
	.sliderespon .product1{
		width:100%;
	}
	.sliderespon .nbs-flexisel-item{
		margin-left: 10px;
	}
	.sliderespon .nbs-flexisel-inner {
		overflow: hidden;
		/* float: left; */
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.box_content {
		border: 0px #dddddd solid;
		margin-bottom: 15px;
	}
	.head_box {
		background: #a54c08;
		width: 100%;
		margin-bottom: 20px;
		height: initial;
	}
	.head_box a.active {
		background: #a54c08;
		font-weight: bold;
		width: 100%;
	}
	.head_box ul{
		display:none;
	}
	.head_box p{
		background: #a54c08;
		font-weight: bold;
		width: 100%
	}
	.cart-left {
		width: 100%!important;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	.product1{
		position: relative;
		margin-bottom: 20px;
		width: 48%!important;
		height: 390px!important;
		float: left!important;
		margin-left: 10px!important;
		margin-right: 0px!important;
	}
	.pr1,.pr3{
		float: left!important;
		margin-right: 0px!important;
	}

	.pr2,.pr4{
		float:right!important;
	}
	.product1 .img{
		position: relative;
		float: left!important;
		text-align: Center;
		width: 100%!important;
		height: 270px!important;
		margin-bottom: 10px!important;
		overflow: hidden!important;
	}
	.product1 .infopr .name {
		height: auto;
	}
	.product1 .infopr .giasp {
		width: 100%;
		float: left;
	}
	.product1 .infopr .muahangnhanh {
		float: left;
		width: initial;
		padding-top: 20px;
		height: 64px;
	}
	.product1  img{
		position: relative;
		width: auto!important;
		height: 270px!important;
		-webkit-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		border: 0px #e0e0e0 solid;
		padding: 0px;
	}
	.tab_detal .tab-content {
		padding: 10px;
	}
	.tab_detal .tab-content img{
		width:100%!important;
		height: auto!important;
	}
	
	.nivoSlider img {
		position: absolute;
		top: 0px;
		left: 0px;
		max-width: none;
		min-height: inherit!important;
		max-height: inherit!important;
	}
	.detailnews img {
		max-width: 100%!important;
		height: auto!important;
	}
	.lienket ul {
	}
	#cssmenu{
		display:none;
	}
	#button_menu{
		display: block;
		margin-bottom: 0px;
		margin-top: 10px;
	}
	.menurespon{
		padding:0px;
	}
	.lienket {
		text-align: center;
	}
	.slide{
		padding-left: 0px;
		padding-right: 0px;
		height: auto;
	}
	
	.box_cathome{
		width:auto;
		margin-left: 15px;
		margin-right: 15px;
		margin-top:10px;
	}
	.product_footer{
		width: 100%;
		min-height: inherit;
	}
	.box_dangky_form{
		width:100%;
	}
	.box_dangky_form input{
		width:60%;
	}
	
	.box_cathome .box_cat{
		margin-top: 5px;
		min-height: auto;
		padding: 0px;
		z-index: 999;
		width: 50%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 126px;
	}
	.box_cathome .box_cat:hover{
		margin-top: 5px!important;
	}
	
	.box_cathome .box_cat .name a {
	}
	
	.callbacks img {
		height: inherit!important;
	}
	
	.product_footer ul{
		width:100%;
		margin:0 auto;
	}
	.product_footer li.box{
		width: 100%;
		float: left;
		height: auto;
		margin-bottom: 5px;
		margin-right: 0px;
		border-right: 0px white solid;
		margin-top: 5px;
		padding-left: 0px;
		padding-right: 0px;
		min-height: 0px!important;
	}
	.bottom p {
		margin-bottom: 0px;
		color: white;
		text-align: center;
	}	
		.listnew_home{
			min-height: 125px;	
		}
		.listnew_home .line{
			margin: 0px 15px;
			margin-top: 10px;
			background: #cfaf29;
		}
		.listnew_home .img{
			
		}
		
		
		.listnew_home .img img{
			width: 100%;
			border: 1px #dddddd solid;
			height: auto;
			margin-bottom: 10px;
		}
		
		.listnew_home .info{
			    overflow: hidden;
			padding-left: 15px;
		}
		.listnew_home h3{
			height: auto;
			margin-top: 0px;
			margin-bottom: 5px;	
		}
		.listnew_home h3 a{
			color: #4297d2;
			font-size: 14px;
			font-weight: bold;
			line-height: 20px;	
		}
		.listnew_home .info p{
			color: #818181;	
		}
		

		.lhft{
			margin-bottom: 10px;	
		}

		.hotline_top{
			display:none;
		}	
			
		.post_first {
				border: 0px;
				float: left;
				margin-bottom: 10px;
				padding: 0px;
				width: 100%;
			}	
		.post_first .img {
			float: left;
			margin-right: 0px;
			width: 100%;
		    margin-left: 0px;	
		}	
		.post_first .img img{
		width: 100%;
		border: 1px #dddddd solid;
		height: auto;
		margin-bottom: 10px;
		}
		.post_first .noidung {
			float: left;
			width: 100%;
		}
		
		.list_new .new_left {
			width: 100%;
			background: #ededed;
			float: left;
			padding: 10px;
		}
		
		.list_news .img {
			width: 100%;
			height: auto;
			margin-bottom:10px;
		}	
		.list_news .name {
			padding-left: 15px;
		}
		.list_news .name a{
			color: #333;
			font-size: 15px;
			line-height: 20px;
			font-family: robotobold;			
		}
		
		.quangcaoptop{
			    width: 100%;
				padding-left: 15px;
				padding-right: 15px;
		}
		.quangcaoptop .img img{
			height: AUTO;
			width: 100%;
			border: none;
		}
		.quangcaoptop .img{
			height: auto;	
			position:relative;
		}
		.box_footer {
			width: auto;
			margin: 0 auto;
			min-height: 200px;
			margin-top: 10px;
			color: black;
		}
		.box_footer ul li{
			float: left;
			width: 50%!important;
			margin-right: 0px;
			margin-bottom: 10px;
			margin-left: 0px!important;
			margin-right: 0px!important;
		    list-style: none!important;	
		}
		.box_footer ul li.map {
			width: auto;
			overflow: hidden;
			height: auto;
			    margin-bottom: 10px;
		}
		.box_footer ul li ul li{
			width: 100%!important;
		}
		.product_footer .box ul li {
				list-style: none;
				padding-left: 0px;
				list-style-type: disc;
				margin-left: 0px;
			}
		.detailpro .left {
			width: 100%!important;
			padding-left: 0px!important;
			margin: 0px!important;
			border: 0px #ccc solid!important;
			margin-bottom: 20px;
			padding-right: 0px!important;
		}
		.headproductdetail{
			display:block;
		}
		.detailpro .right{
			width: 100%!important;
			margin: 0px 0px;
		}
		.detailpro .left img{
			width: 100%!important;
			height: auto;
			max-width: 100%!important;
			border:none!important;
		}
		.box_footer ul li.contact .logo{
		width:100%;
		height:auto;
		overflow: hidden;
	}
	.box_footer ul li.contact {
    padding-top: 10px;
}
	.box_footer ul li.contact img.logo{
		width: 100%;
		height: auto;
		border: 1px #ccc solid;
		background: white;
		padding: 3px;
		float: left;
		margin-bottom: 20px;
	}
	.box_footer ul li.contact .ct {
		width: 100%;
		float: left;
		padding-bottom: 20px;
	}

	.tab_detal {
		width: 100%!important;
		margin: 0 auto;
	}

	
}


/* 700px ho?c nh? hon */
@media screen and (max-width: 700px) {
.menu-cart {
    width: 90%!important;
    min-height: 50px;
    margin: 0 auto;
    padding-top: 10px;
}
	.product{
		max-height: inherit;
	}

	.product img{
		max-height: inherit;
	}
	.nivoSlider img {
		position: absolute;
		top: 0px;
		left: 0px;
		max-width: none;
		min-height: inherit!important;
		max-height: inherit!important;
	}
	.lienket ul {
	}
	.hotline_top {
		float: left;
	}
	
	.box_cathome .box_cat{
		margin-top: 5px;
		min-height: auto;
		padding: 0px;
		z-index: 999;
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 126px;

	}
	.box_cathome .box_cat:hover{
		margin-top: 5px!important;
	}
	.box_footer ul li{
			float: left;
			width: 100%!important;
			margin-right: 0px;
			margin-bottom: 10px;
			margin-left: 0px!important;
			margin-right: 0px!important;
		    list-style: none!important;	
	}
	.box_footer ul li.contact .logo{
		width:100%;
		height:auto;
	}
	.box_footer ul li.contact img.logo{
		width: 100%;
		height: auto;
		border: 1px #ccc solid;
		background: white;
		padding: 3px;
		float: left;
		margin-bottom: 20px;
	}

	.product1{
		position: relative;
		margin-bottom: 20px;
		width: 100%!important;
		height: auto!important;
		float: left!important;
		margin-left: 0px!important;
	}


	.product1 .img{
		position: relative;
		float: left!important;
		text-align: left;
		width: 100%!important;
		height: auto!important;
		margin-bottom: 10px!important;
		overflow: hidden!important;
	}

	.product1  img{
		position: relative;
		width: 100%!important;
		height: auto!important;
		max-height: inherit!important;
		-webkit-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		border: 1px #e0e0e0 solid;
		padding: 1px;
	}
	
	

}

/*  480px ho?c nh? hon */
@media screen and (max-width: 480px) {
	
	.sliderespon .product1{
		width:100%;
	}
	.sliderespon .nbs-flexisel-item{
		margin-left: 0px;
	}
	.sliderespon .nbs-flexisel-inner {
		overflow: hidden;
		/* float: left; */
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	
	.lienket ul {
		float: left;
	}
	.hotline_top {
		float: left;
	}
	.lhft{
		width:100%;
		margin-bottom: 10px;	
	}
}