@media screen and (max-width:767px) {
    body.adaptive .cards-am-1 .flexbe-card {
        flex-basis: 100%;
        max-width: 100%
    }
    body.adaptive .flexbe-cards .flexbe-card.card-am-1 {
        flex-basis: 100%
    }
    body.adaptive .cards-am-2 .flexbe-card {
        flex-basis: 50%;
        max-width: 50%
    }
    body.adaptive .flexbe-cards .flexbe-card.card-am-2 {
        flex-basis: 50%
    }
    body.adaptive .cards-am-3 .flexbe-card {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }
    body.adaptive .flexbe-cards .flexbe-card.card-am-3 {
        flex-basis: 33.33333333%
    }
    body.adaptive .cards-am-4 .flexbe-card {
        flex-basis: 25%;
        max-width: 25%
    }
    body.adaptive .flexbe-cards .flexbe-card.card-am-4 {
        flex-basis: 25%
    }
    body.adaptive .cards-am-5 .flexbe-card {
        flex-basis: 20%;
        max-width: 20%
    }
    body.adaptive .flexbe-cards .flexbe-card.card-am-5 {
        flex-basis: 20%
    }
    body.adaptive .cards-am-6 .flexbe-card {
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }
    body.adaptive .flexbe-cards .flexbe-card.card-am-6 {
        flex-basis: 16.66666667%
    }
    body.adaptive .card-am-flexible {
        max-width: none !important
    }
    body.adaptive .slider-pagination--cards {
        padding: 10px 0 !important
    }
    body.adaptive .flexbe-cards-root {
        flex-grow: 1
    }
    body.adaptive .flexbe-cards-root .slider-button--cards {
        padding: 0 10px
    }
    body.adaptive .flexbe-cards-root.full-width {
        padding-right: 0;
        padding-left: 0
    }
    body.adaptive .flexbe-cards-wrapper {
        overflow: visible
    }
    body.adaptive .flexbe-cards-slider--mobile>.flexbe-cards {
        flex-wrap: nowrap
    }
    body.adaptive .flexbe-cards.less-columns {
        justify-content: flex-start
    }
    body.adaptive .flexbe-cards-root.normal-width .slider-button--cards[data-direction=prev] {
        left: 0;
        right: auto
    }
    body.adaptive .flexbe-cards-root.normal-width .slider-button--cards[data-direction=next] {
        right: 0;
        left: auto
    }
}

@media screen and (max-width:767px) {
    .form-field-text__input {
        text-size-adjust: 120%;
        -webkit-text-size-adjust: 120%
    }
    .form-fields .form-field-text__input,
    .quiz-fields .form-field-text__input {
        font-size: 16px;
        min-height: 46px
    }
}

@media screen and (max-width:767px) {
    body.adaptive .component-form.inline .form-submit {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    body.adaptive .component-image .overlay-container {
        overflow-y: auto
    }
}

@media screen and (max-width:767px) {
    body.adaptive .component-menu {
        padding: 0;
        margin: 0
    }
    body.adaptive .component-menu.style--underline a:hover span:after,
    body.adaptive .component-menu.style--underline li.open a span:after {
        opacity: 0
    }
    body.adaptive .component-menu.style--progress a:hover span:after {
        transform: translateZ(0);
        width: 0;
        transition-delay: 0
    }
    body.adaptive .component-menu.style--progress li.open a span:after {
        width: 0
    }
    body.adaptive .component-menu-list {
        flex-grow: 1;
        margin: -7px -15px
    }
    body.adaptive .component-menu-list.nowrap-list {
        flex-wrap: wrap
    }
    body.adaptive .component-menu-list.nested-menu {
        flex-flow: column
    }
    body.adaptive .component-menu-list a {
        font-size: 16px;
        line-height: 26px;
        padding: 7px 15px
    }
    body.adaptive .component-menu-dropdown-list {
        position: relative;
        width: 100%;
        min-width: 100%;
        background: none;
        border-radius: 0;
        box-shadow: none;
        padding: 5px 15px;
        margin: 5px 0
    }
    body.adaptive .component-menu-dropdown-list .component-menu-dropdown-list {
        margin: 7px 0;
        padding-top: 0;
        padding-bottom: 0
    }
    body.adaptive .component-menu-dropdown-list .component-menu-dropdown-list:before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 15px
    }
    body.adaptive .component-menu-dropdown-list .menu-item {
        display: block;
        padding: 0
    }
    body.adaptive .component-menu-dropdown-list a {
        font-size: 16px;
        line-height: 24px;
        justify-content: inherit;
        opacity: 1
    }
    body.adaptive .component-menu-dropdown-list .folder-item-text {
        justify-content: inherit
    }
    body.adaptive .component-menu-dropdown-list .folder-item-text span {
        width: auto;
        padding: 0
    }
    body.adaptive .component-menu-dropdown-list .folder-item-text .folder-arrow {
        position: relative;
        top: 0;
        right: 0;
        margin-left: 10px
    }
    body.adaptive .folder-item .folder-item-text .folder-arrow {
        transform: rotate(0deg)
    }
    body.adaptive .folder-item.show>.folder-item-text .folder-arrow {
        transform: rotate(-180deg)
    }
    body.adaptive [data-contrast=light] .component-menu-dropdown-list,
    body.adaptive [data-contrast] [data-contrast=light] .component-menu-dropdown-list {
        background: hsla(0, 0%, 100%, .1)
    }
    body.adaptive [data-contrast=light] .component-menu-dropdown-list .component-menu-dropdown-list,
    body.adaptive [data-contrast] [data-contrast=light] .component-menu-dropdown-list .component-menu-dropdown-list {
        background: none
    }
    body.adaptive [data-contrast=light] .component-menu-dropdown-list .component-menu-dropdown-list:before,
    body.adaptive [data-contrast] [data-contrast=light] .component-menu-dropdown-list .component-menu-dropdown-list:before {
        background: hsla(0, 0%, 100%, .1)
    }
    body.adaptive [data-contrast=dark] .component-menu-dropdown-list,
    body.adaptive [data-contrast] [data-contrast=dark] .component-menu-dropdown-list {
        background: rgba(0, 0, 0, .05)
    }
    body.adaptive [data-contrast=dark] .component-menu-dropdown-list .component-menu-dropdown-list,
    body.adaptive [data-contrast] [data-contrast=dark] .component-menu-dropdown-list .component-menu-dropdown-list {
        background: none
    }
    body.adaptive [data-contrast=dark] .component-menu-dropdown-list .component-menu-dropdown-list:before,
    body.adaptive [data-contrast] [data-contrast=dark] .component-menu-dropdown-list .component-menu-dropdown-list:before {
        background: rgba(0, 0, 0, .1)
    }
}

@media screen and (min-width:768px) {
    body.adaptive .component-menu-dropdown-list a span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex-shrink: 0
    }
}

@media screen and (max-width:767px) {
    body.adaptive .component-quiz {
        padding: 0;
        margin: 0;
        overflow: visible
    }
    body.adaptive .component-quiz .quiz-progress {
        padding-bottom: 30px
    }
    body.adaptive .component-quiz .quiz-progress[data-progress-style=bar] .quiz-progress-inner,
    body.adaptive .component-quiz .quiz-progress[data-progress-style=bar] .quiz-progress-inner .progress-loader-bar {
        width: 100%
    }
    body.adaptive .component-quiz .quiz-steps {
        padding: 0
    }
    body.adaptive .component-quiz .quiz-actions {
        flex-flow: row wrap;
        margin-top: 30px;
        width: 100%
    }
    body.adaptive .component-quiz .quiz-actions .suggestion-next {
        display: none
    }
    body.adaptive .component-quiz .quiz-actions .quiz-next {
        flex-grow: 1
    }
    body.adaptive .component-quiz .policy-data-warning {
        width: 100%
    }
    body.adaptive .component-quiz .step-title {
        width: 100%;
        margin-bottom: 30px
    }
    body.adaptive .component-quiz .quiz-fields {
        align-items: flex-start
    }
    body.adaptive .component-quiz .quiz-fields .field {
        padding: 0;
        width: 100%;
        min-width: 0
    }
    body.adaptive .component-quiz .quiz-fields .field+.field {
        margin-top: 20px
    }
    body.adaptive .component-quiz .quiz-fields .form-field {
        padding: 0
    }
    body.adaptive .component-quiz .quiz-fields .field[data-type=checkbox],
    body.adaptive .component-quiz .quiz-fields .field[data-type=radio] {
        min-width: auto
    }
    body.adaptive .component-quiz .field[data-type=image] {
        justify-content: flex-start;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        flex-grow: 1;
        flex-shrink: 0
    }
    body.adaptive .component-quiz .form-field-image-group {
        overflow-x: auto;
        display: flex;
        flex-flow: row;
        margin: 0;
        -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity
    }
    body.adaptive .component-quiz .form-field-image-group .form-field-image-item {
        width: auto;
        padding: 10px;
        scroll-snap-align: start
    }
    body.adaptive .component-quiz .form-field-image-group .form-field-image-item:first-child {
        padding-left: 20px
    }
    body.adaptive .component-quiz .form-field-image-group .form-field-image-item:last-child {
        padding-right: 20px
    }
    body.adaptive .component-quiz .form-field-image-group .form-field-image-content {
        width: 75vw;
        max-width: 240px
    }
    body.adaptive [data-quiz-part=progress][data-progress-style=bar][data-current-progress="0"] .current .progress-runner {
        right: -40px
    }
    body.adaptive [data-quiz-part=progress][data-progress-style=bar][data-current-progress="0"] .current .progress-runner:after {
        opacity: 0
    }
    body.adaptive [data-quiz-part=progress][data-progress-style=bar][data-current-progress="100"] .current .progress-runner {
        right: 0;
        transform: translate(0)
    }
    body.adaptive [data-quiz-part=progress][data-progress-style=bar][data-current-progress="100"] .current .progress-runner:after {
        left: 100%;
        opacity: 0
    }
}

@media screen and (max-width:767px) {
    body.adaptive .slider-button {
        font-size: 40px;
        padding: 0 .25em;
        transform: translateZ(0)
    }
}

@media screen and (max-width:767px) {
    body.adaptive .slider-pagination.type--thumbs {
        --thumbPad: 10px;
        --thumbSize: 50px
    }
}