@media screen and (max-width: 767px) {
    
    h1 {
        font-size: 36px;
        line-height: 46px;
    }

    h2 {
        font-size: 30px;
        line-height: 38px;
        padding: 0 0 20px;
    }

    h3 {
        font-size: 24px;
        line-height: 30px;
    }

    h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .inner-block,
    .breadcrumbs ul {
        width: 440px;
    }

    .form-holder {
        padding: 0 0 15px;
    }

    .header-section {
        text-align: center;
        padding: 40px 0;
    }

    .logo {
        width: 163px;
        height: 36px;
        margin: 4px 0 0;
    }

    .contacts {
        font-size: 14px;
        text-align: left;
        margin: 0 35px 0 15px;
        position: relative;
    }

    .contacts .phone {
        font-size: 22px;
    }

    .head-menu {
        width: 100%;
        height: 100vh;
        display: none;
        padding: 102px 0;
        margin: 0;
        position: absolute;
        top: 0; left: 0;
        z-index: 1;
        float: none;
        background: #333;
    }

    .head-menu li:first-child,
    .head-menu li,
    .head-menu li:last-child {
        height: auto;
        text-align: center;
        padding: 0;
        border: none;
        float: none;
    }

    .head-menu li a {
        display: block;
        font-size: 24px;
        line-height: 26px;
        padding: 10px;
    }

    .menu-link {
        display: block;
        position: absolute;
        top: 10px; right: -35px;
        z-index: 1;
    }

    .menu-link span {
        width: 35px;
        height: 4px;
        display: block;
        margin: 0 0 5px;
        background: #fff;
    }

    .first-section {
        height: auto;
        padding: 150px 0 50px;
        margin: 0 0 40px;
        background-size: auto 100% !important;
    }

    .second-section {
        padding: 0 0 50px;
    }

    .second-section .info-line {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 30px;
    }

    .second-section .main .image,
    .second-section .main .image-2 {
        width: 100%;
        height: 438px;
        margin: 0 0 20px;
        float: none;
        background-size: 100% auto;
    }

    .second-section .main p {
        padding: 0 0 22px;
    }

    .second-section .main .button {
        display: inline-block;
        padding: 0 40px;
    }

    .third-section {
        padding: 20px 0 23px;
    }

    .third-section h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .third-section form .form-holder .input-box,
    .third-section form .form-holder .input-box:first-child {
        width: 100%;
        float: none;
    }

    .third-section form .form-holder .text {
        width: auto;
        text-align: center;
        line-height: 40px;
        float: none;
    }

    .third-section form+p {
        padding: 0 0 20px;
    }

    .third-section form {
        padding: 0 0 30px;
    }

    .third-section .box {
        width: auto;
        margin: 0 0 30px;
        float: none;
    }

    .third-section .box:last-child {
        margin: 0;
    }

    .footer-left-column {
        width: auto;
        margin: 0 0 20px;
        float: none;
    }

    .footer-spacer {
        height: 354px;
    }

    .footer-section {
        padding: 50px 0 45px;
        margin: -354px 0 0;
    }

    .footer-section ul,
    .footer-contacts {
        width: auto;
        text-align: center;
        float: none;
    }

    .footer-contacts {
        padding: 15px 0 0;
    }

}