@media only screen and (min-width:1200px) and (max-width:5000px) {

  .container {

    max-width: 1180px;

}

}





@media only screen and (min-width:1055px) and (max-width:1200px) {

	.container {

		max-width: 100%;

	}

}



@media only screen and (min-width:900px) and (max-width:1055px) {

	.container {

		max-width: 100%;

	}
  nav .menu ul li a {
    font-size: 16px;
    padding: 5px 10px;
  }
  nav .menu .contact-header .time-work, nav .menu .contact-header .phones a {
    font-size: 14px;
  }


}



@media only screen and (min-width:280px) and (max-width:900px) {
  
  .payments {
    text-align: center;
  }
	.nav-container {
		background-color: #fd484e
	}
.menu-button {
			display: block;

		}
		#nav-icon1 {
			width: 30px;
			height: 25px;
			position: relative;
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			transform: rotate(0);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			cursor: pointer;
			right: 10px;
			top:  2px;
			float: right;
		}

		#nav-icon1 span {
			display: block;
			position: absolute;
			height: 3px;
			width: 100%;
			background: #fff;
			border-radius: 9px;
			opacity: 1;
			right: 0;
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			transform: rotate(0);
			-webkit-transition: 0.25s ease-in-out;
			-moz-transition: 0.25s ease-in-out;
			-o-transition: 0.25s ease-in-out;
			transition: 0.25s ease-in-out;
		}

		#nav-icon1 span:nth-child(1) {
			top: 0;
			right: 0;
		}

		#nav-icon1 span:nth-child(2) {
			top: 8px;
		}

		#nav-icon1 span:nth-child(3) {
			top: 16px;
		}

		#nav-icon1.open span:nth-child(1) {
			top: 7px;
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			-o-transform: rotate(135deg);
			transform: rotate(135deg);
		}

		#nav-icon1.open span:nth-child(2) {
			opacity: 0;
		}

		#nav-icon1.open span:nth-child(3) {
			top: 7px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			-o-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

		nav .menu-links {
			display: none
		}

		nav.show-nav .menu-links {
			position: absolute;
			z-index: 2;
			left: -15px;
			top: 0;
			background: #000;
			height: 100vh;
			display: block;
		}
		

		.show-nav .menu .contact-header{
			display: block
		}
		.show-nav .menu .contact-header .time-work {
			margin: 10px 0;
			background-image: url(../img/time-icon-red.svg)
		}
		nav .menu .contact-header .phones {
			background-image: url(../img/phone-icon-red.svg)
		}
		.show-nav .menu ul li {
			display: block
		}
		.show-nav .menu ul .show-submenu ul {
			position: relative
		}
		nav .menu-links {
			padding: 20px 5px;
		}
	.container {

		max-width: 100%;

	}

	.home-header {

		margin-top: 0;
		background-size: contain

	}
	.home-header .wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}
.home-header .wrapper h1 {
    font-size: 18px;
}
.home-header .wrapper .text-ac {
	margin-top: 0
}
	header .header {

		display: block;

		text-align: center

	}
nav .menu ul .menu-item-has-children ul {
	padding-left: 20px;
	display: block;
	position: relative;
	background: #000
}

	header .header .time {

		display: none

	}

	header .header .adress {

		padding-top: 30px;

		margin-top: 20px;

		padding-left: 0;

		background-position: top center;

		display: inline-block;
		line-height: 1.2;

		margin-right: 10px

	}

	header .header .phones {

		padding-top: 30px;

		margin-top: 20px;

		padding-left: 0;

		background-position: top center;

		display: inline-block

	}

	header .header .adress p {

		font-size: 16px;
		line-height: 1.2;

	}

	header .header .phones a {

		font-size: 16px

	}





.mb0 {
	margin-bottom: 0
}

.home-header .wrapper h1 {

    font-size: 28px;

    width: 100%;

    max-width: 100%;

}
.mb {
	margin-bottom: 10px
}

.why {

    grid-template-columns: 1fr;

}

.why .why-item .p-why-text {

	padding-left: 15px;

	padding-right: 15px

}

.home-header {

	background-position: top center;

}

.title-b .title {

    font-size: 24px;

    line-height: 1.3;

}

.uslugi-list {

   grid-template-columns: 1fr 1fr;

}
.uslugi-list .u-item .title-u {
	text-transform: none;
	font-size: 16px;
	min-height: 50px;
	line-height: 19px
}
.promo .promo-block {

    grid-template-columns: 1fr;

}

.promo .promo-block .promo-img img {

    margin-bottom: 0px;

}

.promo .promo-block .promo-text h3 {

	font-size: 21px;

	margin-top: 15px

}

.but-center {

	padding: 40px 0

}

.our-partners .partners-list {

	grid-template-columns: 1fr 1fr 1fr;

}

article .grid-img-left {

	display: block

}

article h1, article h2 {

	font-size: 28px;

	line-height: 1.3;

	margin: 10px 0

}

footer .f-column {

	grid-template-columns: 1fr;

}

.f-one {

	margin-bottom: 20px

}

.contact-page .content {

	display: block

}

.contact-page .content .contact-map {

    padding-left: 0px;

}

.header-page .h-page {

	display: block;

	text-align: center

}

.header-page #breadcrumbs a, .header-page #breadcrumbs span {

	font-size: 12px

}
.post-page .post h1 {
    font-size: 21px;
}
article h3, article h4, article h5 {
    font-size: 17px;
}

}



@media only screen and (min-width: 767px) and (max-width:900px) {

.why {

    grid-template-columns: 1fr 1fr 1fr;

}

.uslugi-list {

    grid-template-columns: 1fr 1fr;

}

.promo-img {

	text-align: center

}

}