@media (max-width: 1920px){
	*{
		--value-1: 1px;
		--font-14: 14px;
		--font-16: 16px;		
		--font-12: 12px;
	}
}

@media (max-width: 1440px){
	.content-box .title{
		font-size:6vw;
	}

	.content-box{
		grid-gap:3.5vw;
	}

	.content-box form input[type="text"], .content-box form input[type="email"], .content-box form input[type="tel"]{
		padding: 0.5vw 0.3vw;
		font-size: 2.5vw;
		max-width: 33vw;
	}

	header{
		padding: 2.1vw 0;
	}

	.main-wrap {
	    padding: 10vw 0 4vw;
	}

	.content-box form{
		grid-gap:3vw;
	}

	.content-box form input[type="submit"]{
		max-width:20vw;
	}

}



@media (max-width: 991px){
	header .logo-box{
		max-width:120px;
	}
}

@media only screen and (max-width: 767px){
	header .logo-box{
		max-width:100px;
	}

	body{
		font-size:12px;
	}

	.tape-box{
		font-size:14px;
		padding:15px 0;
	}

	.content-box .title {
	    font-size: 10vw;
	}

	.container{
		padding: 0 15px;
	}

	header{
		padding:15px 0;
	}

	.content-box form input[type="text"], .content-box form input[type="email"], .content-box form input[type="tel"] {
	    padding-bottom: 10px;
	    font-size: 20px;
	    max-width: 360px;
	}

	.grid-box,
	.content-box form{
		grid-gap:30px;
	}

	.content-box form input[type="submit"] {
	    max-width: 360px;
	    padding: 20px 40px;
	    font-size: 14px;
	}

	.main-wrap {
	    padding: 110px 0 30px;
	}
	.form-box .message span {
	    padding: 10px;
	}
}


@media (max-width: 480px){

	body{
    	background-image: url(../img/main-bg-mob.jpg);
	}
	.content-box .title {
	    font-size: 12.6vw;
	}

	header .info{
	    grid-gap: 20px;
	    grid-template-columns: 1fr;
	    font-size:12px;
	    text-align: right;
	}

	.main-wrap {
	    padding: 146px 0 30px;
	}

	.tape-box {
	    font-size: 16px;
	    padding: 20px 0;
	}
}

@media (max-width: 350px){
	.content-box .descr p br{
		display: none;
	}
}



@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 850px) and (orientation: landscape) {
	header .logo-box{
		max-width:131px;
	}

	.content-box .title {
	    font-size: 8.33vw;
	}
	.content-box form input[type="text"], .content-box form input[type="email"], .content-box form input[type="tel"] {
	    padding: 1.2vw 0.5vw;
	    font-size: var(--value-60);
	    max-width: 41vw;
	}

	.content-box form input[type="submit"] {
	    max-width: 21.8vw;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait){
	body{
		font-size: 2vw;
	}

	header .logo-box{
		max-width:131px;
	}

	.content-box .title {
	    font-size: 10vw;
	}
	.content-box form input[type="text"], .content-box form input[type="email"], .content-box form input[type="tel"] {
		padding: 2vw 0.8vw;
	    font-size: 4.5vw;
	    max-width: 48vw;
	}

	.content-box form input[type="submit"] {
	    max-width: 25vw;
	    padding: 2vw 3vw;
	    font-size:1.8vw;
	}

	.content-box {
	    grid-gap: 6vw;
	}

	header .info{
		font-size:1.4vw;
	}

	header {
	    padding: var(--value-60) 0;
	}

	.content-box form {
	    grid-gap: 5vw;
	}

	.tape-box {
	    font-size: 2vw;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 700px) and (orientation: landscape) {
	header .logo-box{
		max-width:120px;
	}

	header {
	    padding: var(--value-60) 0;
	}

	.content-box .title {
	    font-size: 8.33vw;
	}
	.content-box form input[type="text"], .content-box form input[type="email"], .content-box form input[type="tel"] {
	    padding: 1.2vw 0.5vw;
	    font-size: var(--value-60);
	    max-width: 41vw;
	}

	.content-box form input[type="submit"] {
	    max-width: 21.8vw;
	}

	body,
	.tape-box {
	    font-size: 1.5vw;
	}

	.content-box form {
	    grid-gap: 4vw;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait){
	body{
		font-size: 2vw;
	}

	.content-box .title {
	    font-size: 10vw;
	}
	.content-box form input[type="text"], .content-box form input[type="email"], .content-box form input[type="tel"] {
		padding: 2vw 0.8vw;
	    font-size: 4.5vw;
	    max-width: 48vw;
	}

	.content-box form input[type="submit"] {
	    max-width: 25vw;
	    padding: 2vw 3vw;
	    font-size:1.8vw;
	}

	.content-box {
	    grid-gap: 6vw;
	}

	header .info{
		font-size:1.4vw;
	}

	header {
	    padding: var(--value-60) 0;
	}

	.content-box form {
	    grid-gap: 5vw;
	}

	.tape-box {
	    font-size: 2vw;
	}
}

@media (min-device-width: 480px) and (max-device-width: 850px) and (orientation: landscape){
	header .logo-box {
	    max-width: 90px;
	}

	body,
	.tape-box{
		font-size:12px;
	}

	.tape-box{		
		padding:15px 0;
	}

	.content-box {
	    grid-gap: 3vw;
	}

	.grid-box,
	.content-box form{
		grid-gap:20px;
	}

	header {
	    padding: 15px 0;
	}

	.container {
	    padding: 0 15px;
	}

	.content-box form input[type="submit"]{
		font-size:12px;
		padding:10px 30px;
	}

	.main-wrap {
	    padding: 80px 0 15px;
	}

	.form-box .message span{
		padding:7px 15px;
	}

	.form-box .message.error{
		min-width: 350px;
    	left: calc((100% - 350px) / 2);
	}
}

@media (min-device-width: 480px) and (max-device-width: 700px) and (orientation: landscape){
	.content-box form input[type="text"], 
	.content-box form input[type="email"], 
	.content-box form input[type="tel"], 
	.content-box form input[type="submit"]{
		max-width: 310px;
	}
}