@media screen and (min-width: 1279px) {
	#tabs .tab-left {
		display: block;
	}
}

@media screen and (max-width: 1279px) {
	header .middleblock h1 {
		font-size: 42px;
	}
	#question-block .middleblock::after {
		right: -40%;
	}
	.middleblock {
		padding: 0 20px;
	}
	
	#question-block ul li:nth-child(odd) {
		padding-left: 87px;
	}
	#question-block h2 {
		font-size: 30px;
		line-height: 40px;
	}
	#question-block ul li:nth-child(4) {
		max-width: 420px;
	}
	#question-block ul li:nth-child(4) .break-text {
		display: inline;
	}
	#online-trainer h2 {
		margin-left: 0;
	}
	#online-trainer .middleblock div {
		display: block;
		margin-left: 0;
		margin-right: 0;
		float: left;
		max-width: none;
		width: 100%;
	}
	#online-trainer .left.text-wrap + div.text-wrap {
		display: block;
	}
	#online-trainer .center.text-wrap {
		margin: auto;
		margin-bottom: 50px;
	}
	#how-to-start .middleblock::after {
		right: -315px;
	}
	#how-to-start ol li:nth-child(6) div.text-wrap {
		max-width: 650px;
	}
	#phones-block .phone-wrap {
		float: none;
		width: 610px;
		display: block;
		margin: 0 auto;
	}
	#how-train .table .row:nth-child(1) .col:nth-child(1) {
		display: none;
	}
	#how-train .table .row:nth-child(1) .col:nth-child(2) {
		float: left;
		width: 50%;
	}
	#how-train .table .row:nth-child(1) .col:nth-child(3) {
		float: right;
		width: 50%;
	}
	#how-train .table .col .nmb::after {
		display: none;
	}
	#how-train .table .col {
		width: 100%;
		text-align: center;
	}
	#how-train .nmb {
		left: 50%;
		margin-left: -40px;
	}
	#how-train .table div.row:nth-child(1) {
		margin-bottom: 25px;
	}
	#how-train .table div.row:nth-child(3) div.col:nth-child(1),
	#how-train .table div.row:nth-child(3) div.col:nth-child(3) {
		display: none;
	}
	#how-train::after {
		bottom: -48px;
	}
	#help .our-help a.btn {
		float: none;
		margin: 0 auto;
	}
	#help .our-help div.text-wrap {
		display: block;
		float: none;
		margin-bottom: 40px;
	}
	#help {
		padding-top: 20px;
	}
	#online-trainer .left.text-wrap + div.text-wrap {
		float: right;
	}
	#online-trainer .third-block + div.text-wrap {
		float: right;
	}
	#phones-block .phone-wrap:nth-child(1) {
		margin-bottom: 100px;
	}
	#how-train .table div.row:nth-child(2) {
		flex-direction: row;
    	align-items: center;
	}
	#how-train .table .col {
		display: block;
		margin: 0 auto;
	}
	#how-train .middleblock {
		margin-top: -205px;
	}
	#footer .ya-cassa {
		display: block;
	}
	#footer .confidential.left {
		margin-bottom: 35px;
	}
	#footer .soc {
		float: right;
	    display: flex;
	    flex-direction: column-reverse;
	}
	#footer .soc .appstore,
	#footer .soc .google-play
	 {
		display: block;
	}
	#footer .soc .google-play {
		margin-bottom: 20px;
	}
	#how-train .table .col {
		margin-bottom: 40px;
	}
	#tabs .tab-left {
		width: 80%;
		display: block;
	}
	#tabs .tab-right {
		width: 80%;
		display: none;
	}
	.tab-inner {
		margin: 0 auto;
	}
	.tab-breadcrumbs {
		text-align: left;
		padding-top: 20px;
	}
	#tabs .middleblock {
		width: 900px;
		margin: 0 auto;
	}
	#tabs {
		padding-top: 50px;
	}
	#tabs::before {
		height: 270px;
	}
	#online-trainer .left.text-wrap {
		max-width: none;
		display: block;
	}
	#question-block ul li:nth-of-type(1) span.q-b-image,
	#question-block ul li:nth-of-type(3) span.q-b-image {
		left: 0;
	}
	#question-block ul li:nth-of-type(5) span.q-b-image {
		left: 12px;
	}
	.edu-certs-info,
	.achievements-tab,
	.pupils-and-champs-tab,
	.before-after-tab {
		display: none;
	}
	#photo-tab-open {
		display: inline-block;
	}
	.train-block-tab-slider {
		margin: 0 auto;
	}
/*	.photo-tab-slider {
		display: block;
	}*/
	.tab-breadcrumbs button::after {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	#question-block .middleblock::after {
		display: none;
	}
	#question-block ul .break-text {
		display: inline;
	}
	#question-block ul li:nth-child(4) {
		max-width: 100%;
	}
	#online-trainer .center.text-wrap::after {
		display: none;
	}
	#online-trainer .left.text-wrap {
		margin-right: 0;
	}
	#how-to-start .middleblock {
		padding-left: 30px;
	}
	#how-to-start .middleblock::after {
		display: none;
	}
	#how-to-start .break-text {
		display: inline;
	}
	#how-to-start ol li:nth-child(6) div.text-wrap,
	#how-to-start ol li div.text-wrap {
		width: 75%;
	}
	#how-train::after {
		bottom: -30px;
	}
	#achieve::before {
		top: 10px;
	}
	#achieve .achieve-top,
	#achieve .achieve-bottom {
		display: block;
	}
	#achieve .achieve-top .achieve-block,
	#achieve .achieve-bottom .achieve-block {
		display: inline-block;
		width: 32%;
	}
	#achieve .achieve-top,
	#achieve .achieve-bottom .achieve-block {
		margin-bottom: 20px;
	}
	#trainer-achieve .trainer-achieve-block div.text-wrap {
		padding-left: 15px;
		bottom: 7%;
		font-size: 16px;
		line-height: 22px;
	}
	#how-train .table .row:nth-child(1) .col:nth-child(2),
	#how-train .table .row:nth-child(1) .col:nth-child(3) {
		float: none;
		width: 100%;
	}
	#how-train .table div.row:nth-child(2) {
		flex-direction: column;
    	align-items: center;
	}
}

@media screen and (max-width: 920px) {
	#how-train .table .col {
		margin: 0 auto;
	}
	#how-train .middleblock {
		margin-top: -208px;
	}
	#how-train .middleblock .break-text {
		display: inline;
	}
	#how-train .table .col {
		margin-bottom: 40px;
	}
	header .middleblock h1 {
		font-size: 34px;
		width: 75%;
	}
	#online-trainer .center.text-wrap {
		float: right;
	}
	#how-train .nmb {
		margin-bottom: 20px;
	}
	#tabs .middleblock {
		width: 100%;
	}
	.tab-breadcrumbs button {
		font-size: 16px;
		line-height: 20px;
	}
	#autorisation::before, #payment-success::before, #payment-block::before, #payment-error::before, #messenger::before {
		top: -110px;
	}
}

@media screen and (max-width: 860px) {
	#achieve h2::before,
	#achieve h2::after,
	#where-workout h2::before,
	#trainer h2::after,
	#trainer-achieve h2::before {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#question-block h2 {
		font-size: 30px;
		line-height: 40px;
	}
	#question-block h2 .break-text {
		display: inline;
	}
	#how-to-start li:after {
		display: none;
	}
	#how-to-start ol li:nth-child(even),
	#how-to-start ol li:nth-child(odd) {
		padding-left: 0;
	}
	#how-to-start ol li:nth-child(6) div.text-wrap,
	#how-to-start ol li div.text-wrap {
		width: 73%;
	}
	#trainer h2,
	#trainer-achieve h2 {
		width: 100%;
	}
	.top-logo {
		margin-right: 20px;
	}
	header .middleblock h1 {
		font-size: 28px;
		width: 72%;
		line-height: 1em;
	}
	#phones-block .phone-descr-text {
		position: static;
	}
	#phones-block .phone-wrap {
		width: 275px;
	}
	.phone-descr-block.technic, .phone-descr-block.supplements {
		margin-top: 0;
	}
	#phones-block .phone-wrap:nth-child(1) {
		margin-bottom: 0;
	}
	#phones-block .phone-descr-block.complex::before,
	#phones-block .phone-descr-block.technic::before,
	#phones-block .phone-descr-block.food::before,
	#phones-block .phone-descr-block.supplements::before,
	#phones-block .phone-descr-block.complex::after,
	#phones-block .phone-descr-block.technic::after,
	#phones-block .phone-descr-block.food::after,
	#phones-block .phone-descr-block.supplements::after {
		display: none;
	}
	#phones-block .phone-descr-text {
		padding-bottom: 20px;
		margin-bottom: 30px;
		border-bottom: 1px solid #707070;
	}
	#phones-block .phone-descr-block {
		margin-bottom: 55px;
	}
	#phones-block .phone-wrap:nth-child(2) .phone-descr-block:last-of-type {
		margin-bottom: 0;
	}
	#footer .middleblock {
		display: flex;
	    flex-direction: column-reverse;
	    align-items: center;
	}
	#footer .footer-lft-wrap {
		text-align: center;
	}
	#footer .soc .app-store {
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#footer .confidential.left {
		margin: 0 auto;
	}
	#footer .footer-lft-wrap {
		display: flex;
		flex-direction: column-reverse;
	}
	#footer .ya-cassa {
		margin-right: 0;
		margin-bottom: 20px;
	}
	#online-trainer h2 {
		padding-left: 40px;
	}
	#online-trainer .center.text-wrap {
		float: none;
	}
	#online-trainer .center.text-wrap::before {
		display: none;
	}
	.phone-descr-block {
		margin-right: 0;
	}
	.top-image::before {
		display: none;
	}
	#how-train .top-image {
		background-position: 55%;
		min-height: 400px;
	}
	#how-train h2 {
		padding-top: 100px;
		text-align: right;
		margin-right: 20px;
	}
	#help .our-help a.btn {
		position: absolute;
		right: 1%;
	}
	.pupils-and-champs-tab .pupil-block {
		width: 100%;
		display: block;
	}
	.pupils-and-champs-tab .pupil-block:not(last-of-type) {
		margin-bottom: 40px;
	}
	.reviews-image-block {
		display: block;
		margin: 0 auto;
	}
	.reviews-text-block {
		width: 100%;
	}
	.reviews-image {
		float: none;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.reviews-image-block {
		width: 100%;
	}
	.phone-link input[type="tel"] {
		width: 100%;
		max-width: none;
	}
	.phone-link button[type="submit"] {
		margin: 0 auto;
		display: block;
		margin-bottom: 20px;
	}
	#payment-success .middleblock {
		width: 100%;
	}
	form.phone-link + .text-wrap .break-text {
		display: inline;
	}
	#payment-block input {
		max-width: none;
	}
	#autorisation::before, #payment-success::before, #payment-block::before, #payment-error::before, #messenger::before {
		top: -70px;
	}
	#online-trainer .left.text-wrap + div.text-wrap {
		float: left;
	}
	#online-trainer .third-block + div.text-wrap {
		float: left;
	}
	#online-trainer .left.text-wrap {
		max-width: none;
	}
	#online-trainer .left.text-wrap {
		width: 90%;
	}
	.tab-breadcrumbs button {
		font-size: 15px;
	}
	.tab-breadcrumbs button::after {
		display: none;
	}
	#achieve .achieve-block div.text-wrap {
		font-size: 16px;
		padding-left: 10px;
		bottom: 15%;
	}
	.tab-breadcrumbs {
		float: none;
		display: block;
		width: 100%;
	}
	#tabs .tab-left {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	#tabs .tab-right {
		width: 100%;
	}
	.top-logo {
		width: 70px;
		height: 105px;
	}
}

@media screen and (max-width: 600px) {
	#trainer-achieve .trainer-achieve-block div.text-wrap {
		font-size: 14px;
	}
	header .middleblock h1 {
		font-size: 20px;
		width: 64%;
		line-height: 26px;
	}
	.before-after-block::before {
		left: 50%;
		margin-left: -100px;
		border-radius: 0;
		width: 200px;
		height: 40px;
		line-height: 40px;
		padding-top: 0;
	}
}

@media screen and (max-width: 540px) {
	#where-workout .where-workout-block, 
	#trainer .trainer-block,
	#achieve .achieve-top .achieve-block,
	#achieve .achieve-bottom .achieve-block,
	#trainer-achieve .trainer-achieve-block {
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}

	#how-to-start ol li:nth-child(6) div.text-wrap,
	#how-to-start ol li div.text-wrap
	 {
		width: 63%;
	}

	#how-to-start li:before {
		width: 55px;
		height: 55px;
		line-height: 55px;
	}
	header .middleblock h1 {
		width: 52%;
		padding-top: 5px;
	}
	#trainer-achieve .trainer-achieve-block div.text-wrap {
		font-size: 16px;
	}
	#how-train::after {
		bottom: -10px;
		height: 40px;
	}
	#help::before {
		top: -40px;
	}
	#online-trainer h2 {
		font-size: 20px;
		line-height: 30px;
	}
	#online-trainer div.text-wrap {
		font-size: 16px;
		line-height: 24px;
	}
	#question-block h2 {
		font-size: 18px;
		line-height: 28px;
		margin-top: 28px;
	}
	#question-block ul li {
		font-size: 15px;
		line-height: 22px;
	}
	#question-block .more-anchor {
		font-size: 20px;
		line-height: 48px;
	}
	#question-block {
		padding-bottom: 50px;
	}
	#online-trainer h2 {
		padding-left: 0;
	}
	#online-trainer::after {
		bottom: -25px;
	}
	#online-trainer h2 span.red-text::after {
		display: none;
	}
	#how-to-start h2 {
		font-size: 22px;
		line-height: 48px;
		text-align: right;
		width: 215px;
	}
	#how-to-start h2::after {
		display: none;
	}
	#how-to-start li {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.01em;
	}
	#how-to-start::after {
		bottom: -70px;
	}
	#phones-block .phone-title {
		font-size: 20px;
		line-height: 24px;
	}
	#phones-block .phone-text {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.01em;
	}
	.top-image::before {
		display: none;
	}
	#phones-block {
		padding-bottom: 50px;
	}
	.top-image::after {
		bottom: 0;
	}
	#how-train h2 {
		padding-top: 70px;
		font-size: 22px;
		line-height: 32px;
		float: right;
		width: 150px;
		text-align: left;
	}
	#how-train .top-image {
		background-position: 38%;
		min-height: 430px;
	}
	#how-train .table div.row:nth-child(1) div.col:nth-child(2) .nmb::before, #how-train .table div.row:nth-child(3) div.col:nth-child(2) .nmb::before {
		width: 69px;
		height: 69px;
		top: -10px;
		left: -11px;
	}
	#how-train .nmb {
		width: 55px;
		height: 55px;
		line-height: 55px;
		margin: 0 auto;
		margin-bottom: 25px;
		left: 0;
		font-size: 35px;
	}
	#how-train .middleblock {
		margin-top: -178px;
	}
	#how-train .table .col {
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0.01em;
	}
	#how-train .table .col {
		margin-bottom: 50px;
		width: 100%;
		text-align: center;
	}
	#how-train {
		padding-bottom: 20px;
	}
	#help .our-help div.text-wrap {
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 0.01em;
		text-align: left;
	}
	#help .our-help a.btn {
		max-width: 258px;
		font-size: 18px;
		height: 50px;
		line-height: 50px;
		position: absolute;
		bottom: -30px;
		left: 50%;
		margin-left: -129px;
	}
	#achieve h2 {
		font-size: 22px;
		line-height: 30px;
		margin-top: 50px;
		margin-bottom: 45px;
	}
	#achieve h2 .strong::after {
		display: none;
	}
	#achieve h2 .strong {
		display: block;
	}
	#achieve .achieve-block div.text-wrap {
		font-size: 18px;
		line-height: 22px;
		bottom: 20%;
	}
	#achieve .achieve-block::before {
		bottom: -40px;
	}
	#achieve {
		padding-bottom: 80px;
	}
	#where-workout {
		padding-bottom: 0;
	}
	#where-workout h2 {
		font-size: 22px;
		line-height: 48px;
	}
	#where-workout h2 {
		margin-bottom: 35px;
	}
	#trainer h2 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 35px;
	}
	#trainer {
		padding-bottom: 80px;
	}
	#trainer-achieve h2 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 35px;
	}
	#trainer-achieve::before {
		top: -10px;
	}
	#trainer-achieve {
		padding-bottom: 50px;
	}
	#recom-train h2 {
		font-size: 22px;
		line-height: 30px;
	}
	#recom-train .recom-train-block {
		font-size: 18px;
		line-height: 26px;
	}
	#recom-train .recom-train-block {
		min-height: 350px;
	}
	#footer .confidential.left {
		text-align: center;
	}
	#tabs::before {
		height: 330px;
	}
	.tab-inner .table .row .col:nth-child(2) {
		width: 100%;
	}
	.tab-bottom-nav a.btn-back {
		display: block;
		margin-bottom: 20px;
	}
	#tabs .tab-inner {
		font-size: 16px;
	}
	#autorisation h2,
	#autorisation h2 + .title-small {
		font-size: 22px;
	}
	#payment-success h2 {
		font-size: 22px;
		line-height: 26px;
	}
	#payment-success h2 + .title-small {
		font-size: 20px;
	}
	#payment-success .app-store,
	#payment-success .google-play {
		display: block;
		margin: 0 auto;
	}
	#payment-success .app-store {
		margin-bottom: 10px;
	}
	#payment-success .soc::before {
		height: 170px;
	}
	.phone-link label,
	form.phone-link + .text-wrap {
		font-size: 16px;
	}
	.phone-link button[type="submit"] {
		font-size: 16px;
		height: 50px;
		line-height: 50px;
	}
	#payment-block h2 {
		font-size: 22px;
		line-height: 26px;
	}
	#payment-block .title-small {
		font-size: 20px;
	}
	.payment-name,
	.payment-item,
	#payment-block label,
	#payment-sum + span,
	#payment-form button {
		font-size: 16px;
	}
	#payment-form button {
		height: 50px;
		max-width: none;
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
		width: 100%;
	}
	#payment-form .payment-ways {
		float: none;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	#payment-form::after {
		display: none;
	}
	#payment-error h2 {
		font-size: 24px;
	}
	#payment-error .error-try-again {
		font-size: 16px;
	}
	#payment-error a.btn {
		height: 50px;
		line-height: 50px;
	}
	#messenger h2 {
		font-size: 24px;
		line-height: 26px;
	}
	#messenger .title-small {
		font-size: 20px;
		margin-bottom: 140px;
	}
	#messenger-form .input-wrap {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	#messenger-form .input-wrap {
		margin-bottom: 50px;
	}
	#messenger-form label,
	#messenger-form button[type="submit"] {
		font-size: 16px;
	}
	#messenger-form button[type="submit"] {
		height: 50px;
		line-height: 50px;
	}
	#online-trainer .left.text-wrap {
		width: 75%;
	}
	.top-logo {
		width: 40px;
		height: 60px;
	}
	#how-train .top-image {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 360px) {
	header .middleblock h1 {
		font-size: 15px;
		line-height: 18px;
		padding-top: 15px;
	}
}