@media (max-width: 1340px) {
    .logo-evolution {
        font-size: 100px;
    }
    .logo-craft {
        font-size:60px;
        margin-top:-65px;
    }
}
@media (max-width: 1200px) {
    .h3-on-bg {
        margin: 10px auto;
    }
}
@media (max-width: 992px) {
    .logo-evolution {
        font-size: 60px;
    }
    .logo-craft {
        font-size:40px;
        margin-top:-45px;
    }
    .ui {
        width: 100%;
    }
    .ui_box {
        width:100%;
        text-align:center;
        box-shadow: none !important;
    }
    .ui_box p {
        margin:auto;
    }
    .ui:after, .ui_box:after {
        display:none;
    }
    .construction_intro {
        display: none;
    }
    .construction_outro {
        display: block;
    }
    .construction_outro--left-side, .construction_outro--right-side {
        perspective: initial;
        -webkit-perspective: initial;
    }
    .construction_outro--left-side .construction-info_block, .construction_outro--right-side .construction-info_block {
        -webkit-transform: initial;
        transform: initial;
    }
    #house-construction {
        min-width:100%;
        width:auto;
        height:100%;
    }
    .construction-block {
        min-height:1000px;
        overflow:hidden;
    }
}
@media (max-width: 860px) {
    .menu ul li a {
        font-size:16px;
    }
}
@media (max-width: 767px) {
    .renovations-header-text, .renovations-header-subtext {
        text-align:center;
    }
    .renovations-block_button {
        float:none !important;
    }
    #renovation-paint {
        display:none;
    }
    .renovations-block_fade {
        background-color:transparent;
    }
    .brief_callback_form-button {
        text-align:center;
    }
    .brief_callback_form input {
        margin:0;
    }
}
@media (max-width: 640px) {
    .logo-evolution {
        font-size: 40px;
        letter-spacing:10px;
    }
    .logo-craft {
        font-size:30px;
        margin-top:-45px;
    }
    .menu {
        padding:0;
    }
    .menu ul {
        padding:0;
    }
    .menu ul li a {
        font-size: 14px;
        margin: 0 5px;
    }
    .steps-block .progress_inner__step label {
        letter-spacing:0;
        font-size:10px;
    }
}
@media (max-width: 420px) {
    .header {
        position:relative;
    }
    .menu ul li a {
        font-size: 10px;
        margin: 0 2px;
        padding:15px 0;
    }
}