/* Экстрамалые девайсы («портретные телефоны», < 576px)*/
@media (max-width: 575.98px) { 
	.logo-container {
	position: relative;
	background-color: #111312;
	display: inline-block;
	color: #ffffff;
	padding: 8px 15px 5px 117px;
	border-radius: 25px;
	text-decoration: none;
	}
	.mob-menu {
		left: -13px;
	}
  .services-row{ flex-direction:column; }
  .service-card, .service-card.active{ flex:auto; }
  .service-card:nth-child(2) .skew-wrap,
  .service-card:nth-child(2) .skew-wrap .inner,
  .service-card:last-child .skew-wrap{
    transform:none;
    width:100%;
	border-radius: 25px;
  }

  .service-card:first-child .skew-wrap,
  .service-card:last-child .skew-wrap{
    clip-path: none;
	border-radius: 25px;
  }
  .inner-logo {
    width: 140px;
	height: 140px;
	}
  
  .inner-logo-2 {
	   transform: translateX(30px) skewX(-8deg);
	   background-repeat: no-repeat;
	   background-size: 140px;
	   width: 156px;
  }
	.skew-wrap-wash {
		padding: 15px 0 0 15px;
	}
	.inner-logo-3 {
	   background-repeat: no-repeat;
	   background-size: 140px;
	}
  .skew-wrap-service {
	  padding: 15px 0 0 33px;
  }
  .inner-2-service {
		position: relative;
		left: 0px;
	}
	.service-card:nth-child(2) .inner h3 {
		margin-left: 51px;
		font-size: 26px;
	}
  
    .service-card:first-child.active .inner h3,.service-card:last-child.active .inner h3 {
    font-size: 26px;
    font-weight: bold;
	}
	.service-card:first-child.active .inner-logo, .service-card:nth-child(2).active .inner-logo, .service-card:last-child.active .inner-logo {
		width: 140px;
		height: 140px;
	}
	.inner {
		margin: 11px 0 0 15px;
	}
	.inner-2 {
		height: 24px;
	}
	.inner-2 p:nth-child(1) {
		margin-left: 0px;
	}
	.inner-2 p:nth-child(2) {
		margin-left: 10px;
	}
	.inner-2 p:nth-child(3) {
		margin-left: 10px;
	}
	.inner-2 p {
		font-size: 12px;
		padding: 5px 0 0 0;
		margin: 0 0 0 0;
	}
	.skew-wrap-service .inner-a {
		margin-left: 42px;
	}
	
	.inner-a {
		display: inline-block;
		opacity: 1;
		transform: translateY(10px);
		pointer-events: cursor;
	}
	.skew-wrap-shop .inner {
		margin-left: 18px;
	}
	.skew-wrap-service .inner {
		margin-left: 0px;
	}
	.skew-wrap-wash .inner {
		margin-left: 18px;
	}
	.image-service-wrap {
		transform: skew(0deg);
        margin-bottom: 22px;
	}
	.image-service-wrap p{
		transform: skew(0deg);
	}
	.img-srv {
		transform: skew(0deg);
	}
	.bg-wrapper-service-images {
		top: auto;
	}
	.wrapper-podbor {
		margin-bottom: 15px;
	}
	.wash-car-block-logo {
		width: 30%;
		height: 100px;
		background-image: url(/assets/templates/img/main/banner/logo_2.png);
		background-repeat: no-repeat;
		background-size: 100px;
		background-position: 50% 50%;
		margin: 0px 7px 15px 0;
	}
	.wrapper-carwash {
		height: 750px;
		background-position: 50% 0;
		background-size: 800px;
	} 
	.washcar-text {
		margin: 0 0 0 0;
		width: 70%;
	}
	.wrapper-content h3 {
		font-size: 18px;
	}
	.wrapper-content p {
		font-size: 14px;
	}
	.wrapper-mySwiper2 {
		margin-top: 368px;
	}
	.li-menu-footer {
		display: block;
	}
	.bg-logo-footer-center {
		background: #252525;
		border-radius: 0;
		width: auto;
		margin-left: auto;
	}
	.bg-logo-footer-left{
		border-radius: 25px 25px 0 0px;
	}
	.bg-logo-footer-left, .bg-logo-footer-center, .bg-logo-footer-right {
		height: auto;
	}
	.ul-menu-footer-desc li {
		display: block;
		height: 44px;
		line-height: 44px;
		text-align: center;
	}
	.bg-logo-footer-right {
		border-radius: 0 0 0px 0;
	}
	.ul-menu-footer-desc {
		margin: 0px;
	}
	.phone-wrapper a:nth-child(1)::before { 
		display: none;
	}
	.phone-wrapper a:nth-child(1) {
		position: relative;
		padding-left: 0px;
	}
	.phone-wrapper {
		position: relative;
		padding: 15px 15px 0 15px;
		text-align: center;
	}
	.bg-footer-down-left {
		background: #252525;
		border-radius: 0 0 0px 0;
		width: auto;
		padding: 0 0 0 0;
	}
	.bg-footer-down-left p, .bg-footer-down-right p {
		padding: 10px 0 5px 0;
		margin: auto;
	}
	.bg-footer-down-left p::before {
		display: none;
	}
	.bg-footer-down-right p::before {
		display: none;
		border-radius: 0 0 25px 25px;
	}
	.bg-footer-down-right {
		border-radius: 0 0 25px 25px;
	}
}

/* Малые девайсы («ландшафтные», >= 575px)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
  .services-row{ flex-direction:column; }
  .service-card, .service-card.active{ flex:auto; }
  .service-card:nth-child(2) .skew-wrap,
  .service-card:nth-child(2) .skew-wrap .inner,
  .service-card:last-child .skew-wrap{
    transform:none;
    width:100%;
  }

  .service-card:first-child .skew-wrap,
  .service-card:last-child .skew-wrap{
    clip-path: none;
  }
  	.services-row{
	  flex-wrap: wrap;
	}
	.service-card:first-child .skew-wrap {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

/* Средние девайсы («таблетки», >= 768px) */
@media (min-width: 768px) and (max-width: 991.98px) { 
	.services-row{
	  flex-wrap: wrap;
	}
	.service-card:first-child .skew-wrap,.service-card:nth-child(2) .skew-wrap,.service-card:last-child .skew-wrap {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	border-radius: 25px;
	}
	.service-card:nth-child(2) .skew-wrap {
		background-image: url(/assets/templates/img/main/banner/Slider_photo2.jpg);
		transform: translateX(0px) skewX(0deg);
		width: 100%;
		padding: 0 0 0 0;
	}
	  .inner-logo-2 {
	   transform: translateX(30px) skewX(-8deg);
	   background-repeat: no-repeat;
	   background-size: 120px;
	   width: 156px;
  }
  .service-card:last-child .skew-wrap {
    background-color: #000;
    width: 100%;
    transform: translateX(0px);
}
	.skew-wrap-wash {
		padding: 15px 0 0 15px;
	}
	.skew-wrap-service {
    padding: 15px 0 0 20px;
	}
	.service-card:nth-child(2) .inner h3 {
    transform: skewX(-16deg);
    margin-left: 31px;
	flex-wrap: no-wrap;
}
	.inner-a {
		display: inline-block;
		opacity: 1;
		transform: translateY(0px);
		pointer-events: cursor;
	}
	.service-card:nth-child(2) .inner-a {
		transform: skewX(-16deg);
		margin-left: 14px;
	}
	 .inner h3 br{
		display: none;
	  }
	    .inner-2-service {
		position: relative;
		left: 0px;
	}
	  	.inner {
		margin: 11px 0 0 15px;
	}
	.inner-2 p:nth-child(1) {
		margin-left: 0px;
	}
	.inner-2 p:nth-child(2) {
		margin-left: 10px;
	}
	.inner-2 p:nth-child(3) {
		margin-left: 10px;
	}
	.inner-2 p {
		font-size: 10px;
		padding: 5px 0 0 0;
		margin: 0 0 0 0;
	}
	/**/
		.li-menu-footer {
		display: block;
	}
	.bg-logo-footer-center {
		background: #252525;
		border-radius: 0;
		width: auto;
		margin-left: auto;
	}
	.bg-logo-footer-left{
		border-radius: 25px 25px 0 0px;
	}
	.bg-logo-footer-left, .bg-logo-footer-center, .bg-logo-footer-right {
		height: auto;
	}
	.ul-menu-footer-desc li {
		display: block;
		height: 44px;
		line-height: 44px;
		text-align: center;
	}
	.bg-logo-footer-right {
		border-radius: 0 0 0px 0;
	}
	.ul-menu-footer-desc {
		margin: 0px;
	}
	.phone-wrapper a:nth-child(1)::before { 
		display: none;
	}
	.phone-wrapper a:nth-child(1) {
		position: relative;
		padding-left: 0px;
	}
	.phone-wrapper {
		position: relative;
		padding: 15px 15px 0 15px;
		text-align: center;
	}
	.bg-footer-down-left {
		background: #252525;
		border-radius: 0 0 0px 0;
		width: auto;
		padding: 0 0 0 0;
	}
	.bg-footer-down-left p, .bg-footer-down-right p {
		padding: 10px 0 5px 0;
		margin: auto;
	}
	.bg-footer-down-left p::before {
		display: none;
	}
	.bg-footer-down-right p::before {
		display: none;
		border-radius: 0 0 25px 25px;
	}
	.bg-footer-down-right {
		border-radius: 0 0 25px 25px;
	}
}

/* Большие девайсы (большие десктопы, >= 992px)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.ul-menu-head-desc>li>a{
		color: #fff;
		padding: 0 11px 2px 0;
		text-decoration: none;
	}
	.logo-container {
		padding: 8px 16px 5px 119px;
	}
	.bold-logo-text {
		font-size: 18px;
	}
	.ul-menu-head-desc>li>a{
		font-size: 15px;
}
	.head-telefon {
		font-size: 15px;
	}
	.service-card:first-child.active .inner-logo, .service-card:nth-child(2).active .inner-logo, .service-card:last-child.active .inner-logo {
    width: 120px;
    height: 120px;
}
.inner-logo {
    background-size: 120px;
    background-repeat: no-repeat;
}
	  	.inner {
		margin: 11px 0 0 15px;
	}
	.inner-2 p:nth-child(1) {
		margin-left: 0px;
	}
	.inner-2 p:nth-child(2) {
		margin-left: 10px;
	}
	.inner-2 p:nth-child(3) {
		margin-left: 10px;
	}
	.inner-2 p {
		font-size: 10px;
		padding: 5px 0 0 0;
		margin: 0 0 0 0;
	}
	.service-card:first-child .inner h3,
	.service-card:nth-child(2) .inner h3,
	.service-card:last-child .inner h3 {
		font-size: 20px;
	}
	.service-card:first-child.active .inner h3,
	.service-card:nth-child(2).active .inner h3,
	.service-card:last-child.active .inner h3 {
		font-size: 24px;
		font-weight: bold;
	}
	/*footer*/
	.phone-wrapper {
		position: relative;
		/*padding: 13px 0px 0 0px;*/
	}
	.phone-wrapper a {
		font-size: 18px;
	}
	.bg-footer-down-left p, .bg-footer-down-right p {
		font-size: 12px;
	}
	.text-2-footer {
		font-size: 16px;
		}
	.logo-footer {
		width: 80px;
		background-size: 80px;
		background-repeat: no-repeat;
	}
}

/* Большие девайсы (большие десктопы, >= 1200px <=1399)*/
@media (min-width: 1200px) and (max-width: 1399.98px)  {
		.ul-menu-head-desc>li>a{
		font-size: 15px;
	}
	.head-telefon {
		font-size: 15px;
	}
}