/*MOBILE*/

@media (max-width: 768px) {
html, body {
    position: relative;
    max-width: 100%;
    overflow-x: hidden;
}	
section {
    padding: 50px 0;
    position: relative;
}    
	section.menu .item .abs2 .title {
    font-size: 22px;
    max-width: 600px;
}
	h1 {font-weight: 700;
font-size: 22px;
line-height: 100%;}
    .pre .item p {word-break:break-all;margin: 0 10px;}
h2 {font-size:26px !important; line-height:1.2}
h2 br {display:none;}
.fl {flex-wrap:wrap;} 
.desc {display:none}
.mob {display:block}
.phone-mob {margin-right:22px;}
.tooltip .arrow {display:none;}
.promo h2 {font-size:26px;line-height: 1.2;}    
.promo p {font-size:14px; line-height:1.3}
.promo .image {order:-1; margin-bottom:40px; padding:0 30px;}
.but a {width: auto;display: inline-block;text-align:center;}
	
.but {flex-basis:100%}    
.promo .text {
    flex-basis: 100%;
}    
.serv .item {margin-bottom: 20px;height:auto;}	
.about .sert a {
    padding: 5px;
    display: block;
    flex-basis: 50%;
}


.about .sert {
    margin-right: 0px;
    margin-bottom:30px;
}
.rev .item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}


.rev .item {
    background: #FFFFFF url(../img/q.svg) no-repeat 90% 15px;
    box-shadow: 8px 8px 40px rgb(29 69 104 / 15%);
    border-radius: 12px;
    padding: 54px 28px;
    margin: 79px 0;
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
}  
.rev .buts .but {
    margin-right: 2px;
}
.rev .but {margin-bottom:15px;}    
    
.partners .text {
    float: none;
    width: 100%;
    margin-bottom: 35px;
}
	.calc-item.itog {
    text-align: center;
}
.partners .part {
    width: 100%;
    float: left;
    min-height: auto;
}

.partners img {
    max-width: 150px;
    margin-right: 23px;
    margin-bottom: 14px;
}

.ecp .image {
    flex-basis: 100%;
    margin-right: 0px;
    padding:0 40px;
    margin-bottom:30px;
}    
 .ecp .text {
    flex-basis: 100%;
}   

 .ecp .price {margin-bottom:30px;}   

  footer .logo2 img {max-width:250px}  
  footer .fl {flex-wrap:wrap;}  
 footer .logo2 {margin-bottom:30px; flex-basis:100%}
.cont {
    padding: 30px 0;
}

.ask {
    flex-basis: 100%;
}
	
.burger-menu ul li a {
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: block;
}
	
li.parent span.plus {
    position: absolute;
    right: 10px;
    top: 9px;
}

li.parent {
    position: relative;
}
.calc .calc-item {
    padding: 25px 25px 25px 25px;
    border-right: 0;
    height: auto;
    width: 100%;
}	

li.parent ul {padding-left:20px;display:none;}	
.promo.promo-serv {
    background: #fff;
    padding: 0px 0 60px;
}	
.bread {
    padding: 20px 0 30px;
}	
	
.bread ul {display:flex; font-size:14px; font-weight: 700; align-items: center}	


.promo.promo-serv .text {
    flex-basis: 100%;
}	
.info ul {
    column-count: 1;
}	
	
.info ul li:before {
    content: url(../img/li3.svg);
    padding-right: 0px;
	left:15px;
    position: absolute;
}	
	.info ul li {padding-left:30px;}	
	

.form .form-group {
    flex-basis: 100%;
	margin-bottom:15px;
	margin-right: 0
}
	
.form .item {
    border: 5px solid #E14842;
    box-shadow: 8px 8px 40px rgb(29 69 104 / 15%);
    border-radius: 12px;
    padding: 20px;
    position: relative;
    background: #fff;
}
	
	.form button {width:100%;display: block}
	
	.form .form-group+.form-group {
    flex-basis: 100%;
}


.contacts .item {
    position: relative;
    background: #fff;
    min-width: 320px;
    width: 100%;
    max-width: 532px;
    padding: 15px 0;
    box-shadow: none;
    top: 0;
    border-radius: 12px;
}	
	.contacts .buts {flex-wrap:wrap}
	.contacts .buts .but {margin-bottom:15px;margin-right: 0;}
	

.news .item.first .title {
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    margin-top: 30px;
    margin-bottom: 16px;
}

.news .item.first img {border-radius: 0}	
	
	.news .item img {width:100%}
	.pages a, .pages span {margin:0 5px;}
	section.article img {
    border-radius: 0px;
    margin-bottom: 35px;
}
	
.job .item {margin-bottom:30px; flex-basis:100%; padding-right:0px;}	
.promo-job .but {
    margin-right: 0;
    margin-bottom: 20px;
}
	
	.want h2 {margin-bottom: 30px;}	
	
	section.promo.promo-job {
    text-align: center;
}

section.promo.promo-job h1 {
    margin-bottom: 20px;
}
	


.form-cont .item {
    background: #FFFFFF;
    padding: 15px;   
    margin-top: 30px;
}	

section.info.info-about.gray ul {
    column-count: 1;
}

section.docs .item {flex-basis:100%; margin-bottom:40px;}	
section.docs h4 {margin-bottom:20px;}	
	section.menu.menu-serv .item {
    flex-basis: 100%;
    min-height: 540px;
    background-size: cover !important;
    display: flex;
    align-items: flex-end;
    padding-bottom: 30px;
		background-position:80% bottom !important;
}

	section.menu.menu-serv.menu-info .item {
    flex-basis: 100%;
    min-height: 340px;
    background-size: cover !important;
    display: flex;
    align-items: flex-end;
    padding-bottom: 30px;
    background-position:80% bottom !important;
    padding: 0 10px;
}
	section.menu .item .title {font-size:18px; line-height:1.2;font-weight:30; margin-bottom:20px;}
section.menu .item .abs2 .title {font-size:16px; max-width:600px}
section.menu.menu-serv.menu-info .info {
    flex-basis: 100%;
}
.progs .info {
    background: #4a58b0;
    font-size: 15px;
    padding: 30px;
    color: white;
    max-width: 800px;
    margin: 40px 0;
}


	
	
}



/*TABLET*/


@media (min-width: 768px) and (max-width: 1024px) {


	
}


@media (min-width: 768px) and (max-width: 768px) {



}

@media (max-width: 340px) {
	
	
}