@media (min-width: 300px) and (max-width: 599px) {
	
header .wrapper {
padding: 0 10px;
}

header .lg-bl {
width: 90%;
}

header nav {
width: 10%;
margin-top: 10px;
}
	
header .cnt-ic-bl {
display: none;
}

header .cnt-ic-bl.extra {
display: block;
}

header nav ul {
margin: 20px 0 0 0;
text-align: right;
}

header nav ul li {
padding-bottom: 10px;
}

header nav ul li:last-child {
padding-right: 20px;
}

header nav a {
color: #000;
}

#banner .wrapper {
width: 95%;
}

#banner .txt-bl {
padding-top: 120px;
}

#banner .txt-bl h1,
#banner .txt-bl h2 {
font-size: 24px;
}

#banner .tl-bl a {
font-size: 20px;
}

#adv-bl {
background-position: 10%;
}

#adv-bl .wrapper,
#nashi-uslugi .wrapper,
#etapy-raboty .wrapper,
#oborudovanie .wrapper,
#kontakty .wrapper,
#nashi-raboty .wrapper,
#vd-bl .wrapper,
footer .wrapper {
width: 95%;
}

#adv-bl .title {
font-size: 28px;
line-height: 1.2;
}

#adv-bl ul li span {
width: 100%;
max-width: 260px;
line-height: 1.2;
}

#nashi-uslugi {
background: #f0efeb;
}

#nashi-uslugi h2,
#etapy-raboty h2,
#oborudovanie h2,
#nashi-raboty h2,
#vd-bl h2 {
font-size: 32px;
}

#nashi-uslugi .tp-bl .title {
font-size: 24px;
padding: 0;
}

#nashi-uslugi .tp-bl .usl-bl,
#etapy-raboty .etr-bl,
#kontakty .cnt-bl,
#nashi-raboty .nr-bl,
footer .bg-bl {
flex-direction: column;
}

#nashi-uslugi .tp-bl .usl-bl.extra {
padding-top: 0;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-txt .ttl {
font-size: 22px;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-txt p {
padding-bottom: 50px;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-img.extra {
margin-top: 50px;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-img {
margin: 0 auto;
}

#etapy-raboty .etr-bl.extra {
padding-top: 0;
}

#etapy-raboty .etr-bl .etr-bl-sm {
margin: 0 auto 40px auto;
}

#etapy-raboty .etr-bl .etr-bl-sm.last {
margin: 0 auto;
}

#kontakty {
background: #f0efeb;
height: auto;
padding: 100px 0;
}

#kontakty .cnt-bl .cnt-bl-lft,
#kontakty .cnt-bl .cnt-bl-rght {
width: 100%;
padding-top: 0;
}

#kontakty .cnt-bl .cnt-bl-lft {
margin-bottom: 70px;
}

#kontakty .cnt-bl .cnt-bl-lft .title {
font-size: 32px;
color: #000;
}

#kontakty .cnt-bl .cnt-bl-lft p {
color: #000;
}

#kontakty .cnt-bl .cnt-bl-lft .img-ic {
background: url(../images/icon-cnt-mb.png) no-repeat;
}

#kontakty .cnt-bl .cnt-bl-lft ul span {
font-size: 18px;
width: 240px;
color: #000;
}

#nashi-raboty .nr-bl.extra {
margin-top: 0;
}

#nashi-raboty .nr-bl .nr-bl-sm {
margin: 0 auto 30px auto;
}

#nashi-raboty .modal {
padding-top: 70px;
}

footer .bg-bl .bg-bl-lft, 
footer .bg-bl .bg-bl-rght {
width: 100%;
}

footer .bg-bl .bg-bl-rght {
order: 1;
}

footer .bg-bl .bg-bl-lft {
order: 2;
} 

footer .bg-bl .bg-bl-rght a {
margin: 0 auto 30px auto;
}

footer .bg-bl .bg-bl-lft p {
text-align: center;
}

footer .bg-bl .bg-bl-lft .cnt-bl {
margin: 0 auto;
width: 200px;
}
}

@media (min-width: 300px) and (max-width: 360px) {
	
#oborudovanie .slide {
max-width: 312px;
}
}

@media (min-width: 361px) and (max-width: 392px) {
	
#oborudovanie .slide {
max-width: 326px;
}
}

@media (min-width: 393px) and (max-width: 411px) {
	
#oborudovanie .slide {
max-width: 343px;
}
}

@media (min-width: 412px) and (max-width: 414px) {
	
#oborudovanie .slide {
max-width: 361px;
}
}

@media (min-width: 415px) and (max-width: 599px) {
	
#oborudovanie .slide {
max-width: 426px;
}
}

@media (min-width: 600px) and (max-width: 767px) {
	
header .wrapper {
padding: 0 10px;
}

header .lg-bl {
width: 90%;
}

header nav {
width: 10%;
margin-top: 10px;
}
	
header .cnt-ic-bl {
display: none;
}

header .cnt-ic-bl.extra {
display: block;
}

header nav ul {
margin: 20px 0 0 0;
text-align: right;
}

header nav ul li {
padding-bottom: 10px;
}

header nav ul li:last-child {
padding-right: 20px;
}

header nav a {
color: #000;
}

#banner .txt-bl {
padding-top: 120px;
}

#banner .txt-bl h1,
#banner .txt-bl h2 {
font-size: 32px;
}

#adv-bl {
background-position: 5%;
}

#adv-bl .wrapper,
#nashi-uslugi .wrapper,
#etapy-raboty .wrapper,
#kontakty .wrapper,
#nashi-raboty .wrapper,
#vd-bl .wrapper,
footer .wrapper {
width: 95%;
}

#nashi-uslugi .tp-bl .usl-bl,
#etapy-raboty .etr-bl,
#nashi-raboty .nr-bl {
flex-direction: column;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-txt {
margin: 0 auto;
padding-top: 0;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-txt p {
text-align: center;
padding: 0 0 50px 0;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-img {
margin: 0 auto;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-img.extra {
margin: 30px auto 0 auto;
}

#etapy-raboty .etr-bl.extra {
padding-top: 0;
}

#etapy-raboty .etr-bl .etr-bl-sm {
margin: 40px auto 0 auto;
}

#oborudovanie .slide {
height: auto;
}

#oborudovanie .slick-slide img {
width: 150px;
}
	
#oborudovanie .slide.ras img {
padding: 93px 0 110px 0;
}

#oborudovanie .slide.shtst img {
padding: 1px 0 42px 0;
}

#oborudovanie .slide.ln img {
padding: 1px 0 130px 0;
}

#oborudovanie .slide.okap img {
padding: 1px 0 110px 0;
}

#oborudovanie .slick-initialized .slick-slide {
height: 396px;
}

#kontakty {
background-position: 55%;
}

#kontakty .cnt-bl .cnt-bl-lft .title {
font-size: 28px;
}

#kontakty .cnt-bl .cnt-bl-lft p {
font-size: 16px;
}

#kontakty .cnt-bl .cnt-bl-lft ul span {
font-size: 16px;
width: 200px;
}

#kontakty .cnt-bl .cnt-bl-lft {
padding-top: 140px;
}

#nashi-raboty .nr-bl.extra {
margin-top: 0;
}

#nashi-raboty .nr-bl .nr-bl-sm {
margin: 0 auto 30px auto;
}

#nashi-raboty .modal {
padding-top: 70px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
	
header .wrapper {
padding: 0 10px;
}

header .lg-bl {
width: 90%;
}

header nav {
width: 10%;
margin-top: 10px;
}
	
header .cnt-ic-bl {
display: none;
}

header .cnt-ic-bl.extra {
display: block;
}

header nav ul {
margin: 20px 0 0 0;
text-align: right;
}

header nav ul li {
padding-bottom: 10px;
}

header nav ul li:last-child {
padding-right: 20px;
}

header nav a {
color: #000; 
}

#banner .wrapper,
#adv-bl .wrapper,
#nashi-uslugi .wrapper,
#etapy-raboty .wrapper,
#oborudovanie .wrapper,
#kontakty .wrapper,
#nashi-raboty .wrapper,
#vd-bl .wrapper,
footer .wrapper {
width: 95%;
}

#adv-bl {
background-position: 20%;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-txt {
padding: 50px 10px 0 10px;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-img {
margin: 0 5px;
}

#etapy-raboty .etr-bl {
flex-direction: column;
}

#etapy-raboty .etr-bl.extra {
padding-top: 0;
}

#etapy-raboty .etr-bl .etr-bl-sm {
margin: 0 auto 50px auto;
}

#oborudovanie .slide {
height: 390px;
}

#oborudovanie .slide img {
width: 138px;
}

#oborudovanie .slide.ln img {
padding-bottom: 120px;
}

#oborudovanie .slide.okap img {
padding-bottom: 100px;
}

#oborudovanie .slide.shtst img {
padding-bottom: 40px;
}

#oborudovanie .slide.ras img {
padding-bottom: 130px;
}
#kontakty {
background-position: 50%;
}

#kontakty .cnt-bl .cnt-bl-lft .title {
font-size: 30px;
}

#kontakty .cnt-bl .cnt-bl-lft ul span {
font-size: 18px;
width: 300px;
}

#nashi-raboty .nr-bl {
flex-wrap: wrap;
}

#nashi-raboty .nr-bl.extra {
margin-top: 0;
}

#nashi-raboty .nr-bl .nr-bl-sm {
margin-bottom: 30px;
}

#nashi-raboty .modal {
padding-top: 70px;
}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	
header .wrapper {
padding: 0 10px;
}

header nav a {
font-size: 14px;
}

header nav ul {
margin: 20px 0 0 80px
}

header nav ul li {
padding-right: 10px;
}

#adv-bl {
background-position: 10%;
} 

#adv-bl .wrapper,
#nashi-uslugi .wrapper,
#etapy-raboty .wrapper,
#kontakty .wrapper,
#nashi-raboty .wrapper,
#vd-bl .wrapper,
footer .wrapper {
width: 95%;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-txt {
margin: 0 10px;
}

#nashi-uslugi .tp-bl .usl-bl .usl-bl-img {
margin: 0 10px;
}

#etapy-raboty .etr-bl {
flex-wrap: wrap;
}

#kontakty .cnt-bl .cnt-bl-lft .title {
font-size: 30px;
}

#kontakty .cnt-bl .cnt-bl-lft ul span {
font-size: 18px;
width: 300px;
}

#nashi-raboty .nr-bl {
flex-wrap: wrap;
}
}