/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*===============================*/
    /*===============================*/
}/* END */

/* Small devices (landscape phones, 576px and up) */
/*===============================*/
@media (min-width: 576px) and (max-width: 767.98px) {
    /*===============================*/
    /*===============================*/
}/* END */

@media (max-width: 767.98px) {
    /*===============================*/
    .b-quiz .ba-form-row .span4 {
        top: auto;
        border-radius: 0px 0px 30px 30px;
        height: 520px;
        padding: 20px;
    }
    .b-quiz .ba-form-page {
        padding: 30px 30px 620px !important;
    }
    .b-quiz .ba-form-field-item .ba-form-checkbox-wrapper {
        width: 50%;
    }
    .b-quiz .ba-checkbox-image + .ba-checkbox-wrapper {
        padding: 0 0 10px !important;
    }
    .b-quiz .ba-form-field-item .ba-form-checkbox-wrapper.checkbox-image-wrapper {
        align-items: flex-start;
    }
    .b-quiz .ba-form-page-break {
        margin-top: 0;
    }
    .b-quiz .ba-form-page-navigation-wrapper {
        display: block;
        bottom: auto;
        left: 20px;
        top: 550px;
    }
    .b-quiz .ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper {
        padding: 10px !important;
    }
    .b-quiz .ba-form-field-item .ba-form-checkbox-wrapper {
        width: 100%;
    }
    .b-quiz .ba-checkbox-image + .ba-checkbox-wrapper .ba-checkbox-title {
        font-size: 16px;
    }
    .b-quiz .ba-form-radio-field .ba-form-checkbox-wrapper .ba-checkbox-image + .ba-checkbox-wrapper .ba-form-radio span:before {
        margin-right: 0.5rem;
    }
    .b-quiz .ba-form-page .ba-form-page-break-button[data-action="next"] {
        margin-left: 0;
    }
    .b-quiz .ba-form-page-break-button {
        padding: 11px 15px !important;
        font-size: 0;
    }
    .b-quiz .ba-form-field-item .ba-field-label-wrapper h2 {
        font-size: 20px;
        line-height: 1;
    }
    .b-quiz .ba-form-page-break-button:after {
        margin-left: 0;
    }
    .b-quiz .ba-form-page[data-page-key="ba-form-page-3"] .ba-form-radio-field .ba-form-checkbox-wrapper .ba-checkbox-image {
        left: 50px;
        top: 13px;
        width: auto;
    }
    .b-quiz .ba-form-page[data-page-key="ba-form-page-5"] .ba-form-submit-btn {
        bottom: auto;
        padding: 13px 15px;
        top: 128px;
    }
    .b-quiz .ba-form-page[data-page-key="ba-form-page-5"] .ba-form-page-navigation-wrapper {
        top: 560px;
    }
    .b-quiz .ba-form-page[data-page-key="ba-form-page-5"] .ba-form-page-break-button[data-action="back"] {
        margin-right: 0;
    }
    .b-quiz .ba-form-page[data-page-key="ba-form-page-5"] .ba-form-page-break-buttons {
        padding-right: 90px;
    }
    .b-quiz .ba-form-page-break-buttons {
        bottom: -66px;
    }
    .b-quiz .ba-form-page-break-buttons {
        flex-direction: row;
    }
    .b-quiz .ba-form-page .ba-form-page-break-button[data-action="back"] {
        order: 2;
        margin-right: 5px;
    }
    .b-quiz .ba-page-items {
        min-height: 458px;
    }
    .b-quiz .ba-form-page[data-page-key="ba-form-page-3"] .ba-checkbox-image img {
        max-width: 24px;
        width: 100% !important;
    }
    .b-pikcher--1 {
        left: auto;
        right: 0px;
        max-width: 325px;
        bottom: -20px;
    }
    .b-pikcher--2 {
        right: 0px;
        max-width: 325px;
        left: auto;
    }
    .b-avatar {
        margin-bottom: 15px;
    }
    .b-pikcher--4 {
        margin-top: 5px;
    }
    .sp-page-builder .page-content #section-id-1644233200865 {
		image-rendering: -webkit-optimize-contrast;
      	background-size: cover;
    }
    /*===============================*/
}/* END */

@media (max-width: 369px) {
    /*===============================*/
    .b-quiz .ba-form-page[data-page-key="ba-form-page-5"] .ba-form-submit-btn {
        top: 115px;
    }
    /*===============================*/
}

@media (min-width: 370px) and (max-width: 380px) {
    /*===============================*/
    .b-quiz .ba-form-page[data-page-key="ba-form-page-5"] .ba-form-submit-btn {
        top: 128px;
    }
    /*===============================*/
}