@media only screen and (max-width:1700px){
	.content-with-img img {
		width: 440px;
	}
}
@media only screen and (max-width:1460px){
	.content-with-img img {
		width: 320px;
	}
	.article-with-scroll {
		padding: 35px;
	}
	footer section > * {
		margin: 0 2%;
	}
	footer section > a img {
		margin: 0 10px 0 0;
	}
	footer section .soc a {
		margin: 0 10px;
	}
	footer aside .store a {
		margin: 0 0 0 10px;
	}
}
@media only screen and (max-width:1360px){
	footer aside {
		padding: 0 0 40px;
	}
	footer aside .b-links {
		bottom: 10px;
		text-align: left;
	}
}
@media only screen and (max-width:1300px){
	header {
		height: 110px;
	}
	footer {
		height: 110px;
        position: absolute;
        bottom: 0;
	}
	main {
		/* height: calc(100% - 220px); */
		margin: 0;
	}
	#main-slider ul li div {
		width: 80%;
	}
	#main-slider ul li div strong {
		font-size: 64px;
	}
	#main-slider ul li div p {
		font-size: 32px;
	}
	.b24-widget-button-position-bottom-left {
		bottom: 160px!important;
	}
}
@media only screen and (max-width:1180px){
	footer section {
		flex-wrap: wrap;
	}
	footer section > a {
		margin: 10px 2% 0;
	}
	footer section .soc {
		justify-content: center;
		width: 100%;
		margin: 0 0 10px;
	}
	footer aside a.dev {
		display: none;
	}
	footer aside {
		justify-content: center;
	}
	footer aside .b-links {
		text-align: center;
	}
}
@media only screen and (max-width:1040px){
	.content-with-img img {
		width: 200px;
	}
}
@media only screen and (max-width:820px){
	header .logo {
		width: 200px;
	}
	header nav a {
		font-size: 18px;
		margin: 0 0 0 30px;
	}
	footer aside .store {
		flex-wrap: wrap;
		justify-content: right;
	}
	footer aside .store a {
		margin: 5px 0 5px 20px;
	}
}
@media only screen and (max-width:760px){
	body.o {
		overflow: hidden;
	}
	header {
		height: 63px;
		padding: 0 30px 0 0;
		margin: 0;
		position: relative;
		z-index: 330;
		transition: all .5s;
	}
	header.o {
		background: #fff;
	}
	header .logo {
		width: 150px;
	}
	header .logo img {
		height: 23px;
	}
	#menu-button {
		display: block;
		width: 31px;
		height: 31px;
		position: absolute;
		top: 16px;
		right: 20px;
	}
	#menu-button:before, #menu-button:after {
		content: '';
		width: 31px;
		height: 3px;
		background: #fff;
		position: absolute;
		top: 14px;
		left: 0;
		transition: all .5s;
	}
	#menu-button:before {
		transform: translateY(-5px);
	}
	#menu-button:after {
		transform: translateY(3px);
		left: 15px;
		width: 16px;
	}
	#menu-button.o:before, #menu-button.o:after {
		left: 14px;
		top: 0;
		width: 3px;
		height: 31px;
		background: #000;
	}
	#menu-button.o:before {
		transform: rotate(45deg);
	}
	#menu-button.o:after {
		transform: rotate(-45deg);
	}
	header nav {
		display: block;
		position: fixed;
		top: 63px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		text-align: center;
		z-index: 300;
		overflow: auto;
		transition: all .5s;
		opacity: 0;
		transform: translateX(-100%);
	}
	header nav.o {
		opacity: 1;
		transform: none;
	}
	header nav a {
		display: block;
		justify-content: center;
		border: 0;
		border-top: 1px solid #f6f6f6!important;
		color: #302f42!important;
		font-size: 23px;
		line-height: 87px;
		margin: 0;
	}
	header nav a.a {
		background: #f2f2f2;
	}
	header nav section {
		display: block!important;
		width: auto;
		padding: 20px 0 0;
		border-top: 1px solid #f6f6f6;
	}
	header nav section a {
		border: 0!important;
		line-height: 57px;
	}
	header nav section .soc {
		justify-content: center;
		margin: 20px 0;
	}
	#menu-button.o {
		opacity: 1;
		transform: none;
	}
	main {
		height: auto;
		margin: 0;
	}
	#main-slider {
		/*height: 300px;*/
		height: calc(100vh - 63px - 82px);
	}
	
	#main-slider ul li div {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		padding: 30px 200px 30px 30px;
		background: #fff8;
		background: linear-gradient(to right, #fff8 0, #fff8 50%, #fff0 100%);
		text-align: left;
		transform: none;
	}
	
	#main-slider ul li div strong {
		font-size: 60px;
	}
	#main-slider ul li div p {
		font-size: 21px;
	}
	#main-slider section {
		right: 30px;
		bottom: 30px;
	}
	#main-slider section span {
		font-size: 18px;
	}
	#main-slider section span i {
		font-size: 24px;
		font-weight: 700;
	}
	#main-slider section a {
		width: 25px;
	}
	.content-with-img {
		display: block;
		height: auto;
	}
	.content-with-img img {
		display: block;
		width: 100%;
		height: 320px;
	}
	.article-with-scroll {
		padding: 30px;
	}
	.article-with-scroll > section {
		padding: 0;
	}
	footer {
		display: block;
		height: auto;
		/*border-top: 1px solid #f2f2f2;*/
	}
	footer section {
		width: auto;
		display: none;
	}
	footer section > a {
		margin: 20px 2% 10px;
	}
	footer section .soc {
		margin: 10px 0 20px;
	}
	footer aside {
		justify-content: center;
		width: auto;
	}
	footer aside .store a {
		margin: 20px 10px;
	}
}
@media only screen and (max-width:500px){
	header {
		padding: 0 20px 0 0;
	}
	header .logo {
		width: auto;
		padding: 0 20px;
	}
	header nav {
		flex-direction: column;
		align-items: flex-end;
		justify-content: space-around;
	}
	header nav a {
		margin: 0;
	}
	#main-slider ul li div {
		padding: 20px;
	}
	#main-slider section {
		bottom: 10px;
		right: 20px;
	}
	.content-with-img img {
		height: 200px;
	}
	.article-with-scroll {
		padding: 20px;
	}
}
@media only screen and (max-width:400px){
}