body, html { overflow-x: clip !important; }

@media (min-width: 1150px) {
    .SF-FAQ {
        max-width: 1250px;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    button.SF-FAQ__question, .SF-FAQ__response {
        font-size: 12px;
    }
    button.SF-FAQ__question > span {
        max-width: 90%;
    }
    .serum-finder-logo__title {
        margin-top: 40px !important;
    }
    .serum-finder-product__push-text-1 {
        font-size: 10px;
    }
    .serum-finder-product__push-text-2 {
        font-size: 22px;
        line-height: 26px;
    }
    .serum-finder-product__push-text-3 {
        max-width: 305px;
    }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .SF-FAQ {
        max-width: 1100px;
    }
    button.SF-FAQ__question, .SF-FAQ__response {
        font-size: 12px;
    }
    .serum-finder-product__push-text-2 {
        font-size: 20px;
        line-height: 24px;
    }
    .serum-finder-product__push-text-1 {
        font-size: 9px;
    }
    .serum-finder-product__push-text-3 {
        font-size: 10px;
    }
    .serum-finder-product__push-text-3 {
        max-width: 300px;
    }
}
@media (max-width: 480px) {
    button.SF-FAQ__question, .SF-FAQ__response {
        font-size: 12px;
    }
    .serum-finder-home__bold-text {
        padding: 0 20px 20px 20px;
    }
    button.SF-FAQ__question > span {
        max-width: 94%;
    }
    .serum-finder-steps__item .serum-finder-steps__button>p {
        font-size: 9px;
    }
}