@media screen and (max-width: 639px) {
    body {
        font-size: 14px;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .hide-mobile {
        display: none;
    }
    /*-------------------------*/
    .base .base__inner {
        padding-right: 10px;
        padding-left: 10px;
    }
    /*-------------------------*/
    .no-fix .menu {
        display: none;
    }
    /*-------------------------*/
    .no-fix.head .head__phone {
        display: none;
    }
    .head {
        padding-bottom: 30px;
    }
    .head .head__right::before {
        display: none;
    }
    .head .head__right {
        width: 170px;
        height: 40px;
        margin-right: -10px;
    }
    .head .head__logo {
        padding-top: 5px;
    }
    .head .head__logo img {
        width: 64px;
    }
    .head .head__wrap {
        margin-top: 15px;
        flex-direction: column-reverse;
    }
    .head .head__title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .head .head__text {
        margin-bottom: 15px;
    }
    .head .head__text p {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .head .head__img {
        margin-left: -60px;
        width: 80%;
    }
    /*-------------------------*/
    .fix-head .head__logo {
        padding-top: 0;
    }
    .fix-head  {
        padding-bottom: 0;
    }
    .fix-head .menu {
        display: none;
    }
    .fix-head.head .head__phone {
        display: none;
    }
    /*-------------------------*/
    #toggle .open {
        top: 8px;
        right: 10px;
        width: 25px;
    }
    /*-------------------------*/
    .company {
        margin-bottom: 50px;
    }
    .company .company__inner {
        padding-top: 50px;
        padding-bottom: 30px;
        display: block;
    }
    .company .company__left {
        padding-right: 0;
    }
    .company .company__img {
        height: 230px;
        overflow: hidden;
        margin: 0 -10px 20px;
    }
    .company h2 {
        margin-top: 0;
    }
    /*-------------------------*/
    .advantage {
        margin-bottom: 50px;
    }
    .advantage .advantage__items {
        display: block;
        margin-bottom: -30px;
        margin-right: 0;
    }
    .advantage .advantage__item {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }
    .advantage .advantage__img {
        margin-bottom: 5px;
    }
    .advantage .advantage__img img {
        margin: 0 auto;
    }
    /*-------------------------*/
    .proposal {
        margin-bottom: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .proposal .proposal__posttitle {
        margin-bottom: 20px;
    }
    .proposal .proposal__items {
        display: block;
        margin-right: 0;
    }
    .proposal .proposal__item {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .proposal .proposal__text {
        padding: 10px 0 25px;
    }
    /*-------------------------*/
    .itb {
        margin-bottom: 50px;
    }
    .itb .itb__img::before {
        display: none;
    }
    .itb .itb__columns {
        flex-direction: column;
        margin-right: 0;
    }
    .itb .itb__column {
        padding-right: 0;
        width: 100%;
    }
    .itb .itb__column-img {
        order: 1;
    }
    .itb .itb__column-text {
        order: 2;
    }
    .itb .itb__img {
        margin: 0 -10px 25px;
        height: 180px;
        overflow: hidden;
    }
    .itb .itb__img img {
        transform: translateY(-20%);
        margin: 0 auto;
    }
    .itb .itb__item {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .itb .itb__number {
        padding-right: 5px;
    }
    /*-------------------------*/
    .contacts {
        margin-bottom: 50px;
        position: relative;
    }
    .contacts .contacts__items {
        display: block;
        padding-top: 50px;
        padding-left: 0;
        padding-right: 0;
    }
    .contacts .contacts__map {
        padding-right: 0;
        height: 295px;
        margin-bottom: 20px;
    }
    .contacts .contacts__address {
        margin-bottom: 10px;
    }
    .contacts .contacts__phone {
        margin-bottom: 10px;
    }
    .contacts .contacts__contacts {
        padding: 0 10px;
    }
    .contacts__title {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    /*-------------------------*/
    .footer .footer__logo {
        width: 47px;
    }
    .footer .footer__inner {
        justify-content: space-between;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    /*-------------------------*/
    #popout .menu .menu__link {
        font-size: 20px;
        padding: 0 0 15px;
    }
    #toggle .close {
        top: 8px;
        right: 10px;
        width: 20px;
    }
}