@media (max-width: 1600px){
	.head-slider .item {
	    grid-template-columns: 1fr 0.8fr;
	}

	.education .educ-format .item.online{
		background-size: 60%;
	}

	.education .educ-format .item.offline{
		background-size: 74%;
    	background-position: bottom 26px right -73px;
	}

	.title-box .title{
		font-size:60px;
	}

	body,
	.bt-small{
		font-size:22px;
	}

	.bt-link{
		font-size: 32px;
	    padding-top: 20px;
	    padding-right: 70px;
	}

	.bt-link::before{
		height:2px;
	}

	.bt-link span{
		width:20px;
		height:20px;
		background-size: 20px;
	}

	.sect-width-padding {
	    padding: 90px 0;
	}

	.cause .container>.row,
	.free-lesson .row.grid-box{
	    grid-gap: 90px;
	}
	.couses-list .item .number-box {
	    font-size: 66px;
	}

	.couses-list .item {
	    padding: 25px 0;
	}

	.education .info-box .text-box {
	    height: 122px;
	}

	.education .educ-format .item .title,
	.trig-boxes .columns .item .title,
	.couses-list .item .text-box,
	.education .row.info-box,
	.free-lesson ul,
	.free-lesson .types-list .item .title,
	.education .triggers-list .item .number,
	.price-tabs .tabs li#current span,
	.price-tabs .price-item .full-price,
	.price-block .price-head .title-box .count,
	.price-tabs .price-item .button-box a,
	.pre-footer .social .item a{
		font-size:36px;
	}

	.education .triggers-list .item {
	    padding: 40px;
	    grid-gap:40px;
	}

	.free-lesson ul{
		grid-gap:20px;
	}

	.free-lesson ul li::before{
		width:25px;
	}

	.free-lesson ul li {
	    padding-left: 60px;
	}

	.free-lesson .types-list .item {
	    padding: 30px 70px;
	    grid-gap: 50px;
	}

	.reviews {
	    grid-gap: 60px;
	}

	.reviews .owl-dots button {
	    margin: 0 15px;
	}

	.order-section{
		padding: 170px 0;
		background-position: right 50px top 60%;
    	background-size: 40%;
	}

	.order-section .row-2{
		grid-template-columns: 1fr 1fr;
	}

	.order-section .order-bt, .order-section .call-bt{
		padding: 14px 35px;
	}

	.price-block .price-head{    
		padding: 170px 0;
	}

	.price-block .price-head .text-box {
	    max-width: 900px;
	}

	.price-tabs .tabs li span{
		height:110px;
	}

	.price-tabs .price-item .row {
	    padding: 30px 50px;
	}

	.price-block .price-head .title-box .count{
		margin-left:80px;
	}

	header .columns{
		grid-gap:30px;
		grid-template-columns: 140px 150px 1fr auto auto;
	}

	header.active .columns {
	    grid-template-columns: 120px 170px 1fr auto auto;
	}

	header .descr .descr-title{
		font-size:15px;
		max-width:150px;
	}

	header .nav ul li {
	    margin-right: 25px;
	}

	.main-wrap {
	    padding-top: 105px;
	}

	.head-block {
	    min-height: calc(100vh - 105px);
	}

}



@media (max-width: 1400px){
	body{
		--cont-sm-width: 1080px;
	}
    .container{
    	padding: 0 30px;
    }

    .row.left-marg {
	    --row-margin: calc((100vw - 15px - var(--cont-sm-width)) / 2);
	}

	.main-wrap {
	    padding-top: 96px;
	}

	.contacts-sect {
	    padding: 100px 0;
	}


	.title-box .title,
	.contacts-sect .cont-items a{
		font-size:44px;
	}

	.education .educ-format .item .title,
	.trig-boxes .columns .item .title,
	.couses-list .item .text-box,
	.education .row.info-box,
	.free-lesson ul,
	.free-lesson .types-list .item .title,
	.price-tabs .tabs li#current span,
	.price-tabs .price-item .full-price,
	.price-block .price-head .title-box .count,
	.price-tabs .price-item .button-box a,
	.pre-footer .social .item a{
		font-size:24px;
	}


	.contacts-sect .cont-row {
	    grid-gap: 50px;
	}

	.contacts-sect>.container>.row {
	    grid-gap: 130px;
	}

	.contacts-sect .cont-row {
	    grid-gap: 30px;
	}

	.contacts-sect .filials {
	    grid-gap: 40px;
	}

	.contacts-sect .fil-item,
	.contacts-sect .fil-location{
		padding-top:30px;
	}

	.contacts-sect .fil-item .fil-info, 
	.contacts-sect .fil-item .fil-location>div {
	    grid-template-columns: 1fr 1fr 230px;
	}

	.contacts-sect .fil-item .fil-title{
		font-size:26px;
	}

	.contacts-sect .title-box {
	    max-width: 490px;
	}

	.contacts-sect .fil-item .map-box iframe{
		height:450px;
	}

	header .columns {
	    grid-gap: 30px;
	    grid-template-columns: 120px 140px 1fr auto auto;
	}

	header.active{
		padding:15px 0;
	}

	header.active .columns {
	    grid-template-columns: 90px 170px 1fr auto auto;
	}



	.bt span,
	.form-popup .bt span{
	    padding: 12px 25px;
	}

	.bt{
		font-size:18px;
	}

	.bt-small span{
	    padding: 8px 15px;
	}

	body,
	header .nav ul li,
	header .contacts span,
	footer,
	.reviews-slider .item .rew-info .date span,
	.bt-small{
		font-size:16px;
	}

	header .descr .descr-title{
		font-size:14px;
		line-height: 1.4;
	}

	header .contacts{
		font-size: 18px;
	}

	footer{
		padding: 30px 0;
	}

	footer .developers a::after {
	    top: calc((100% - 28px) / 2);
	    width: 28px;
	    height: 28px;
	    background-size: 28px;
	}

	footer .developers a {
    	padding-right: 40px;
    }

    .head-block {
	    min-height: calc(100vh - 96px);
	}

	.head-block .item{
	    grid-template-columns: 1fr 0.7fr;
	}


	.head-slider .item p {
	    font-size: 22px;
	}

	.head-slider .item .item-cont {
	    grid-gap: 20px;
	}

	.head-slider .item>div {
	    grid-gap: 50px;
	}

	.head-block .row .dots{
		left:calc((var(--row-margin) - 40px) * -1);
	}

	.head-block .row .dots button{
		width:7px;
		height:7px;
	}

	.bt-link{
		font-size: 24px;
	    padding-top: 20px;
	    padding-right: 60px;
	}

	.bt-link::before{
		height:2px;
	}

	.bt-link span{
		width:20px;
		height:20px;
		background-size: 20px;
	}

	.moving-text .cl-1{
		margin-left:40px;
	}

	.moving-text {
	    padding: 15px 0;
	    font-size: 18px;
	}

	.moving-text .text .marquee::after{
		width:80px;
	}

	.trig-boxes .columns .item {
	    padding: 30px 70px;
	}
	.trig-boxes .columns .item>div {
	    grid-gap: 30px;
	}

	.trig-boxes .columns .item:hover{
		background-size: 24px;
	}

	.trig-boxes .columns .item .subtitle{
		padding:5px 0;
	}

	.green-bg, .trig-boxes .columns .item:hover .subtitle{
		padding:5px 10px;
	}

	.trig-boxes .columns .item>div{
		grid-gap:20px;
	}

	.sect-width-padding {
	    padding: 70px 0;
	}

	.cause .container>.row {
	    grid-gap: 70px;
	}

	.couses-list .item .number-box {
	    font-size: 45px;
	}

	.couses-list .item {
	    padding: 20px 0;
	    grid-gap: 30px;
	}

	.purple-block{
		padding:40px;
		grid-gap:30px;
	}

	.purple-block>.row {
	    grid-gap: 20px;
	}

	.education>.row {
	    grid-gap: 50px;
	}

	.education .descr{
		max-width:800px;
	}

	.education .educ-format .item{
		padding:50px;
	}

	.education .educ-format .item>.grid-box{
		grid-gap:20px;
	}

	.education {
	    grid-gap: 80px;
	}

	.education .row.info-box {
	    max-width: 1050px;
	    font-size: 24px;
	}

	.education .info-box .text-box {
	    height: 83px;
	}

	.education .triggers-list .item{
		grid-gap:30px;
	}

	.education .educ-format .item.online {
	    background-size: 56%;
	}

	.free-lesson .title-box,
	.reviews .title-box{
		max-width: 700px;
	}

	.cause .container>.row, .free-lesson .row.grid-box {
	    grid-gap: 50px;
	}


	.cause {
	    margin-bottom: 50px;
	}

	.free-lesson ul li::before {
	    width: 17px;
	    height: 1px;
	    top: 12px;
	}

	.free-lesson ul li {
	    padding-left: 40px;
	}

	.free-lesson ul {
	    grid-gap: 15px;
	}

	.free-lesson .types-list .item>.grid-box{
		grid-gap:15px;
	}

	.free-lesson .types-list .item{
		grid-gap:30px;
	}

	.reviews {
	    grid-gap: 40px;
	}

	.reviews-slider .item .text-box,
	.order-section .col-1 p,
	.price-tabs .price-item .info-box,
	.price-block .price-head p{
	    line-height: 1.4;
	}

	.reviews-slider {
	    padding-bottom: 60px;
	}

	.reviews .owl-dots button {
	    margin: 0 10px;
	}

	.order-section {
	    padding: 120px 0;
	    background-size: auto 60%;
	    background-position: right 30px top 68%;
	}

	.order-section .order-bt, .order-section .call-bt {
	    padding: 12px 30px;
	}

	.price-block .price-head {
		padding: 120px 0;
	}

	.price-block .price-head .text-box {
	    max-width: 650px;
	}

	.price-tabs .tabs li span {
	    height: 75px;
	}

	.price-tabs .price-item .row {
	    padding: 25px 35px;
	    grid-gap:25px;
	}

	.price-tabs .price-item .detail-price span{
		font-size:16px;
	}

	.price-tabs .price-item .price {
	    grid-gap: 20px;
	}

	.price-tabs .price-item .button-box a,
	.pre-footer .social .item a{
		padding:20px;
	}

	.price-block .price-head .title-box .count {
	    margin-left: 60px;
	}

	.price-block .bt-row{
	    margin-top:50px;
	}

	.form-popup .title-box .title {
	    font-size: 28px;
	}

	.form-popup.fancybox-content {
	    padding: 40px 60px;
	    max-width: 500px;
	}

	.form-popup .title-box{
		max-width:360px;
	}

	.form-popup .fields-box{
		max-width: 300px
	}

	.fancybox-slide--html .form-popup .fancybox-close-small{
		width:30px;
		height:30px;
	}

	.mes-widget .mes-bt{
		width:60px;
		height:60px;
		background-size: 30px;
	}

	.mes-widget .widget-links a {
	    width: 35px;
	    height: 35px;
	}

	.help-bt {
	    width: 20px;
	    height: 20px;
	    background-size: 20px;
	}

	.help-bt .help-box{
		top:-11px;
		width: 300px;
	}

	.form-popup .bt-box {
	    max-width: 258px;
	}

	.back-bt{
	    top: 30px;
	}
}






@media (max-width: 1250px){

	.head-block .row .dots {
	    left: calc((var(--row-margin) - 10px) * -1);
	}
	header .columns {
	    grid-gap: 40px;
	    grid-template-columns: 120px 1fr auto auto auto;
	}

	header.active .columns{
	    grid-template-columns: 100px 1fr auto auto auto;
	}

	header .descr .descr-title{
		max-width:155px;
	}

	header .nav{
		text-align: right;
		grid-column-start: 5;
	}

	header .columns>.contacts{
		grid-row-start: 1;
		grid-column-start: 3;
	}

	header .columns>.bt-box{
		grid-row-start: 1;
		grid-column-start: 4;
	}

	header .nav{
		position: relative;
		width:30px;
		height:30px;		
	}

	header .nav .burger{
		display: block;
		width:100%;
		height:100%;
		position: absolute;
		top: 0;
		right: 0;
    	z-index: 1001;
		transition: .7s cubic-bezier(.645,.035,.255,1);
		-moz-transition: .7s cubic-bezier(.645,.035,.255,1);
		-webkit-transition: .7s cubic-bezier(.645,.035,.255,1);	
	}

	header .nav .burger.active{
	  	right: 270px;	
	}

	.ham {
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition: transform 400ms;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		position: absolute;
		top: calc((30px - 70px) / 2);
		right: calc((30px - 60px) / 2);
		width:70px;
	}
	.hamRotate.active {
	  	transform: rotate(45deg);
	}

	.line {
		fill:none;
		transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
		stroke:var(--black-blue-color);
		stroke-width:3;
		stroke-linecap:round;
		transition: .7s cubic-bezier(.645,.035,.255,1);
		-moz-transition: .7s cubic-bezier(.645,.035,.255,1);
		-webkit-transition: .7s cubic-bezier(.645,.035,.255,1);	
	}

	.hamRotate.active .line{
		stroke:var(--black-blue-color);
	}


	header.active .line{
		stroke: #fff;
	}

	.ham1 .top {
	  	stroke-dasharray: 40 139;
	}
	.ham1 .bottom {
	  	stroke-dasharray: 40 180;
	}
	.ham1.active .top {
	  	stroke-dashoffset: -98px;
	}
	.ham1.active .bottom {
	  	stroke-dashoffset: -138px;
	}

	header .nav .nav-menu{
		position: fixed;
	    top: 0;
	    right: -350px;
	    width: 350px;
	    transition: right .7s cubic-bezier(.645,.035,.255,1);
	    z-index: 999;
	}

	header .nav .nav-wrapper{
		min-height: 100vh;
	    background-color: #e0dcdf;
	    display: grid;
	    grid-template-rows: auto auto 1fr;
	    padding:150px 20px 150px;
	    grid-gap:100px;
	}

	header .nav .nav-menu .darkness{
		width:100vw;
		height: 100%;
	    position: absolute;
		top:0;
		right:100%;
		background-color: rgba(0,0,0,.85);
		opacity: 0;
		visibility: hidden;
		z-index: 999;
	    transition: opacity .7s cubic-bezier(.645,.035,.255,1), visibility .7s cubic-bezier(.645,.035,.255,1);
	}

	header .nav .nav-menu.active{
		right:0;
	}

	header .nav .nav-menu.active .darkness{
		opacity: 1;
		visibility: visible;
	}

	header .nav .contacts, 
	header .nav .bt-box{
	    display: block;
	}

	header .nav .nav-wrapper{
	    text-align: center;
	}

	header .nav ul{
		display: grid;
		grid-gap:20px;
	}

	header .nav ul li{
		margin:0;
		font-size: 20px;
	}

	header .nav .contacts span{
		margin-bottom:10px;
		display: block;
	}

	header.active .nav-wrapper a, 
	header.active .nav-wrapper .contacts a{
		color: var(--black-blue-color);
	}


}


@media (max-width: 1199px){
	body{
		--cont-sm-width: 750px;
	}

	.head-block .row .dots {
	    left: calc((var(--row-margin) - 40px) * -1);
	}

	.main-wrap {
	    padding-top: 86px;
	}

    .container{
    	padding: 0 15px;
    }

	.contacts-sect {
	    padding: 50px 0 100px;
	}

	.bt {
	    border-width: 1px;
	    border-top-width: 3px;
		font-size:16px;
	}

	.bt span,
	.form-popup .bt span{
	    padding: 10px 18px;
	}

	.bt-small span{
	    padding: 8px 15px;
	}

	body, 
	header .contacts span, 
	footer,
	.bt-small{
	    font-size: 14px;
	}

	header .nav ul li{
		font-size:18px;
	}

	header .descr .descr-title {
	    font-size: 12px;
	}

	header .contacts {
	    font-size: 16px;
	}

	header.active .columns {
	    grid-template-columns: 80px 1fr auto auto auto;
	}

	header{
		padding:15px 0;
	}

	.title-box .title, 
	.contacts-sect .cont-items a {
	    font-size: 34px;
	}

	.contacts-sect .title-box {
	    max-width: 370px;
	}

	.contacts-sect .cont-items>div{
		padding-bottom:10px;
	}

	.contacts-sect>.container>.row {
	    grid-gap: 100px;
	}

	.contacts-sect .fil-item{
	    padding-top: 15px;
	}

	.contacts-sect .fil-location {
	    padding-top: 30px;
	}

	.contacts-sect .filials {
	    grid-gap: 30px;
	}

	.contacts-sect .fil-item .fil-title {
	    font-size: 20px;
	}

	.contacts-sect .fil-item .fil-info, 
	.contacts-sect .fil-item .fil-location>div {
	    grid-template-columns: 1fr 1fr 180px;
	}

	.contacts-sect .fil-item .map-box iframe{
		height:350px;
	}

	.head-slider .item p {
	    font-size: 19px;
	}

	.head-slider .item>div {
	    grid-gap: 40px;
	}

	.bt-link {
		font-size: 20px;
		padding-top: 15px;
		padding-right: 50px;
	}

	.bt-link {
	    font-size: 20px;
	    padding-top: 15px;
	    padding-right: 50px;
	}

	.bt-link span{
	    width: 15px;
	    height: 15px;
	    background-size: 15px;
	}

	.head-block {
	    min-height: calc(100vh - 86px);
	}

	.moving-text{
		font-size:16px;
	}

	.trig-boxes .columns .item{
		padding:30px 40px;
	}

	.education .educ-format .item .title, 
	.trig-boxes .columns .item .title, 
	.couses-list .item .text-box, 
	.education .row.info-box, 
	.free-lesson ul, 
	.free-lesson .types-list .item .title,
	.price-tabs .tabs li#current span,
	.price-tabs .price-item .full-price,
	.price-block .price-head .title-box .count,
	.price-tabs .price-item .button-box a,
	.pre-footer .social .item a{
		font-size:19px;
	}

	.trig-boxes .columns .item:hover {
	    background-size: 18px;
	    background-position: right 25px bottom 25px;
	}

	.sect-width-padding {
	    padding: 50px 0;
	}

	.cause .container>.row, .free-lesson .row.grid-box {
	    grid-gap: 40px;
	}

	.cause {
	    margin-bottom: 40px;
	}

	.couses-list .item {
	    padding: 15px 0;
	}

	.couses-list .item .number-box {
	    font-size: 35px;
	}

	.purple-block {
	    padding: 30px;
	}

	.education>.row {
	    grid-gap: 40px;
	}

	.education .educ-format .item {
	    padding: 30px;
	}

	.education .educ-format .item .text-box {
	    grid-gap: 10px;
	}

	.education .educ-format .item.online {
	    background-size: 55%;
	    background-position: bottom 5px right -30px;
	}

	.education .educ-format .item.offline {
	    background-size: 66%;
	    background-position: bottom 0 right -50px;
	}

	.education {
	    grid-gap: 60px;
	}

	.education .row.info-box {
	    max-width: 685px;
	}

	.education .info-box .text-box {
	    height: 62px;
	}

	.education .row.info-box .show-text{
		margin-top:15px;
		border-bottom-width:1px;
	}


	.education .triggers-list .item .number{
		font-size:24px;
	}

	.education .triggers-list .item {
	    grid-gap: 20px;
	    padding: 25px;
	}

	.free-lesson .title-box, .reviews .title-box {
	    max-width: 535px;
	}

	.free-lesson ul li::before {
	    width: 15px;
	    height: 1px;
	    top: 11px;
	}

	.free-lesson ul {
	    grid-gap: 10px;
	}

	.free-lesson .types-list .item {
	    padding: 30px;
	}

	.reviews-slider .item .rew-info{
		grid-template-columns: 45px auto 1fr;
	}

	.reviews {
	    grid-gap: 30px;
	}

	.reviews .item{
		grid-gap:20px;
	}

	.reviews .owl-dots button {
	    margin: 0 5px;
	}
	.reviews-slider {
	    padding-bottom: 50px;
	}

	.order-section .row-2{
		padding-bottom:30px;
	}

	.order-section .col-1 {
	    grid-gap: 40px;
	}

	.order-section .order-bt, .order-section .call-bt {
	    padding: 10px 25px;
	}

	.order-section {
	    padding: 90px 0;
	    background-position: right 23px top 78%;
    	background-size: auto 54%;
	}

	.price-block .price-head {
	    padding: 95px 0;
	}

	.price-tabs .tabs li span {
	    height: 60px;
	}

	.price-tabs .price-item .detail-price span {
	    font-size: 14px;
	}

	.price-tabs .price-item .row {
	    padding: 25px;
	    grid-gap: 20px;
	}

	.price-tabs .price-item .price {
	    grid-gap: 15px;
	}

	.price-block .price-head .text-box {
	    max-width: 560px;
	}

	.price-block .price-head .title-box .count {
	    margin-left: 40px;
	}

	footer .developers a {
	    padding-right: 37px;
	}

	footer .developers a::after {
	    top: calc((100% - 24px) / 2);
	    width: 24px;
	    height: 24px;
	    background-size: 24px;
	}

	.form-popup .bt{
		max-width:80%;
	}

}

@media (max-width: 991px){
	body {
	    --cont-sm-width: 635px;
	}

	.bt,
	header .contacts,
	.bt-small{
	    font-size: 14px;
	}

	.contacts-sect>.container>.row {
	    grid-gap: 80px;
	}

	.title-box .title, 
	.contacts-sect .cont-items a {
	    font-size: 34px;
	}

	.contacts-sect .title-box {
	    max-width: 350px;
	}

	header .contacts{
		grid-gap:2px;
	}

	.bt span,
	.form-popup .bt span{
		padding: 10px 14px;
	}

	.form-popup .bt {
	    max-width: 70%;
	}

	.bt-link {
	    font-size: 18px;
	    padding-top: 11px;
	    padding-right: 40px;
	}

	.bt-link span {
	    width: 12px;
	    height: 12px;
	    background-size: 12px;
	    bottom: 3px;
	}

	.bt-small span{
	    padding: 6px 10px;
	}

	body {
	    --cont-sm-width: 570px;
	}

	.head-block .row .dots {
	    left: calc((var(--row-margin) - 20px) * -1);
	}

	.title-box .title, .contacts-sect .cont-items a {
	    font-size: 30px;
	}


	.head-slider .item p {
	    font-size: 18px;
	}

	.head-slider .item p {
	    font-size: 16px;
	}

	.moving-text .cl-1{
	    margin-left: 20px;
	}

	.moving-text {
	    font-size: 14px;
	}

	.trig-boxes .columns .item {
	    padding: 15px;
	}

	.education .educ-format .item .title, 
	.trig-boxes .columns .item .title, 
	.couses-list .item .text-box, 
	.education .row.info-box, 
	.free-lesson ul, 
	.free-lesson .types-list .item .title,
	.price-tabs .tabs li#current span,
	.price-tabs .price-item .full-price,
	.price-block .price-head .title-box .count,
	.price-tabs .price-item .button-box a{
	    font-size: 18px;
	}

	.trig-boxes .columns .item>div {
	    grid-gap: 15px;
	}

	.sect-width-padding {
	    padding: 40px 0;
	}

	.couses-list .item {
	    padding: 13px 0;
	}

	.cause {
	    margin-bottom: 30px;
	}

	.education .educ-format{
		grid-template-rows: calc((100vw - 295px)/ 2);
	}

	.education .educ-format .item {
	    padding: 25px;
	}

	.education .educ-format .item.online {
	    background-size: 49%;
	}

	.education .row.info-box {
	    max-width: 560px;
	}

	.order-section .call-bt{
		margin-top:0;
	}

	.order-section .row-2 {
	    grid-template-columns: 1fr;
	    max-width: 330px;
	}

	.order-section {
	    padding: 70px 0;
	    background-position: right 15px top 78%;
	    background-size: auto 57%;
	}

	.order-section .col-1 {
	    grid-gap: 30px;
	}

	.order-section .order-bt, 
	.order-section .call-bt {
	    padding: 10px 25px;
	    min-width: 208px;
	    text-align: center;
	}

	.price-tabs .price-item .detail-price span{
		padding:3px 5px;
	}

	.price-tabs .price-item .row{
		padding:20px;
	}

	.price-tabs .price-item .button-box a, 
	.pre-footer .social .item a {
	    padding: 15px;
	}

	.price-tabs .tabs li span {
	    height: 55px;
	}

	.price-block .price-head .text-box {
	    max-width: 525px;
	}



}


@media (max-width: 767px){
	body {
	    --cont-sm-width: 90%;
	}

	.head-block .row .dots {
	    left: calc((var(--row-margin) - 30px) * -1);
	}

	header .contacts,
	header .bt-box{
		display: none;
	}

	header .columns{
		grid-template-columns: 100px 1fr auto;
	}

	header.active .columns {
	    grid-template-columns: 70px 1fr auto;
	}

	header.active {
	    padding: 12px 0;
	}

	header .nav {
	    grid-column-start: initial;
	}

	.main-wrap {
	    padding-top: 77px;
	}

	.head-block {
	    min-height: calc(100vh - 77px);
	}

	.moving-text .cl-1{
	    margin-left: 0;
	}

	.trig-boxes .columns .item>div {
	    grid-gap: 10px;
	}

	.trig-boxes .columns{
		grid-template-columns: 1fr;
	}

	.trig-boxes .columns{
		border:none;
	}

	.trig-boxes .columns .item{
		border-right:none;
		border-bottom:1px solid #000;
	}

	.sect-width-padding {
	    padding: 60px 0;
	}

	.cause {
	    margin-bottom: 0;
	}

	.purple-block {
	    padding: 30px 15px;
	}

	.education .educ-format {
	    grid-template-rows: initial;    
	    grid-template-columns: 1fr;
	}

	.education .educ-format .item {
	    grid-gap: 100px;
	}

	.education .educ-format .item,
	.education .triggers-list .item{
		padding:25px;
	}

	.education .educ-format .item.offline {
	    background-size: 57%;
    	background-position: bottom 0 right;
	}

	.education .educ-format .item.online {
	    background-size: 47%;
	}

	.education .triggers-list {
	    grid-template-columns: repeat(2, 1fr);
	}

	.free-lesson .types-list {
	    grid-template-columns: 1fr;
	}

	.contacts-sect .fil-item .fil-location>div {
		grid-template-columns: 1fr;
	}

	.contacts-sect .title-box {
	    max-width: 320px;
	}

	.price-tabs .content .tab-box{
		grid-template-columns: repeat(2, 1fr);
	}

	.price-tabs .price-item:nth-child(1),
	.price-tabs .price-item:nth-child(3),
	.price-tabs .price-item:nth-child(5){
		border-left-width:1px;

	} 

	.price-tabs .price-item:nth-child(4), 
	.price-tabs .price-item:nth-child(7){
		border-left-width:0;
	}

	.price-block .price-head .text-box {
	    max-width: 600px;
	}

	header .nav .nav-menu{
		width:300px;
		right:-300px;
	}

	header .nav .burger.active {
	    right: 232px;
	}

	header .nav .nav-wrapper{
		overflow: scroll;
    	height: 100vh;
    	grid-gap:50px;
	}

	.form-popup.fancybox-content {
	    padding: 40px 30px 30px;
	}

	.fancybox-slide--html .form-popup .fancybox-close-small {
	    width: 40px;
	    height: 40px;
	    top: 5px;
	    right: 5px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	.form-popup .fancybox-button svg {
	    height: 80%;
	    width: 80%;
	}

	ol ol {
	    margin-left: 15px;
	}
}

@media (max-width: 660px){
	.pre-footer .columns{
		grid-template-columns: 1fr;
	}

	.pre-footer .banner-box{
		border-left-width:1px;
		border-top-width:0;
		min-height: 70px;
	}

	.back-bt{
		left:15px;
	}
}


@media (max-width: 600px){
	.row.left-marg{
		margin-left:0;
	}

	.container-sm{
		max-width:initial;
	}

	.contacts-sect .fil-item .fil-info{
		grid-template-columns: 1fr 180px;
		grid-gap: 15px;
	}

	.contacts-sect .fil-item .fil-info>div:last-child{
		grid-column-start: 2;
    	grid-row-start: 1;
	}

	.head-block .row{
		margin-left:50px;
	}

	.head-slider .item {
    	grid-template-columns: 1fr 1fr;
	}

	.head-block .row .dots {
	    left: -50px;
	}
}


@media (max-width: 480px){

	.ham{
		top: calc((30px - 60px) / 2);
	    right: calc((30px - 60px) / 2);
	    width: 60px;
	}

	header .nav .burger.active {
	    right: 235px;
	}


	.title-box .title, 
	.contacts-sect .cont-items a{
	    font-size: 28px;
	}

	.form-popup .title-box .title{
	    font-size: 24px;
	}

	.head-slider .item {
	    grid-template-columns: 1fr;
	    grid-gap: 40px;
	}

	.head-slider .item .slide-image{
		text-align: center;
		grid-row-start: 1;
	}

	.head-block .row {
	    margin-left: 30px;
	}

	.head-block .row .dots {
	    left: -26px;
	}

	.head-slider .item .item-cont {
	    grid-gap: 15px;
	}

	.head-slider .item>div {
	    grid-gap: 30px;
	}

	.head-slider{
		padding:30px 0;
	}

	.moving-text .text .marquee::after{
		width:45px;
	}

	.trig-boxes .columns .item>div {
	    grid-gap: 5px;
	}

	.trig-boxes .columns .item {
	    padding: 20px 15px;
	}

	.cause .container>.row, .free-lesson .row.grid-box {
	    grid-gap: 30px;
	}

	.couses-list .item .number-box {
	    font-size: 30px;
	}

	.couses-list .item{
		grid-gap:20px;
	}

	.sect-width-padding {
	    padding: 70px 0;
	}

	.purple-block{
		width:100vw;
		margin-left:-15px;
	}

	.education .educ-format .item.online {
	    background-size: 55%;
	}

	.education .educ-format .item.offline {
	    background-size: 66%;
    	background-position: bottom 0 right -20px;
	}

	.education .educ-format .item .text-box{
		max-width:200px;
	}

	.education .triggers-list{
		grid-gap:15px;
	}

	.education .educ-format .item, 
	.education .triggers-list .item,
	.free-lesson .types-list .item{
	    padding: 20px;
	}

	.order-section {
	    padding: 60px 0;
	    background-position: left 100px top 78%;
	    background-size: 400px;
	}

	footer .columns{
		grid-template-columns: 1fr;
	    justify-content: center;
	    text-align: center;
	    grid-gap:20px;
	}

	footer .developers a{
		display: inline-flex;
	}

	.contacts-sect .title-box {
    	max-width: 300px;
	}

	.price-tabs .content .tab-box {
	    grid-template-columns: 1fr;
	}

	.price-tabs .price-item,
	.price-tabs .price-item:nth-child(4), 
	.price-tabs .price-item:nth-child(7){
		border-left-width:1px;
	}


	.price-tabs .tabs li span {
	    height: 65px;
	    font-size: 15px;
	}

	header .nav .nav-wrapper{
		grid-template-rows: initial;
		align-content: center;
		grid-gap: 70px;
		padding: 60px 20px 60px;
	}

	header .columns {
	    grid-gap: 30px;
	}

	.contacts-sect {
	    padding: 50px 0;
	}

	.fade-element-2.visible .fade-element-2-mob{
		opacity: 0;
	    transform: translate3d(0, 10px, 0);
	}

	.fade-element-2-mob{
	    opacity: 0!important;
	    transform: translate3d(0, 10px, 0)!important;
	    transition: opacity 1s ease, transform 1s ease!important;
	}

	.fade-element-2-mob.visible{
	    opacity: 1!important;
	    transform: translate3d(0, 0, 0)!important;

	}

	.fade-element-2-mob.visible:nth-child(2){
	    transition-delay: 0!important; 
	}

	.fade-element-2-mob.visible:nth-child(3){
	    transition-delay: 0!important; 
	}

	.fade-element-2-mob.visible:nth-child(4){
	    transition-delay: 0!important; 
	}

	.mes-widget .mes-bt{
		width:50px;
		height:50px;
	}

	.mes-widget .widget-links a {
	    width: 30px;
	    height: 30px;
	}

	.mes-widget {
	    bottom: 15px;
	    right: 15px;
	}

	.help-bt .help-box{
		top: initial;
	    bottom: 40px;
	    left: initial;
	    right: -60px;
	    width: 250px;
	}

	.help-bt .help-box::before{
		top: initial;
	    left: initial;
	    bottom: -20px;
	    right: 60px;
	    transform: rotate(-90deg);
	}

}


@media (max-width: 430px){
	.order-section {
	    background-position: left 67px top 78%;
	}

	.contacts-sect .cont-items a{
		font-size:26px;
	}

	.contacts-sect .fil-item .fil-info {
	    grid-template-columns: 1fr 40px;
	}

	.contacts-sect .fil-item .map-bt{
		font-size:0;
		position: relative;
		width:30px;
		height:30px;
		border:0;
		transition: 0.2s;
		-moz-transition: 0.2s;
		-webkit-transition: 0.2s;
	}

	.contacts-sect .fil-item .map-bt.active{
		transform: rotate(180deg);
	}

	.contacts-sect .fil-item .map-bt::after,
	.contacts-sect .fil-item .map-bt::before{
		content: '';
		width:50%;
		height:1px;
		background-color: #000;
		position: absolute;
	}

	.contacts-sect .fil-item .map-bt::before{
		transform: rotate(45deg);    
		bottom: 13px;
    	left: 2px;
	}

	.contacts-sect .fil-item .map-bt::after{
		transform: rotate(-45deg);
		right: 2px;
    	bottom: 13px;
	}

	header .columns{
		grid-gap:30px;
		grid-template-columns: 90px 1fr auto;
	}

	.main-wrap {
	    padding-top: 72px;
	}

	.head-block {
	    min-height: calc(100vh - 72px);
	}

}

@media (max-width: 360px){

	.contacts-sect .cont-items a{
		font-size:22px;
	}

	.education .educ-format .item .title, 
	.trig-boxes .columns .item .title, 
	.couses-list .item .text-box, 
	.education .row.info-box, 
	.free-lesson ul, 
	.free-lesson .types-list .item .title, 
	.price-tabs .tabs li#current span, 
	.price-tabs .price-item .full-price, 
	.price-block .price-head .title-box .count, 
	.price-tabs .price-item .button-box a, 
	.pre-footer .social .item a {
	    font-size: 18px;
	}
	.form-popup .title-box .title {
	    font-size: 22px;
	}
}

@media (max-width: 350px){
	.price-tabs .tabs{
		grid-template-columns: 1fr;
	}

	.price-tabs .tabs li:nth-child(2) span {
	    border-left-width: 1px;
	    border-top-width: 0;
	}

	header .descr{
		display: none;
	}

	header .nav {
	    grid-column-start: 3;
	}

	.head-slider {
	    padding: 50px 0;
	}

	header .nav .nav-wrapper{
		grid-gap:40px;
	}

	header .nav ul{
		grid-gap:15px;
	}

}




@media (min-device-width: 480px) and (max-device-width: 850px) and (orientation: landscape){

	.ham{
		top: calc((30px - 60px) / 2);
	    right: calc((30px - 60px) / 2);
	    width: 60px;
	}

	header .nav .burger.active {
	    right: 280px;
	}

	.title-box .title, 
	.contacts-sect .cont-items a,
	.form-popup .title-box .title{
	    font-size: 26px;
	}

	.head-slider .item>div {
	    grid-gap: 30px;
	}

	header .nav .nav-wrapper{
		overflow: scroll;
    	height: 100vh;
    	padding: 70px 20px 0;
    	grid-gap: 50px
	}

	header .nav .bt-box{
		padding-bottom:50px;
	}

	header .columns {
	    grid-gap: 30px;
	    grid-template-columns: 100px 1fr auto auto auto;
	}

	header.active .columns {
	    grid-template-columns: 70px 1fr auto auto auto;
	}

	header.active {
	    padding: 10px 0;
	}

	.main-wrap {
	    padding-top: 71px;
	}

	header {
	    padding: 12px 0;
	}

	.head-block {
	    min-height: calc(100vh - 71px);
	}

	.head-block .item {
	    grid-template-columns: 1fr 0.8fr;
	}

	.form-popup.fancybox-content {
	    padding: 35px 50px;
	}



	.mes-widget .mes-bt{
		width:50px;
		height:50px;
		background-size: 25px;
	}

	.mes-widget .widget-links a {
	    width: 30px;
	    height: 30px;
	}

	.mes-widget {
	    bottom: 15px;
	    right: 15px;
	}

}

@media (min-device-width: 480px) and (max-device-width: 767px) and (orientation: landscape){
	header .nav .burger.active {
	    right: 232px;
	}
	.trig-boxes .columns {
	    grid-template-columns: repeat(3, 1fr);
	        border-bottom: 1px solid var(--black-color);
	}

	.trig-boxes .columns .item{
		border-right:1px solid var(--black-color);
		border-bottom:0;
	}

	.education .educ-format{
		grid-template-columns: 1fr 1fr;
	}

	.education .educ-format .item.online {
	    background-size: 60%;
	}

	.education .educ-format .item.offline {
	    background-size: 80%;
	    background-position: bottom 30px right;
	}

	.free-lesson .types-list {
	    grid-template-columns: 1fr 1fr;
	}

	header .contacts, header .bt-box {
	    display: grid;
	}

}

@media (min-device-width: 480px) and (max-device-width: 700px) and (orientation: landscape){
	header .columns {
	    grid-gap: 20px;
	    grid-template-columns: 90px 1fr auto auto auto;
	}

	.main-wrap {
	    padding-top: 66px;
	}

	.head-block {
	    min-height: calc(100vh - 66px);
	}
}

@media (min-device-width: 480px) and (max-device-width: 600px) and (orientation: landscape){
	.head-slider .item .slide-image{
		grid-row-start: initial;
	}
	.head-slider .item {
	    grid-template-columns: 1fr 0.8fr;
	}

	.head-slider .item .item-cont{
		grid-gap:10px;
	}

	.head-slider .item>div {
	    grid-gap: 20px;
	}

	.trig-boxes .columns{
		grid-template-columns: 1fr;
		border:0;
	}

	.trig-boxes .columns .item{
		border-right:0;
		border-bottom:1px solid var(--black-color);
	}

	.trig-boxes .columns .item>div {
	    grid-gap: 5px;
	}

	.moving-text .text .marquee::after{
		width:50px;
	}

	.cause .container>.row, 
	.free-lesson .row.grid-box {
	    grid-gap: 30px;
	}

	.education .educ-format {
	    grid-template-columns: 1fr;
	}

	.education .educ-format .item.online {
	    background-size: 43%;
	}

	.education .educ-format .item.offline {
	    background-size: 63%;
	    background-position: bottom 13px right;
	}

	.free-lesson .types-list {
	    grid-template-columns: 1fr;
	}

	header {
	    padding: 10px 0;
	}

	header.active {
	    padding: 8px 0;
	}

	header .contacts, header .bt-box {
	    display: none;
	}

	header .columns {
	    grid-gap: 20px;
	    grid-template-columns: 80px 1fr auto;
	}

	header.active .columns {
	    grid-template-columns: 60px 1fr auto;
	}

	.main-wrap {
	    padding-top: 57px;
	}

	.head-block {
	    min-height: calc(100vh - 57px);
	}

}


@media (min-device-width: 480px) and (max-device-width: 500px) and (orientation: landscape){

	header .nav .nav-wrapper {
	    height: 100vh;
	    padding: 140px 20px 0;
	    grid-gap: 30px;
	}

}













/*ipad pro and other big tabs in album orientation*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 850px) and (orientation: landscape){ 
	.head-block {
	    min-height: 645px;
	}

	.mes-widget .mes-bt{
		width:70px;
		height:70px;
		background-size: 35px;
	}

	.mes-widget .widget-links a {
	    width: 45px;
	    height: 45px;
	}

}

/*ipad pro and other big tabs in portrait orientation*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait){
	.head-block {
	    min-height: 620px;
	}

	.mes-widget .mes-bt{
		width:70px;
		height:70px;
		background-size: 35px;
	}

	.mes-widget .widget-links a {
	    width: 45px;
	    height: 45px;
	}
}


/*ipad and other tabs in album orientation*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 700px) and (orientation: landscape) {
	.head-block {
	    min-height: 520px;
	}
}

/*ipad and other tabs in portrait orientation*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait){
	.head-block {
	    min-height: 520px;
	}

	.help-bt .help-box{
		font-size:10px;
	}
}