@media (min-width: 768px) and (max-width: 991px) {
    .exam-pagination-row .col-lg-2 {
        width: 25%;
    }
}

@media (max-width: 767px) {
    #boards-sec ._wrap .image-card-1 {
        margin-bottom: 20px;
    }

    #boards-sec ._wrap:last-child .image-card-1 {
        margin-bottom: 0 !important;
    }

    .image-card-1 ._img-wrap {
        height: 146px;
    }

    .icon-title img {
        width: 30px;
        height: auto;
    }

    .icon-title {
        font-size: 24px !important;
        margin-bottom: 12px;
    }

    .image-card-1 ._footer {
        padding: 10px 8px;
    }

    .image-card-1 ._title {
        font-size: 18px !important;
    }

    .image-card-1 ._icon {
        width: 20px;
        height: 20px;
    }

    section {
        padding: 24px 10px;
    }

    .image-card-2 ._img-wrap {
        height: 160px !important;
    }

    .image-card-2 ._title {
        font-size: 18px !important;
        margin-top: 16px;
    }

    .image-card-2 ._date {
        font-size: 16px;
    }

    .blog-card {
        padding: 12px;
    }

    .blog-card ._img_wrap {
        height: 200px;
    }

    .blog-card ._title {
        font-size: 18px !important;
    }

    .blog-card ._desc {
        font-size: 12px !important;
    }

    .btn-sm {
        padding: 5px 10px !important;
        font-size: 14px !important;
    }

    #blog-sec ._wrap .blog-card {
        margin-bottom: 18px;
    }

    #blog-sec ._wrap:last-child .blog-card {
        margin-bottom: 0px;
    }

    main {
        padding-bottom: 0 !important;
    }

    /* page 2 */

    .board-header h1 {
        font-size: 22px !important;
    }

    .accordion-button {
        font-size: 14px !important;
        font-weight: 400 !important;
        padding: 10px 2px;
    }

    .board-header ._icon {
        width: 18px;
        height: 18px;
        margin-top: -20px;
    }

    .accordion-button::after {
        background-size: 10px;
    }

    .accordion-body a {
        font-size: 12px;
    }

    .next-category h2 {
        font-size: 22px !important;
    }

    .next-category ._name p {
        font-size: 14px;
    }

    .next-category ._icon {
        width: 20px;
        height: 20px;
    }

    .about-sec ._title {
        font-size: 22px !important;
    }
    .about-sec p {
        font-size: 14px;
    }

    /* pre 1 */

    .ct-breadcrumb ._icon {
        width: 26px;
        height: 26px;
    }

    .ct-breadcrumb h1 {
        font-size: 20px !important;
    }

    input[type="text"],
    select {
        height: 48px;
    }

    .page-ask-pre-1 section {
        padding: 0;
    }

    .page-ask-pre-1 .start_test_btn {
        position: fixed;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
    }

    /* exam page */

    .exam-title {
        margin-bottom: 0 !important;
    }

    .exam-title,
    .exam-year {
        font-size: 18px !important;
    }

    .timer {
        font-size: 16px !important;
    }

    .question-wrap-row aside {
        box-shadow: none;
        position: static !important;
        padding: 0 !important;
    }

    .question-wrap-row {
        height: 100% !important;
    }

    .exam-pagination-row {
        flex-wrap: nowrap !important;
        flex-direction: row !important;
    }

    .exam-pagination-row .col-lg-2 {
        width: 30px;
        height: 32px;
        font-size: 16px;
    }

    .ques-count {
        width: 30px;
        height: 32px !important;
        font-size: 18px !important;
    }

    #view-analytics-modal {
        padding: 5px 10px !important;
        font-size: 12px !important;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .ques-no,
    .question {
        font-size: 14px;
    }

    .question {
        font-size: 18px;
        line-height: 24px;
    }

    .choices {
        margin-top: 22px;
    }

    .choice {
        font-size: 18px !important;
        padding: 8px;
        line-height: 16px;
    }

    .exam-header {
        padding: 10px 22px !important;
    }

    .bottom-bar {
        position: fixed;
        bottom: 0;
    }

    /* result page */

    .result-top .score_label {
        font-size: 16px;
    }

    .ct-breadcrumb h1 {
        font-size: 18px !important;
        margin-bottom: 20px;
    }

    .mobile-result .report-tile {
        background-color: #fff;
        padding: 8px;
        border: 2px solid #b1b1b1;
        margin-bottom: 10px;
    }

    .mobile-result .report-tile .lead {
        font-size: 20px;
    }

    .btn-lg {
        padding: 10px 60px !important;
        width: 100%;
    }

    #save-result-mdal h1 {
        font-size: 16px !important;
    }

    #save-result-mdal .hint {
        font-size: 14px !important;
    }
}

@media (max-width: 576px) {
    #boards-sec ._wrap .image-card-1 {
        margin-bottom: 15px;
    }

    #boards-sec ._wrap:last-child .image-card-1 {
        margin-bottom: 0 !important;
    }

    .image-card-1 ._img-wrap {
        height: 146px;
    }

    .icon-title img {
        width: 30px;
        height: auto;
    }

    .icon-title {
        font-size: 22px !important;
        margin-bottom: 12px;
    }

    .image-card-1 ._footer {
        padding: 10px 8px;
    }

    .image-card-1 ._title {
        font-size: 16px !important;
    }

    .image-card-1 ._icon {
        width: 20px;
        height: 20px;
    }

    section {
        padding: 24px 10px;
    }

    .image-card-2 ._img-wrap {
        height: 160px !important;
    }

    .image-card-2 ._title {
        font-size: 16px !important;
        margin-top: 16px;
    }

    .image-card-2 ._date {
        font-size: 14px;
    }

    .blog-card {
        padding: 12px;
    }

    .blog-card ._img_wrap {
        height: 200px;
    }

    .blog-card ._title {
        font-size: 16px !important;
    }

    .blog-card ._desc {
        font-size: 12px !important;
    }

    .btn-sm {
        padding: 5px 10px !important;
        font-size: 12px !important;
    }

    #blog-sec ._wrap .blog-card {
        margin-bottom: 18px;
    }

    #blog-sec ._wrap:last-child .blog-card {
        margin-bottom: 0px;
    }

    main {
        padding-bottom: 0 !important;
    }
    /* page 2 */

    .board-header h1 {
        font-size: 20px !important;
    }

    .accordion-button {
        font-size: 16px !important;
        font-weight: 400 !important;
        padding: 8px 0px;
    }

    .board-header ._icon {
        width: 16px;
        height: 16px;
        margin-top: -20px;
    }

    .accordion-button::after {
        background-size: 10px;
    }

    .accordion-body a {
        font-size: 12px;
    }

    .next-category h2 {
        font-size: 20px !important;
    }

    .next-category ._name p {
        font-size: 16px;
    }

    .next-category ._icon {
        width: 20px;
        height: 20px;
    }

    .about-sec ._title {
        font-size: 20px !important;
    }
    .about-sec p {
        font-size: 12px;
    }

    /* pre 1 */

    .ct-breadcrumb ._icon {
        width: 24px;
        height: 24px;
    }

    .ct-breadcrumb h1 {
        font-size: 18px !important;
    }

    input[type="text"],
    select {
        height: 46px;
    }

    .page-ask-pre-1 section {
        padding: 0;
    }

    .page-ask-pre-1 .start_test_btn {
        position: fixed;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
    }

    /* exam page */

    .exam-title {
        margin-bottom: 0 !important;
    }

    .exam-title,
    .exam-year {
        font-size: 16px !important;
    }

    .timer {
        font-size: 14px !important;
    }

    .question-wrap-row aside {
        box-shadow: none;
        position: static !important;
        padding: 0 !important;
    }

    .question-wrap-row {
        height: 100% !important;
    }

    .exam-pagination-row {
        flex-wrap: nowrap !important;
        flex-direction: row !important;
    }

    .exam-pagination-row .col-lg-2 {
        width: 28px;
        height: 30px;
        font-size: 16px;
    }

    .ques-count {
        width: 28px;
        height: 30px !important;
        font-size: 16px !important;
    }

    #view-analytics-modal {
        padding: 5px 10px !important;
        font-size: 10px !important;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .ques-no,
    .question {
        font-size: 12px;
    }

    .question {
        font-size: 16px;
        line-height: 24px;
    }

    .choices {
        margin-top: 20px;
    }

    .choice {
        font-size: 12px !important;
        padding: 8px;
        line-height: 16px;
    }

    .exam-header {
        padding: 7px 20px !important;
    }

    .bottom-bar {
        position: fixed;
        bottom: 0;
    }

    /* result page */

    .result-top .score_label {
        font-size: 16px;
    }

    .ct-breadcrumb h1 {
        font-size: 18px !important;
        margin-bottom: 20px;
    }

    .mobile-result .report-tile {
        background-color: #fff;
        padding: 8px;
        border: 2px solid #b1b1b1;
        margin-bottom: 10px;
    }

    .mobile-result .report-tile .lead {
        font-size: 20px;
    }

    .btn-lg {
        padding: 10px 60px !important;
        width: 100%;
    }

    #save-result-mdal h1 {
        font-size: 16px !important;
    }

    #save-result-mdal .hint {
        font-size: 14px !important;
    }
}