@media (min-width: 992px) {
    .left-promo, .right-promo {
        height: 250px;
        display: inline-block
    }

    .section-exam .left-promo img {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .right-promo {
        width: calc(100% - 204px);
        vertical-align: top;
        padding: 10px 20px
    }

    .promo-cont {
        height: 300px !important
    }

    .section-exam .foot-promo {
        margin: 0 !important;
        padding: 0 30px
    }

    .section-exam-tw .dt-des {
        margin-bottom: 40px !important;
        width: 100%
    }
}

.dt-right>img {
    width: 100%;
    height: 100%
}

.section-exam-tw .dt-button {
    padding: 10px 50px 10px 40px !important
}

.feb-button {
    margin-top: 38px
}

.find-title {
    font-size: 36px
}

.find-new-cont {
    color: #ffead7;
    background-image: url('/themes/santen_deh/images/Maskgroup.png');
    background-size: 582px 300px;
    background-color: #1f1a18
}

@media (max-width: 500px) {
    .promo-cont, .section-exam .promo-cont, .section-exam-tw .fd-tw, .section-exam-tw .left-kvs {
        height: unset !important
    }

    .section-exam>.container>.row>div, .section-exam>.container>.row>div>div, .section-exam>div>div>div {
        height: 193px
    }

    .home-find-tw .detect-de-cont {
        height: 450px !important
    }

    .home-find-tw .dt-button {
        bottom: -250px !important
    }

    .home-find-tw .dt-des {
        font-size: 22px !important
    }

    .find-new-cont {
        background-size: cover
    }

    .section-exam-tw .dt-button {
        width: 120px;
        padding: 10px 0 8px !important
    }

    .section-exam-tw .col-detect .dt-button {
        margin-top: 10px
    }

    .br-des, .find-br {
        display: none
    }

    .find-title, .promo-cont .ex-t1 {
        font-size: 18px
    }

    .promo-cont .left-promo {
        width: 100px
    }

    .promo-cont .ex-t2 {
        font-size: 31px
    }

    .home-find-tw .foot-txt {
        text-align: center
    }

    .side-exam .dt-des {
        font-size: 19px !important
    }
}

.side-exam, .side-exam .detect-de-cont, .side-exam>div {
    padding: 0;
    max-width: 100% !important;
    height: 550px
}

.side-exam .detect-de-cont>div, .tw-ask-observer .faq-10 {
    width: 100%
}

.side-exam .dt-right {
    background-image: url('/themes/santen_deh/images/dt-cn-side.png');
    background-position-x: center
}

.sidebar .feb-button {
    margin-top: 15px !important
}

.side-exam {
    z-index: 0
}

.side-exam .dt-right::after {
    position: absolute;
    content: 'DEQ-5 available on our website';
    width: 100%;
    bottom: -35px;
    font-size: 16px;
    text-align: center
}

.side-exam .dt-left {
    padding: 0
}

.side-exam .dt-button {
    position: absolute;
    bottom: -330px;
    width: 90%;
    transform: translate(-50%);
    left: 50%
}

.side-exam .dt-title {
    font-size: 30px;
    text-align: center;
    width: 100%;
    padding-top: 15px
}

.side-exam .isd-txt {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.side-exam .dt-des {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px
}

.side-exam .foot-txt {
    position: absolute;
    bottom: 10px;
    width: 90% !important;
    left: 50%;
    transform: translate(-50%);
    margin: 0
}

.side-exam> .col-detect, .side-exam{
    height: unset;
}

.sidebar>.col-md-6 {
    padding: 0 !important;
    max-width: 100% !important
}

.sidebar>.col-md-6>.find-new-cont {
    height: 165px;
    background-size: auto 165px;
    margin-bottom: 25px
}

.sidebar>.col-md-6>.find-new-cont>.find-des {
    width: 180px
}

@media (min-width: 501px) {
    .col-md-6>.find-new-cont, .section-exam .detect-de-cont {
        height: 300px
    }
}

@media (max-width: 1015px) {
    .promo-cont .promo-txt h5 {
        margin: 3px 0 5px
    }
}