@media screen and (max-width: 1024px) {

	div.main_content,div.footer,div.copy,div.header,div.nhantin

	{

		width:97%;

	}

	div.wap_item{

		grid-template-columns: repeat(4,1fr);

	}



}

@media screen and (max-width: 960px) {
	div.dmsp{display: none}
	.slider5{width: 100%}

	div.wap_item{

		grid-template-columns: repeat(3,1fr);

	}

	div.wap_box_news2{

		grid-template-columns: repeat(3,1fr);

	}

	.hidden_mobi{display: none !important;}

	.hidden_destop{display: block !important;}

	.menu_baophu {

		background: #000;

		opacity: 0.8;

		z-index: 998;

		left: 0px;

		top: 0px;

		position: fixed;

		width: 100%;

		height: 100%;

		display: none;

	}

	.icon_menu_mobi{

		color: #fff;

		font-size: 18px;

		text-decoration: none;

		display: block;

		/* width: 50%; */

		cursor: pointer;

		display: block;

		cursor:pointer;

		float: right;

	}

	.icon_menu_mobi i {

		margin-right: 4px;

	}

	div.menu_mobi

	{

		display:block;

		color: #fff;

		font-size: 18px;

		text-decoration: none;

		display: block;

		padding: 0px 10px;

		width: 100%;

		cursor: pointer;

		display: block;

		height: 100%;

		height: 50px;

		line-height: 50px;

		cursor: pointer;

		background: #59a02d;

	}

	div.menu_mobi_add

	{

		background: #59a02d;

		display:block;

		position: fixed;

		left: -100%;

		top: 0;

		z-index: 99999;

		color: #fff;

		height: 100vh;

		overflow: auto;

		line-height: 1.5;

		padding-top: 70px;

		padding-bottom: 20px;

		width: 85%;

		min-width: 140px;

		max-width: 440px;

		box-shadow: inset -4px 0px 8px rgba(0,0,0,0.3);

		transition: 0.5s;

	}

	div.menu_mobi_active {

		left: 0;

		transition: 0.5s;

	}

	div.menu_mobi_add ul {

		list-style: none;

	}

	div.menu_mobi_add ul li a {

		text-decoration: none;

		color: #fff;

		display: block;

		border-bottom: 1px solid rgba(255,255,255,0.2);

		padding: 13px 40px 13px 10px;

		margin-left: 20px;

		font-size: 14px;

		position: relative;

	}

	div.menu_mobi_add ul li a img{

		display: none !important;

	}

	div.menu_mobi_add ul li a.active2

	{

		color: black;

	}

	div.menu_mobi_add ul li a i{

		position:absolute;

		height:100%;

		right:0;

		top:0;

		border-bottom: 1px solid rgba(255,255,255,0.1);

		width: 48px;

		text-align:center;

		padding-top: 16px;

		transform:rotate(90deg);

		border-bottom: 1px solid rgba(255,255,255,0.1);

	}

	div.menu_mobi_add ul li a.active2 i{

		transform:rotate(0deg);

		border-left: 1px solid rgba(255,255,255,0.2);

	}

	div.menu_mobi_add ul ul {

		display:none;

	}

	div.menu_mobi_add ul li ul li a {

		padding-left: 20px;

	}

	div.menu_mobi_add ul li ul li ul li a {

		padding-left: 40px;

	}

	.close_menu {

		position: absolute;

		top: 5px;

		right: 7px;

		font-size: 20px;

		background: rgba(255,255,255,0.2);

		width: 35px;

		text-align: center;

		line-height: 35px;

		cursor: pointer;

	}

	div.left_gh,div.right_gh

	{

		width: 100%;

		float: none;

	}

	div.wap_menu

	{

		height:auto;

		float:none;

		background: none;

	}

	div.menu ul

	{

		display:none;

	}

	a.home_mobi

	{

		color:#fff;

		text-decoration:none;

		float:right;

		font-size: 20px;

	}

	div.header_mobi

	{

		display:block;

	}

	div.slider

	{

		width:100%;

		padding:0;

		margin: 0;

	}

	div#danhmuc

	{

		display:none;

	}

	div.right

	{

		width:100%;

		float:none;

	}

	div.left

	{

		width:100%;

		float:none;

	}

	div.tt_lh,div.bando

	{

		width:100%;

		float:none;

	}

	.menu_login {

		display:none;

	}

	div.footer

	{

		display:block;

	}

	div.item_ft,div.fanpage_f

	{

		width: 49%;

		margin: 0;

		margin-top: 20px;

		display:inline-block;

		vertical-align: top;

	}

	div.search {

		position: absolute;

		left: 0px;

		bottom: -45px;

		z-index: 101;

		width: 55%;

		max-width: 250px;

	}



}

@media screen and (max-width: 800px) {



}

@media screen and (max-width: 700px) {



}

@media screen and (max-width: 603px) {

	div.wap_item{

		grid-template-columns: repeat(2,1fr);

	}

	div.wap_box_news2{

		grid-template-columns: repeat(2,1fr);

	}

	.zoom_slick

	{

		width:90%;

		max-width:450px;

		float:none;

		margin:auto;

	}

	.product_info

	{

		width:100%;

		margin-top:10px;

	}

	.sp_cart{

		display: none;

	}

	div.nhantin{

		text-align: center;

	}

	div.nhantin .td{

		display: block;

	}

	div#dknt {

	    width: 100%;

	    float: none;

	    margin: auto;

	    margin-top: 10px;

	}

	div.w_100{

		width: 100%;

		overflow: auto;

	}

}

@media screen and (max-width: 460px) {
    .gioithieu .img, .gioithieu .mota{width: 100%}
   .gioithieu{display: block;}
   div.tin1{display: none}
   div.chay_tinnoibat{width: 100%}

	.wap_thongtin {display: none}


	div.header a.logo img {

    	height: 50px;

	}

	p.td_sp{

		font-size: 23px;

	}

	div.item{

		padding:7px;

	}

	div.item_ft,div.fanpage_f{

		width:100%;

		display:block;

	}

	#toptop{

		bottom: 50px;

	}

	div.wap_copy{

		margin-bottom: 45px;

	}



	

}

@media screen and (max-width: 376px) {

	div.wap_box_news2 {

	    grid-template-columns: repeat(1,1fr);

	    width: 94%;

	    margin: auto;

	}

	div.item .sp_gia span.giacu

	{

		float:none;

		display:block;

	}

}

@media screen and (max-width: 320px) {

}

