@media (max-width: 1170px){
	.row.wide {
		width: 960px;
	}
}

@media (max-width: 768px){

	.row.slim, 
	.row.wide {
		width: 90%;
	}

	.header__phone-wrapper {
		display: none;
	}

	.header__menu-button {
		display: flex;
	}

	.product {
		width: calc(50% - 15px);
	}

	.about__content {
		width: 100%;
	}

	.about__photo {
		display: none;
	}

	.promo__title {
		font-size: 36px;
		line-height: 52px;
		color: #fff;
		margin-bottom: 13px;
		animation-duration: 1.05s;
		animation-delay: 0s;
	}
}

@media (max-width: 480px){

	.row.slim, 
	.row.wide {
		width: 90%;
	}

	.header .row {
		align-items: center;
	}

	.header__logo {
		width: 145px;
		height: 38px;
	}

	.header__menu-button {
		display: flex;
	}

	.promo {
		height: 100vh;
    	height: calc(var(--vh, 1vh) * 100);
    	background-position: 70% 50%;
	}

	.promo__title,
	.about__title,
	.products__title,
	.works__title,
	.clients__title,
	.reviews__title,
	.contacts__title {
		font-size: 32px;
		line-height: 40px;
	}

	.promo__button .blink {
		display: none;
	}

	.promo__next-section .circle {
		animation: none;
	}

	.about__content {
		padding: 40px 0;
	}

	.show-all-text {
		display: block;
	}

	.about__paragraph:not(.not-hide) {
		display: none;
	}

	.about__video-desc {
		display: none;
	}

	.about__video-preview {
		display: block;
	}

	.about__video-play-button {
		animation: none;
	}

	.about__video-wrapper {
		max-width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-end;
	}

	.about__video-play-button {
		position: absolute;
		width: 70px;
		height: 70px;
		left: 0;
		background-image: none;
	}

	.about__video-play-button::after {
		content: '';
		width: 28px;
		height: 28px;
		background-image: url(/assets/images/icons/play.svg);
		background-repeat: no-repeat;
		-webkit-background-size: 78%;
		background-size: 78%;
		display: block;
		position: absolute;
		top: 21px;
		left: 28px;
	}

	.products {
		padding: 40px 0 10px 0;
	}

	.products__desc {
		margin-bottom: 21px;
	}

	.products__desc br,
	.works__desc br {
		display: none;
	}

	.product {
		width: 100%;
		min-height: 200px;
	}

	.works {
		padding: 40px 0;
	}

	.works__desc {
		margin-bottom: 30px;
	}

	.work {
		width: 100%;
		flex-direction: column;
		margin-bottom: 60px;
	}

	.work__img {
		width: 100%;
	}

	.work__img img {
		border: none;
		box-shadow: none;
	}

	.work__img .third,
	.work__img .second {
		display: none;
	}

	.work__content {
		width: 100%;
		padding: 23px 25px;
		max-height: 100%;
	}

	.work__desc {
		margin-bottom: 12px;
	}

	.work__desc br {
		display: none;
	}

	.work__link {
		position: static;
	}

	.clients {
		padding: 40px 0;
	}

	.clients-wrapper {
		justify-content: space-between;
	}

	.client {
		width: 50%;
		width: calc(50% - 20px);
		margin-bottom: 40px;
	}

	.client img {
		width: 100%;
		height: auto;
	}

	.contacts {
		padding: 40px 0;
	}

	.reviews {
		padding: 10px 0 40px 0;
	}

	.reviews__wrap {
		overflow: hidden;
	}

	.reviews__wrap iframe {
		height: 240px;
	}

	.contacts__content {
		flex-direction: column;
	}

	.form__title {
		font-size: 24px;
		line-height: 30px;
	}

	.contacts__form,
	.contacts__reqs {
		width: 100%;
	}

	.form__input,
	.form__input input {
		width: 100%;
	}

	.form__button .blink {
		display: none;
	}

	.contacts__reqs {
		padding: 0;
		margin-top: 32px;
	}

	.contacts__social {
		margin-bottom: 20px;
	}

	.footer {
		padding-top: 40px;
	}

	.footer .row {
		flex-direction: column;
		padding-bottom: 40px;
	}

	.footer__reqs,
	.footer__link,
	.footer__social {
		width: 100%;
	}

	.footer__links {
		margin-top: 30px;
	}

	.footer__social {
		margin-top: 30px;
		justify-content: center;
	}

	.footer__social-link,
	.thanks__social-link,
	.menu__social-link {
		width: 32px;
		height: 32px;
	}

	.footer__social-link.facebook,
	.thanks__social-link.facebook,
	.menu__social-link.facebook {
		background-position: -64px 0;
	}

	.footer__social-link.vk,
	.thanks__social-link.vk,
	.menu__social-link.vk {
		background-position: -224px 0;
	}



	/* POPUP block */

	.overlay {
		background-color: rgba(0,0,0,0);
	}

	.close-overlay-button {
		right: 20px;
		top: 20px;
	}

	.close-overlay-button:hover {
		transform: scale(1);
	}

	.overlay__video-wrapper {
		width: 100%;
    	height: 100vh;
    	position: relative;
    	align-items: center;
    	background-color: #fff;
	}

	.overlay__video {
		/*height: 32vh;*/
		height: 211px;
		min-height: 0;
	}

	.agreement {
		max-width: 100%;
		min-height: 0;
		min-width: 0;
		width: 100%;
		height: 100vh;
		padding: 90px 10% 60px 10%;
		z-index: 500;
	}

	.agreement__title {
		font-size: 24px;
		line-height: 30px;
	}

	.agreement--inner {
		height: calc(100vh - 150px);
		padding: 0;
		overflow: scroll;
	}

	.callback-form {
		width: 100%;
		height: 100vh;
		min-height: 500px;
		min-width: 0;
		padding: 90px 10% 60px 10%;
		z-index: 500;
		overflow: scroll;
	}

	.thanks {
		width: 100%;
		min-width: 0; 
		height: 100vh;
		min-height: 0;
		padding: 90px 10% 60px 10%;
		z-index: 500;
	}

	.clients__presenter {
		width: 100%;
		min-width: 0;
	}

	.clients__presenter-wrapper {
		overflow: scroll;
		flex-direction: column;
		height: 100vh;
	}

	.client__logo {
		width: 100%;
		min-height: 220px;
	}

	.client__logo img {
		width: 60%;
		height: auto;
	}

	.client__history {
		width: 100%;
		padding: 30px 10% 60px 10%;
		overflow: visible;
	}

	
	/* CASE page */

	.case-main {
		padding-bottom: 40px;
	}

	.case-header {
		padding: 40px 0;
	}

	.case-header .header__logo {
		width: 130px;
		height: 34px;
		margin-bottom: 30px;
	}

	.case-header {
		flex-direction: column;
	}

	.header__menu {
		flex-wrap: wrap;
		justify-content: center;
	}

	.header__menu li {
		margin: 0 10px 10px 10px;
	}

	.case__name {
		font-size: 32px;
   		line-height: 44px;
   		margin: 0 0 11px 0;
	}

	.case__desc-and-link {
		flex-direction: column;
		margin-bottom: 30px;
	}

	.case__desc,
	.case__link {
		width: 100%;
	}

	.case__link {
		margin-top: 6px;
	}

	.case-main .row.wide {
		width: 100% !important;
	}

	.case__main-img {
		margin-bottom: 30px;
	}

	.content__main-title {
		font-size: 32px;
    	line-height: 44px;
    	margin-bottom: 11px;
	}

	.case-main__subtitle,
	.section__title {
    	font-size: 24px;
    	line-height: 30px;
	}

	.case-main__text {
		width: 100%;
		margin-bottom: 30px;
	}

	.case-main__social-link {
		margin-bottom: 30px;
	}

	.content__section {
		padding: 40px 0;
	}

	.section__text {
		width: 100%;
	}

	.section__images {
		margin: 0;
	}

	.section__images .section__image {
		width: 100%;
		/*margin: 0 0 -4px 0;*/
	}

	.section__images img {
		width: 100%;
	}

	.section__image:last-child img {
		margin-bottom: 0;
	}

	.section__video-review iframe {
		height: 240px;
	}

	.case-nav {
		padding-bottom: 40px;
	}

	.case-nav__prev,
	.case-nav__next {
		width: 100%;
	}

	.case-nav::before {
		width: 100%;
		height: 100.1%;
	}

	.case-nav::after {
		display: none;
	}

	.case-nav .row {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
	}

	.case-nav__prev a,
	.case-nav__next a {
		padding: 40px 0 0 0;
	}

	.case-nav__next {
		margin-top: 20px;
	}

	.case-nav__desc {
		height: auto;
	}

	.case-nav__img {
		margin-bottom: -4px;
	}
}