@media screen and (max-width: 1555px) {
	.section.it-dev .blocks {
	   flex: 0 0 95%;
	   max-width: 95%;
	}
	.section.consultations .blocks {
	   max-width: 95%;
	}
}
@media screen and (max-width: 1299px) {
	header ul li {
	   padding: 15px 10px;
	}
}
@media screen and (max-width: 1266px) {
	.section.consultations .block .image {
        flex: 0 0 50%;
        max-width: 50%;
	}
    footer .top {
        flex-flow: wrap;
    }	
    footer .top .logo,
    footer .top .item {
        flex: 0 0 30%;
        max-width: 30%;
        height: 95px;
        align-items: baseline;
    }
    footer .logo span {
        display: flex;
        align-self: flex-start;
    }
}
@media screen and (max-width: 1157px) {
    .section.consultations .block .image {
        height: auto;
    }
    .section.consultations .block .image img {
        object-fit: cover;
    }
	.section.consultations .block .texts {
        padding: 30px 38px;
	}
}
@media screen and (max-width: 1115px) {
	header ul.menu {
	   display: none;
	}
	.hamburger {
	   display: flex;
	}
	.section.contacts {
        padding-left: 0px;
        justify-content: center;
	}
	.contacts .form-wrapper {
	   width: 75%;
	}
}
@media screen and (max-width: 1035px) {
	header {
	   background: #fff;
	   position: sticky;
       top: 0;
       z-index: 1000;
       border-bottom: 5px solid #895637;
	}
	.section.main.first,
	.section.main.common {
	   flex-flow: column;
	}
	.section.main.common .image, 
	.section.main.common .text {
	   flex: 0 0 100%;
	   max-width: 100%;
	}
	.section.main.first .text {
	   margin-bottom: 40px;
	}
	.section.main.common .text {
	   margin: 40px 0px;
	}
	.section.main.common .text .title {
	   text-align: center;
	}
	.section.main.text-first {
        flex-flow: column-reverse;
	}
	.padding-bottom-160 {
	   padding-bottom: 80px!important;
	}
	.padding-bottom-100 {
	   padding-bottom: 50px!important;
	}
	.section.it-dev .blocks {
	   flex-flow: column;
	}
	.section.it-dev .block {
	   flex: 0 0 100%;
	   max-width: 100%;
	   border: none!important;
	}
	.section.it-dev .block .image,
	.section.it-dev .block .texts .title {
	   margin-bottom: 20px;
	}
	.middle-wrapper.last .block {
	   align-items: center;
	   flex-flow: column;
       padding: 0px 40px;
	}
	.middle-wrapper.last .block .texts {
	   padding-left: 0px;
	   align-items: center;
	}
	.middle-wrapper.last .block .texts .content {
	   text-align: center;
	}
	.middle-wrapper.last .block .texts .content br,
	.middle-wrapper .text br,
	footer .top .content br {
	   display: none;
	}
	.middle-wrapper.last .block .image img {
	   width: 280px;
	   height: 230px;
	}
	.section.main .text,
	.section.main.common .text .title,
	.section.main.common .text .content {
	   padding: 0 40px;
	}
	.middle-wrapper {
	   max-width: 100%;
	   width: 100%;
	}
	.section.main .bottom,
	.middle-wrapper .text,
	.section .title {
	   text-align: justify!important;
	   padding: 0 40px;
	}
	.section.main .bottom {
	   padding: 0;
	}
	.section .title {
	   text-align: center!important;
	}
	footer .bottom {
       justify-content: center;
       padding: 10px 0px;
    }
}
@media screen and (max-width: 930px) {
	.section.consultations .blocks {
	   width: 90%;
	   max-width: 90%;
	}
	.section.consultations .block .texts {
	   max-width: 40%;
	}
	.section.consultations .block .title {
	   text-align: left!important;
	   padding: 0;
	}
}
@media screen and (max-width: 767px) {
	.section.consultations .blocks {
	   margin-top: 0px;
	}
	.section.consultations .blocks .block {
	   flex-flow: column;
	}
	.section.consultations .block .image,
	.section.consultations .block .texts {
	   flex: 0 0 100%;
	   max-width: 100%;
	}
	.section.consultations .block .image img {
	   top: -1px;
	   left: 0;
	}
	.breadcrumbs {
	   margin-bottom: 40px;
	   flex-flow: column;
	}
	.breadcrumbs .back {
	   position: unset;
       margin-bottom: 20px;
       align-self: baseline;
       margin-left: 25px;
	}
}
@media screen and (max-width: 700px) {
	footer .top .logo, 
	footer .top .item {
	   flex: 0 0 100%;
	   max-width: 100%;
	   height: auto;
	   padding-bottom: 25px;
	}
	footer .top .item:last-child {
	   padding-bottom: 0px;
	}
	footer .terms a:first-child {
	   margin-bottom: 0px;
	}
	footer .top .content br {
	   display: none;
	}
}
@media screen and (max-width: 555px) {
	.section.main.first .quotes .wrapper {
	   padding: 0px 50px;
	}
	.middle-wrapper.last .block .texts .content {
	   text-align: justify;
	}
	.section.contacts {
        justify-content: center;
        padding: 30px 40px 100px 40px;
        align-items: center;
    }
    .contacts .form-wrapper {
        width: 90%;
        padding: 40px 0px;
    }
    .contacts .form-wrapper .text,
    .contacts .form-wrapper .row {
        padding: 0px 40px;
    }
}
@media screen and (max-width: 540px) {
	#overlay .pop {
	   width: 60%;
	}
	#overlay .pop .message br {
	   display: none;
	}
}
@media screen and (max-width: 475px) {
	header,
	footer .top {
	   padding: 30px;
	}
	header .logo a {
	   display: block;
        width: 60px;
	}
	header .logo span {
	   font-size: 14px;
	}
	.section,
	.padding-bottom-160,
	.padding-bottom-100 {
	   padding-bottom: 50px!important;
	}
	.section .title,
	.section.main .title {
        font-size: 13vw;
        line-height: 55px;
	}
	.section.it-dev {
	   padding-top: 0px;
	}
	.section.it-dev .title {
	   margin-bottom: 40px;
	}
	.section.main .text, 
	.section.main.common .text .title, 
	.section.main.common .text .content,
	.section.main .bottom,
	.middle-wrapper .text,
	.middle-wrapper.last .block, 
	.section .title {
	   padding: 0px 20px;
	}
	.section.contacts {
        padding: 30px 20px 100px 20px;
    }
    .contacts .form-wrapper {
        width: 95%;
    }
    .contacts .form-wrapper .row {
        flex-flow: column;
    }
    .contacts .form-wrapper .col.half {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .contacts .form-wrapper .col.half:last-child {
        margin-bottom: 0px;
    }
    .contacts .form-wrapper .text br {
        display: none;
    }
    .section.consultations .block .title {
        word-break: break-all;
    }
    .section.consultations .block .texts {
        padding: 30px 15px;
    }
}