@media (max-width: 1440px){
	*{
		--font-10: 10px;
	    --font-12: 12px;
	    --font-14: 14px;
	    --font-16: 16px;
	    --font-18: 18px;
	    --font-24: 24px;
	    --font-32: 32px;
	    --font-64: 64px;
	    --value-5: 5px;
	    --value-8: 8px;
	    --value-10: 10px;
	    --value-12: 12px;
	    --value-15: 15px;
	    --value-16: 16px;
	    --value-20: 20px;
	    --value-25: 25px;
	    --value-30: 30px;
	    --value-40: 40px;
	    --value-50: 50px;
	    --value-60: 60px;
	    --value-70: 70px;
	    --value-80: 80px;
	    --value-90: 90px;
	    --value-100: 100px;
    	--value-120: 120px;
	}

	.container{
		max-width:1320px;
	}

	header .logo-box {
	    width: 240px;
	}

	footer .logos-list {
	    width: 460px;
	}

	.deals-list .owl-stage-outer{
	    width: calc(1320px - var(--value-15) * 2);
	}

	.contacts .container {
	    max-width: 930px;
	}

	.toggle-switchy .toggle{
	    height: 35px;
	    width: 78px;
	}

	.toggle-switchy .toggle .switch{
	    width: 29px;
	    height: 29px;
	    top: 3px;
	    left: 3px;
	}

	.toggle-switchy .wpcf7-list-item.active .toggle .switch{
	    left: calc(100% - 3px - 29px);
	}

	.time-converter__info .ti-wheel {
	    width: 460px;
	    height: 460px;
	    top: calc(50% - 230px);
	}

	.time-converter__info .ti-wheel__right {
	    right: -230px;
	}

	.time-converter__info .ti-wheel__left {
	    left: -230px;
	}

	.head-sect .section-block .form-body::before {
	    width: 110px;
	    height: 110px;
	    margin-top: -75px;
	    margin-right: -75px;
	}
	
	.what_we_do .text-box{
	    max-width:760px;
	}

	footer .section-content {
	    max-width: 930px;
	}

	.head-sect .section-block .columns{
		margin-top:0;
	}

	.head-sect .section-block{
		grid-gap: 30px;
	}

	.form-body .form-item textarea{
		height: 65px;
		min-height: 65px;
	}
}

@media (max-width: 1320px){
	.deals-list .owl-stage-outer {
	    width: calc(100vw - var(--value-15) * 2);
	}
}

@media (max-width: 1199px){
	.menu-box .nav-inner {
	    max-width: 672px;
	}
}

@media (max-width: 992px){
	.head-sect .section-block .columns{
		grid-template-columns: 1fr;
		grid-gap: 20px;
		margin-top:0;
	}

	.head-sect .form-body {
	    max-width: 430px;
	    grid-column-start: initial;
	    margin: 0 auto;
	    width: 100%;
	    order:2;
	}

	.head-sect .columns .title-box{
		order:1;
		text-align: center;
	}

	.logos-list .logos-list__item img {
	    display: block;
	    max-width: 90%;
	    max-height: 20px;
	    margin: 0 auto;
	}

	.logos-list .logos-list__item {
	    max-width: 10%;
	}

	.head-sect .section-block {
	    grid-gap: 30px;
	}

	header {
	    padding: 12px 0;
	}

	.contacts .form{
		grid-template-columns: 1fr;
	}

	.contacts .top-box,
	.contacts .form{
		width:100%;
		max-width:430px;
		margin:0 auto;
	}

	header .logo-box {
	    width: 180px;
	}

	header .right-col>div{
		grid-gap:30px;
	}

	header{
		font-size:0.8em;
	}

	.how_it_works .step-icon:before, .how_it_works .step-icon:after{
		width: calc(50% - 60px);
	}

	.how_it_works .step-title {
	    font-size: .7em;
	    padding: 0px 10px;
	}

	.header-phones #phones_control {
	    padding: 0.4em 0.4em 0.4em 2em;
	}

	.header-phones #phones_control{
		top:0.4em;
	}

}

@media (max-width: 768px){
	header .columns .service{
		display: none;
	}

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

	header .right-col{
		justify-content: initial;
	}

	header .right-col>div{
		justify-content: space-between;
	    display: grid;
	    width: 100%;
	}

	.header-phones{
		order:1;
	}

	header .columns {
	    grid-template-columns: calc(50% - 30px) 50%;
	}

	.header-phones.active::before {
	    height: 277%;
	}

	.what_we_do:before {
	    height: 80px;
	}
	.what_we_do:after {
	    height: 50px;
	}

	.sect.what_we_do{
		grid-gap:40px;
	}

	.menu-box .nav-inner{
		grid-template-columns: 1fr;
		grid-gap:0.5em;
		align-items: center;
	    grid-auto-rows: min-content;
	    align-content: center;
	    padding: 70px 0;
	}
	.menu-box .menu{	
		text-align: center;
		font-size:24px;
	}

	.menu-box .nav-footer .numbers-label{
		font-size:12px;
	}

	.menu-box .nav-footer{
		position: relative;
		padding: 0 0 70px;
	}

	.menu-box .container{
		grid-template-rows: 1fr auto;
	    height: 100%;
	    align-items: initial;
	    flex-direction: initial;
	    display: grid;
	    padding:0 15px;
	}

	.menu-box{
		overflow-y:scroll;
		overflow-x: hidden;
	}

	.menu-box .menu .menu-item__link{
		color:#000;
	}

}

@media (max-width: 650px){
	.how_it_works .step-title{
		font-size:14px;
	}

	.time-converter__info .ti-wheel{
		display: none;
	}

	footer .footer-text{
		grid-gap:30px;
	}

	.head-sect .section-block .form-body::before {
	    width: 80px;
	    height: 80px;
	    margin-top: -160px;
	    margin-right: 0;
	}
}

@media (max-width: 550px){
	.header-phones{
		font-size:12px;
	}

	.head-sect.reveal--in-viewport .section-block::before{
		display: none;
	}

	.head-sect .section-block{
		align-items: center;
    	align-content: center;
    	padding-top:60px;
	}
	.head-sect .title-box .title{
		font-size:17px;
	}

	.head-sect .title-box .title i:nth-of-type(1){
		font-size:22px;
	}

	.head-sect .section-footer .slogan{
		color:#fff;
	}

	.head-sect .section-footer {
	    grid-template-columns: 1fr auto;
	    padding-right: 10vw;
	}

	.head-sect .section-footer .service-block{
		display: none;
	}

	.head-sect .section-footer .m-scroll .scrolling{
		height: 50px;
		margin-top:10px;
	}

	.head-sect .logos-list{
		display: none;
	}

	.deals-list{
		width: 100vw;
	    overflow-y: scroll;
	    margin: 0 -15px;
	    padding: 0 15px;
	}

	.deals-list::-webkit-scrollbar{
		display: none;
	}

	.deals-list .deal-unit{
		width:80vw;
	}

	.deals-list .deal__image img {
	    -moz-transform: translate3d(-40%, 0, 0);
	    -o-transform: translate3d(-40%, 0, 0);
	    -ms-transform: translate3d(-40%, 0, 0);
	    -webkit-transform: translate3d(-40%, 0, 0);
	    transform: translate3d(-40%, 0, 0);
	    opacity: 1;
	}

	.deals-list .deal__content{
		max-width:55%;
	}

	.deals-list .deal__title{
		font-size: 24px;
	}

	.deals-list .deal__price{
		font-size:30px;
	}

	.deals-list .deal__subtitle{
		font-size:14px;
	}

	.sect {
	    padding: 50px 0;
	}

	.title-box.sect-title{
		grid-gap:15px;
	}

	.rows{
		grid-gap:40px;
	}

	.how_it_works{
		background-color: #f7f2ee;
	}

	.how_it_works .steps-list {
	    margin: 0 0 10px;
	    grid-template-columns: 1fr;
	}

	.how_it_works .step {
	    font-size: 16px;
	    display: grid;
	    grid-gap:5px;
	    width: 50%;
	}

	.how_it_works .step-label{
		margin-bottom:0;
		order:1;
	}

	.how_it_works .step-title{
		order:1;
	}

	.how_it_works .step-icon{
		margin-bottom:10px;
		order:0;
	}

	.how_it_works .step-icon .img-box {
	    width: 42px;
	    height: 42px;
	    padding: 0;
	    background-color: transparent;
	}

	.how_it_works .hiw-before, .how_it_works .hiw-after{
		display: none;
	}

	.how_it_works .step .step-label{
		position: relative;
	}

	.how_it_works .step .step-label:after {
		content: '';
	    background-color: #cc9577;
	    opacity: 1;
	    margin: 0 !important;
	    width: 9px;
	    height: 9px;
	    left: calc(100% - 4.5px);
	    top: 4px;
	    z-index: 2;
	    position: absolute;
	    border-radius:50%;
	    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
	    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
	    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
	    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
	    -moz-transform: translate3d(0, 60px, 0) scale(0);
	    -o-transform: translate3d(0, 60px, 0) scale(0);
	    -ms-transform: translate3d(0, 60px, 0) scale(0);
	    -webkit-transform: translate3d(0, 60px, 0) scale(0);
	    transform: translate3d(0, 60px, 0) scale(0);
	}

	.how_it_works.reveal--in-viewport .step-label:after {
	    -moz-transform: translate3d(0, 0, 0) scale(1);
	    -o-transform: translate3d(0, 0, 0) scale(1);
	    -ms-transform: translate3d(0, 0, 0) scale(1);
	    -webkit-transform: translate3d(0, 0, 0) scale(1);
	    transform: translate3d(0, 0, 0) scale(1);
	}


	.how_it_works .step{
		position: relative;
	}

	.how_it_works .step:after {
	    background-color: #cc9577;
	    content: '';
	    width: 1px;
	    height: 0;
	    top: 68px;
	    display: block;
	    position: absolute;
	    right: -1px;
	    z-index: 1;
	    -moz-transition: height 1s;
	    -o-transition: height 1s;
	    -webkit-transition: height 1s;
	    transition: height 1s;
	}

	.how_it_works.reveal--in-viewport .step.passed:after {
	    height: 100%;
	}

	.how_it_works .step.passed:nth-child(1):after {
		transition-delay: .5s;
	}

	.how_it_works .step.passed:nth-child(2):after {
		transition-delay: 1.4s;
	}

	.how_it_works .step.passed:nth-child(3):after {
		transition-delay: 2s;
	}

	.how_it_works .step-icon:before, .how_it_works .step-icon:after{
		display: none;
	}

	.how_it_works .steps-list .step:nth-child(2n),
	.how_it_works .steps-list .step:nth-child(4n) {
	    margin: 0 0 0 50%;
	}

	.how_it_works .steps-list .step:nth-child(2n):after,
	.how_it_works .steps-list .step:nth-child(2n):after{
	    right: auto;
	    left: 0;
	}

	.how_it_works .step:nth-child(2n) .step-label:after,
	.how_it_works .step:nth-child(4n) .step-label:after{
		left:-4px;
	}


	.title-box.sect-title .title.with-line::before{
		width:35px;
	}

	.title-box.sect-title .title.with-line {
	    grid-gap: var(--value-10);
	    margin-left: calc((35px + 10px) * -1);
	}

	.time-converter__info{
		min-height: 100vh;
	}

	footer .footer-text{
		grid-template-columns: 1fr;
		padding:15px 0;
	}

	footer .footer-text {
	    grid-gap: 10px;
	}

	footer .foota__social a{
		padding-top:10px;
	}

	footer .foota__social{
		margin:10px 0 0;
	}

	footer .footer-text .footer-text__adress{
		order:1;
	}

	footer .copyright {
	    padding: 15px;
	}

	.contacts .form-text, .contacts .form-text>div{
		grid-gap:15px;
	}

	footer .logos{
		display: none;
	}

}


@media (max-width: 480px){
	header .logo-box {
	    width: 100%;
	}

	.menu-bt {
	    width: 30px;
	    height: 30px;
	}

	.menu-bt .line:last-child{
		bottom:11px;
	}
	.menu-bt .line{
		top:11px;
	}

	header .right-col>div {
	    grid-gap: 20px;
	    justify-content: flex-end;
	}

	header .columns {
	    grid-template-columns: 32vw 1fr;
	    grid-gap:20px;
	}

	.rows {
	    grid-gap: 30px;
	}

	.deals-list .deal__title {
	    font-size: 22px;
	}

	.deals-list .deal__price {
	    font-size: 26px;
	}

	.deals-list .deal__price span{
		font-size:12px;
	}

	.sect.what_we_do {
	    grid-gap: 30px;
	}

	.form-body button{
	    height: 56px;
	    font-size: 15px;
	    padding: 0;
	    margin: 0;
	}

	body{
		font-size:14px;
	}

	.title-box.sect-title {
	    grid-gap: 10px;
	}

	.title-box.sect-title .section-subtitle{
		font-size:14px;
	}

	.title-box.sect-title .title{
		font-size:16px;
	}

	.what_we_do p{
		margin-bottom:15px;
		letter-spacing: .3px;
	}

	.time-converter__info .container {
	    grid-gap: 30px;
	}

	.toggle-switchy .toggle::before, .toggle-switchy .toggle::after{
		font-size:14px;
	}

	.menu-box .nav-inner{
		position: relative;
		padding-top: 100px;
	}
	.menu-box .nav-inner:before {
	    content: '';
	    display: block;
	    position: absolute;
	    height: 90vw;
    	width: 60vw;
    	left: 20vw;
    	top: calc((100% - 90vw) / 2);
	    z-index: 0;
	    background-image: url(../img/logo_el.svg);
	    background-size: contain;
	    background-position: center;
	    background-repeat: no-repeat;
	    opacity: .08;
	}

	.menu-box .menu{
		font-size:22px;
	}

	.menu-box .menu .menu-item__link:after{
		display: none;
	}

	.menu-box .nav-footer .nb__item {
	    margin: 1.1em 1.25em 0;
	}

	.menu-box .menu,
	.menu-box .nav-inner{
		grid-gap:.65em;
	}

	.menu-bt:hover .line{
		-moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	    top: 11px;
	    left:0;
	    width:100%;
	}

	.menu-bt:hover .line:nth-child(2n){
		-moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	    left:0;
	    bottom:11px;
	    top:initial;
	    width:60%;
	}

	.menu-bt.close_menu:hover .line{
		width: 60%;
	    top: 50%;
	    left: 20%;
	    -moz-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	.menu-bt.close_menu:hover .line:nth-child(2n){
		-moz-transform: rotate(-225deg);
	    -o-transform: rotate(-225deg);
	    -ms-transform: rotate(-225deg);
	    -webkit-transform: rotate(-225deg);
	    transform: rotate(-225deg);
	}

	.contacts .section-text{
		font-size:12px;
	}

	footer .copyright{
		font-size:12px;
	}

}
@media (max-width: 365px){
	.head-sect .section-block .form-body::before {
	    width: 60px;
	    height: 60px;
	    margin-top: -120px;
	}
}

@media (max-width: 350px){
	.header-phones {
	    font-size: 10px;
	}
}


@media only screen and (max-device-width: 850px) and (orientation: landscape){
	.head-sect .section-block .form-body::before {
	    width: 60px;
	    height: 60px;
	    margin-top: -120px;
	    margin-right: 0;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) and (orientation: portrait){
	.head-sect.sect {
	    min-height: auto;
	}

	.head-sect .container{
		grid-gap:60px;
	}

	.head-sect .section-block .form-body::before {
	    width: 90px;
	    height: 90px;
	    margin-top: -65px;
	    margin-right: -65px;
	}


}