body {
	margin: 0;
	padding: 0;
}
/*slides*/
@media screen and (max-width: 500px) {
	section.slides {
		width: 100%;
		overflow: auto;
		margin-top: -120px;
		position: relative;
		z-index: 0;
		font-family: 'Roboto Condensed', sans-serif;
	}
	section.slides .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		background-image: url(images/slides_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 400px;
	}
	section.slides .info {
		width: 60%;
		float: left;
		margin-top: 125px;
		padding: 0px 0 0 10px;
		box-sizing: border-box;
	}
	section.slides .info h1 {
		margin: 0 0 10px 0;
		font-weight: normal;
		font-style: italic;
		color: #02e3fa;
		height: 80px;
		background-image: url(images/slides_title_text.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	section.slides .info h2 {
		color: white;
		font-size: 20px;
		line-height: 18px;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0;
	}
	section.slides .info h3 {
		color: white;
		margin-bottom: 30px;
		font-size: 14px;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.slides {
		width: 100%;
		overflow: auto;
		margin-top: -120px;
		position: relative;
		z-index: 0;
		font-family: 'Roboto Condensed', sans-serif;
	}
	section.slides .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		background-image: url(images/slides_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 400px;
	}
	section.slides .info {
		width: 60%;
		float: left;
		margin-top: 125px;
		padding: 0px 0 0 10px;
		box-sizing: border-box;
	}
	section.slides .info h1 {
		margin: 0 0 10px 0;
		font-weight: normal;
		font-style: italic;
		color: #02e3fa;
		height: 120px;
		background-image: url(images/slides_title_text.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	section.slides .info h2 {
		color: white;
		font-size: 20px;
		line-height: 18px;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0;
	}
	section.slides .info h3 {
		color: white;
		margin-bottom: 0px;
		font-size: 14px;
	}
}
@media screen and (min-width: 801px) and (max-width: 1300px) {
	section.slides {
		width: 100%;
		overflow: auto;
		margin-top: -120px;
		position: relative;
		z-index: 0;
		font-family: 'Roboto Condensed', sans-serif;
	}
	section.slides .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		background-image: url(images/slides_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 600px;
	}
	section.slides .info {
		width: 50%;
		float: left;
		margin-top: 150px;
		padding: 0px 0 0 30px;
		box-sizing: border-box;
	}
	section.slides .info h1 {
		text-transform: uppercase;
		font-size: 80px;
		line-height: 70px;
		margin: 0 0 20px 0;
		font-weight: normal;
		font-style: italic;
		color: #02e3fa;
		height: 190px;
		background-image: url(images/slides_title_text.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	section.slides .info h1 span {
		font-weight: bold;
		font-size: 100px;
	}
	section.slides .info h2 {
		color: white;
		font-size: 28px;
		line-height: 35px;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0;
	}
	section.slides .info h3 {
		color: white;
		margin-bottom: 30px;
	}
	section.slides .info a {
		text-decoration: none;
		font-size: 18px;
		background-color: #f5ff00;
		border-radius: 10px;
		padding: 10px 20px;
		font-weight: bolder;
		color: black;
		margin-top: 10px;
	}
}
@media screen and (min-width: 1301px) {
	section.slides {
		width: 100%;
		overflow: auto;
		margin-top: -120px;
		position: relative;
		z-index: 0;
		font-family: 'Roboto Condensed', sans-serif;
	}
	section.slides .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		background-image: url(images/slides_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 600px;
	}
	section.slides .info {
		width: 50%;
		float: left;
		margin-top: 150px;
		padding: 0px 0 0 30px;
		box-sizing: border-box;
	}
	section.slides .info h1 {
		text-transform: uppercase;
		font-size: 80px;
		line-height: 70px;
		margin: 0 0 20px 0;
		font-weight: normal;
		font-style: italic;
		color: #02e3fa;
		height: 190px;
		background-image: url(images/slides_title_text.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	section.slides .info h2 {
		color: #fcf201;
		width: 80%;
		font-size: 48px;
		line-height: 46px;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0;
	}
	section.slides .info h3 {
		color: white;
		margin-bottom: 30px;
		font-size: 25px;
		margin: 0;
	}
	section.slides .info a {
		text-decoration: none;
		font-size: 18px;
		background-color: #f5ff00;
		border-radius: 10px;
		padding: 10px 20px;
		font-weight: bolder;
		color: black;
		margin-top: 10px;
	}
}
/*microads*/
@media screen and (max-width: 500px) {
	section.microads {}
	section.microads>.wrap {
		width: 100%;
		overflow: auto;
		padding: 1.5px;
		box-sizing: border-box;
	}
	section.microads .item {
		width: 100%;
		overflow: auto;
		float: left;
		padding: 1.5px;
		box-sizing: border-box;
	}
	section.microads .item .innr {
		height: 85px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.microads {}
	section.microads>.wrap {
		width: 100%;
		overflow: auto;
		padding: 1.5px;
		box-sizing: border-box;
	}
	section.microads .item {
		width: 100%;
		overflow: auto;
		float: left;
		padding: 1.5px;
		box-sizing: border-box;
	}
	section.microads .item .innr {
		height: 20vw;
		max-height:  135px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}
@media screen and (min-width: 801px) {
	section.microads {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
	}
	section.microads>.wrap {
		width: 100%;
		overflow: auto;
		padding: 5px;
		box-sizing: border-box;
	}
	section.microads .item {
		width: 50%;
		overflow: auto;
		float: left;
		padding: 5px;
		box-sizing: border-box;
	}
	section.microads .item .innr {
		height: 120px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}
/*eco list*/
@media screen and (max-width: 500px) {
	section.eco_list {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		overflow: auto;
		font-family: 'Roboto Condensed', sans-serif;
		padding: 5px;
		box-sizing: border-box;
	}
	section.eco_list>.wrap {
		margin: 20px auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		position: relative;
		padding: 10px;
		box-sizing: border-box;
	}
	section.eco_list .intro {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		background-color: #34347b;
		overflow: auto;
		box-sizing: border-box;
		padding: 10px;
		position: relative;
	}
	section.eco_list .intro h1 {
		font-size: 40px;
		line-height: 40px;
		width: 100%;
		color: #fcf201;
		margin: 0;
		box-sizing: border-box;
		padding-top: 0px;
	}
	section.eco_list .intro h2 {
		font-size: 20px;
		font-weight: lighter;
		margin: 10px 0;
		width: 100%;
		box-sizing: border-box;
		color: #ffffff;
	}
	section.eco_list .intro .image {
		background-image: url(images/eco_list_intro_image.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 20px;
		height: 100px;
		width: 100%;
		height: 35vw;
	}
	section.eco_list .products {
		width: 100%;
		float: left;
		padding: 0px;
		box-sizing: border-box;
		overflow: auto;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	section.eco_list .products a.view_more {
		background-color: #0000fe;
		color: #fcf201;
		text-decoration: none;
		box-sizing: border-box;
		padding: 15px 30px;
		width: 100%;
		margin: auto;
		text-align: center;
		font-weight: bold;
		font-style: italic;
		font-size: 18px;
	}
	section.eco_list .bnr {
		width: 100%;
		height: 200px;
		min-height: 100%;
		background-color: #0000ff;
		position: relative;
		overflow: hidden;
	}
	section.eco_list .bnr h1 {
		line-height: 26px;
		text-align: center;
		font-style: italic;
		position: absolute;
		right: 0px;
		width: 60%;
		bottom: 0px;
	}
	section.eco_list .bnr h1 span {}
	section.eco_list .bnr h1 span:nth-of-type(1) {
		color: white;
		font-size: 78px;
		animation: blinkingText 1s infinite;
	}
	section.eco_list .bnr h1 span:nth-of-type(2) {
		color: #ffae00;
		font-size: 20px;
	}
	section.eco_list .bnr h1 span:nth-of-type(3) {
		color: #ffae00;
		font-size: 30px;
	}
	section.eco_list .bnr img {
		position: absolute;
		left: 15%;
		top: -80px;
		transform: translate(-50%, 0%);
		width: 60%;
		z-index: 2;
	}
	section.eco_list .bnr .fcy_div {
		height: 10px;
		width: 140vw;
		position: absolute;
		z-index: 1;
		left: 0px;
		border: solid #00b4ff;
		border-width: 30px 0 0 0;
		background-color: #ffae00;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.eco_list {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		overflow: auto;
		font-family: 'Roboto Condensed', sans-serif;
		padding: 5px;
		box-sizing: border-box;
	}
	section.eco_list>.wrap {
		margin: 20px auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		position: relative;
		padding: 10px;
		box-sizing: border-box;
	}
	section.eco_list .intro {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		background-color: #34347b;
		overflow: auto;
		box-sizing: border-box;
		padding: 10px;
		position: relative;
	}
	section.eco_list .intro h1 {
		font-size: 40px;
		line-height: 40px;
		width: 100%;
		color: #fcf201;
		margin: 0;
		box-sizing: border-box;
		padding-top: 0px;
	}
	section.eco_list .intro h2 {
		font-size: 20px;
		font-weight: lighter;
		margin: 10px 0;
		width: 100%;
		box-sizing: border-box;
		color: #ffffff;
	}
	section.eco_list .intro .image {
		background-image: url(images/eco_list_intro_image.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 20px;
		height: 100px;
		width: 100%;
		height: 40vw;
		max-height: 150px;
	}
	section.eco_list .products {
		width: 100%;
		float: left;
		padding: 0px;
		box-sizing: border-box;
		overflow: auto;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	section.eco_list .products>.item {
		width: 33.333%;
		min-width: 220px;
		display: table-cell;
		padding: 5px;
	}
	section.eco_list .products a.view_more {
		background-color: #0000fe;
		color: #fcf201;
		text-decoration: none;
		box-sizing: border-box;
		padding: 15px 30px;
		width: 80%;
		display: block;
		clear: both;
		margin: auto;
		text-align: center;
		font-weight: bold;
		font-style: italic;
		font-size: 18px;
	}
	section.eco_list .bnr {
		width: 80%;
		margin: 0 auto;
		height: 200px;
		min-height: 100%;
		background-color: #0000ff;
		position: relative;
		overflow: hidden;
	}
	section.eco_list .bnr h1 {
		line-height: 26px;
		text-align: center;
		font-style: italic;
		position: absolute;
		right: 6vw;
		width: 200px;
		;
		top: 60px;
		z-index: 5;
	}
	section.eco_list .bnr h1 span {}
	section.eco_list .bnr h1 span:nth-of-type(1) {
		color: white;
		font-size: 80px;
		animation: blinkingText 1s infinite;
	}
	section.eco_list .bnr h1 span:nth-of-type(2) {
		color: #ffae00;
		font-size: 29px;
		clear: both;
		display: block;
	}
	section.eco_list .bnr h1 span:nth-of-type(3) {
		color: #ffae00;
		font-size: 33px;
	}
	section.eco_list .bnr img {
		position: absolute;
		left: 15vw;
		top: -80px;
		transform: translate(-50%, 0%);
		height: 180%;
		z-index: 2;
	}
	section.eco_list .bnr .fcy_div {
		height: 10px;
		width: 140vw;
		position: absolute;
		z-index: 1;
		left: 0px;
		border: solid #00b4ff;
		border-width: 30px 0 0 0;
		background-color: #ffae00;
	}
}
@media screen and (min-width: 801px) {
	section.eco_list {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		overflow: auto;
		font-family: 'Roboto Condensed', sans-serif;
		padding: 0 10px;
		box-sizing: border-box;
	}
	section.eco_list>.wrap {
		margin: 20px auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		position: relative;
	}
	section.eco_list .intro {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		background-color: #34347b;
		overflow: auto;
		box-sizing: border-box;
		padding: 30px;
		position: relative;
	}
	section.eco_list .intro h1 {
		font-size: 40px;
		width: 50%;
		color: #fcf201;
		margin: 0;
		box-sizing: border-box;
		padding-top: 0px;
	}
	section.eco_list .intro .image {
		background-image: url(images/eco_list_intro_image.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 20px;
		height: 100px;
		width: 45%;
		float: left;
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		height: 80%;
		margin: auto;
	}
	section.eco_list .intro h2 {
		font-size: 20px;
		font-weight: lighter;
		margin: 0;
		width: 50%;
		padding: 0px 0px;
		box-sizing: border-box;
		color: #ffffff;
	}
	section.eco_list .products {
		width: 75%;
		float: left;
		padding: 0px;
		box-sizing: border-box;
		overflow: auto;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	section.eco_list .products>.item {
		min-width: 240px;
	}
	section.eco_list .products>.item>.innr{
		height: 100%;
	}
	section.eco_list .products a.view_more {
		background-color: #0000fe;
		color: #fcf201;
		text-decoration: none;
		box-sizing: border-box;
		padding: 15px 30px;
		width: 98%;
		margin: auto;
		text-align: center;
		font-weight: bold;
		font-style: italic;
		font-size: 18px;
	}
	section.eco_list .bnr {
		float: left;
		width: 25%;
		height: 100%;
		max-height: 700px;
		min-height: 650px;
		background-color: #0000ff;
		position: absolute;
		right: 0;
		top: 12px;
		overflow: hidden;
	}
	section.eco_list .bnr h1 {
		line-height: 26px;
		text-align: center;
		margin-top: 110px;
		font-style: italic;
	}
	section.eco_list .bnr h1 span {}
	section.eco_list .bnr h1 span:nth-of-type(1) {
		color: white;
		font-size: 99px;
		animation: blinkingText 1s infinite;
	}
	section.eco_list .bnr h1 span:nth-of-type(2) {
		color: #ffae00;
		font-size: 30px;
	}
	section.eco_list .bnr h1 span:nth-of-type(3) {
		color: #ffae00;
		font-size: 30px;
	}
	section.eco_list .bnr img {
		position: absolute;
		left: 50%;
		bottom: -200px;
		transform: translate(-50%, 0%);
		width: 120%;
		z-index: 2;
	}
	section.eco_list .bnr .fcy_div {
		height: 184px;
		width: 1000px;
		position: absolute;
		z-index: 1;
		bottom: 170px;
		left: -100%;
		border: solid #00b4ff;
		border-width: 30px 0 0 0;
		background-color: #ffae00;
		-webkit-transform: rotateZ(20deg);
		transform: rotateZ(20deg);
	}
}
@keyframes blinkingText {
	0% {
		color: #ffffff;
	}
	50% {
		color: transparent;
	}
	100% {
		color: #ffffff;
	}
}
/*feat*/
@media screen and (max-width: 500px) {
	section.feat {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		overflow: auto;
		border-top: 5px solid #0000fe;
		font-family: 'Nunito', sans-serif;
	}
	section.feat .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		background-image: url(images/feat_bg.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 0;
	}
	section.feat h1 {
		color: #fcf201;
		font-size: 40px;
		line-height: 40px;
		font-style: italic;
		text-align: center;
		font-family: 'Roboto Condensed', sans-serif;
		margin: 30px 0 10px 0;
	}
	section.feat h2 {
		margin: 0;
		text-align: center;
		width: 100%;
		position: relative;
		overflow: auto;
		padding: 5px 0px;
		box-sizing: border-box;
	}
	section.feat h2 span:nth-of-type(1) {
		display: block;
		background-color: #0000fe;
		border-radius: 100px;
		padding: 5px 0px;
		width: 80%;
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
		font-size: 16px;
		font-weight: bold;
		z-index: 1;
		color: white;
	}
	section.feat h2 span:nth-of-type(2) {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 2px;
		width: 100%;
		background-color: #0000fe;
		display: block;
		z-index: 0;
	}
	section.feat h3 {
		font-size: 16px;
		color: white;
		width: 70%;
		margin: 20px auto;
		text-align: center;
	}
	section.feat .deals {
		width: 100%;
		max-width: 1200px;
		margin: 40px auto 0px auto;
		overflow: auto;
		font-family: 'Roboto Condensed', sans-serif;
		position: relative;
	}
	section.feat .deals .intro {
		width: 95%;
		height: 100%;
		background-color: white;
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		border: solid 2px #0000ff;
		margin: 0 auto;
	}
	section.feat .deals .intro .text {
		text-align: center;
		overflow: auto;
		width: 100%;
		padding: 0px 0;
		box-sizing: border-box;
	}
	section.feat .deals .intro .text b {
		font-size: 40px;
		line-height: 50px;
		margin: 10px 0;
		display: block;
	}
	section.feat .deals .intro .text p {
		font-size: 20px;
		margin: 5px;
	}
	section.feat .deals .intro img {
		width: 100%;
	}
	section.feat .deals .items {
		width: 100%;
		box-sizing: border-box;
		padding: 20px 0;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.feat {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		overflow: auto;
		border-top: 5px solid #0000fe;
		font-family: 'Nunito', sans-serif;
	}
	section.feat .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		background-image: url(images/feat_bg.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 0;
	}
	section.feat h1 {
		color: #fcf201;
		font-size: 40px;
		line-height: 40px;
		font-style: italic;
		text-align: center;
		font-family: 'Roboto Condensed', sans-serif;
		margin: 30px 0 10px 0;
	}
	section.feat h2 {
		margin: 0;
		text-align: center;
		width: 100%;
		position: relative;
		overflow: auto;
		padding: 5px 0px;
		box-sizing: border-box;
	}
	section.feat h2 span:nth-of-type(1) {
		display: block;
		background-color: #0000fe;
		border-radius: 100px;
		padding: 5px 0px;
		width: 80%;
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
		font-size: 16px;
		font-weight: bold;
		z-index: 1;
		color: white;
	}
	section.feat h2 span:nth-of-type(2) {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 2px;
		width: 100%;
		background-color: #0000fe;
		display: block;
		z-index: 0;
	}
	section.feat h3 {
		font-size: 16px;
		color: white;
		width: 70%;
		margin: 20px auto;
		text-align: center;
	}
	section.feat .deals {
		width: 100%;
		max-width: 1200px;
		margin: 40px auto 0px auto;
		overflow: auto;
		font-family: 'Roboto Condensed', sans-serif;
		position: relative;
	}
	section.feat .deals .intro {
		width: 95%;
		height: 100%;
		background-color: white;
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		border: solid 2px #0000ff;
		margin: 0 auto;
	}
	section.feat .deals .intro .text {
		text-align: center;
		overflow: auto;
		width: 100%;
		padding: 0px 0;
		box-sizing: border-box;
	}
	section.feat .deals .intro .text b {
		font-size: 40px;
		line-height: 50px;
		margin: 10px 0;
		display: block;
	}
	section.feat .deals .intro .text p {
		font-size: 20px;
		margin: 5px;
	}
	section.feat .deals .intro img {
		width: 100%;
	}
	section.feat .deals .items {
		width: 90%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 20px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	section.feat .deals .items>.item {
		width: 33.333%;
		max-width: 230px;
		min-width: 200px;
		display: table-cell;
	}
	section.feat .deals .items>.item>.innr {
		height: 100%;
	}
}
@media screen and (min-width: 801px) {
	section.feat {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		overflow: auto;
		border-top: 5px solid #0000fe;
		font-family: 'Nunito', sans-serif;
	}
	section.feat .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		background-image: url(images/feat_bg.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 0;
	}
	section.feat h1 {
		margin: 50px 0;
		color: #fcf201;
		font-size: 60px;
		font-style: italic;
		text-align: center;
		font-family: 'Roboto Condensed', sans-serif;
	}
	section.feat h2 {
		margin: 0;
		text-align: center;
		width: 100%;
		position: relative;
		overflow: auto;
		padding: 5px 0px;
		box-sizing: border-box;
	}
	section.feat h2 span:nth-of-type(1) {
		display: block;
		background-color: #0000fe;
		border-radius: 100px;
		padding: 5px 0px;
		width: 400px;
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
		font-size: 16px;
		font-weight: bold;
		z-index: 1;
		color: white;
	}
	section.feat h2 span:nth-of-type(2) {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 2px;
		width: 100%;
		background-color: #0000fe;
		display: block;
		z-index: 0;
	}
	section.feat h3 {
		font-size: 16px;
		color: white;
		width: 70%;
		margin: 20px auto;
		text-align: center;
	}
	section.feat .deals {
		width: 100%;
		max-width: 1200px;
		margin: 40px auto 40px auto;
		overflow: auto;
		font-family: 'Roboto Condensed', sans-serif;
		position: relative;
	}
	section.feat .deals .intro {
		width: 30%;
		height: 100%;
		max-height: 650px;
		background-color: white;
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		border: solid 2px #0000ff;
	}
	section.feat .deals .intro .text {
		text-align: center;
		overflow: auto;
		width: 100%;
	}
	section.feat .deals .intro .text b {
		font-size: 55px;
		line-height: 50px;
		margin: 10px 0;
		display: block;
	}
	section.feat .deals .intro .text p {
		font-size: 24px;
		padding: 20px 15px 0 15px;
	}
	section.feat .deals .intro img {
		width: 100%;
	}
	section.feat .deals .items {
		float: right;
		width: 70%;
		box-sizing: border-box;
		padding: 0 0 0 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	section.feat .deals .items>.item {
		width: 25%;
		min-width: 200px;
	}
}
/*mrkta*/
@media screen and (max-width: 500px) {
	section.mrkta {
		width: 100%;
		overflow: auto;
		padding: 0px 0;
		box-sizing: border-box;
		font-family: 'Nunito', sans-serif;
		margin-top: 0px;
	}
	section.mrkta .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
	}
	section.mrkta .lf {
		width: 100%;
		height: 300px;
		overflow: auto;
		background-image: url(images/mrkta_lf_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border: solid #004efe;
		box-sizing: border-box;
	}
	section.mrkta .rt {
		float: left;
		width: 100%;
		overflow: auto;
		color: #0000fe;
		box-sizing: border-box;
		padding: 20px;
	}
	section.mrkta .rt h1 {
		font-size: 50px;
		line-height: 50px;
		margin: 0;
		font-family: 'Roboto Condensed', sans-serif;
	}
	section.mrkta .rt h2 {
		font-size: 20px;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {}
@media screen and (min-width: 801px) {
	section.mrkta {
		width: 100%;
		overflow: auto;
		padding: 0px 0;
		box-sizing: border-box;
		font-family: 'Nunito', sans-serif;
		margin-top: 0px;
	}
	section.mrkta .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		height: 600px;
		padding: 20px;
		box-sizing: border-box;
	}
	section.mrkta .lf {
		float: left;
		width: 50%;
		height: 100%;
		overflow: auto;
		background-image: url(images/mrkta_lf_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		box-sizing: border-box;
	}
	section.mrkta .rt {
		float: left;
		width: 50%;
		height: 100%;
		overflow: auto;
		color: #0000fe;
		box-sizing: border-box;
		padding: 60px;
	}
	section.mrkta .rt h1 {
		font-size: 60px;
		line-height: 60px;
		margin: 0;
		font-family: 'Roboto Condensed', sans-serif;
	}
	section.mrkta .rt h2 {
		font-size: 22px;
	}
}
/*install*/
@media screen and (max-width: 500px) {
	section.install {
		overflow: auto;
		width: 100%;
		font-family: 'Nunito', sans-serif;
	}
	section.install .wrap {
		overflow: auto;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		padding: 10px;
		box-sizing: border-box;
	}
	section.install .item {
		float: left;
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
	section.install .item>.innr {
		width: 100%;
		overflow: auto;
		padding: 20px;
		box-sizing: border-box;
		position: relative;
	}
	section.install .lf>.innr {
		background-color: #00064b;
		color: white;
	}
	section.install .rt>.innr {
		background-color: #ffe200;
	}
	section.install .lf>.innr a {
		padding: 10px 20px;
		background-color: #fcf201;
		border-radius: 5px;
		text-decoration: none;
		font-weight: bold;
		color: black;
		font-size: 14px;
		margin: 10px 0;
		display: inline-block;
	}
	section.install .rt>.innr a {
		padding: 10px 20px;
		background-color: #0000ff;
		border-radius: 5px;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
		position: relative;
		font-size: 14px;
		margin: 10px 0;
		display: inline-block;
	}
	section.install .item h1 {
		font-size: 35px;
		width: 70%;
		margin-top: 0;
		line-height: 36px;
		font-family: 'Roboto Condensed', sans-serif;
	}
	section.install .item h2 {
		font-size: 18px;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {}
@media screen and (min-width: 801px) {
	section.install {
		overflow: auto;
		width: 100%;
		font-family: 'Nunito', sans-serif;
	}
	section.install .wrap {
		overflow: auto;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		padding: 10px;
		box-sizing: border-box;
	}
	section.install .item {
		float: left;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
	}
	section.install .item>.innr {
		width: 100%;
		height: 380px;
		padding: 20px;
		box-sizing: border-box;
		position: relative;
	}
	section.install .lf>.innr {
		background-color: #00064b;
		color: white;
	}
	section.install .rt>.innr {
		background-color: #ffe200;
	}
	section.install .lf>.innr a {
		padding: 10px 20px;
		background-color: #fcf201;
		border-radius: 5px;
		text-decoration: none;
		font-weight: bold;
		color: black;
		position: absolute;
		bottom: 20px;
		font-size: 14px;
	}
	section.install .rt>.innr a {
		padding: 10px 20px;
		background-color: #0000ff;
		border-radius: 5px;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
		position: absolute;
		bottom: 20px;
		font-size: 14px;
	}
	section.install .item h1 {
		font-size: 45px;
		width: 70%;
		height: 80px;
		margin-top: 0;
		line-height: 45px;
		font-family: 'Roboto Condensed', sans-serif;
	}
	section.install .item h2 {
		font-size: 20px;
	}
}