@media screen and (max-width: 1250px) {

	.center {
		max-width:720px;
	}	
	
	.header {
		height:650px;
		background-size:1550px auto;
	}

	.header .data {
		height:500px;
	}
		
	.header .data h1 {
		margin:0 0 26px 0;
	}
	
	.header .data ul {
		width:400px;
	}
	
	.header .data p.button {
		padding:10px 0 0 0;
	}	
	
	.price {
		padding:80px 0;
	}
		
	.price h2 {
		margin:0 0 54px 0;
	}

	.price .list {
		padding:0 0 77px 0;
	}
		
	.price .list .item {
		margin-top:10px;
		width:calc(50% - 20px);
	}

	.price .list .item.discounts::before {
		width:48px;
		height:48px;
		background-size:48px auto;
		left:-10px;
		top:-10px;
	}

	.price .list .slick-dots {
		display:flex;
		justify-content:center;
		align-items:center;
		width:290px;
		position:absolute;
		bottom:0px;
		left:50%;
		margin:0 0 0 -145px;
		text-align:center;
		z-index:10;
	}

	.price .list .slick-dots li {
		display:inline-block;
		background: #DCE1F5;
		width: 8px;
		height: 8px;
		border-radius:50%;
		text-indent:-9999px;
		cursor:pointer;
		margin:0 16px;
		transition: all 0.5s;
	}

	.price .list .slick-dots li.slick-active {
		background: #4432F6;
		width: 12px;
		height: 12px;
	}

	.price .list .slick-prev,
	.price .list .slick-next {
		width:15px;
		height:25px;
		display:block;
		text-indent:-9999px;
		bottom:-7px;
		position:absolute;
		transition: all 0.5s;
		background:url("images/prev.svg") no-repeat center center;
		z-index:11;
		cursor:pointer;
	}

	.price .list .slick-prev {
		left:calc(50% - 123px);
	}

	.price .list .slick-next {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		left:calc(50% + 123px - 15px);
	}	
	
	.how-do-we-do {
		background-size:1550px auto;
		padding:112px 0 0 0;
		height:693px;
	}

	.how-do-we-do h2 {
		margin:0 0 58px 0;
	}

	.how-do-we-do .list {
		display:block;
	}

	.how-do-we-do .list .item {
		width:100%;
		text-align:center;
		padding:0 30px;
		box-sizing: border-box;
	}	

	.how-do-we-do .list .item span.ico {
		margin-left:auto;
		margin-right:auto;
	}

	.how-do-we-do .list .slick-prev,
	.how-do-we-do .list .slick-next {
		width:15px;
		height:25px;
		display:block;
		text-indent:-9999px;
		position:absolute;
		transition: all 0.5s;
		background:url("images/prev2.svg") no-repeat center center;
		z-index:11;
		cursor:pointer;
		top:50px;
	}

	.how-do-we-do .list .slick-prev {
		left:calc(50% - 123px);
	}

	.how-do-we-do .list .slick-next {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		left:calc(50% + 123px - 15px);
	}

	.about {
		padding:80px 0 0 0;
	}

	.team .list {
		display:block;	
		position:relative;
		margin:0 -10px;
		padding:108px 0 77px 0;
	}

	.team .list .item {
		width:calc(50% - 20px);
		margin:0 10px;
	}

	.team .item span.foto {
		width:100%;
		padding-bottom:100%;
	}

	.team .list .slick-dots {
		display:flex;
		justify-content:center;
		align-items:center;
		width:290px;
		position:absolute;
		bottom:0px;
		left:50%;
		margin:0 0 0 -145px;
		text-align:center;
		z-index:10;
	}

	.team .list .slick-dots li {
		display:inline-block;
		background: #DCE1F5;
		width: 8px;
		height: 8px;
		border-radius:50%;
		text-indent:-9999px;
		cursor:pointer;
		margin:0 16px;
		transition: all 0.5s;
	}

	.team .list .slick-dots li.slick-active {
		background: #4432F6;
		width: 12px;
		height: 12px;
	}

	.team .list .slick-prev,
	.team .list .slick-next {
		width:15px;
		height:25px;
		display:block;
		text-indent:-9999px;
		bottom:-7px;
		position:absolute;
		transition: all 0.5s;
		background:url("images/prev.svg") no-repeat center center;
		z-index:11;
		cursor:pointer;
	}

	.team .list .slick-prev {
		left:calc(50% - 123px);
	}

	.team .list .slick-next {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		left:calc(50% + 123px - 15px);
	}	
	
	.forms .center {
		display:block;
	}
	
	.forms .left { 
		width:100%;
		background: #4432F6;
	}
	
	.forms .right {
		box-sizing: border-box;
		width:100%;
		margin-right:0px;
		padding:56px;
	}
	
	.any {
		padding:80px 0 0 0;
	}

	.any .list {
		display:block;
		margin:0 -10px;
		position:relative;
		padding-bottom:77px;
	}

	.any .list .item {
		width:calc(50% - 20px);
		margin:0 10px;
	}

	.any .list .slick-dots {
		display:flex;
		justify-content:center;
		align-items:center;
		width:290px;
		position:absolute;
		bottom:0px;
		left:50%;
		margin:0 0 0 -145px;
		text-align:center;
		z-index:10;
	}

	.any .list .slick-dots li {
		display:inline-block;
		background: #DCE1F5;
		width: 8px;
		height: 8px;
		border-radius:50%;
		text-indent:-9999px;
		cursor:pointer;
		margin:0 16px;
		transition: all 0.5s;
	}

	.any .list .slick-dots li.slick-active {
		background: #4432F6;
		width: 12px;
		height: 12px;
	}

	.any .list .slick-prev,
	.any .list .slick-next {
		width:15px;
		height:25px;
		display:block;
		text-indent:-9999px;
		bottom:-7px;
		position:absolute;
		transition: all 0.5s;
		background:url("images/prev.svg") no-repeat center center;
		z-index:11;
		cursor:pointer;
	}

	.any .list .slick-prev {
		left:calc(50% - 123px);
	}

	.any .list .slick-next {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		left:calc(50% + 123px - 15px);
	}	
	
	.seotext {
		padding:80px 0 130px 0;
	}
	
	.footer .center {
		display:block;
		height:auto;
		padding:20px 0;
	}
	
	.footer .left {
		align-items: center;
		justify-content: space-between;
		width:100%;
	}
	
	.footer .left .copyright {
		position:absolute;
		bottom:25px;
	}	
	
	.footer .left .phone {
		margin-left:0px;
		background:none;
		padding-left:32px;
	}
	
	.footer .left .phone::before { left:0px; }
	
	.footer .left .email {
		padding-left:0px;
		margin-left:0px;
		background:none;
	}
	
	.footer .right {
		width:100%;
		display:flex;
		padding:20px 0 0 0;
		justify-content: flex-end; 
	}
	
	.forms .right .warning ul { padding:0; }
	
	.footer .left .phone p { display:block; }
	
}

@media screen and (max-width: 730px) {
	
	.center {
		max-width:350px;
	}	

	.header {
		background:url("images/header-mobile.png") no-repeat center center;
		height:566px;
		background-size:400px auto;
	}

	.top {
		padding:16px 0;
	}

	.top .logo {
		width: 117px;
		height: 27px;
		background:url("https://vodapoverka.com.ua/wp-content/uploads/2021/09/vodapoverka_logo_out_mob.svg") no-repeat center center;
	}

	.top .lang a span { display:none; }

	.top .mobile-phone {
		display:block;
		width:24px;
		height:24px;
		background:url("images/mobile-phone.svg") no-repeat center center;
	}
		
	.top .phone-lang .phone { display:none; }	

	.top .phone-lang { width:90px; }
	
	.top .lang a {
		padding-left:20px;
	}
	
	.header .data {
		width:100%;
		align-items: flex-start;
		padding:24px 0 0 0;
	}

	.header .data h1 {
		font-size: 20px;
		line-height: 150%;	
		margin:0 0 29px 0;
	}

	.header .data h1 del {
		font-size: 16px;
		line-height: 150%;
	}

	.header .data h1 em {
		font-size: 20px;
		line-height: 150%;
	}

	.header .data ul {
		width:100%;
	}

	.header .data ul li {
		font-size: 14px;
		line-height: 150%;
		margin:0 0 10px 0;
		padding-left:30px;
	}
	
	.header .data ul li::before {
		width:18px;
		height:14px;
		background:url("images/done-mobile.svg") no-repeat center center;
		left:0px;
		top:3px;
	}

	.header .data p.button {
		padding:0;
		position:absolute;
		left:0px;
		right:0px;
		bottom:68px;
		display: flex;
		justify-content: center;
	}	

	.header .data p.button a,
	.header .data p.button a:hover {
		width: 290px;
		height: 48px;
		background: #FF1616;
		border-radius: 71px;
		border:none;
		color:#FFF;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 135%;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	.header .data p.button a::before,
	.header .data p.button a:hover::before {
		left:24px;
		top:12px;
		background:url("images/description.svg") no-repeat center center;
	}
	
	.price {
		padding:40px 0;
	}	

	.price h2 {
		font-size: 20px;
		line-height: 135%;
		margin:0 0 32px 0;
		padding:0 20px;
	}
	
	.price .list {
		padding-bottom:37px;
	}

	.price .list .item {
		margin-top:0px;
		width:100%;
		padding:32px 12px 100px 12px;
	}
	
	.price .list .item.discounts::before {
		left:12px;
		top:105px;
	}	
		
	.price .list .item span.ico {
		width:92px;
		height:92px;
	}	
		
	.price .list .item.one span.ico::before { background-size:92px auto; }
	.price .list .item.two span.ico::before { background-size:92px auto; }
	.price .list .item.three span.ico::before { background-size:92px auto; }	
		
	.price .list .item h3 {
		font-size: 18px;
		line-height: 135%;
		margin:0 0 24px 0;
	}	
		
	.price .list .item ul {
		margin:24px 0 0 0;
	}	
	
	.price .list .item ul li b {
		font-size: 14px;
		line-height: 135%;
	}	
		
	.price .list .item ul li span.old {
		font-size: 14px;
		line-height: 135%;
	}	
		
	.price .list .item ul li span.current {
		font-size: 14px;
		line-height: 135%;
	}	
		
	.price .list .item p.button {
		bottom:32px;
	}	
		
	.price .list .item p.button a {
		width:310px;
		height: 40px;
		font-size: 13px;
		line-height: 135%;
	}	
	
	.price .list .slick-prev { left:10px; }
	.price .list .slick-next { 
		right:10px; 
		left:auto;
	}
	
	.price .warning {
		width:100%;
		margin:96px auto 0;
		font-size: 14px;
		line-height: 135%;
		text-align:center;
	}
	
	.price .warning::before {
		top:-48px;
		left:50%;
		margin:0 0 0 -20px;
	}	
	
	.how-do-we-do {
		background:url("images/how-we-works-mobile.png") no-repeat center center;
		background-size:400px auto;
		padding:40px 0 0 0;
		height:432px;
	}	
		
	.how-do-we-do h2 {
		font-size: 20px;
		line-height: 135%;
		margin:0 0 20px 0;
		padding:0 15px;
	}	
	
	.how-do-we-do .list .item span.ico {
		width:82px;
		height:82px;
		margin:0 auto 16px auto;
		background-size:32px auto;
	}	
	
	.how-do-we-do .list .item {
		padding:0 5px;
	}
	
	.how-do-we-do .list .item h3 {
		font-size: 14px;
		line-height: 135%;
	}

	.how-do-we-do .list .item time {
		font-size: 14px;
		line-height: 135%;
		margin:0 0 14px 0;	
	}

	.how-do-we-do .list .item p {
		font-size: 12px;
		line-height: 135%;
	}

	.how-do-we-do .list .slick-prev,
	.how-do-we-do .list .slick-next {
		top:30px;
	}
	
	.about {
		padding:40px 0 0 0;
	}	
	
	.about h2 {
		margin:0 0 32px 0;
		font-size: 20px;
		line-height: 135%;
		padding:0 30px;
	}	
		
	.about .data {
		font-size: 14px;
		line-height: 135%;
	}
	
	.toggle .show a {
		width:100%;
		height: 48px;
		font-size: 14px;
		line-height: 135%;
	}	
		
	.toggle .hideblock.block {
		padding:0 0 40px 0;
	}	
	
	.team {
		padding:32px 0 0 0;
	}
		
	.team .list {
		padding:59px 0 37px 0;
	}	
		
	.toggle .show a::before {
		width:26px;
		height:26px;
		top:11px;
		right:11px;
		background-size:26px auto;
	}

	.toggle .show a.show::before { 
		background:url("images/show-hover.svg") no-repeat center center; 
		background-size:26px auto;
	}

	.toggle .show a::after {
		width:8px;
		height:0px;
		background:url("images/show-active-mobile.svg") no-repeat center 100%;
	}

	.toggle .show a.show::after { height:43px; }

	.team .item b {
		padding:16px 0 8px 0;
		font-size: 16px;
		line-height: 135%;
	}

	.team .item i {
		font-size: 14px;
		line-height: 135%;
		margin-bottom:8px;
	}

	.team .item p {
		font-size: 14px;
		line-height: 135%;
	}
	
	.team .list .slick-prev {
		left:10px;
	}

	.team .list .slick-next {
		left:auto;
		right:10px;
	}	

	.reviews {
		padding:16px 0 0 0;
	}
		
	.slider-reviews {
		padding:59px 0 37px 0;
	}	
		
	.slider-reviews .item {
		font-size: 14px;
		line-height: 150%;
		padding:32px 16px;
	}	

	.slider-reviews .item strong {
		font-size: 16px;
		line-height: 135%;
		margin:0 0 8px 0;
		padding-left:0px;
	}

	.slider-reviews .item em {
		font-size: 14px;
		line-height: 135%;
		color: #9699A0;	
		display:block;
		margin:0 0 21px 0;
		padding-left:0px;
	}

	.slider-reviews .item span.foto {
		position:relative;
		left:auto;
		top:auto;
		margin:0 0 9px 0;
	}

	.slider-reviews .slick-prev {
		left:10px;
	}

	.slider-reviews .slick-next {
		left:auto;
		right:10px;
	}

	.portfolio {
		padding:16px 0 0 0;
	}

	.slider-portfolio {
		padding:59px 0 37px 0;
	}

	.slider-portfolio .item {
		font-size: 14px;
		line-height: 150%;
		padding:0 0 80px 0;
		position:relative;
		text-align:left;
	}

	.slider-portfolio .item strong {
		font-size: 16px;
		line-height: 135%;
		margin:16px 0 8px 0;
	}

	.slider-portfolio .item em {
		font-size: 14px;
		line-height: 135%;
		margin:0 0 16px 0;
	}

	.slider-portfolio .item p {
		display:block;
		padding:0 16px;
	}

	.slider-portfolio .slick-prev {
		left:10px;
	}

	.slider-portfolio .slick-next {
		left:auto;
		right:10px;
	}
	
	.slider-portfolio .item .button {
		left:16px;
		right:16px;
		bottom:32px;
	}

	.slider-portfolio .item .button a {
		font-size: 14px;
		line-height: 150%;
	}	
	
	.forms {
		padding:48px 0 0 0;
	}	
		
	.forms .left {
		padding:32px 24px;
	}	
		
	.forms .wpcf7 h3 {
		font-size: 20px;
		line-height: 135%;
		margin:0 0 32px 0;
	}	
		
	.forms .wpcf7 input.wpcf7-text {
		padding:0 0 14px 0;
		font-size: 14px;
		line-height: 135%;
	}	
	
	.forms .wpcf7 span.wpcf7-form-control-wrap {
		margin:0 0 24px 0;
	}

	.forms .wpcf7-list-item-label {
		font-size: 14px;
		line-height: 135%;
	}

	.forms .wpcf7 span.submit {
		padding:40px 0 0 0;
		display:block;
	}

	.forms .wpcf7 input.wpcf7-submit {
		width:100%;
		height: 40px;
		font-size: 14px;
		line-height: 135%;
	}
		
	.forms .wpcf7 .wpcf7-response-output {  display:none!important; }
	
	.forms .left .sendok {
		font-size: 20px;
		line-height: 135%;
	}

	.forms .right {
		padding:32px 12px;
	}

	.forms .right h2 {
		font-size: 20px;
		line-height: 135%;
		margin:0 0 32px 0;
	}	
		
	.forms .right ul li {
		margin-bottom:24px;
	}	
		
	.forms .right ul li.phone a {
		font-size: 16px;
		line-height: 160%;
	}	
		
	.forms .right ul li.time {
		font-size: 14px;
		line-height: 135%;
	}	
		
	.forms .right ul li.adress {
		font-size: 14px;
		line-height: 135%;
	}	
		
	.forms .right .warning {
		margin:24px 0 0 0;
		padding:24px 0 0 0;
		font-size: 14px;
		line-height: 135%;
	}	
	
	.forms .right ul li.phone::before {
		top:0px;
		left:5px;
		width:24px;
		height:24px;
		background-size:24px auto;
	}
	
	.any {
		padding:48px 0 0 0;
	}	
		
	.any h2 {
		font-size: 20px;
		line-height: 135%;
		margin:0 0 32px 0;
	}

	.any .list {
		padding-bottom:37px;
	}
	
	.any .list .item b {
		padding:20px 0 10px 0;
		font-size: 16px;
		line-height: 135%;
	}	
		
	.any .list .item p.button a {
		font-size: 14px;
		line-height: 135%;
	}	
	
	.any .list .slick-prev {
		left:10px;
	}

	.any .list .slick-next {
		left:auto;
		right:10px;
	}		
	
	.seotext {
		padding:48px 0 54px 0;
		font-size: 13px;
		line-height: 135%;
	}	
		
	.seotext h2 {
		font-size: 20px;
		line-height: 135%;
		margin:0 0 24px 0;
		padding:0 40px;
	}

	.seotext p {
		padding:0 0 10px 0;
	}	
	
	.footer .left {
		display:block;
	}	
	
	.footer .left .phone { margin-top:16px; }
	
	.footer .right {
		border-top:1px solid #DCE1F4;
		margin:24px 0 0 0;
		padding:12px 0 0 0;
	}
	
	.footer .right ul {
		width:62px;
	}
		
	.footer .right li.facebook a {
		width:20px;
		height:20px;
		background-size:20px auto;
	}

	.footer .right li.youtube a {
		width:26px;
		height:18px;
		background-size:26px auto;
	}	
	
	.footer .left .copyright {
		bottom:19px;
	}	

	.window.fancybox-content {
		width:350px;
		padding:24px;
		background-size:350px auto;
	}

	.window h3 {
		font-size: 20px;
		line-height: 135%;
		margin:0 0 24px 0;
	}
	
	.window .wpcf7 input.wpcf7-text {
		padding:0 0 14px 0;
		font-size: 14px;
		line-height: 135%;
	}	
	
	.window .wpcf7 span.wpcf7-form-control-wrap {
		margin:0 0 24px 0;
	}

	.window .wpcf7 span.submit {
		padding:40px 0 0 0;
		display:block;
	}

	.window .wpcf7 input.wpcf7-submit {
		width:100%;
		height: 40px;
		font-size: 14px;
		line-height: 135%;
	}
	
	.window .wpcf7 .wpcf7-response-output { display:none!important; }
	
	.sendokpops.fancybox-content {
		width:350px;
		padding:24px;
		font-size: 20px;
		line-height: 135%;
		background-size:350px auto;
		height: 350px;
	}
	
}