﻿/******** For mobile device ********/
/******************************/
/*---- Responsive base screen witdh ------- */
/* width - 30 */
/* Tablet Devices Resizing */
@media screen and (max-width: 1024px) and  (min-width: 970px){
}
@media screen and  (max-width: 970px){
img { max-width: 100%; height: auto}
   
}
@media screen and (max-width:750px) and (min-width:680px){

img { max-width: 100%; height: auto}
  
}
@media screen and (min-width:320px) and (max-width: 640px) {
   
	.float-ck,#online-now,.working-day,#giohang,.tab_sanpham,.n-box .ads_left_cate,#thuong-hieu-header,#logo_sub,#gtg,#to-top,.kieuxem,.giohanggia,.giohanggia1,.msp,.bh,.giohanggia2,.giohanggia3,#hotro1{display: none; float: none;}
	#header{text-align:center; vertical-align:middle;background:none;}
	#logo {width: 100%;margin: 0 auto;float:none;text-align:center;clear:both;}
	#logo img{width: 40%;margin-left:30%;}
	#header input[type="text"],.mybtn{margin-top:3%;margin-bottom: 2%;}
	#giohang1{display:block;}
	#search{width: 100%; margin: 1% auto; height: 30px;}
	#input_search{width: 74%; padding-left: 1%;}
	#button_search{width: 24%;float: right;}
	#quangcao-sub{margin-top: 2px;}
	.quangcao-sub{width: 32.5%;}
	.n-box .product_row,.n-box .fr{width: 100%;}
	.wrapperAll{float:none;width: 100%;}
   .flexslider {margin: 0; border: none;}
	#dm_footer_wrap,#dm_footer{width: 98%; padding: 1%; font-size: 10px;} 
	#diachi{height: auto;} 		
	.slider{width: 600%;}
	#mainchinh,#footer{float: none; width: 100%; padding: 0; margin: 0 auto; height: auto;}
	#footer_left{float: none; width: 100%; padding: 0; margin: 0 auto; height: auto;overflow: hidden; position: static;}
	#thongtin-cty{float:none;width: 100%;}
	.n-box .box_ct_home{border: none;float: none;width: 100%;}
	.n-box{width: 100%; float: none;}
	.flex-control-nav,product_row fr flexslider{display: none;}
	#main_product{width: 100%; margin: 0 auto;float: none;}
	.product{float: none;width: 100%;}
	.td_danhmuc{width: 100%;height: auto;float: none;border: none;background:none;}
	.tab_sanpham{width: 25%; font-size: 10px;}
	
	.product_td{width: 100%; background: #fff;float: none; border-bottom: none;height: auto;padding: 0;}
	.tieude_detail,.tieude_detail1{width: 98%; border-bottom: 1px solid #111;height: auto; float: none;padding: 0 1%;}
	#info_name{width: 96%;text-align: left; padding: 0; margin: 2%;}
	#product_dt,#product_image,#product_info{width: 98%;float: none;height: auto;clear: both;}
	#thongtin_sp{width: 100%;float: none;}
	  
	.noidung_cart{width: 100%; margin: 1%; padding: 0;font-size: 13px;}
	#main_about {width: 100%; height: auto;}
	
	
	#main_giaohang {width: 98%;}
	#thanhtoan_giohang {width: 100%;}
	#giohang_noidung {width: 98%; margin: 1%; padding: 0;}
	
	
	.product_dt1{width: 98%; margin: 1%; text-align: center;float: none; clear: both;height: auto;}
	.one_productsearch{width: 50%; margin: 0;height: auto;}
	.one_product_name1{width: auto; float:none;}
	#danhmuc_left1,#catalog{width: 96%; margin: 2%; text-align:center;}
	.mot_danhmuc2{width: 50%;}
	#main2,#bg_search,.boloc{width: 100%; margin: 0 auto;}
	#main4{width: 98%; margin: 1%;}
	.ten_danhmuc1{float: none; padding: 0;}
	.one_product_image{width: auto; margin: 2% 0;float: none;}
	#noidung_giaohang,.donhang_area{width: 98%; margin: 1%; padding: 0;}
	.vanchuyen{width: 100%;}
	.chuyenphat{width: 65%;}
	.chuyenphat_gia{width: 20%}
	.chuyenphat_chon{width: 5%;}
	.n-box .img_product {height: 140px;}
	.tab_sanpham_main{width: 100%; text-align:center;border-top-right-radius: 5px;border-top-left-radius: 5px;}
	#pro_home_sale{text-align: center; width: 65%; margin-left: 15%;}
	#tieude4{width: 99%; padding-left: 1%}
	.giaohangchange_left{ width: 40%; color: #111; float: left;}
	.giaohangchange_right{ width: 50%;}
	.diachi{width: 98%;float: none;}
	.td_danhmuc_left{width: 100%; height: auto; margin: 0 auto; padding: 0; 
	clear: both; border-bottom: 1px solid #111; float: none;}
	
	.noidungText,.noidung{width: 98%; float: none;padding: 1%;}
	.xacnhan,.one_product_ma1{width: 100%;}
	.ghichunoidung{width: 98%;}
	.footer_right{width: 100%; float:none;}
	#thongtinsp{display:block;margin-top: 10px; height: 35px; line-height: 35px; color: #fff;
	background: #111; width: 99%; padding-left: 1%;}
	.chitiet{width: 98%;}
	.product_detail_image{width: 100%; height: auto; padding: 0; text-align: center; margin: 0 auto;}
	#footer_cont,#diachi,#banner_top,#danhmuc_S,.chinhsach{width: 100%;height: auto;}
	.banner_qc{width: 50%; height: auto; float: left;}
	.carousel-inner{height: auto; float:none;width: 100%;}
	#sub-banner{display:none;}
	#main-banner{width: 100%;float:none;}
	.search-container{width: 100%; float:none;}
	#thongtin_cart{margin-top:0;}
	#icon_cart{width:10%;}
	figure{margin: 1%;}
	blockquote{margin: 1% 0;padding: 0;font-size:11px;}
	#hotline-now{width:85%;}
	#hotline-now a{font-size:11px;}
	#giohang1{width:15%;}
	#icon_cart1 img{width: 100%; margin-top: 15%;}
	#main-wrap{width: 100%;}
	#hotro{width: 100%; float:none; padding: 2%;}
	.hotro{width: 100%;float:none;}
	#sanpham-lienquan{width: 100%;float:none;}
	#sanpham-lienquan-hinh img{width: 70%;}
	#thongtin-sanpham{width: 100%; float:none;margin: 0;}
	#header-wrap{}
	#thuong-hieu{height: 65px;}
	.n-box .item_P{margin-right: 0; }
	.n-box .n-product{padding: 20px;}
	#gio-hang,#gio-hang-right{width: 100%;}
	#bonus{padding: 15px;}
	.giohanghinh{width: 40%;}
	.giohangsoluong{width: 20%;}
	.giohangthanhtien{width:30%;padding-right: 10px;}
	.giohanghinh1{width: 15%;}
	.giohangten1{width:25%;}
	.giohangsoluong1{width: 20%;}
	.giohangthanhtien1{width: 30%;padding-right: 10px;}
	.giohangrow{height: 100px;}
	#thongtin-giaohang,#thanhtoan-giohang{width: 100%;}
	.search-container{height: 140px;float:left;}
	.giohang-container input[type="text"]{width:80%;}
	.vanchuyen-left{width: 70%;}
	.vanchuyen-right{width: 30%;}
	#mavach1{width: 75%;}
	#mavach2{width: 25%;margin:0 auto;}
	#quatang{width: 100%; border: 1px dashed #ccc; padding: 1%;float:left;background: #E9F7FF;margin: 1% 0; }
}

@media screen and (max-width: 380px) {
img { max-width: 100%; height: auto}
  

}
/*---- end Responsive base screen witdh ------- */