/*-----------Media multi-------------*/
@media screen and (max-width: 1300px) { 
	
	#danhmuc{
		width:100%;
	}
	.margin_auto{
		width:100%;
	}
	#timkiem{
		width:35%;
		background-size:100%;
	}
	#timkiem button{
		  
	}
	#timkiem input{
		    width: 220px;
			height: 23px;
			line-height: 21px;
	}
	.giaohang{
		  width: 35%;
	}
	.box_x{
		width:85px !important;
	}
	.box_rp1{
		width:85px !important;
	}
	.slide_show{
		width:730px;
	}
	#slide_show{
		width:730px;
	}
	.chinhsach img{
		max-width:50%;
	}
	.chu_h3{
		width:100%;
	}
	.sanphamnb{
		width:100%;
	}
	.item_sp{
		width:240px;
		text-align:center;
		
	}
	.img_sp img{
		max-width:100%;
		margin:20px 0px;
	}
	.sanpham_dm{
		width:100%;
	}
	.khung_qc{
		width:29%;
	}
	.khung_sp{
		width:70%;
	}
	.khung_qc img{
		max-width:100%;
	}
	.icon_w{
		width:100%;
	}
	.menu_gt{
		width:100%;
	}
	.item{
		width:25%;
		min-height:260px;
		
	}
	.item h3, .sp2 h3{
		height:65px;
		overflow:hidden;
	}
	.item  a img{
		max-width:100%;
		height:auto;
	}
	.box_cauhoi_index{
		width:240px;
	}
	.box_cauhoi_index img{
		max-width:100%;
		height:auto;
	
	}
	.box_con_w{
		margin-right:65px;
	}
	.box_menu {
		float: left;
		width: 19%;
		margin-right: 36px;
		margin-left: 10px;
	}
	.asd{
		width:28% !important;
	}
	.lienket img{
		height:35px;
	}
	.box_menu h2{
		font-size:13px;
	}
	.box_menu h4{
		font-size:13px;
	}
	.footer{
		padding-left:10px;
	}
	#ct_sanpham{
		width:75%;
	}
	.sanphamcl{
		width:23%;
	}
	.box_ykien{
		margin-left:0px !important;
	}
	.box_ykien span{
		font-size:13px;
	}
	.lh{
		font-size:13px;
	}
	
	.box_ykien{
		margin-left:0px !important;
		width:80%;
	}
}
@media screen and (max-width: 1024px) {
	.box_ykien{
		margin-left:0px !important;
		width:80%;
	}
	.box_ykien span{
		font-size:13px;
	}
	.lh{
		font-size:13px;
	}
	.r_left{
	float:right;
	width:100%;
}
	.dm_ct{
		display:none;
	}
	.cot_l{
		display:none;
	}
	.cot_c{
		width:70%;
	}
	.cot_r{
		width:29%;
	}
	#top_wrap{
		padding:0px 10px;
	}
	.margin_auto{
		width:100%;
	}
	#danhmuc{
		width:100%;
	}
	#timkiem{
		width:35%;
		background-size:100%;
	}
	#timkiem button{
		   
	}
	#timkiem input{
		    width: 50%;
			height: 23px;
			line-height: 21px;
	}
	.giaohang{
		    width: 35%;
	}
	.box_x{
		width:85px !important;
	}
	.box_rp1{
		width:85px !important;
	}
	.slide_show{
		width:730px;
	}
	#slide_show{
		width:730px;
	}
	.chinhsach img{
		max-width:50%;
	}
	.chu_h3{
		width:100%;
	}
	.sanphamnb{
		width:100%;
	}
	.item_sp{
		width:240px;
		text-align:center;
		
	}
	.img_sp img{
		max-width:100%;
		margin:20px 0px;
	}
	.sanpham_dm{
		width:100%;
	}
	.khung_qc{
		width:29%;
	}
	.khung_sp{
		width:70%;
	}
	.khung_qc img{
		max-width:100%;
	}
	.icon_w{
		width:100%;
	}
	.menu_gt{
		width:100%;
	}
	.item{
		width:175px;
		min-height:260px;
		
	}
	.item h3, .sp2 h3{
		height:65px;
		overflow:hidden;
	}
	.item  a img{
		max-width:100%;
		height:auto;
	}
	.box_cauhoi_index{
		width:240px;
	}
	.box_cauhoi_index img{
		max-width:100%;
		height:auto;
	
	}
	.box_con_w{
		margin-right:65px;
	}
	.box_menu {
		float: left;
		width: 19%;
		margin-right: 36px;
		margin-left: 10px;
	}
	.asd{
		width:28% !important;
	}
	.lienket img{
		height:35px;
	}
	.box_menu h2{
		font-size:13px;
	}
	.box_menu h4{
		font-size:13px;
	}
	.footer{
		padding-left:10px;
	}
	#ct_sanpham{
		width:75%;
	}
	.sanphamcl{
		width:23%;
	}
	
	
}
@media screen and (max-width: 980px) {
	.dm_ct{
		display:none;
	}
		.giaohang{
			width:350px;
		}
		.asd{
			width:26% !important;
		}
		#show-message-action-cart{
			display:none;
		}
		#container{
			overflow:hidden;
		}
		.sp_left{
			display:none;
		}
		.sp_right{
			width:100%;
		}
		.item_pro{
			width:220px;
		}
		.giaohang{
			width:340px;
			margin-left:0px;
		}
		.box_con_w{
			margin-right:50px;
		}
		#slide_show{
			width:70%;
		}
		#slide_show img{
		
		}
		.khung_qc {
			display:none;
		}
		.khung_sp{
			width:100%;
		}
		.item{
			width:24%;
		}
		#logo{
			width:22%;
		}
		#timkiem{
			
			margin-right:10px;
		}
		#menu_left{
			width:28%;
		}
	#menu_dm{
		width:100%;
	}
}
/*-----------------landscape size for screen device and browsers-------------*/	

@media  (max-width: 800px) {
	.winput{
		margin-bottom:5px;
	}
	.search-input {
    min-width: 41%;
}
	.khung_phai{
		width:99%;
	}
	.khung_trai{
		width:99%;
	}
	.r_left{
	float:right;
	width:100%;
}
	
	.cot_c{
		width:100%;
	}
	.cot_r{
		display:none;
	}
	.sanphamcl{
		width:100%;
	}
	.w200{
		width:32% !important;
	}
	#ct_sanpham{
		width:100%;
	}
	.chu_dieuhuong{
		width:100%;
	}
	.giaohang{
		display:none;
	}
	#menu_left{
		display:none;
	}
	#slide_show{
		width:100%;
	}
	.khung_qc {
		display:none;
	}
	.khung_sp{
		width:100%;
		padding-left:20px;
	}
	.item{
		width:24%;
		min-height:265px;
	}
	.box_con_w{
		margin-right:5px;
	}
	.box_menu{
		width:43%;
	}
	.asd{
		width:43% !important;
	}
	.footer-whats{
		 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2,
	color: #888;
    font-weight: 300;
    font-size: 11px;
	line-height:25px;
	
	-webkit-column-gap: 70px; /* Chrome, Safari, Opera */
    -moz-column-gap: 70px; /* Firefox */
    column-gap: 70px;
	}
	.sp_left{
		display:none;
	}
	.sp_right{
		width:100%;
	}
	.item_pro{
		width:23%;
		margin-left:5px;
	}
	#responsive-menu{
		display:block !important;
	}
	#timkiem{
		width:40%;
	}
}

/*-----------Media multi-------------*/
@media screen and (max-width: 768px) {
	.frame_images{
		width:100%;
	}
	.widget_info_prod{
		width:100%;
	}
	.share{
		width:100%;
		display:block;
		float:left;
	}
	.danhmuc_ct{
		display:none;
	}
	.selectors{
		display:none;
	}
	.item_pro{
		margin-left:1%;
		width:30%;
	}
	.bo{
		margin-right:13px !important;
	}
	
}
/*-----------------landscape size for tablet-------------*/
@media screen and (max-width: 600px) {
	.sp_right{
		width:100%;
	}
	.sp_left{
		display:none;
	}
	.item{
		width:48%;
		min-height:265px;
	}
	.icon_w{
		height: auto;
    min-height: 210px;
    background-size: 100%;
	}
	.box_menu{
		width:40%;
	}
	
	#timkiem{
		margin-top:5px;
		width:45%;
	}
	.item_pro{
		margin-left:5%;
		width:30%;
	}
	
	
	
}
/*-----------------landscape size for Mobile-------------*/
@media screen and (max-width: 480px) {
	.item_pro{
		width:100%;
	}
	.app-figure{
		width:100%;
	}
	.w200{
		width:90% !important;
	}
	
	.header_top{
		min-height:215px;
	}
	#top_wrap span{
		display:inline-block;
	}
	.hot_l{
		float:left;
		margin-left:10px;
		display:inline-block;
		text-align:left !important;
	}
	#top_wrap{
		height:auto;
	}
	#show-message-action-cart{
		display:none;
	}
	#logo img, #banner img{
		display:inline-block;
	}
	#logo{
		width:100%;
		text-align:center;
	}
	#timkiem{
		display:none;
	}
	.copy b{
		    width: 100%;
    display: block;
    float: left;
    font-size: 12px;
	}
	.box_cauhoi_index{
		width:90%;
		margin-left:5%;
	}
	.asd{
		width:90% !important;
	}
	.box_menu{
		width:90%;
	}
	.icon_w{
		min-height:310px;
	}
	.footer-whats{
		 -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1,
	color: #888;
    font-weight: 300;
    font-size: 11px;
	line-height:25px;
	
	-webkit-column-gap: 70px; /* Chrome, Safari, Opera */
    -moz-column-gap: 70px; /* Firefox */
    column-gap: 70px;
	}
	
	.item{
		width:98%;
		min-height:265px;
	}
	
}

/*-----------Media multi-------------*/
@media screen and (max-width: 360px) {
	
}