@media (min-width: 768px) {
    .quiz_attempt_page .sidebar_attempt {
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        max-width: 180px;
        padding-right: 0;
    }

    .quiz_attempt_page .main_attempt {
        -ms-flex: 0 0 calc(100% - 180px);
        flex: 0 0 calc(100% - 180px);
        max-width: calc(100% - 180px);
        border-left: 1px solid #E5E5E5;
        min-height: calc(100vh - 80px);
    }

    .q_multiplechoice ,
    .type_speaking .quiz-attempt-slot,
    .type_speaking_mindmap .quiz-attempt-slot,
    .vertical_stype .q_multiplechoice {
        display: flex;
    }

    .vertical_stype .group_question_title {
        display: flex;
    }

    .vertical_stype .group_question_title h3 {
        -ms-flex: 0 0 205px;
        flex: 0 0 205px;
        max-width: 205px;
    }

    .q_multiplechoice > h3 ,
    .type_speaking .quiz-attempt-slot > h3 ,
    .type_speaking_mindmap .quiz-attempt-slot > h3 ,
    .vertical_stype .q_multiplechoice > h3 {
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        max-width: 180px;
        font-weight: normal;
        font-size: 16px;
        line-height: 18px;
        color: #000000;
        text-transform: inherit;
        margin: 0;
        position: relative;
    }

    .q_multiplechoice > .question ,
    .type_speaking .quiz-attempt-slot > .question ,
    .type_speaking_mindmap .quiz-attempt-slot > .question ,
    .vertical_stype .q_multiplechoice > .question {
        padding-left: 20px;
        width: 100%;
    }

    .type_speaking_mindmap .quiz-attempt-slot > .question {
        border-left: 1px solid;
    }

    .q_multiplechoice > h3:after ,
    .vertical_stype .q_multiplechoice > h3:after {
        content: "";
        width: 1px;
        height: 20px;
        background: #000;
        position: absolute;
        right: 0;
    }

    .question_item.type_essay .question {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -12px;
        margin-left: -12px;
    }

    .question_item.type_essay .question > div {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        padding: 0 12px;
    }

    .question_item.type_essay .question .revert + div {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 24px;
    }

    .question_item.type_essay .question .revert {
        height: 500px;
        max-height: calc(100vh - 220px);
    }

    .review_page .question_item.type_essay .question .revert {
        min-height: auto;
    }

    .question_item.type_essay .quiz-attempt-slot > h3 {
        max-width: 40%;
    }

    .type_speaking .quiz-attempt-slot > .question {
        border-left: 1px solid;
    }

    .footer_top .widget .widget_title {
        margin-top: 90px;
    }

}



@media (min-width: 992px) {
    .mobile_menu{
        display: none;
    }

    .col-lg-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1024px) {
    .post_list .post_item.col {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .countdown_wrap_time{
        display: block !Important;
    }
    .countdown_wrap_time .countdown_wrap{
        width: 100%;
    }
}

@media (min-width: 1300px) {
    .login_copyright {
        padding-left: 300px;
    }

    .login_copyright:before {
        width: 220px;
    }

    .login_copyright:after {
        left: 220px;
    }

    .login_copyright ul li {
        margin-right: 30px;
        font-size: 20px;
    }
}

@media (min-width: 1600px) {
    .login_copyright ul li {
        margin-right: 80px;
    }

    .login_copyright {
        padding-left: 450px;
    }

    .login_copyright:before {
        width: 350px;
    }

    .login_copyright:after {
        left: 350px;
    }
}

@media (max-width: 1299px) {
    .login_copyright {
        padding: 0 50px;
    }

    .login_copyright:before ,.login_copyright:after{
        display: none;
    }

    .login_copyright ul li {
        margin-right: 50px;
        font-size: 20px;
    }

    .main_login .form_box_wrap {
        right: 20px;
    }
}

@media (max-width: 991px) {
    .main_login .bg_img {
        object-fit: cover;
        object-position: left;
    }

    .main_login .form_box_wrap {
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
    }

    .login_copyright {
        padding: 0 20px;
    }

    .login_copyright ul li {
        margin-right: 20px;
        font-size: 16px;
    }

    .login_copyright ul li i {
        font-size: 20px;
        margin-right: 2px;
    }

    .header_menu {
        display: none;
    }

    .header_main {
        border: 0;
    }

    .mobile_menu {
        border-bottom: 1px solid #D5DCE6;
    }

    .iconMenu {
        border: 1px solid #2D3436;
        padding: 0;
        width: 40px;
        height: 30px;
        position: relative;
        display: block;
    }
    .iconMenu span {
        width: 20px;
        height: 2px;
        background: #2D3436;
        top: 50%;
        margin-top: -1px;
        position: absolute;
        left: 10px;
    }
    .iconMenu span:before {
        width: 20px;
        height: 2px;
        background: #2D3436;
        top: calc(50% - 7px);
        content: "";
        position: absolute;
        left: 0;
    }
    .iconMenu span:after {
        width: 20px;
        height: 2px;
        background: #2D3436;
        bottom: calc(50% - 7px);
        content: "";
        position: absolute;
        left: 0;
    }

    .question-matching {
        width: 60%;
    }

    .answer-matching {
        width: 40%;
    }
}

@media (max-width: 767px){
    .quiz_attempt_page .sidebar_attempt {
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        max-width: 180px;
        padding-right: 0;
    }

    .review_page .custom-controls-stacked {
        padding-left: 30px;
    }

    .question_item.type_essay {
        padding: 0;
    }

    .question_item.type_essay .quiz-attempt-slot > h3 {
        padding: 0 15px;
    }

    .question-matching,
    .answer-matching {
        width: 100%;
        float: none;
    }
}

@media (max-width: 575px){
    form#formSearch {
        position: fixed;
        top: 40%;
        max-width: 80%;
        left: 10%;
        width: 100%;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    .inputSearch {
        max-width: 100%;
        height: 40px;
        border-radius: 30px;
    }
    button.btnSearch {
        width: 40px;
        height: 40px;
        line-height: 50px;
    }
    .openSearch form#formSearch{
        visibility: visible;
        opacity: 1;
        top: 50%;
    }
    .openSearch .over_wrap{
        display: block;
    }
    #bannerSlider {
        /*padding-left: 30px;*/
    }
    #bannerSlider .carousel-indicators {
        /*left: 0;*/
        bottom: 0;
    }
}