@media (min-width: 639px) and (max-width: 640px) {
    html,
    body {
        height: 100%;
    }
    .assessment_disp01 {
        position: relative;
        height: 100%
    }
    .fb_overlay {
        /* min-height: 300px; */
        /* width:640px */
    }
}
@media (max-device-width: 1024px) {
    .opt {
        /* -webkit-padding-before:5px; */
        
        line-height: normal;
    }
}
@media (max-device-width: 768px) {
    .Fb_SCoreCard {
        left: 20px;
        position: absolute;
        top: -54px;
        width: 43%;
    }
}
@media (max-device-width: 767px) {
    .question_dot {
        display: none;
    }
    .Fb_SCoreCard {
        left: 20px;
        position: absolute;
        top: -54px;
        width: 43%;
    }
    .assessmentTitle {
        margin-right: 20px;
    }
    .feedback_content {
        position: inherit;
        text-align: left;
        padding: 20px;
        width: auto;
    }
    .ASmntHeader {
        background-image: none;
    }
}
@media only screen and (max-device-width: 720px) {
    .Fb_SCoreCard {
        left: 0;
        position: relative;
        right: 0;
        top: -48px;
        width: inherit;
    }
    .FB_right {
        float: inherit;
        text-align: center;
        width: 100%;
    }
    .fb_button_wrapper {
        margin-top: 30px;
    }
    .feedback_bg {
        margin-top: 50px;
    }
    .assessmentContent {
        /* padding:10px 25px 10px 25px; */
        
        background-image: none;
    }
    .assessmentTitle.assessmentTitle_left {
        margin-left: 20px;
    }
}
@media (max-device-width: 650px) {
    .ASmntHeader {
        height: auto;
        padding: 10px 0;
    }
    .Arabic .ASmntHeader {
        background-image: none;
    }
    .Arabic .assessmentContent {
        padding: 20px 25px 20px 0px;
        background-image: none;
    }
    .Arabic .assessmentTitle {
        width: 80%;
    }
    .Arabic .assessmentTitle.assessmentTitle_left {
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media (max-device-width: 360px) {
    .Fb_buttons li {
        width: 43%;
    }
    .ScoreCard {
        font-size: 2.625em;
        padding: 6px;
    }
    .FB_right h3 {
        font-size: 27px;
    }
    .opt {
        line-height: 24px;
    }
    .KC_innerPadding .Next_Button {
        /* -webkit-padding-before:8px; */
    }
    .KC_innerPadding .continueText {
        /* -webkit-padding-before:9px; */
    }
}
@media (max-device-width: 320px) {
    .Fb_buttons li {
        margin-bottom: 15px;
        width: 90%;
    }
    .opt {
        line-height: 18px;
    }
}
@media only screen and (max-width: 800px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1) {
    .opt {
        line-height: 30px;
    }
}
/*responsive*/

@media (max-width: 600px) {
    .assessmentContent {
        /* padding: 10px 25px 10px 25px; */
        
        background-image: none;
    }
}