body {
	/*        background-color: black;*/
}
@media screen and (max-width: 500px) {
	.promo {
		display: none;
	}
	.mobile_promo {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 66vw;
		width: 100%;
		margin-bottom: 0;
		background-color: black;
		border-bottom: 10px solid #54ff00;
	}
	section.mrkt img.mobi {
		width: 100%;
		display: block;
	}
	section.mrkt img.desk {
		display: none;
	}
	section.items {
		position: relative;
		z-index: 03;
		width: 100%;
		max-width: 2000px;
		margin: 0px auto 0px auto;
		overflow: auto;
		background-image: -webkit-linear-gradient(-90deg, #27499e 0, #27499e 25%, rgba(0, 0, 0, 1) 100%);
		background-image: -moz-linear-gradient(180deg, #27499e 0, #27499e 25%, rgba(0, 0, 0, 1) 100%);
		background-image: linear-gradient(180deg, #27499e 0, #27499e 25%, rgba(0, 0, 0, 1) 100%);
		background-position: top;
		-webkit-background-origin: padding-box;
		background-origin: padding-box;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		-webkit-background-size: auto auto;
		background-size: auto auto;
	}
	section.items>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 2000px;
		padding: 20px 10px 20px 10px;
		box-sizing: border-box;
	}
	section.more_items {
		position: relative;
		z-index: 03;
		width: 100%;
		max-width: 2000px;
		margin: 0px auto 0px auto;
		overflow: auto;
		background-image: -webkit-linear-gradient(-90deg, #27499e 0, #27499e 25%, rgba(0, 0, 0, 1) 100%);
		background-image: -moz-linear-gradient(180deg, #27499e 0, #27499e 25%, rgba(0, 0, 0, 1) 100%);
		background-image: linear-gradient(180deg, #27499e 0, #27499e 25%, rgba(0, 0, 0, 1) 100%);
		background-position: top;
		-webkit-background-origin: padding-box;
		background-origin: padding-box;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		-webkit-background-size: auto auto;
		background-size: auto auto;
	}
	section.more_items>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 2000px;
		padding: 20px 10px 20px 10px;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	.promo {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 40vw;
		width: 100%;
		margin-bottom: 0;
		background-color: black;
		border-bottom: 10px solid #54ff00;
	}
	section.promo {
		height: auto;
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
		background-color: black;
		border-bottom: 10px solid #25a8e0;
	}
	section.promo .wrap {
		overflow: auto;
		width: 100%;
	}
	section.promo .wrap img {
		width: 100%;
		display: block;
	}
	section.mrkt img.mobi {
		width: 100%;
		display: block;
	}
	section.mrkt img.desk {
		display: none;
	}
}
@media screen and (min-width: 801px) {
	.mobile_promo {
		display: none;
	}
	section.promo {
		height: auto;
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
		background-color: black;
		border-bottom: 10px solid #25a8e0;
	}
	section.promo .wrap {
		overflow: auto;
		width: 100%;
	}
	section.promo .wrap img {
		width: 100%;
		display: block;
	}
	section.mrkt {
		font-family: 'Montserrat', sans-serif;
		width: 100%;
		max-width: 2000px;
		margin: 0px auto 0 auto;
		box-sizing: border-box;
		border: solid #006bff;
		border-width: 2px 0 2px 0;
		overflow: auto;
	}
	section.mrkt img.mobi {
		display: none;
	}
	section.mrkt img.desk {
		width: 100%;
		display: block;
	}
	section.items {
		position: relative;
		z-index: 03;
		width: 100%;
		padding: 0 10%;
		box-sizing: border-box;
		max-width: 2000px;
		margin: 0px auto 0px auto;
		overflow: auto;
		background-image: -webkit-linear-gradient(-90deg, #27499e 0, #27499e 25%, rgba(0, 0, 0, 1) 100%);
		background-image: -moz-linear-gradient(180deg, #27499e 0, #27499e 25%, rgba(0, 0, 0, 1) 100%);
		background-image: linear-gradient(180deg, #27499e 0, #27499e 25%, rgba(0, 0, 0, 1) 100%);
		background-position: top;
		-webkit-background-origin: padding-box;
		background-origin: padding-box;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		-webkit-background-size: auto auto;
		background-size: auto auto;
	}
	section.items>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 2000px;
		padding: 20px 10px 20px 10px;
		box-sizing: border-box;
	}
	section.more_items {
		position: relative;
		z-index: 03;
		width: 100%;
		max-width: 2000px;
		margin: 0px auto 0px auto;
		overflow: auto;
		padding: 0 10%;
		box-sizing: border-box;
	}
	section.more_items>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 2000px;
		padding: 20px 10px 20px 10px;
		box-sizing: border-box;
	}
}
/*No ctgry selected*/
@media screen and (max-width: 500px) {
	section.choose_ctgry {
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
	}
	section.choose_ctgry .innr {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 800px;
		padding: 10px;
		box-sizing: border-box;
	}
	section.choose_ctgry .innr h1 {
		text-align: center;
	}
	section.choose_ctgry .innr nav {
		width: 100%;
		overflow: auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	section.choose_ctgry .innr a {
		display: block;
		text-decoration: none;
		float: left;
		background-color: #006bff;
		border-radius: 5px;
		width: 45%;
		padding: 30px 20px;
		box-sizing: border-box;
		text-align: center;
		color: white;
		margin-bottom: 20px;
		font-size: 18px;
	}
	section.choose_ctgry .innr a:hover {
		background-color: #0080ff;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.choose_ctgry {
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
	}
	section.choose_ctgry .innr {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 800px;
		padding: 15vw 5vw;
		box-sizing: border-box;
	}
	section.choose_ctgry .innr h1 {
		text-align: center;
	}
	section.choose_ctgry .innr nav {
		width: 100%;
		overflow: auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	section.choose_ctgry .innr a {
		display: block;
		text-decoration: none;
		float: left;
		background-color: #006bff;
		border-radius: 100%;
		height: 21vw;
		width: 21vw;
		line-height: 21vw;
		font-size: 16px;
		text-align: center;
		color: white;
		margin: 0;
	}
	section.choose_ctgry .innr a:hover {
		background-color: #0080ff;
	}
}
@media screen and (min-width: 801px) {
	section.choose_ctgry {
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
	}
	section.choose_ctgry .innr {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 800px;
		padding: 80px 5vw;
		box-sizing: border-box;
	}
	section.choose_ctgry .innr h1 {
		text-align: center;
	}
	section.choose_ctgry .innr nav {
		width: 100%;
		overflow: auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	section.choose_ctgry .innr a {
		display: block;
		text-decoration: none;
		float: left;
		background-color: #006bff;
		border-radius: 100%;
		height: 150px;
		width: 150px;
		line-height: 150px;
		text-align: center;
		color: white;
		margin: 0;
	}
	section.choose_ctgry .innr a:hover {
		background-color: #0080ff;
	}
}