﻿/******** 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) {
	#tin-tuc-menu,#col1_right,#chinhsach-trungtam,#hotline{display:none;}
	
	#open-btn,#col1_content,#detail1,#detail2,#left_footer{width:100%;float:none;}
	
	#logo,.search-container,#thongtin-cart{float:none;width:100%;text-align:center;}
	
	#logo{margin-right:0;}
	#logo img{width: 50%;}
	#header-container{height:auto;}
	#header{position:static;height:auto;}
	#header input[type="text"]{width:80%;margin-top:0;}
	.mybtn{margin: 0;width:20%;}
	#thongtin-cart{margin-top:10px;margin-bottom:10px;}
	#main-menu{margin-top:0;}
	#khuyenmai-header{font-size:14px;height:25px;line-height:25px;}
	.logo-nsx{margin:0;}
	.col1_title{font-size:11px;}
	.sanpham,.one_productsearch{width:50%;}
	#hotline{height:auto;}
	.mota-sp-header{height:auto;line-height:none;}
	
}

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

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