@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.header-img {
		max-width: 100%;
		height: auto;
	}
	.header-img-wrap:before {
		max-width: 100%;
		height: 100%;;
	}
	.timer-wrap {
		flex-wrap: wrap;
	}
	.timer-wrap .btn-offer-wrap{
 		margin-top: 100px;
 		margin-left: 20%;
	}
	.offer-main-row {
		align-items: center;
	}
	.section-bg-text {
		font-size: 100px;
		line-height: 1.21em;
	}
	.for .section-bg-text {
	    left: 1.5417vw;
	    top: 7.0833vw;
	}
	.study .section-bg-text {
	    left: 2vw;
	    top: 13vw;
	}
	.study-step-two img {
	    left: -200px;
	    bottom: -150px;
	}
	.program .section-bg-text {
	    left: 5.83vw;
        top: 7.125vw;
	}
	.program-item-title {
		font-size: 18px;
	}
	.program-item {
		height: 510px;
	}
	.program-item-list li {
		font-size: 14px;
	}
	.author-img-wrap:before {
		max-width: 100%;
		height: 100%;
	}
	.author-row {
		align-items: center;
	}
	.author-btn {
	    width: 180px;
	    height: 180px;
	    padding: 70px 19px;
	    font-size: 15px;
	}
	.author-btn-wrap {
	    right: 0;
	    bottom: -145px;
	}
	.author-btn img {
	    bottom: 45px;
	    left: 74px;
	}
	.row-client img {
		max-width: 140px;
		display: inline-block;
	}
	.reviews {
	    padding: 103px 0 110px 0;
	}
	.reviews-item {
	    padding: 25px;
	    max-height: auto;
	    width: 535px;
	    height: auto;
	}
	.footer-list,
	.footer-icons {
		width: auto;
		margin-left: 0;
	}
	.breadcrumbs {
		width: 850px;
	}
	.breadcrumbs li img {
	    margin-left: 45px;
	}
	.checkout-line-left {
		top: auto;
		bottom: 0;
	}
	.account-edit-title, .course-title {
	    margin: 35px 0;
	    font-size: 46px;
	}
	.account-nav-list {
		width: 100%;
	}
	.account-nav-list li a {
		font-size: 15px;
	}
	.edit-form input[type="text"], .edit-form input[type="email"], .edit-form input[type="tel"], .edit-form input[type="password"], .edit-form textarea {
	    width: 220px;
	    padding: 10px;
	}
	.edit-form textarea {
	    width: 420px;
	    padding: 10px;
    	    height: 218px;
	}

	.btn-account-edit {
	    margin: 50px 0 170px 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.checkout-content,.breadcrumbs {
    	width: 930px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.timer-wrap {
		flex-wrap: wrap;
	}
	.offer .btn-offer-wrap {
		margin: 80px auto 0;
	}
	.section-bg-text {
		font-size: 65px;
	}
	.for .section-bg-text {
	    left: -1.4583vw;
	    width: 100.91667vw;
	    top: 5.0833vw;
	}
	.featured-item {
		margin-bottom: 30px;
	}
	.section-bg-text {
		position: absolute;
		line-height: 1.21em;
	}
	.study .section-bg-text {
		left: 3.89583vw;
		top: 34px;
	}
	.study-title {
		margin-bottom: 30px;
	}
	.study-step-one img {
	    left: 9.4791667vw;
	    bottom: -130px;
	}
	.study-step-two img {
	    left: -4.53125vw;
	    bottom: -14vw;
	}
	.program .section-bg-text {
	    top: 15.125vw;
	    text-align: center;
	    width: 100%;
	}
	.author {
		padding: 80px 0;
	}
	.author .section-bg-text {
	    right: 0;
	    top: 166px;
	}
	.author-img-wrap {
		display: inline-block;
		margin-bottom: 40px;
	}
	.author-btn-wrap {
	    right: -15px;
	    bottom: -130px;
	}
	.reviews {
	    padding: 92px 0 80px 0;
	}
	.reviews .section-bg-text {
	    top: 11.25vw;
	    width: 100%;
	    left: 0;
	    text-align: center;
	}
	.reviews-item {
		width: 100%;
	}
	.edit-form input[type="text"], .edit-form input[type="email"], .edit-form input[type="tel"], .edit-form input[type="password"], .edit-form textarea {
	    width: 450px;
	}
	.account-nav-list {
		width: 600px;
		text-align: center;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	header {
		display: flex;
		align-items: center;
		padding: 13px 15px;
		background: linear-gradient(270deg, #B33A3A 0%, #D57056 100%);
	}
	header .insta-link svg {
		position: static;
		width: 35px;
    		height: 35px;
	}
	header .insta-link svg path {
		fill: #fff;
		transition: none;
	}

	.logo {
		border-radius: 0;
		padding: 0;
		position: static;
		justify-content: flex-start;
		font-size: 14px;
		align-items: center;
		background: none;
		width: 70%;
	}
	.logo img {
		height: 34px;
	}
	.logo br {
		display: none;
	}
	nav.top {
		padding: 0;
	}
	nav.top .container {
		padding: 0;
	}
	.nav-links ul {
		margin-bottom: 0;
	}
	.nav-links ul li a {
	    border-radius: 0;
	    padding: 22px 20px;
	    font-size: 14px;
	    text-align: center;
	}
	.nav-links ul li {
		flex: 0 0 60%;
	}
	.nav-links ul li:last-child {
	    margin-left: 0;
	    flex: 0 0 40%;
	}
	.offer {
		padding-top: 30px;
	}
	.common-content {
		height: 100vh;
		mih-height: 500px;
		color: #fff;
		z-index: 1;
		position: relative;
		background: url('../image/main-offer-img-mob.jpg') no-repeat right top / cover ;
	}
	.common-content:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: linear-gradient(360deg, rgba(38, 20, 33, 0.55) 0%, rgba(255, 255, 255, 0) 100%), rgba(38, 20, 33, 0.15);
		z-index: -1;
	}
	.course-type {
		background: #D57056;
		color: #fff;
		font-size: 14px;
		padding: 11px 13px;
		border: none;
	}
	.offer-text {
		margin-top: 100px;
		width: 100%;
	}
	.offer-text span.main,
	.offer-text span {
		font-size: 32px;
		line-height: 1.3em;
		text-align: center;
		background: none;
		padding: 0;
		width: 100%;
		display: inline-block;
		color: #fff;
	}
	.common-content .container {
		padding: 0 10px;
	}
	.offer-registr {
		font-size: 16px;
		text-align: center;
		color: #fff;
		margin: 15px 0 30px;
	}
	.offer-price-old {
		font-size: 18px;
		color: #fff;
		font-weight: 300;
		margin-bottom: 10px;
	}
	.offer-price-new {
		font-size: 28px;
		margin: 0;
		color: #fff;
	}
	.offer-price-special {
	    margin: -70px 0 0 10px;
	    position: relative;
	    font-size: 13px;
	}
	.offer-price-special-img {
		left: -24px;
		top: -75px;
	}
	.offer-price-special-img svg{
		width: 218px;
	}
	.offer-price-special-img svg path {
		stroke: #fff;
	}
	svg.progress-ring {
		width: 70px !important;
		height: 70px !important;
	}
	circle.progress-ring_circle {
		cx: 35 !important;
		cy: 35 !important;
		r: 32 !important;
		stroke: #fff;
	}
	.timer-item {
		font-size: 24px;
		left: 35px;
		top: 35px;
		color: #fff;
		font-weight: 500;
	}
	div.progress-ring {
		width: 70px;
		height: 70px;
		margin-right: 10px;
	}
	.timer-wrap {
	    margin-top: 30px;
            flex-wrap: wrap;
	    margin-bottom: 75px;
	    justify-content: space-between;
	}
	.timer-item-text{
		font-size: 14px;
		color: #fff;
		margin-top: 10px;
	}
	.common-content .btn-offer-wrap {
		position: absolute;
		bottom: -33px;
		left: 50%;
		transform: translateX(-50%);
	}
	.section-bg-text {
		font-size: 48px;
		line-height: 1.22em;
	}
	section.for {
		padding: 80px 0 40px;
	}
	.section-title {
		font-size: 24px;
	}
	.for .section-bg-text {
		width: 100vw;
		text-align: center;
		left: 0;
		top: 45px;
	}
	.featured-item {
		margin-bottom: 40px;
	}
	.featured-item-text {
		font-size: 18px;
	}
	.featured-text {
	    font-size: 16px;
	}
	.study {
		padding-bottom: 75px;
	}
	.study .section-bg-text {
	    width: 40.1vw;
	    left: 0vw;
	    top: -20px;
	}
	.study-title {
		padding-left: 20px;
		margin-bottom: 110px;
	}
	.study-step {
		width: 100%;
		margin-bottom: 115px;
	}
	.study-step:last-child {
		margin-bottom: 40px;
	}
	.study-step-one img {
	    left: 0;
	    bottom: -160px;
	}
	.study-step-two img {
	    left: 21px;
	    bottom: -120px;
	}
	.study-step-text {
		font-size: 16px;
	}
	.program {
		padding: 95px 0 60px;
	}
	.program .section-bg-text {
		text-align: center;
		font-size: 44px;
		top: 60px;
		left: 50%;
		transform: translateX(-50%);
	}
	.program-item {
		height: auto;
		margin-bottom: 40px;
	}
	.program-item-count, 
	.program-item-title {
		font-size: 20px;
	}
	.program-item-list {
		padding: 0 10px 0 30px;
	}
	.program-item-title {
		padding: 20px 5px;
	}
	.author-img-wrap:before {
		width: 100%;
		height: 100%;
	}
	.author {
		padding: 70px 0;
	}
	.author-title {
		width: 100%;
		margin-top: 0;
		text-align: center;
	}
	.author .section-bg-text {
		text-align: center;
		top: -10px;
	}
	.author-img-wrap {
		margin-bottom: 30px;
	}
	.author-block {
		padding: 30px 20px 30px 36px;
		margin-bottom: 250px;
	}
	.author-block li {
	    margin-bottom: 20px;
	    font-size: 16px;
	}
	.author-btn-wrap {
		left: 50%;
		transform: translateX(-50%);
		bottom: -250px;
		right: auto;
	}
	.author-btn-wrap, .author-btn {
		width: 164px;
		height: 164px;
	}
	.author-btn {
		padding: 63px 15px;
		font-size: 14px;
	}
	.author-btn img {
	    bottom: 40px;
	    left: 60px;
	}
	.author-btn-shadow {
		width: 156px;
		height: 156px;
		background: linear-gradient(270deg, rgba(129, 17, 17, 0.4) 0%, rgba(184, 85, 59, 0.4) 100%);
		filter: blur(40px);
	}
	.row-client .client-img {
		margin-bottom: 40px;
		display: inline-block;
	}
	.row-client .client-img:last-child {
		margin-bottom: 0;
	}
	.reviews {
	    padding: 60px 0 70px 0;
	}
	.reviews .section-bg-text {
		text-align: center;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}
	.reviews-title {
		margin-bottom: 60px;
	}
	.reviews-item {
		width: auto;
		height: auto;
		padding: 30px 25px;
	}
	.reviews-item-wrap {
		margin-bottom: 40px;
	}
	.reviews-item-text {
		font-size: 16px;
		line-height: 150%;
	}
	.review-btn-wrap {
		margin-top: 20px;
	}
	.logo-footer {
		text-align: center;
		margin-bottom: 60px;
	}
	.logo-footer img {
		display: inline-block;
		margin-bottom: 10px;
	}
	.footer-list {
		flex-direction: column;
		width: auto;
		padding-left: 0;
		text-align: center;
	}
	.footer-list li {
		margin-bottom: 20px;
	}
	.footer-list li:last-child {
		margin-bottom: 0;
	}
	.footer-mt {
		margin-top: 60px;
		text-align: center;
	}
	.footer-icons {
		margin-top: 60px;
		width: 100%;
		justify-content: center;
	}
	footer.footer {
		font-size: 16px;
	}
	nav.top.not-logged {
		background: transparent;
		position: absolute;
		z-index: 10000;
		right: 0;
		top: 0;
		color: #fff;
		width: 80px;
	}
	nav.top.not-logged .nav-links {
		height: 70px;
	}
	nav.top.not-logged li a{
		color: #fff;
		border: none;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #fff;
		padding: 13px 13px 20px 13px;
		text-align: center;
		height: 100%;
	}
	nav.top.not-logged li {
		width: 100%;
		flex: 0 0 100%;
		height: 100%;
	}
	nav.top.not-logged li {
		width: 100%;
		flex: 0 0 100%;
		height: 100%;
	}
	.top-mob ul {
		padding-left: 0;
		height: 100%;
	}
	
	.account-edit-title, .course-title {
	    font-size: 20px;
	    line-height: 1.4em;
	    margin: 40px 0 30px;
	    text-align: center;
	}
	.account-nav-list {
		width: auto;
		text-align: center;
		margin: 0;
	}
	.lesson-title {
		margin-top: 60px;
	}
	.account-nav-list li a{
		padding: 20px 30px;
	}
	.account-welcome {
		font-size: 20px;
		text-align: center;
	}
	.edit-form legend {
		font-size: 18px;
		text-align: center;
	}
	.edit-form label {
		display: none;
	}
	.edit-form input[type="text"], .edit-form input[type="email"], .edit-form input[type="tel"], .edit-form input[type="password"] {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.edit-form textarea {
		width: 265px;
	}
	.btn-account-edit {
		margin: 40px auto 60px;
	}
	.account-course .account-nav-list {
		height: 0;
		position: absolute;
		opacity: 0;
		transition: height .3s ease-in-out;
	}
	.account-course .account-nav-list.active {
		height: auto;
		position: static;
		opacity: 1;
	}
	.course-btn-mob {
		background: #FFFFFF;
		border: 1px solid #B33A3A;
		box-sizing: border-box;
		border-radius: 7px;
		width: 100%;
		padding: 20px 10px;
		margin-bottom: 20px;
		transition: .3s ease-in-out;
	}
	.course-btn-mob.active,
	.course-btn-mob:hover {
		background: #B33A3A;
		color: #fff;
	}
	.arrow-down {
		position: absolute;
		right: 25.64%;
		border: solid black;
		  border-width: 0 2px 2px 0;
		  display: inline-block;
		  padding: 6px;
		transform: rotate(45deg);
		 -webkit-transform: rotate(45deg);
		 transition: all .3s ease-in-out;
		 transform-origin: bottom;
	}
	.course-btn-mob.active .arrow-down,
	.course-btn-mob:hover .arrow-down{
		 border-color: #fff;
	}
	.course-btn-mob.active .arrow-down {
		transform: rotate(-135deg);
		 -webkit-transform: rotate(-135deg);
		 margin-top: -3px;
	}
	.lesson-title {
		font-size: 18px;
		text-align: center;
	}
	.arrow-block {
		width: 100%;
		text-align: center;
	}
	.arrow-wrap iframe {
		height: 300px;
	}
	.arrow-right-block {
		order: 2;
		margin-top: 20px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1199px) {
	.main-line {
		display: none;
	}
	#button-review {
		    margin: 0 auto 15px;
	}
	.star-rating__stars {
		margin: 0 auto;
	}
	.logo-footer {
		text-align: center;
		margin-bottom: 60px;
	}
	.logo-footer img {
		display: inline-block;
		margin-bottom: 10px;
	}
	.footer-list {
		flex-direction: column;
		width: auto;
		padding-left: 0;
		text-align: center;
	}
	.footer-list li {
		margin-bottom: 20px;
	}
	.footer-list li:last-child {
		margin-bottom: 0;
	}
	.footer-mt {
		margin-top: 60px;
		text-align: center;
	}
	.footer-icons {
		margin-top: 60px;
		width: 100%;
		justify-content: center;
	}
	footer.footer {
		font-size: 16px;
	}
	.edit-form fieldset {
		flex-direction: column;
		align-items: center;
	}

}
@media only screen and (min-width: 320px) and (max-width: 359px) {
	div.progress-ring {
		margin-right: 5px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
	.page-main-title {
			font-size: 20px;
		}
		.checkout-checkout {
			padding-top: 40px;
		}
		.checkout-checkout .section-bg-text {
			font-size: 38px;
			top: 60px;
		}
		.checkout-content {
			width: auto;
			padding: 30px;
			margin-bottom: 40px;
		}
		.checkout-form {
			flex-direction: column;
			align-items: center;
		}
		.checkout-form input::placeholder {
			font-size: 14px;
		}
		.checkout-form .form-group input {
			margin-bottom: 20px;
		}
		.checkout-form-title {
			margin-bottom: 30px;font-size: 16px;
			line-height: 140%;
			font-size: 16px;
			color: #B33A3A;
		}
		.checkout-agree {
			font-size: 14px;
			line-height: 1.5em;
			font-weight: normal;
		}
		.wrap-btn-checkout {
			margin-right: 0;
			padding-left: 0;
			margin-bottom: 100px;
		}
		.wrap-btn-checkout .btn-shadow {
			left: auto;
		}
}