/*reponsive*/


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

	
	div.main_fix{

		width:97%;

		max-width: 100%;

	}

	div.menu ul li a{

		padding: 0px 12px;

	}

}

@media screen and (max-width: 960px) {
	.wapper {
	    margin: auto;
	    max-width: 100%;
	    min-width: 100%;
	    background: #fff;
	}
	.wap_thongtin p,.hidden_m{display: none !important;}

	.hidden_d{display: block !important;}

	.menupc{display: none!important;}
	#menu_mobi{display: block!important;position: sticky;left: 0;z-index: 999;top:  0;}

	.menu_baophu {

		background: #000;

		opacity: 0.8;

		z-index: 998;

		left: 0px;

		top: 0px;

		position: fixed;

		width: 100%;

		height: 100%;

		display: none!important;

	}

	.icon_menu_mobi{

		font-size: 18px;

		text-decoration: none;

		display: block;

		cursor:pointer;

		float: left;

		color: #ffffff;

	}

	.icon_menu_mobi i {

		margin-right: 9px;

	}

	.menu_mobi{font-size: 18px;text-decoration: none;padding: 0px 10px;width: 100%;cursor: pointer;height: 50px;line-height: 50px;cursor: pointer;background: var(--color-red);position: sticky!important;left: 0;top: 0;z-index: 999;}

	.menu_mobi_add

	{

		background: #ffffff;

		display:block;

		position: fixed;

		left: -100%;

		top: 0;

		z-index: 99999;

		color: #080808;

		height: 100vh;

		overflow: auto;

		line-height: 1.5;

		padding-top: 60px;

		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;

	}

	.menu_mobi_active {

		left: 0;

		transition: 0.5s;

	}

	.menu_mobi_add ul {

		list-style: none;

	}

	.menu_mobi_add ul li a {

		text-decoration: none;

		color: #000;

		display: block;

		border-bottom: 1px solid rgb(0,0,0,0.2);

		padding: 12px 40px 12px 10px;

		margin-left: 20px;

		font-size: 15px;

		position: relative;

	}

	.menu_mobi_add ul li a.active2

	{

		color: red;

	}

	.menu_mobi_add ul li a i{

		position:absolute;

		height:100%;

		right:0;

		top:0;

		width: 47px;

		text-align:center;

		padding-top: 15px;

		transform:rotate(90deg);

		border-bottom: 1px solid rgb(0,0,0,0.2);

	}

	.menu_mobi_add ul li a.active2 i{

		transform:rotate(0deg);

		border-left: 1px solid rgb(0,0,0,0.2);

		border-bottom: none;

	}

	.menu_mobi_add ul ul {display: block;}

	.menu_mobi_add ul ul img {display:none;}

	.menu_mobi_add ul li ul li a {

		padding-left: 20px;

	}

	.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: rgb(0,0,0,0.2);

		width: 35px;

		text-align: center;

		line-height: 35px;

		cursor: pointer;
		display: block!important;
	}	

	a.home_mobi{

		color:#fff;

		text-decoration:none;

		float:right;

		font-size: 20px;

	}

	.slider{

		width:100%;

		padding:0;

		margin: 0;

	}

	.top-contact{

		display: block;

	}

	.right,.left,.article-contact,.form-contact

	{

		width:100%;

		float:none;

		margin: auto;

	}

	.search_m {

		position: absolute;

	    right: 10px;

	    top: 10px;

	    width: 60%;

	    max-width: 250px;

	}

	.wap_item{

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

		grid-gap: 15px;

	}

	.wap_news,.footer{

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

	}

	.wap_tintuc2{

		display: block;

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

		grid-gap: 20px 0;

	}

	.wap_copy{

		text-align: center;

	}

	.wap_copy ul{

		flex: none;

	}

	.gioithieu{

		display: block;

	}

	.img_gt {

	    width: 70%;

	    margin: auto;

	    margin-bottom: 20px;
	}
	/*body.plugin{
		margin-left: 385px;
	}*/
	
	.menu_baophu{
		display: none;
	}
	.logo{
		display: none;
	}
	.logo img {
	    max-height: 100%;
	}
	.header{
		display: flex;
		flex-wrap: wrap;
/*		margin-left: 330px;*/
    	justify-content: center;
	}
	.tieude{
		text-align: left;
	}
	.footer{
		display: flex;
	}
	div.item_f{
		width: 250px;
	}
	.fix-toolbar{
		display: block;
	}

}

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

	

}

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

	

}

@media screen and (max-width: 603px) {
	.wrapper{
	    margin: auto;
	    max-width: 100%;

	    background: #fff;
	}
	.wap_item {

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

	}

	.left-pro-detail{

		width: 90%;

		float: none;

		margin: auto;

	}

	.right-pro-detail {

	    width: 100%;

	    float: none;

	    margin-top: 20px;

	}

	.wrap-cart{

		display: block !important;

		padding: 10px 5px;

	}

	.top-cart{

		margin: 0;

		padding: 0;

		width: 100%;

	}

	.bottom-cart {

	    width: 100%;

	    margin-top: 20px;

	}

	.procart {

	    padding: 10px 5px;

	    font-size: 13px;

	}

	.info-procart{

		width: 60%;

	}

	.quantity-procart{

		width: 25%;

	}

}

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

	.title-main span,.title_gt{

		font-size: 20px;

	}

	.tintuc2{

		display: block;

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

		grid-gap: 20px 0;

	}

	.wap_news, .footer {

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

	    width: 90%;

	    margin: auto;

	}
	

}

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

	

}

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

		font-size: 13px;

	}

}