body {
  min-height: 100%;
  margin: 0;
  font-size: 14px;
  color:#333;
}
a {
	color: #000000;
	text-decoration: none;
}
.both{
	clear:both;
}

.top{
	width:100%;
	border-bottom:4px solid #dfe0e2;
	position:fixed;
	top:0px;
	background-color:#ffffff;
}
.footer{
	font-size:10px;
	text-align: center;
	margin-top: 50px;
	margin: 20px;
}
@media (min-width: 991px){
	.logo{
		width: 260px;
		float: left;
		height: 30px;
		font-size: 20px;
		font-weight: 900;
		line-height: 30px;
		margin:20px;
	}
	.logo>a>h1{
		font-size: 28px;	
		margin: 0px;
	}
	.logo>a>h1>span {
	  color: #c92910;
	}
	.menu{
		display:none;
	}
	.navigation{
		float: right;
		height: 30px;
		font-size: 22px;
		line-height: 30px;
		margin: 20px;
	}
	.navigation>a{
		margin-right: 30px;
	}
	.navigation>a:hover{
		color: #c92910;
	}
	.content{
		width: 1200px;
		margin: 80px auto;
		border-bottom: 1px solid #333;
		padding-bottom: 30px;
	}
	.content>.div1{
		text-align: center;
		font-size: 60px;
		font-weight: 900;
		padding-top: 60px;
	}
	.content>.div1>span{
		font-size: 60px;
		margin:0px;
	}
	.content>.div2{
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		margin-top: 20px;
	}
	.content>.div2>p{
		color: #c92910;
	}
	.content>.div3{
		margin-top: 50px;
	}
	.content>.div3>.search{
		width: 505px;
		margin: auto;
	}
	.content>.div3>.search>.input{
		width: 355px;
		margin: auto;
		border: 1px solid #666;
		padding: 5px 10px;
		border-radius: 50px;
		float:left
	}
	.content>.div3>.search>.input>.keywords{
		height: 40px;
		line-height: 40px;
		float: left;
		width: 290px;
		border: 0px;
		font-size: 18px;
	}
	.content>.div3>.search>.input>.keywords:focus {
		outline: none; 
	}
	.content>.div3>.search>.input>.button{
		background: #000;
		float: left;
		height: 20px;
		padding: 10px 20px;
		border-radius: 20px;
		cursor:pointer;
	}
	.content>.div3>.search>.input>.button:hover{
		background: #666;
	}
	.content>.div3>.search>.img{
		float:left;
	}
	.content>.div3>.search>.img>img{
		width: 50px;
		margin-left: 10px;
	}
	.content>.categories{
		margin-top: 50px;
	}
	.content>.categories>.title{
		text-align: center;
		font-size: 40px;
		font-weight: 900;
		color: #1f1a5e;
	}
	.content>.categories>.category{
		display: flex; 
		flex-wrap: wrap; 
		width: 100%;   
		margin-top: 30px;
	}
	.content>.categories>.category>.category1{
		flex: 1 1 15%;
		box-shadow: 1px 1px 3px 3px rgba(0.2, 0.2, 0.2, 0.2);
		border-radius: 10px;
		text-align:center;
		margin: 10px;
	}
	.content>.categories>.category>.category1>a>img{
		width: 175px;
	}
	.content>.categories>.category>.category1>a>p{
		font-size:16px;
		margin-top:20px;
	}
	.content>.categoryName{
		font-size: 40px;
		font-weight: 900;
		padding-top: 50px;
		margin-left: 30px;
	}
	.content>.brands{
		display: flex; 
		flex-wrap: wrap; 
		width: 100%;   
	}
	.content>.brands>.brand{
		flex: 1 1 15%;
		box-shadow: 1px 1px 3px 3px rgba(0.2, 0.2, 0.2, 0.2);
		border-radius: 10px;
		text-align:center;
		margin: 10px;
		padding: 10px;
	}
	.content>.brands>.brand>a>img{
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.content>.brands>.brand>a>p{
		font-size:16px;
		margin-top:20px;
	}
	.content>.no_brand{
		font-size: 60px;
		color: #000;
		text-align: center;
		width: 600px;
		margin: 50px auto;
		line-height: 80px;
	}
	.content>.pages{
		text-align: center;
		margin-top: 30px;
	}
	.content>.pages>.page{
		background-color: #c92810;
		color: #fff;
		font-size: 18px;
		padding: 5px;
		margin: 10px;
	}
	.content>.sku{
		  padding-top: 50px;
	}
	.content>.sku>.left{
		float: left;
		width: 45%;
	}
	.content>.sku>.left>img{
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.content>.sku>.right{
		float: right;
		width: 50%;
		margin-top: 80px;
	}
	.content>.sku>.right>.skuName{
		font-size: 30px;
		font-weight: 900;
	}
	.content>.sku>.right>.skuPrice{
		margin-top: 20px;
		font-size: 30px;
	}
	.content>.sku>.right>.skuBuy{
		margin-top: 30px;
		display: block;
		font-size: 20px;
		color: #fff;
		background-color: #111;
		width: 50%;
		padding: 10px;
		text-align: center;
		border-radius: 5px;
	}
	.content>.sku>.right>.description{
		margin-top: 30px;
		font-size: 18px;
	}
	.content>.other_title{
		font-size: 40px;
		text-align: center;
		margin: 40px auto;
	}
	.content>.other_sku{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.content > .other_sku > .other {
		flex: 1 1 15%;
		box-shadow: 1px 1px 3px 3px rgba(0.2, 0.2, 0.2, 0.2);
		border-radius: 10px;
		text-align: center;
		margin: 10px;
		padding: 10px;
	}
	.content > .other_sku > .other > a > img {
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.content > .other_sku > .other > a > p {
		font-size: 16px;
		margin-top: 20px;
	}
}
@media (max-width: 990px) and (min-width: 791px){
	.logo{
		width: 215px;
		float: left;
		height: 30px;
		font-size: 18px;
		font-weight: 900;
		line-height: 30px;
		margin: 10px;
	}
	.logo>a>h1{
		font-size: 24px;	
		margin: 0px;
	}
	.logo>a>h1>span {
	  color: #c92910;
	}
	.menu{
		display:none;
	}
	.navigation{
		float: right;
		height: 30px;
		font-size: 18px;
		line-height: 30px;
		margin: 10px;
	}
	.navigation>a{
		margin-right: 10px;
	}
	.navigation>a:hover{
		color: #c92910;
	}
	.content{
		width: 100%;
		margin: 80px auto;
		border-bottom:1px solid #333;
		padding-bottom:30px;
	}
	.content>.div1{
		text-align: center;
		font-size: 60px;
		font-weight: 900;
		padding-top: 60px;
	}
	.content>.div1>span{
		font-size: 60px;
		margin:0px;
	}
	.content>.div2{
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		margin-top: 20px;
	}
	.content>.div2>p{
		color: #c92910;
	}
	.content>.div3{
		margin-top: 50px;
	}
	.content>.div3>.search{
		width: 505px;
		margin: auto;
	}
	.content>.div3>.search>.input{
		width: 355px;
		margin: auto;
		border: 1px solid #666;
		padding: 5px 10px;
		border-radius: 50px;
		float:left
	}
	.content>.div3>.search>.input>.keywords{
		height: 40px;
		line-height: 40px;
		float: left;
		width: 290px;
		border: 0px;
		font-size: 18px;
	}
	.content>.div3>.search>.input>.keywords:focus {
		outline: none; 
	}
	.content>.div3>.search>.input>.button{
		background: #000;
		float: left;
		height: 20px;
		padding: 10px 20px;
		border-radius: 20px;
		cursor:pointer;
	}
	.content>.div3>.search>.input>.button:hover{
		background: #666;
	}
	.content>.div3>.search>.img{
		float:left;
	}
	.content>.div3>.search>.img>img{
		width: 50px;
		margin-left: 10px;
	}
	.content>.categories{
		margin-top: 50px;
	}
	.content>.categories>.title{
		text-align: center;
		font-size: 40px;
		font-weight: 900;
		color: #1f1a5e;
	}
	.content>.categories>.category{
		display: flex; 
		flex-wrap: wrap; 
		width: 100%;   
		margin-top: 30px;
	}
	.content>.categories>.category>.category1{
		flex: 1 1 15%;
		box-shadow: 1px 1px 3px 3px rgba(0.2, 0.2, 0.2, 0.2);
		border-radius: 10px;
		text-align:center;
		margin: 10px;
	}
	.content>.categories>.category>.category1>a>img{
		width: 175px;
	}
	.content>.categories>.category>.category1>a>p{
		font-size:16px;
		margin-top:20px;
	}
	.content>.categoryName{
		font-size: 40px;
		font-weight: 900;
		padding-top: 50px;
		margin-left: 30px;
	}
	.content>.brands{
		display: flex; 
		flex-wrap: wrap; 
		width: 100%;   
	}
	.content>.brands>.brand{
		flex: 1 1 15%;
		box-shadow: 1px 1px 3px 3px rgba(0.2, 0.2, 0.2, 0.2);
		border-radius: 10px;
		text-align:center;
		margin: 10px;
		padding: 10px;
	}
	.content>.brands>.brand>a>img{
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.content>.brands>.brand>a>p{
		font-size:16px;
		margin-top:20px;
	}
	.content>.no_brand{
		font-size: 60px;
		color: #000;
		text-align: center;
		width: 600px;
		margin: 50px auto;
		line-height: 80px;
	}
	.content>.pages{
		text-align: center;
		margin-top: 30px;
	}
	.content>.pages>.page{
		background-color: #c92810;
		color: #fff;
		font-size: 18px;
		padding: 5px;
		margin: 10px;
	}
	.content>.sku{
		padding: 50px 20px 0px 20px;
	}
	.content>.sku>.left{
		float: left;
		width: 45%;
	}
	.content>.sku>.left>img{
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.content>.sku>.right{
		float: right;
		width: 50%;
	}
	.content>.sku>.right>.skuName{
		font-size: 24px;
		font-weight: 900;
	}
	.content>.sku>.right>.skuPrice{
		margin-top: 20px;
		font-size: 24px;
	}
	.content>.sku>.right>.skuBuy{
		margin-top: 30px;
		display: block;
		font-size: 20px;
		color: #fff;
		background-color: #111;
		width: 50%;
		padding: 10px;
		text-align: center;
		border-radius: 5px;
	}
	.content>.sku>.right>.description{
		margin-top: 30px;
		font-size: 18px;
	}
	.content>.other_title{
		font-size: 30px;
		text-align: center;
		margin: 40px auto;
	}
	.content>.other_sku{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.content > .other_sku > .other {
		flex: 1 1 15%;
		box-shadow: 1px 1px 3px 3px rgba(0.2, 0.2, 0.2, 0.2);
		border-radius: 10px;
		text-align: center;
		margin: 10px;
		padding: 10px;
	}
	.content > .other_sku > .other > a > img {
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.content > .other_sku > .other > a > p {
		font-size: 16px;
		margin-top: 20px;
	}
}
@media (max-width: 790px){
	.logo{
		width: 260px;
		float: left;
		height: 30px;
		font-size: 24px;
		font-weight: 900;
		line-height: 30px;
		margin:20px;
	}
	.logo>a>h1{
		font-size: 24px;	
		margin: 0px;
	}
	.logo>a>h1>span {
	  color: #c92910;
	}
	.menu{
		width: 24px;
		float: right;
		display:block;
		margin:20px;
	}
	.navigation{
		display:none;
		float: left;
		width: 100%;
	}
	.navigation>a{
		display: block;
		line-height: 40px;
		padding-lefT: 30px;
		border-bottom: 1px solid #dfe0e2;
		font-size:18px;
	}
	.content{
		width: 100%;
		margin: 80px auto;
		border-bottom:1px solid #333;
		padding-bottom:30px;
	}
	.content>.div1{
		text-align: center;
		font-size: 30px;
		font-weight: 900;
		padding-top: 30px;
	}
	.content>.div1>span{
		font-size: 30px;
		margin:0px;
	}
	.content>.div2{
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		margin: 20px;
	}
	.content>.div2>p{
		color: #c92910;
	}
	.content>.div3{
		margin-top: 50px;
	}
	.content>.div3>.search{
		margin: 10px;
	}
	.content>.div3>.search>.input{
		width: 225px;
		margin: auto;
		border: 1px solid #666;
		padding: 5px 10px;
		border-radius: 50px;
		float:left
	}
	.content>.div3>.search>.input>.keywords{
		height: 30px;
		line-height: 30px;
		float: left;
		width: 175px;
		border: 0px;
		font-size: 14px;
	}
	.content>.div3>.search>.input>.keywords:focus {
		outline: none; 
	}
	.content>.div3>.search>.input>.button{
		background: #000;
		float: left;
		height: 15px;
		padding: 10px 15px;
		border-radius: 20px;
		cursor:pointer;
	}
	.content>.div3>.search>.img{
		float:left;
	}
	.content>.div3>.search>.img>img{
		width: 40px;
		margin-left: 10px;
	}
	.content>.categories{
		margin-top: 50px;
	}
	.content>.categories>.title{
		text-align: center;
		font-size: 40px;
		font-weight: 900;
		color: #1f1a5e;
	}
	.content>.categories>.category{
		display: flex; 
		flex-wrap: wrap; 
		width: 100%;   
		margin-top: 30px;
	}
	.content>.categories>.category>.category1{
		flex: 1 1 35%;
		box-shadow: 1px 1px 3px 3px rgba(0.2, 0.2, 0.2, 0.2);
		border-radius: 10px;
		text-align:center;
		margin: 10px;
	}
	.content>.categories>.category>.category1>a>img{
		width: 100%;
	}
	.content>.categories>.category>.category1>a>p{
		font-size:16px;
		margin-top:20px;
	}
	.content>.categoryName{
		font-size: 40px;
		font-weight: 900;
		padding-top: 50px;
		margin-left: 30px;
	}
	.content>.brands{
		display: flex; 
		flex-wrap: wrap; 
		width: 100%;   
	}
	.content>.brands>.brand{
		flex: 1 1 35%;
		box-shadow: 1px 1px 3px 3px rgba(0.2, 0.2, 0.2, 0.2);
		border-radius: 10px;
		text-align:center;
		margin: 10px;
		padding: 10px;
	}
	.content>.brands>.brand>a>img{
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.content>.brands>.brand>a>p{
		font-size:16px;
		margin-top:20px;
	}
	
	.content>.no_brand{
		font-size: 30px;
		color: #000;
		text-align: center;
		width: 300px;
		margin: 30px auto;
		line-height: 50px;
	}
	.content>.pages{
		text-align: center;
		margin-top: 30px;
	}
	.content>.pages>.page{
		background-color: #c92810;
		color: #fff;
		font-size: 18px;
		padding: 5px;
		margin: 10px;
	}
	.content>.sku{
		padding: 50px 20px 0px 20px;
	}
	.content>.sku>.left{
		float: left;
	}
	.content>.sku>.left>img{
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.content>.sku>.right{
		float: right;
		margin-top: 20px;
	}
	.content>.sku>.right>.skuName{
		font-size: 24px;
		font-weight: 900;
	}
	.content>.sku>.right>.skuPrice{
		margin-top: 20px;
		font-size: 24px;
	}
	.content>.sku>.right>.skuBuy{
		margin-top: 30px;
		display: block;
		font-size: 20px;
		color: #fff;
		background-color: #111;
		width: 50%;
		padding: 10px;
		text-align: center;
		border-radius: 5px;
	}
	.content>.sku>.right>.description{
		margin-top: 30px;
		font-size: 18px;
	}
	.content>.other_title{
		font-size: 20px;
		text-align: center;
		margin: 30px auto;
	}
	.content>.other_sku{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.content > .other_sku > .other {
		flex: 1 1 35%;
		box-shadow: 1px 1px 3px 3px rgba(0.2, 0.2, 0.2, 0.2);
		border-radius: 10px;
		text-align: center;
		margin: 10px;
		padding: 10px;
	}
	.content > .other_sku > .other > a > img {
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.content > .other_sku > .other > a > p {
		font-size: 16px;
		margin-top: 20px;
	}
}