:root {
  --red-color: #091E3F;
}
@media screen and (max-width: 1140px){
	.container{width: 100%; padding: 0 16px}
	header .phone{margin-left: 0px;}
	header .phone a{font-size: 16px;}
	header .timework{font-size: 12px;}
	header nav li{margin-right: 10px; font-size: 12px;}
	header .lang{margin-right: 10px}

	#repair__types .grid,#masters .grid{gap: 15px; grid-template-columns: repeat(3,1fr);}
	#repair__models .grid{gap: 15px;}
	#advantages__items_category .item{padding-bottom: 25px;}
	#advantages__items_category .text{width: 100%; order: 0!important;}
	#advantages__items_category .image{width: 100%; order: 1!important}
	#advantages__items_category .image img{width: 100%;}
	#repair__to .flex{justify-content: flex-start;}
	#repair__to a{margin: 0 15px 15px 0; padding: 7px 20px}


	#request .data{padding: 0; width: 100%; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px;}
	#request:after{display: none;}
	#request .phone{width: 100%;}


	#advantages .item .text{padding: 20px;}
	#advantages .item .title{font-size: 18px; line-height: normal;}
	#advantages .item p{font-size: 12px; line-height: normal;}


	#prices .services .item{width: 100%; margin-bottom: 20px;}

	#works .grid p{font-size: 14px; line-height: normal;}
	#rating .grid{grid-template-columns: repeat(3,1fr);}


	#about{background: #F9FAFB}
	#about .image{display: block; margin-bottom: 30px;}
	#about .image img{max-width: 100%; width: 100%; height: auto;}


	#promo__page{padding: 30px 0; min-height: 0}
	#promo__page .text{order: 1}
	#promo__page .image{order: 0; width: 100%; right: 0; position: relative; width: 100%; display: block;}
	#promo__page .image img{margin: 0 auto;}


	#page__price .sidebar{width: 260px}
	#page__price .list__price{width: calc(100% - 270px);}
	#page__price .sidebar li a span{width: 30px}


	#advantages__items .container{padding: 0}
	#advantages__items .item{height: auto;}
	#advantages__items .text{order: 0!important; width: 100%; padding: 30px 16px!important;}
	#advantages__items .image{order: 1!important; width: calc(100% + 32px)!important; position: relative; left: 0px!important}
	#advantages__items .image img{max-width: 100%; width: 100%;}


	#contacts .data{width: 100%; margin-bottom: 30px;}
	#contacts .map{width: 100%;}
	#contacts .map p{display: none;}


	#reviews__page .grid{gap: 10px; grid-template-columns: repeat(2,1fr);}


	footer .request .data{max-width: 100%; margin-bottom: 30px;}
	footer .request .form{width: 100%;}
	footer .footer__data .col:first-child{width: 100%; margin-bottom: 40px;}
}




@media screen and (max-width: 767px){
	
    #masters .item {width: 50%;}
	#page__price .filter img, #page__price .sidebar li a span img{
	width: 20px;
	margin-right: 5px
}
	.bt{font-size: 24px; line-height: 28px; text-align: center;}


	#repair__models .grid,#repair__types .grid,#masters .grid{gap: 15px; grid-template-columns: repeat(2,1fr);}
	#masters .grid{grid-template-columns: repeat(1,1fr);}
	#repair__models .item,#repair__types .item{margin-bottom: 0;}
	#repair__models .center{padding: 20px 0 0;}
	#repair__models,#repair__types,#masters{padding: 30px 0}


	header{padding: 17px 0; position: relative; z-index: 200; background: #fff;}
	header .pull{display: block; position: relative;}
	header .pull .close{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	header .pull.open svg{opacity: 0;}
	header .pull.open .close{display: flex; align-items: center; justify-content: center;}
	header .pull.open .close svg{opacity: 1}
	header .timework{display: none;}
	header .phone{margin: 0; padding: 0;}
	header .phone a{font-size: 0; width: 16px; height: 16px; background: url("../img/phone.svg") 50% 50% no-repeat; display: block;}
	header .logo img{width: 58px;}
	header .logo span{font-size: 9px; line-height: 12.691px; margin-left: 15px; padding-left: 10px; border-width: 1px;}
	header nav{display: none;}
	header .lang{margin-right: 20px}


	#navigation{position: absolute; text-align: center; padding: 95px 16px 30px; overflow-y: auto; top: 0; left: 0; width: 100%; min-height: 100%; box-sizing: border-box; z-index: 199; background: rgba(0, 0, 0, 0.90);}
	#navigation ul li{text-align: center; margin-bottom: 11px;}
	#navigation ul li a{color: #FFF; font-size: 16px; line-height: 21px;}
	#navigation .timework{padding: 0 0 0 30px; background: url("../img/timeworkw.svg") 0 50% no-repeat; font-size: 15px; color: #fff; line-height: 21px; margin: 27px 0 17px; text-align: left;}
	#navigation .phone{padding: 0 0 0 30px; background: url("../img/phoneww.svg") 0 50% no-repeat; font-size: 23px; line-height: 21px; text-align: left;}
	#navigation .phone a{color: #1E1E1E}


	.box__modal .form .col{width: 100%; margin-bottom: 20px;}
	.swiper-button-next, .swiper-button-prev{width: 30px!important; height: 30px!important; background-size: 100% 100%!important}
	#technique .swiper-button-prev{left: calc(100% - 70px)!important}




	#promo{text-align: center; padding: 45px 0 20px; background-position: calc(50% - 100px) 0; background-size: auto 100%}
	#promo:after{background: linear-gradient(90deg, var(--red-color) 7.08%, rgba(109, 0, 23, 0.00) 101.77%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''}
	#promo .text:before {
		top: -45px;height: calc(100% + 80px);
	}
	#promo .container{position: relative; z-index: 2}
	#promo h1,#promo h1 strong{font-size: 32px; line-height: 39.68px;}
	#promo h1:after{left: calc(50% - 22px); bottom: -10px}
	#promo p{padding: 22px 0; font-size: 15px; line-height: 20px;margin: 0 auto;}
	#promo .advantages{padding: 23px 0 0}
	#promo .flex{width: 100%; text-align: left; justify-content: flex-start; margin-bottom: 15px;}
	#promo .flex p{font-size: 16px; line-height: 24px;}


	#technique{padding: 30px 0;}
	#technique .bt{max-width: 180px; text-align: left;}
	#technique .item a{font-size: 14px; line-height: 18px;}


	#request{padding: 35px 0}
	#request .data p{font-size: 13px;}
	#request .form{padding: 15px 0 0;}
	#request .data{padding: 0 0 15px; margin-bottom: 15px;}
	#request .phone{padding: 60px 0 0; background-size: 44px auto; background-position: 50% 8px;}
	#request .phone a{font-size: 24px; line-height: 50px;}
	#request .phone p{font-size: 12px;}
	.form .col{width: 100%; margin-bottom: 10px;}
	.form .btn{width: 100%;}


	#advantages{padding: 30px 0;}
	#advantages .grid{gap: 10px; grid-template-columns: repeat(1,1fr);}
	#advantages .item{overflow: hidden;}
	#advantages .item .image{height: 180px; overflow: hidden; position: relative;}
	#advantages .item .image img{min-height: 180px; height: auto; width: auto; max-width: 100%; min-width: 100%; object-fit: cover}
	#advantages .item .title{line-height: 33.6px;}
	#advantages .item p{font-size: 14px; line-height: 22.4px;}


	#prices{padding: 30px 0;}
	#prices .bt{text-align: center;}
	#prices .bt .btn{position: relative; margin-top: 15px}
	#prices .list__price .icon{width: 48px;}
	#prices .list__price .row{min-height: 66px; padding-left: 48px; padding-right: 15px;}
	#prices .list__price .title{width: 100%; font-size: 13px; font-weight: 400; line-height: 18px; position: relative; top: 5px;}
	#prices .list__price .data{width: 100%; font-size: 12px; line-height: 19px;}
	#prices .list__price .warr,#prices .list__price .price{width: auto;  font-size: 12px; line-height: 19px; position: relative; top: -5px}
	#prices .list__price{margin-bottom: 20px;}
	#prices .services .item{padding: 15px 30px; margin-bottom: 10px; text-align: center; justify-content: center;}
	#prices .services .item .title{width: 100%; font-size: 14px;}
	#prices .services .item .title span{font-size: 16px; font-weight: 700; line-height: 26px; padding: 0 0 5px}


	#works{padding: 30px 0}
	#works .grid{gap: 15px; grid-template-columns: repeat(1,1fr); text-align: center; font-size: 14px; line-height: 24px; margin: 15px 0 0}
	#works .grid p{line-height: 24px;}
	#works .grid span{margin: 0 auto;}
	#works .works__wrap {
		flex-direction: column;
	}
	#works .works__wrap .grid {
		width: 100%;
		order: 1;
	}
	#works .works__wrap .image {
		width: 100%;
		padding-left: 0;
		margin-bottom: 30px;
		max-height: 200px;
        overflow: hidden;
        display: flex;
        align-items: center;
	}
	#works .grid span {
		margin: 0;
		left: 0;
	}
	#works .works__wrap .item_cont {
		flex-direction: column;
		justify-content: center;
	}
	#works .works__wrap .grid .title {
		padding-left: 0;
		padding-top: 5px;
	}
	#works .works__wrap .grid p {
		margin-top: -10px;
	}
	
	#certificates.certificates__vert .container {
		flex-direction: column;
	}
	#certificates.certificates__vert .certificates_cont {
		max-width: 100%;
    text-align: center;
	}
	#certificates.certificates__vert .flex {
		    padding-left: 0;
    width: 100%;
	}

	#rating{padding: 30px 0}
	#rating .grid{gap: 20px; grid-template-columns: repeat(2,1fr);}


	#reviews{padding: 30px 0}
	#reviews .list__reviews{margin: 0; padding: 0 0 60px}
	#reviews .swiper-button-next, #reviews .swiper-button-prev{top: calc(100% - 41px)!important; width: 40px!important; height: 41px!important}
	#reviews .swiper-button-prev{left: calc(50% - 50px)!important}
	#reviews .swiper-button-next{right: calc(50% - 50px)!important}
	#reviews .more{padding-top: 20px; text-align: center;}
	#reviews .review .data .name{font-size: 16px;}
	#reviews .review .text{font-size: 12px; line-height: 20px;}


	#reviews__page{padding: 30px 0;}
	#reviews__page .grid{gap: 10px; grid-template-columns: repeat(1,1fr);}
	#reviews__page .review .data .name{font-size: 16px;}
	#reviews__page .review .text{font-size: 12px; line-height: 20px;}
	.pagination__list.flex{padding: 20px 0 0}
	.pagination__list a, .pagination__list span{width: 40px; height: 40px; margin: 0 4px; font-size: 13px;}


	#certificates{padding: 30px 0;}
	#certificates .note{font-size: 13px; line-height: 22px}
	#certificates .flex{justify-content: space-between;}
	#certificates .item{margin: 0; width: calc(100%/3 - 7px)}


	#faq{padding: 30px 0;}
	#faq.faq__page{padding: 30px 0 150px}
	#faq .col{width: 100%;}
	#faq h3{font-size: 12px; line-height: 18px; padding: 10px 50px 10px 15px; margin-bottom: 10px;}
	#faq .answer{top: -10px; padding: 15px; font-size: 13px;}


	#about{padding: 30px 0 70px;}
	#about .text{font-size: 13px; line-height: 18px;}
	#about .text .btn{font-size: 16px; line-height: 37px;}
	#about .text h3{font-size: 18px; line-height: 28px;}
	#about .text h3 br{display: none;}


	#promo__page{padding: 0px 0 40px; background: linear-gradient(90deg, var(--red-color) 17.08%, rgba(255, 255, 255, 0.02) 161.77%);}
	#promo__page h1,#promo__page h1 strong{font-size: 32px; line-height: 39.68px; display: inline-block;}
	#promo__page ul{font-size: 15px; line-height: 20px;}
	#promo__page ul li{padding-left: 25px; background-size: 18px; background-position: 0 6px; margin-bottom: 10px}
	#promo__page .btn{width: 100%;}


	#page__price{padding: 30px 0 1px}
	#page__price .sidebar{width: 100%}
	#page__price .list__price{width: 100%}
	#page__price .bt{text-align: left;}
	#page__price .prices .item{min-height: 62px; padding: 0 20px}
	#page__price .prices .item .title{font-size: 14px; font-weight: 400; line-height: 21px; max-width: calc(100% - 82px);}
	#page__price .prices .item .price{font-size: 14px; font-weight: 700; line-height: 21px;}
	#page__price .sidebar ul{display: none; padding: 12px; border-radius: 2px; border: 1px solid #EAEAEA; position: relative; top: -25px; border-top: none;}
	#page__price .sidebar ul li{margin-bottom: 10px;}
	#page__price .filter{display: flex; margin-bottom: 25px; height: 48px; padding-left: 12px; color: #1E1E1E; font-size: 14px; font-weight: 600; line-height: 21px; align-items: center; justify-content: flex-start; border-radius: 2px; border: 1px solid #EAEAEA; background: url("../img/arrd.svg") calc(100% - 20px) 50% no-repeat;}
	#page__price .filter.open{border-bottom-color: transparent; border-radius: 2px 2px 0 0}
	#page__price .filter svg{margin-right: 12px}


	#advantages__items .text p{font-size: 14px; line-height: 24px;}
	#advantages__items .bt{text-align: left;}


	#zap__data{padding: 30px 0 0}
	#zap__data .data{width: 100%; margin-bottom: 30px}
	#zap__data .data h2{margin-bottom: 5px; font-size: 18px; line-height: 28.6px;}
	#zap__data .data p{font-size: 14px; line-height: 24px}
	#zap__data .quote{padding: 140px 8px 17px; font-size: 16px; line-height: 26px; background-size: 88px; background-position: 50% 25px; width: 100%;}
	#zap__data .data .bt{text-align: left; margin-bottom: 10px}
	#zap__data .quote.quote__non{padding: 25px 8px}



	#advantages__guarantee{padding: 30px 0 0;}
	#advantages__guarantee .image{width: 100%; margin-bottom: 20px;}
	#advantages__guarantee .image img{max-width: 100%; width: 100%;}
	#advantages__guarantee .text{width: 100%;}
	#advantages__guarantee .text .bt{text-align: left;}
	#advantages__guarantee .text p{font-size: 14px; font-weight: 300; line-height: 24px;}
    #advantages__guarantee .ct__right .image{order: 0;}
    #advantages__guarantee .ct__right .text{order: 1;}
	
	#request:before {
		left: 0;
		background: url(/wp-content/themes/repair-lg/assets/img/request-before-bg.png) center / cover;
	}

    #contacts{padding: 30px 0 0;}
    #contacts .data h2{margin-bottom: 15px; font-size: 18px; line-height: 28.6px;}


	footer{padding-bottom: 15px;}
	footer .filter{display: block; padding: 10px 40px 10px 15px; background: url('../img/arrf.svg') calc(100% - 20px) 50% no-repeat; border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.60); color: rgba(255, 255, 255, 0.60); font-size: 15px; line-height: 28px;}
	footer .filter.open{color: #fff; border-color: #fff}
	footer .col ul,footer .footer__data .col:first-child ul{padding: 15px 0 0; display: none;}
	footer .request{padding: 20px 10px; text-align: center;}
	footer .request .data p{font-size: 14px; line-height: 18px;}
	footer .request .data{margin-bottom: 5px;}
	footer .request .form .privacy{padding: 12px 0 0}
	footer .footer__data .col{width: 100%!important; margin-bottom: 20px!important;}
	footer .title{margin-bottom: 10px;align-items: center}
	footer .phone a{font-size: 28px; line-height: normal;}
	footer .timework{margin-bottom: 10px;}
	footer .address{padding: 10px 0 20px; font-size: 16px;}
	footer .copyright{padding: 11px 0 0; margin-top: 0px; font-size: 10px; line-height: 18px;}
	footer .title svg {display: block}
	footer .title.open svg {transform: rotate(180deg)}
	
	.header_mobile_select_city .header_select_city_name{
		display: none;
	}
	.header_mobile_select_city .header_select_city_name{
		color:#fff;
	}
	#advantages.full .container {
		padding: 0;
	}
	#advantages.full .item .text {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#advantages.full .item {
		flex-direction: column;
	}
	#advantages.full .item .text {
		width: 100%;
		order: 2;
	}
	#advantages.full .item .image {
		width: 100%;
	}
	#advantages.full .item .title, #advantages.full .item p {
		width: 100%;
	}
}


@media screen and (max-width: 540px){
    #masters .item {
        width: 100%;
    }
	#advantages .item .image img{position: absolute; top: 0; right: 0%;}
}