@media screen and (min-width: 768px) and (max-width: 1200px) {
    :root {
        --main-width: 100vw;
    }
    .br-mobile {
        display: initial;
    }
    header{
        width: 100%;
        padding: 2%;
    }
    .main-form{
        width: 100%;
    }
    input, textarea, select {
        font-size: 1.5vw;
    }
    .main-form__item--name label::after,
    .main-form__item--province label::after,
    .main-form__item--tel label::after,
    .main-form__item--email label::after,
    .main-form__item--postal label::after,
    .main-form__item--address label::after,
    .main-form__item--ServiceConsultation>div>label::after,
    .main-form__item--comment label::after{
        font-size: 1vw;
    }
    input[name=user_last_name],
    input[name=user_first_name],
    select[name=user_province],
    input[name=user_tel],
    input[name=user_email],
    input[name=user_postal],
    input[name=user_address_1],
    textarea[name=user_comment] {
        padding: 1.5vw 2vw;
        border-radius: 1.2vw;
    }
    .main-form__item--wrap{
        font-size: 1.5vw;
    }
    .main-form__legend--center>span:first-of-type{
        font-size: 5vw;
        text-align: left;
    }
    .main-form__item--service label,
    .main-form__item--consultation label{
        padding: 1.4vw;
    }
    .main-form__item--service label::before,
    .main-form__item--agree label::before{
        width: 2vw;
        height: 2vw;
    }
    .main-form__item--service label>span::before{
        width: 2.5vw;
        height: 2.5vw;
    }
    .main-form__item--consultation label::before{
        width: 5vw;
        height: 5vw;
    }
    .main-form__item--service label>span,
    .main-form__item--consultation label>span{
        margin: 0 1vw;
    }
    .main-form__item--consultation label>span::before{
        width: 8vw;
        height: 5vw;
    }
}