@media ( min-width:376px) and ( max-width:413px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
}

@media ( min-width:375px) and ( max-width:599px) {}

@media ( min-width:600px) and ( max-width:799px) {}
@media ( max-width:321px) {
	.menus .Logo a .h1{font-size: 14px;}
	.menus .Logo a .h2 .span{font-size: 12px; word-spacing: 1px; letter-spacing: 1.5px;}
	.burger_menu{margin-left: 15px;}
	.product-detil-btn{display: flex;
	flex-direction: column;}
	.product-detil-btn a{
		clear: both;
		margin-bottom: 2px;
		text-align: center;
		padding: 5px 0;
	}
	.index-news-rec .txt h3{height: 19px;}
}