@media screen and (max-width:770px)
{
	a, a:visited
	{
		color:inherit;
		text-decoration:none;
	}
	
	#header
	{
		 height:auto;
         position: static;
	}
	
	.listnews_main
	{
		width:100%;
	}
	
	#banner
	{
		width:100%;
	}
	
	.flash 
	{
		display:none;
	}
	
	#menu_lang 
	{
		color: #fff;
		float: left;
		margin: auto;
		padding: 5px 5px 10px;
		text-align: center;
		width: 25%;
	}
		
	.search_box 
	{
		float: right;
		margin: 3px 5px 10px auto;
		text-align: center;
		width: 70%;
	}
	
	#tukhoa
	{
		width:75%;
		margin-top:0px;
	}
	
	#btn_submit 
	{
		background-color: #925d35;
		border: medium none;
		color: #fff;
		font-size: 15px;
		text-transform: capitalize;
		width: 22%;
	}
	
	#logo {
		float: none;
		margin: auto;
		padding: 5px 0 7px;
		text-align: center;
		width: 100%;
		z-index: 1;
	}
	
	#hotline_mobi {
		float: right;
		margin: 0 5px 0 0;
		color:#ff0;
	}
	
	#logo img
	{
		width:193px;
		height:auto;
	}
	
	#nguyenphat
	{
		width:100%;
		padding:0px;
	}
	
	.sub_banner
	{
		width:100%;
		height:auto;
	}
	#left
	{
		display:none;
	}
	.list_news
	{
		 margin-bottom: 0;
         width: 100%;
	}
	.news 
	{
		float: none;
		height:auto;
		margin: 5px auto 15px;
		overflow: hidden;
		width: 90%;
	}
	#wrap_menu
	{
		display:none;
	}
	
	#menu
	{
		width:100%;
		height:auto;
	}
	
	#menu_mobi 
	{
		background-color:#460707;
		background-image: url("../images/img_left_panel.png");
		background-position: left center;
		background-repeat: no-repeat;
		color: #fff;
		display: block !important;
		font-size: 15px;
		font-weight: bold;
		padding:12px 0 10px 40px;
		text-align: left;
		text-transform: uppercase;
		cursor:pointer;
    }
   
    #content_menu_mobi
    {
	    z-index:99999;
		background-color:#F2E2D7;
		display:none;
    }
	
    #accordiondemo2 
	{
	    clear: none;
		float: left;
		width: 48%;
    }
   
    #accordiondemo3 
    {
	    clear: none;
		float:right;
		width: 48%;
		text-align:left
    }
    #menu_accor 
    {
	    display:none;
    }
    .according_box
    {
		background-color:inherit;
		border:none;
		display:block;
		left:auto;
		position:static;
		top:auto;
		width:95%;
	}
	.according_parent 
	{
		background-image: url("../images/li-v2.png");
		background-position: left center;
		background-repeat: no-repeat;
		font-size: 13px;
		font-weight: normal;
		margin:15px 0 10px 10px;
		padding: 0 0 0 10px;
		text-align: left;
		text-transform: uppercase;
	}
	.news_img
	{
		height: auto;
		overflow: hidden;
		width: 100%;
	}
	.news_img img
	{
		border: 1px solid #ccc;
		height: auto;
		width: 99%;
	}
	.news_content 
	{
		height: 45px;
		line-height: 22px;
		margin:5px 3px 0;
		overflow: hidden;
	}
		
	.news_title 
	{
		color: #333;
		font-size: 15px;
		font-weight: bold;
		height: auto;
		line-height: 18px;
		margin: auto;
		padding: 5px 5px 0;
	}
	
	.detail_view 
	{
		background-color: #fff;
		float: none;
		height: auto;
		margin-bottom: 100px;
		margin-top: 0;
		overflow: hidden;
		width: 100%;
	}	
	h3.title 
	{
		font-size: 15px;
		margin: 0 0 3px;
		text-transform: capitalize;
	}
	
	.detailnews
	{
		padding: 0 5px 10px;
	}
	
	#detailnews_date 
	{
		font-size: 13px;
		font-style: italic;
		height: 20px;
		margin: 7px 0 5px;
		text-align: left;
	}
	#detailnews_content
	{
		clear: both;
        width: 100%;
	}
	#detailnews_content img
	{
		max-width:95%;
		height:auto;
		width:95%;
	}
	#detailnews_content table
	{
		max-width:95%;
	}
	.list_prod 
	{
		background-color: #fff;
		float: none;
		padding: 0 0 10px;
		width: 100%;
	}
	
	.pro_box 
	{
		border: 1px solid #ccc;
		box-shadow: 0 2px 5px 0 #ccc;
		float: left;
		height: auto;
		margin: 7px 3px 2px;
		padding: 10px 5px;
		width:30%;
	}
	
	h3.title div 
	{
		float: left;
		height: 26px;
		overflow: hidden;
	}
	
	.mota_sp .hinhanh 
	{
		float: left;
		height: auto;
		margin: 0 0 0 3px;
		width: 45%;
	}
	
	.mota_sp .hinhanh img 
	{
		border: 1px solid #ccc;
		height: auto;
		width: 100%;
	}
	
	.mota_sp .mota 
	{
		float: right;
		margin:0 3px 15px 0;
		padding: 5px 3px 0;
		width: 49%;
	}
	
	#detail_prod_title {
		color:#925D35;
		font-size: 16px;
		font-weight: bold;
	}
	
	#detail_prod_price
	{
		font-size: 15px;
        margin-top: 5px;
	}
	
	#prod_chungchi
	{
		height: auto;
		margin: auto;
		width: 90%;
	}
	
	#detail_prod_mota 
	{
		font-size: 12px;
		height:auto;
		line-height: 21px;
		margin: 5px 0;
		overflow: hidden;
		width: 100%;
	}
	
	.prod_tentuvan 
	{
		color: #f00;
		float: left;
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		margin:0px;
		text-align: center;
		width: 100%;
	}
	
	.noidung-sp
	{
		width:100%;
	}
	
	#icon_skype 
	{
		float: left;
		height: auto;
		margin: 0 15px;
		width: 60px;
	}
	
	#btn_muahang
	{
		clear: both;
		float: none;
		margin: 5px auto;
		text-align: center;
		width: 70%;
	}
	
	#detail_prod_content
	{
		padding: 0 5px;
        width: 97%;
	}
	
	.noidung-sp 
	{
		padding: 0 5px;
	}
		
	.pro_box_cl 
	{
		border: 1px solid #ccc;
		box-shadow: 0 2px 5px 0 #ccc;
		float: left;
		height: auto;
		margin:3px 3px 7px;
		padding: 10px 5px;
		width:30%;
	}
	
	.lienhe_right {
		background-color: #fff;
		float: none;
		height: auto;
		margin: 0;
		overflow: hidden;
		width: 100%;
	}
	
	#thongtin_lienhe 
	{
		color: #333;
		float: none;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	#thongtin_lienhe table tr td img
	{
		display:none;
	}
	
	.lienhe 
	{
		float: none;
		font-size: 12px !important;
		margin: 5px 0 0 3px;
		overflow: hidden;
		padding: 5px 5px 5px 0;
	}
	
	.lienhe table tr td
	{
		min-width:55px;
	}
	.lienhe input[type="text"]
	{
		width:98%;
	}
	.lienhe table
	{
		width:100%;
	}
	#noidung
	{
		width:98%;
	}
	
	
	.info2 
	{
		font-size: 12px !important;
		margin: 10px 0;
		padding: 0;
		width: 100%;
	}
	.info2 img
	{
		width:100%;
		height:auto;
	}
		
	.prod_lienhe 
	{
		clear: none;
		float: none;
		margin: 0 0 3px;
		width: 100%;
	}
	
	.info2 iframe
	{
		width:100%;
	}
	
	.pro_img 
	{
		height:auto;
		overflow: hidden;
		text-align: center;
	}
	
	.pro_img img 
	{
		height: auto;
		margin: auto;
		width: 90%;
	}
	
	.pro_title
	{
		padding:0px 3px;
	}
	
	.pro_title
	{
		font-size:15px;
	}
	
	
	/*phần css mới*/
	.default_box 
	{
		clear: both;
		margin: 10px 0 20px;
		padding: 0 5px;
	}
		
	.default_main {
		margin: auto;
		width: 100%;
	}
	
	.default_title 
	{
		font-size: 20px;
		font-weight: normal;
		margin: 15px 0 7px;
		text-transform: uppercase;
	}
	
	.default_info 
	{
		float: left;
		width: 50%;
	}
	
	.social_row 
	{
		margin: auto;
		width: 100%;
	}
	
	.social_box
	{
		text-align:center;
	}
	
	.ft_wrapper 
	{
		margin: auto auto 20px;
		width: 100%;
	}
	
	.ft_box {
		box-sizing: border-box;
		margin: 20px 0 0;
		overflow: hidden;
		padding: 0 0 0 10px;
		text-align: left;
		width: 100%;
		float: left;
	}
	
	.infooter 
	{
		box-sizing: border-box;
		color: #333;
		display: block !important;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 14px;
		margin: 0 auto;
		padding: 5px 3px 70px;
		text-align: left;
		width: 100%;
	}
	
	.ft_fanpage
	{
		display:none;
	}
	
	.rangcafe_box 
	{
		float: left;
		height: 320px;
		margin: 5px 2px 10px;
		padding: 7px 4px;
		width: 31%;
	}
	
	.rangcafe_img img 
	{
		height: 250px;
		margin: auto;
		width: 100%;
	}
	
	.rangcafe_title
	{
		font-size:12px;
		padding: 0 5px;
		margin:0px;
	}
	
	.detail_rangcafe img
	{
		width:100%;
		height:270px;
	}
	
	.noidung_page
	{
		width:100%;
		padding: 10px 3px 0;
	}
	
	.default_images
	{
		float: right;
		width: 48%;
	}
	
	.default_images img
	{
		height: auto;
		max-height:none;
		width: 100%;
	}
	
	.detail_rangcafe 
	{
		float: left;
		margin-right: 15px;
		width: 45%;
	}
	
	.news_info 
	{
		clear: both;
		float: none;
		width: 100%;
	}
	
	.pro_main 
	{
		margin: auto;
		padding: 0;
		width: 100%;
	}
	
	/*phần css của menu bottom*/
	.overlay-open-menu 
	{
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		background-color: rgba(0,0,0,0.5);
		z-index: 99;
		display: none;
	
	}
	
	.mb_right_hotline 
	{
		background-color: #fff;
		border-top: 1px solid #e3e3e3;
		bottom: 0;
		color: #fff;
		display:block;
		height: 65px;
		left: 0;
		overflow: hidden;
		padding: 0;
		position: fixed;
		right: 0;
		width: 100%;
		z-index: 900;
	}
		
	span.mb_bar 
	{
		display: block;
		position: relative;
		width: 100%;
	}
	
	span.mb_bar ul {
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 10;
		padding:0px;
	}
	
	span.mb_bar li 
	{
		float: left;
		min-height: 66px;
		width: 20%;
		position: relative;
	}
	
	span.mb_bar li span {
		color: #8b8b8b;
		cursor: pointer;
		display: block;
		font-size: 84%;
		padding-top:45px;
		text-align: center;
		width: 100%;
	}
		
	#cart_soluong {
		background-color: #f00;
		border-radius: 10px;
		color: #fff;
		font-size: 12px;
		height: 15px;
		line-height: 15px;
		position: absolute;
		right: 25%;
		text-align: center;
		top: 3px;
		width: 15px;
	}
	
	.slidebarmenu 
	{
		background-color: #fff;
		border: 0 none;
		height: 100%;
		left: -260px;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 260px;
		z-index: 1101;
		display:block;
	}
	
	.according_child {
		background-image: url("../images/lib-v2.png");
		background-position: left center;
		background-repeat: no-repeat;
		color: #000;
		font-size: 13px;
		font-weight: normal;
		margin: 10px 5px 12px 22px;
		padding: 0 0 0 10px;
		position: relative;
		text-align:left;
	}
	/*-----------------------------*/
	.default_prod {
		box-sizing: border-box;
		clear: both;
		margin: 25px 0 30px;
		padding: 0 7px;
	}
		
	.default_prod_label {
		font-size: 17px;
		padding: 12px 5px 10px 10px;
		text-transform: uppercase;
	}
		
	.default_prodbox {
		box-sizing: border-box;
		float: left;
		margin: 5px auto 20px;
		padding: 0 5px;
		text-align: center;
		width: 50%;
		overflow:hidden;
	}
		
	.default_prod_img {
		height: 200px;
		margin: auto;
		text-align: center;
		width: auto;
	}
}