@media screen and (min-width: 1800px) {
	.center-content .side-b {
		position: absolute; top: 0; right: 0; margin: 0;
	}
	.center-content .with-lines {
		display: none;
	}
}
@media screen and (max-width: 1800px) {
	.center-content .side-b {
		display: none;
	}
}
@media screen and (max-width: 1200px) {
	.apps-row a img {
		width: 100%;
	}
}
@media screen and (max-height: 500px) {
	.step-1 .top-b {
		order: 2;
	}
	.step-1 .apps-row {
		order: 3;
	}
}
@media screen and (max-width: 1720px) {
	.puzzles,
	.dark-puzzles {
		margin-right: -190px;
	}
	.puzzles img,
	.dark-puzzles img {
		transform: scale(.7);
	}
}
@media  (max-width: 1150px) {
	.apps-row__line {
		width: 85%;
	}
}

@media  (max-width: 1020px) {
	.apps-row__line {
		width: 100%;
	}
}
@media screen and (max-width: 1500px) {
	.main-content {
		width: calc(100% - var(--sidebar-width));
	}
	.puzzles,
	.dark-puzzles {
		margin-right: -230px;
	}
	.puzzles img,
	.dark-puzzles img {
		transform: scale(.5);
	}
}
@media screen and (max-width: 1300px) {
	.puzzles,
	.dark-puzzles {
		display: none!important;
	}
}
@media screen and (max-width: 1100px) {
	.main-sidebar,
	.main-content {
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {

.b-block {
	display: none;
}
.step-1 .top-b {
	display: block; margin-top: 0;
}
.center-content {
	padding-top: 15px; justify-content: center;
}
.main-content {
	width: 100%;
	padding-right: 0;
}
.main-sidebar {
	padding-top: 45px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;
}
.md-col-12 {
	width: 100%;
}
.md-col-6 {
	width: calc(50% - 30px);
}
.comments-block {
	padding-bottom: 15px;
}


.apps-row .head {
	padding-left: 10px;
}

body {
	font-size: 18px;
}
H1, H2 {
	font-size: 36px;
}
H3 {
	font-size: 24px;
}
.item-about .head {
	font-size: 18px;
}
.link-more {
	font-size: 14px;
}
.item-about p {
	font-size: 14px;
}
.article .text {
	width: 57%;
}
.article .image {
	width: 43%;
}
}

@media (orientation: landscape) {
	
.mobile-game:before {
	content: ''; display: block; background: url(../img/rotate-icon.png) no-repeat; z-index: 2; width: 80px; height: 80px;
	background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px;
}
.mobile-game:after {
	content: ''; display: block; background: #000; opacity: .65; position: absolute;
	left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1;
}

}

@media screen and (max-width: 840px) {
	.main-body .title-line {
		justify-content: start;
	}
	.main-body H1 {
		width: 100%;
		font-size: calc((1vw + 1vh)*2.5);
	}
	.useful-links {
		margin-left: initial;
	}
	
	.site-footer__links {
		justify-content: center;
	}
}

@media screen and (max-width: 950px) {

	   
.step-1 .top-b {
	order: 2;
}
.step-1 .b-block + .apps-row {
	padding-top: 5px;
}
.step-1 .apps-row {
	order: 3; padding-top: 25px;
}
.Android .android-d-block {
	display: block !important;
}
.iOS .ios-d-block {
	display: block !important;
}
.apps-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.step-1 {
	display: flex; flex-direction: column;
}
.mobile-game {
	position: relative; display: flex; height: 85vw; width: 90%;
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left top;	
	z-index:1;
margin-top: 121px;		
	border-radius:25px;
}
.mobile-game iframe {
	padding: 6px!important;
	border-radius: 60px!important;
}
.center-content {
	display: none;
}
.step-1 .wrapper {
	padding: 10px 0 20px;
}
.step-1 .top-b {
	margin-top: 0;
}
.step-1 {
	height: auto;
	padding: 62px 0 0;
}
.header {
	padding-top: 0;
}
.header-lg {
	display: none;
}
.header-sm {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid transparent;
	padding: 20px 25px 20px 10px;
	height: 78px;
	margin-top: -180px;

}
.menu-opened .header-sm {
	
}
.blog {
	padding: 12px;
}
.blog .category {
	font-size: 16px;
}
.blog .date {
	font-size: 14px;
}
.sm-col-12 {
	width: 100%;
}
.item-comment {
	margin-top: 30px;
	padding-top: 25px;
	font-size: 14px;
}
.item-comment.answer {
	padding-left: 0;
}
.useful-links li {
	margin-left: 20px;
}
.article {
	margin-top: 40px; display: block;
}
.article .image {
	display: none;
}
.article .text {
	width: 100%;
}
.item-about {
	max-width: 100%;
	width: 100%;
}
.step-3 H2 {
	text-align: left;
}
}

@media screen and (max-width: 768px) {
	.title-line h1 {
		margin-bottom: 0;
	}
	.title-line img {
		width: 100px;
		height: auto;
	}
	.side-line img {
		width: 140px;
    	height: auto;
	}
	.mobile-game iframe {
		border-radius: 50px!important;
	}
}

@media screen and (max-width: 650px) {
	.mobile-game iframe {
		border-radius: 45px!important;
	}
}

@media screen and (max-width: 600px) {
	.mobile-game iframe {
		border-radius: 40px!important;
	}
	.logo img {
		width: 300px;
	}
}

@media screen and (max-width: 550px) {
	.mobile-game iframe {
		padding: 6px!important;
	}
}

@media screen and (max-width: 490px) {
.site-footer .apps-row {
	padding-bottom: 40px
}
.apps-row svg {
	width: 127px;
	height: 36px;
}
.apps-row {
	column-gap: 10px!important;
}
.apps-row .head,
.apps-row a,
.apps-row .subhead {
	margin-top: 12px; margin-right: 0;
}
.seo-block {
	padding: 25px 0 20px;
}
body {
	font-size: 14px;
}
p {
	margin-top: 20px;
}
H1, H2 {
	font-size: 22px;
}
H3 {
	font-size: 18px;
}
.item-comment p,
.blog ul,
.blog ol,
.blog p {
	font-size: 14px;
	margin-top: 10px;
}
.blog h3 {
	font-size: 24px;
}	
.blog H4 {
	font-size: 16px;
}
.site-footer {
	padding: 30px 0 40px;
}
.blog .bt {
	max-width: 105px;
    height: 40px;
    font-size: 20px;
}
.main-sidebar .side-image {
	margin-top: 25px;
	width: 60px;
	margin-right: -15px;
}
.site-footer .logo {
	margin-right: 10px;
}
.site-footer .logo img {
	width: 26px;
}
.site-footer .copy {
	font-size: 14px;
	width: 100%;
    text-align: center;
}
.useful-links {
	width: 100%;
	text-align: center;
}
.useful-links ul {
	align-items: baseline;
   	justify-content: center;
   	column-gap: 10px;
}
.useful-links li {
	margin-left: 0; font-size: 14px; text-align: right; margin-top: 8px;
}
.useful-links li:first-child {
	margin-top: 0;
}
.apps-row .subhead {
	font-size: 14px;
}
.header-sm {
	margin-left: 20px;
	margin-right: 20px;
}
.header-sm__dropdown .col-6 {
	width: 100%;
}
.header-sm__dropdown .apps {
	padding-bottom: 25px;
	margin: 36px 0 25px;
}
.mobile-game {
	width: 95%;
	height: 88vw;
}
.mobile-game iframe {
	padding: 3px!important;
	border-radius: 30px!important;
}
.title-line__head {
	font-size: 24px!important;
	width: auto!important;
	margin-left: auto;
	margin-right: auto;
}
.main-body .title-line img {
	width: 70px;
}
.page_3 .blog {
	background: none;
	border: none;
	box-shadow: none;
}
}
@media screen and (max-width: 450px) {
	.logo img {
		width: 250px;
	}
}
@media screen and (max-width: 420px) {
	.step-3__inner--container {
		height: 90px;
		column-gap: 15px!important;
	}
	.step-3__inner--container--image {
		min-width: 57px!important;
		height: 64px;
	}
	.apps-row a,
	.apps-row svg {
		width: 83px;
		height: 29px;
	}
}
@media screen and (max-width: 370px) {
	.header-sm .flex-row {
		height: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.header-sm__dropdown .top {
		padding-right: 40px;
	}
	.header-sm__dropdown .social a {
		margin-left: 10px;
	}
	.theme-switcher {
		width: 160px;
	}
	.header-sm__bar .apps a img {
		width: 120px;
	}
	.header-sm__bar .logo img {
		width: 242px;
	}
}
@media screen and (max-width: 350px) {
	.header-sm .logo img {
		width: 222px
	}
	.main-body .title-line img {
		width: 60px;
	}
}