@media (min-height: 800px){
	#btn-next{
		bottom: 50px;
	}
	#btn-prev{
		bottom: 50px;
	}
	#btn-form{
		bottom: 50px;
	}
}
@media (max-width: 1600px){
	#btn-next{
		right: 30px;
	}
}
@media (max-width: 1400px){
	#messages{
		width: 330px;
		height: 165px;
	}
	#messages .conts{
		font-size: 18px;
		line-height: 1.2;
	}
	#calendar{
		right: 2%;
	}
	#page .eva .eva-name .n1{
		font-size: 50px;
	}
	#page .eva .eva-name .n2{
		font-size: 26px;
	}
	#page .eva .eva-name{
		bottom: 30px;
	}
}
@media (max-width: 1200px){
	#page .eva{
		height: 70%;
	}
	#btn-prev{
		right: auto;
		left: 20px;
		background: rgba(0, 0, 0, 0.65);
	}
}
@media (max-width: 980px){
	#calendar{
		max-width: 60%;
	}
	#messages{
		right: 60%;
		top: 20px;
	}
	#forms .slide{
		font-size: 18px;
	}
	#forms .slide .item input,
	#forms .slide .item > span,
	#forms .slide .item textarea,
	#forms .slide .item select{
		border-radius: 6px;
	}
	#btn-prev{
		left: 40%;
	}
	#page .eva .eva-name{
		left: 25px;
		text-shadow: 0 2px 5px #000;
	}
}
@media (max-width: 820px){
	#messages{
		right: 56%;
	}
}
@media (max-width: 768px){
	#messages{
		left: 50%;
		margin-left: -165px;
		right: auto;
		top: 30px;
		max-width: 100%;
	}
	#calendar{
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 90%;
		max-width: 400px;
		margin: 0 auto;
	}
	#page{
		padding: 225px 0 300px;
	}
	#btn-next{
		bottom: 300px;
		font-size: 20px;
		line-height: 25px;
	}
	#btn-prev{
		bottom: 240px;
		font-size: 20px;
		line-height: 25px;
		left: auto;
		right: 30px;
		background: rgba(0, 0, 0, 0.4);
		padding: 7px 35px 7px;
	}
	#btn-next{
		padding: 7px 35px 7px;
	}
	#btn-form{
		bottom: 300px;
		font-size: 18px;
		line-height: 25px;
		padding: 10px 20px 10px;
	}
	#page .eva{
		height: 350px;
		width: 300px;
	}
	#page .eva .eva-name{
		left: 285px;
		bottom: 20px;
	}
	#page .eva .eva-name .n1 {
	    font-size: 42px;
	}
	#page .eva .eva-name .n2 {
	    font-size: 22px;
	}
	#forms .slide .item > span{
		padding: 7px 5px;
	}
	#forms{
		left: 20%;
		top: 20%;
		width: 60%;
		height: 60%;
	}
	#forms .slide {
	    font-size: 16px;
	}
	#forms .slide .item input,
	#forms .slide .item select{
		font-size: 15px;
		line-height: 1;
		padding: 7px 5px;
	}
	#forms .slide.s6 .item input{
		font-size: 15px;
	}
	#forms .slide.s6 .item #phone{
		font-size: 14px;
	}
	#forms .slide.s6 .items{
		margin: 0 -17px;
	}
	#forms .slide .item textarea{
		font-size: 15px;
		line-height: 1.2;
	}
	#forms .slide.s5 .items{
		margin: 0 -15px;
	}
	#calendar .start{
		font-size: 30px;
	}
	.iti{
		font-size: 13px;
	}
	#calendar .wrap-calendar:after{
		content: "";
		position: absolute;
		z-index: 0;
		border-radius: 50%;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
	}
	#forms{
		background: rgba(5, 5, 37, 0.65);
	}
}
@media (max-width: 640px){
	#page .eva{
		left: 0;
		margin-left: 0;
		width: 100%;
		background-position: center bottom;
	}
	#page .eva .eva-name{
		left: 20px;
		text-shadow: 0 3px 5px #000;
	}
	#page .eva .eva-name .n1 {
	    font-size: 36px;
	}
	#page .eva .eva-name .n2 {
	    font-size: 20px;
	}
	#page {
	    padding: 225px 0 330px;
	}
	#page .eva{
		height: 300px;
	}
	#btn-form{
		bottom: 400px;
		width: 250px;
		left: 50%;
		margin-left: -125px;
		line-height: 30px;
		text-align: center;
	}
	#btn-next{
		background: #2196F3;
	}
	#btn-prev{
		left: 20px;
		right: auto;
		bottom: 300px;
	}
}
@media (max-width: 480px){
	#calendar{
		width: 96%;
	}
	.popup-form{
		left: 5%;
		width: 90%;
		margin: 0;
	}
	#page{
		padding-bottom: 360px;
	}
	#btn-next,
	#btn-prev{
		bottom: 320px;
	}
	#btn-next{
		right: 20px;
		padding: 7px 35px 7px;
	}
}
@media (max-width: 400px){
	#btn-form{
		bottom: 380px;
	}
	.iti{
		font-size: 12px;
	}
}
@media (max-width: 385px){
	#messages {
	    width: 300px;
	    height: 150px;
	    margin-left: -150px;
	}
	#messages .conts{
		left: 20px;
	    right: 20px;
	}
	#messages .conts{
		font-size: 16px;
	}
	#forms .slide {
	    font-size: 15px;
	}
	#forms .slide .item input,
	#forms .slide .item select{
		font-size: 14px;
	}
	#forms .slide .item textarea {
	    font-size: 14px;
	    line-height: 1.2;
	}
	#forms .slide.s6 .items {
	    margin: 0 -25px;
	}
}
@media (max-width: 365px){
	.iti{
		font-size: 11px;
	}
	#forms .slide {
	    font-size: 14px;
	}
	#forms .slide .item input,
	#forms .slide .item select{
		font-size: 13px;
	}
}