@media screen and (max-width: 1199px) {
    #banner {
        background-image: url('../../../images/banner-mb-common.jpg') !important;
        height: 470px;
        padding-top: 53px;
        margin-bottom: -390px;
    }

    #banner .container {
        height: max-content;
        flex-direction: column;
        align-items: flex-start;
    }

    .banner-title {
        font-size: 24px;
        line-height: 28.8px;
        color: var(--white);
    }

    .banner-subtitle {
        display: block;
        margin-top: 8px;
        color: var(--white);
    }

    .btn-default.btn-cartilha {
        padding: 10px 0;
        font-size: 16px;
        line-height: 19.2px;
        width: 188px;
        margin-bottom: 28px;
    }

    #form {
        padding: 0;
        position: relative;
        z-index: 2;
        margin-bottom: -520px;
    }

    #form .container {
        flex-direction: column;
    }

    .form-text > p, .form-text-block, .form-text-block > h4, .form-text-block > span {
        font-size: 14px;
        line-height: 16.8px;
        color: var(--white);
    }

    .form-main {
        background-color: var(--white);
        margin-top: 16px;
    }

    .form-main > h2 {
        font-size: 18px;
        line-height: 21.6px;
    }

    .form-main-input-row {
        flex-direction: column;
        margin-bottom: 0;
    }

    .form-main-input-row.row-mb {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .form-main-input-row.row-mb .form-main-input-item {
        flex-grow: 0;
    }

    .form-main-input-row.row-mb .form-main-input-item.row-mb-fill {
        flex-grow: 1;
    }
    
    .form-main-input-item input[name="ddd"], .form-main-input-item input[name="uf"],
    .form-main-input-item label[for="ddd"], .form-main-input-item label[for="uf"] {
        max-width: 41px;
    }

    .form-main-input-item input[name="ddd"] {
        margin-right: 8px;
    }

    .form-main-input-item input[name="uf"], .form-main-input-item label[for="uf"] {
        margin-left: 8px;
    }

    .form-main-input-item, .form-main-input-item .input-default {
        font-size: 14px;
        line-height: 16.8px;
    }

    .form-main-input-item:not(:last-child) {
        margin-right: 0;
    }

    .form-main-input-item .input-default {
        border-radius: 2px;
        margin: 0 0 16px 0;
        padding: 8px 16px;
    }

    .form-main-input-item-file-block {
        margin-bottom: 16px;
    }

    #filename-wrapper {
        border-radius: 2px;
        font-size: 14px;
        line-height: 16.8px;
        padding: 8px 16px;
    }

    .form-main-input-item-file-block {
        height: 35px;
    }

    .form-main-input-item-file-block label {
        width: 77px;
        font-size: 14px;
        line-height: 16.8px;
        border-radius: 2px;
        padding: 9px 0;
    }

    .form-main-input-row-radio {
        width: 105%;
    }

    .form-main-input-radio-list {
        justify-content: space-around;
    }

    .form-main-input-item-radio {
        max-width: 140px;
        align-items: center;
    }

    .form-main-input-item.form-main-input-item-radio input {
        margin-right: 4px;
        width: 18px !important;
        height: 18px !important;
        flex-shrink: 0;
    }

    .form-main-input-action .btn-default {
        font-size: 14px;
        line-height: 16.8px;
    }

    #mapa iframe {
        height: 640px;
    }
}

@media screen and (min-width: 575px) and (max-width: 1199px){ 
    #input-uf {
        margin: 0 6px;
    }
}

@media screen and (min-width: 370px) and (max-width: 574px){ 
    #input-uf {
        margin-left: 6px;
    }
}

@media screen and (min-width: 374px) and (max-width: 385px){ 
    .form-main-input-item.form-main-input-item-radio:nth-child(2n) {
        margin-left: 6px;
    }
}