@media (min-width: 100px) and (max-width: 575.99px) {
    #mobileSideMenu {
        background: var(--primary-color);
        z-index: 9999;
    }

    #modernNavbar .navbarRyt {
        margin: -9px 0 0 0;
    }

    #mainLogo {
        width: 30%;
        margin: -4% 0 0 0;
    }

    #modernNavbar .navbar-toggler {
        position: absolute;
        right: 10px;
        top: 85%;
        background: #fff;
        border-color: #fff;
        width: 40px;
        height: 35px;
        padding: 0 6px 0 6px;
        transform: translateY(-50%);
    }

    .email_info ul li a {
        padding: 8px 6px;
        font-size: 11px;
    }

    .mobile_btn a {
        font-size: 11px;
        border: 1px solid rgba(255,255,255,.1);
        background: unset;
        padding: 3px;
    }

    .mblBtn_resp {
        display: inline-flex !important;
    }

    .email_info ul {
        text-align: left;
    }

        .email_info ul li {
            margin-right: unset;
        }

    #modernNavbar.scrolled {
        width: 100% !important;
    }

    #mobileSideMenu .dropdown-menu {
        position: relative !important;
        border: 1px solid rgba(0,0,0,.12);
        width: 64%;
        min-width: unset;
        margin: auto !important;
        transform: unset !important;
    }

    #modernNavbar.scrolled #mainLogo {
        margin: 0 0 0 0;
    }

    /*=========== new code of navbar end ========*/

    section.top_header {
        text-align: center;
        padding: 3px 0 11px 0;
    }

    .shape_Our, .shapes3 {
        display: none;
    }

    /* ====== ABOUT-US START ====== */
    .AboutUs_Mn {
        padding: 30px 10px 0 10px;
    }

    h1.section-title,
    h2.section-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .OurServ {
        padding: 30px 10px 0 10px;
    }

    /* ====== ABOUT-US END ====== */

    /* ====== BEST PRODUCT START ====== */
    .BestProd {
        padding: 30px 0 30px 0;
    }

        .BestProd .glass-card {
            margin: auto;
        }

    #collectionsCarousel .carousel-control-prev {
        left: -1%;
    }

    #collectionsCarousel .carousel-control-next {
        right: -1%;
    }

    #collectionsCarousel {
        padding: 0 0 0 0;
    }

    .checkbox-section {
        padding: 5px;
    }

    .LoginMn label {
        font-weight: 400;
        font-size: 12px;
    }

    /* ====== BEST PRODUCT END ====== */

    /* Web Support Section Start Here */

    .webSuportMn {
        height: unset;
        padding: 40px 10px 40px 10px;
    }

    .webSuport .row {
        display: flex;
    }

    .webSuport .webSprtLft {
        order: 2;
        /**/
    }

    .webSuport .webSprtRyt {
        order: 1;
    }

    .treLearn {
        position: unset;
        left: unset;
        top: unset;
    }

    .webSupImg {
        position: relative;
        left: unset;
        top: unset;
        height: unset;
        width: 80%;
        margin: auto;
    }

    .treLearn {
        position: unset;
        left: unset;
        top: unset;
        width: 100%;
        height: auto;
    }

    .webSupTxt {
        position: absolute;
        font-size: 25px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .webSuport {
        margin: 0 0 0 0;
    }

    .AppLink {
        padding: 40px 0 40px 0;
    }

    /* ====== LOGIN STEP START ====== */
    .loginStep {
        padding: 30px 0 0 0;
    }

    .loginStepItm {
        margin: 0 0 40px 0;
        width: 100%;
    }

    .loginStepItm::after {
        content: "\21E3";
        left: 43%;
        top: -11%;
        right: 0;
    }

    .loginStepMn {
        margin: 0px 0 0 0;
    }

    .loginStepMn .col-xxl-3:first-child .loginStepItm::after {
        display: none;
    }

    .loginStepMn .col-xxl-3:last-child .loginStepItm::after {
        display: block;
    }

    .signupRyt {
        border-left: unset;
    }

    .loginRyt img, .PassRyt img, .signupRyt img {
        display: none;
    }

    .LoginMn.wrapper {
        padding: 20px 0 50px 0;
    }

    .LoginMn .title span {
        font-size: 26px;
    }

    /* ====== LOGIN STEP END ====== */

    /* ====== APP LINK START ====== */
    .AnimateBg {
        display: none;
    }

    .AppLink_L {
        text-align: center;
    }

    /* ====== APP LINK END ====== */

    /*===== REGISTER PAGE START =====*/
    .loginRyt, .PassRyt {
        border-left: unset;
        padding: 0 10px 0 10px;
    }

    .LoginMn .sign-panels {
        width: 100%;
        /*padding:10px;*/
    }

    .loginRyt img, .PassRyt img {
        display: none;
    }

    .sign-panels .SignInBtn {
        width: auto !important;
    }

    /*===== REGISTER PAGE END =====*/
    .footer-modern-bg img {
        width: 48%;
    }

    /*Smart-Learning-Chapter-List page design start here*/
    .SmrtLrng_ChptLst .chapter-item {
        display: block;
    }

    .SmrtLrng_ChptLst .chapter-info {
        margin: 0 0 10px 0;
    }

    .SmartLrngMn {
        width: 100%;
        float: left;
        padding: 0 0;
    }

    .chip-left {
        display: block;
    }

    .heroBtn {
        width: 100%;
        display: block;
        margin: 10px 0 0 0;
    }

    .top-chip .section-title {
        display: inline-block;
        width: 81%;
        float: unset;
        vertical-align: middle;
    }

    .back-btn {
        vertical-align: middle;
    }

    /*Smart-Learning-Test page design start here*/
    .SmrtLrngTst_chip .heroBtn {
        width: 100%;
    }

    .action_btns .btn {
        width: 60%;
        margin: auto;
    }

    .options .moreOption {
        width: 70%;
        display: block;
    }

    /*Smart-Learning-Test-Result page design start here*/

    .smrtLrng_RsltLft .chart-circle {
        height: 200px !important;
        width: 200px !important;
    }

    .smrtLrng_RsltItm {
        margin: 0 0 10px 0;
    }

    .smrtLrng_RsltLft, .smrtLrng_RsltRyt {
        padding: 0;
    }

    .smrtLrng_RsltRyt {
        border-left: unset;
        padding: 0;
    }

    /*Smart-Learning-Previous-Test Page design start here*/
    .RsltTblHdr {
        display: none;
    }

    /*Smart-Learning-Previous-Test Page design end here*/
    /*Smart-Learning-Test-Review page design start here*/
    .quiz-question {
        width: 90%;
        vertical-align: top;
    }

    /*Select-Chapter-Test page design start here*/
    .slctChptr_Tbl {
        padding: 20px 0;
    }

    .smartLrng_PrctHdr {
        padding: 7px 15px 7px 15px;
    }

        .smartLrng_PrctHdr h2 {
            font-size: 17px;
            margin: 6px 0 6px 0;
            margin-bottom: 6px !important;
        }

    .slctChptrQues-midRyt {
        margin: 7px 0 0 0;
    }

    .slctChptrQues-btmTp {
        padding: 0;
    }

    .slctChptrQues-btmTpM h4 span {
        font-size: 19px;
    }

    .slctChptrQues-btmTp span {
        font-size: 12px;
    }

    .slctChptr_Inst span {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }

    .slctChptrQues-btm {
        padding: 15px 7px;
    }

    .ques-checkTbl input[type="checkbox"] {
        width: 15px;
        display: inline-block;
    }

    .ques-checkTbl label {
        vertical-align: top;
        font-size: 14px;
        width: 90%;
    }

    /*Loreto-Generate-Random-Test page start here*/
    .slctChptrQuesF1 {
        order: 1;
    }

    .slctChptrQuesF2 {
        order: 3;
    }

    .slctChptrQuesF3 {
        order: 2;
    }

    .saveTstBtn {
        width: 100% !important;
    }

    /*AdminQueryCon page design start here*/
    .quesBtn {
        display: block;
        width: 80%;
        margin: 10px auto 10px auto;
    }

    .queryBodyD1 {
        padding: 12px;
    }

    .D1Hdr {
        margin: 0 0 6px 0;
    }

    .D1Bdy {
        padding: 5px 5px 0 0;
    }

    .file-upload-area .AskExprtTxt {
        font-size: 12px;
    }

    .file-upload-area {
        padding: 9px 20px 15px 20px;
    }


    /*QueryView Page design start here*/
    .query-table .row-card {
        margin: 0 0 0 0;
    }

    /*Ask-Query page design start here*/

    .askQueryMn {
        padding: 10px 0 50px 0;
    }

    .askQueryMn .form-card {
        padding: 15px;
    }

    .DataEntry_Mn {
        padding: 20px;
    }

    .userTime {
        font-size: 13px;
    }

    /*MyAccount page design start here*/
    .MyAcc .profile-body table tr td {
        padding: 8px;
    }

    .MyAcc .profile-body .form-select, .MyAcc .profile-body .form-control {
        width: 93%;
    }

    .MyAcc .profile-body table tr td label {
        display: table;
    }

    .MyAcc .ClassTbl label {
        font-size: 12px;
    }

    .hero .btn-primary {
        width: 100%;
        margin: 15px auto 0 auto;
    }

    /*Test-Generator-Record page design start here*/
    .CartTblHdr {
        display: none !important;
    }

    .CartItmRow {
        text-align: left;
    }

    .saveTstTbl {
        font-size: 14px;
    }

    .dashboard-row {
        padding: 0;
    }

    .DashboardMn {
        padding: 20px 0;
    }

    /*About-us page design start here*/

    .AllSameTxt p, .AllSameTxt ul li, .AllSameTxt ol li {
        font-size: 14px;
        text-align: unset;
    }

    .Cancellation {
        padding: 20px 0 50px 0;
    }

    .AllSameTxt p, .AllSameTxt ul li, .AllSameTxt ol li {
        line-height: 25px;
    }

    /*DataEntry-Loreto-Tg start here*/
    .DataEntry {
        padding: 20px 0 50px 0;
    }
}

@media (min-width: 576px) and (max-width: 767.99px) {
    /*===== NAVBAR START =====*/
    /*#mobileSideMenu {
        background: var(--primary-color);
        z-index: 9999;
    }

    #mainLogo {
        transition: opacity 0.3s ease, transform 0.3s ease;
        width: 30%;
    }

    #modernNavbar .navbarRyt {
        margin: -9px 0 0 0;
    }

    #modernNavbar .navbar-toggler {
        margin: -5% 0 0 0;
    }

    .mobile_btn a {
        font-size: 13px;
    }*/


    h1.section-title, h2.section-title {
        font-size: 25px;
    }

    section.top_header {
        padding: 3px 0 8px 0;
    }

    .mobile_btn a {
        font-size: 13px;
        border: 1px solid rgba(255,255,255,.1);
        background: unset;
        padding: 3px;
    }

    #mobileSideMenu {
        background: var(--primary-color);
        z-index: 9999;
    }

    #modernNavbar .navbarRyt {
        margin: 0 0 0 0;
    }

    #mainLogo {
        width: 30%;
        margin: 0 0 0 0;
    }

    #modernNavbar .navbar-toggler {
        position: absolute;
        right: 10px;
        top: -29px;
        background: #fff;
        border-color: #fff;
        width: 40px;
        height: 35px;
        padding: 0 6px 0 6px;
        transform: translateY(-50%);
        margin: unset;
    }

    .email_info ul li a {
        padding: 0 20px 10px 0;
    }



    .mblBtn_resp {
        display: inline-flex !important;
    }

    .email_info ul li {
        margin-right: unset;
    }

    #modernNavbar.scrolled {
        width: 100% !important;
    }

    #mobileSideMenu .dropdown-menu {
        position: relative !important;
        border: 1px solid rgba(0,0,0,.12);
        width: 64%;
        min-width: unset;
        margin: auto !important;
        transform: unset !important;
    }

    .navbarRyt .navbar {
        padding-top: unset;
        padding-bottom: unset;
    }

    /*Our-Services Section Start Here*/

    .OurServ {
        padding: 30px 0 0 0;
    }

    h1.section-title, h2.section-title {
        margin-bottom: 20px;
    }
    /*Our-Services Section End Here*/

    /*=========== New code of navbar end ========*/

    /*===== NAVBAR PAGE END =====*/

    /*===== REGISTER PAGE START =====*/
    .mblBtn_resp {
        display: inline-flex !important;
    }

    .loginRyt, .PassRyt {
        border-left: unset;
        padding: 0 10px 0 10px;
    }

    .LoginMn .sign-panels {
        width: 100%;
    }

    .loginRyt img,
    .PassRyt img,
    .signupRyt img {
        display: none;
    }

    .sign-panels .SignInBtn {
        width: auto !important;
    }

    .loginLft img, .PassLft img {
        width: 51%;
        margin: 0 0 0 0;
    }

    .signupRyt {
        border-left: unset;
    }

    /*===== REGISTER PAGE END =====*/

    /*===== Footer Start =====*/
    .footer-modern-bg img {
        width: 30%;
    }
    /* Web Support Section Start Here */

    .webSuportMn {
        height: unset;
        padding: 40px 10px 40px 10px;
    }

    .webSuport .row {
        display: flex;
    }

    .webSuport .webSprtLft {
        order: 2;
    }

    .webSuport .webSprtRyt {
        order: 1;
    }

    .treLearn {
        position: unset;
        left: unset;
        top: unset;
    }

    .webSupImg {
        position: relative;
        left: unset;
        top: unset;
        height: 70%;
        width: 70%;
        margin: auto;
    }

    .treLearn {
        position: unset;
        left: unset;
        top: unset;
        width: 100%;
        height: auto;
    }

    .webSupTxt {
        position: absolute;
        font-size: 25px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    /*===== Footer End =====*/

    /*smart-learning-chapter-details page design start here*/
    .SmartLrngMn {
        width: 100%;
        float: left;
        padding: 0 0;
    }

    .heroBtn {
        width: 68%;
    }

    /*smart-learning-chapter-details page design end here*/

    /*Smart-Learning-Test page design start here*/
    .SmrtLrngTst_chip .heroBtn {
        width: 100%;
    }

    .action_btns .btn {
        width: 100%;
    }

    .options .moreOption {
        width: 70%;
        display: block;
    }

    /*Smart-Learning-Test-Result page design start here*/

    .smrtLrng_RsltItm {
        margin: 0 0 10px 0;
    }

    .smrtLrng_RsltLft, .smrtLrng_RsltRyt {
        padding: 0;
    }

    .smrtLrng_RsltRyt {
        border-left: unset;
        padding: 0;
    }


    /*Smart-Learning-Previous-Test Page design start here*/
    .RsltTblHdr {
        display: none;
    }

    /*Smart-Learning-Previous-Test Page design end here*/

    /*Smart-Learning-Test-Review page design start here*/
    .quiz-question {
        width: 90%;
        vertical-align: top;
    }
    /*Select-Chapter-Test page design start here*/
    .slctChptr_Tbl {
        padding: 20px 0;
    }

    .smartLrng_PrctHdr {
        padding: 7px 15px 7px 15px;
    }

        .smartLrng_PrctHdr h2 {
            font-size: 17px;
            margin: 6px 0 6px 0;
            margin-bottom: 6px !important;
        }

    .slctChptrQues-midRyt {
        margin: 7px 0 0 0;
    }

    .slctChptrQues-btmTp {
        padding: 0;
    }

    .slctChptrQues-btmTpM h4 span {
        font-size: 19px;
    }

    .slctChptrQues-btmTp span {
        font-size: 14px;
    }

    .slctChptr_Inst span {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }

    .slctChptrQues-btm {
        padding: 15px 7px;
    }

    .ques-checkTbl input[type="checkbox"] {
        width: 15px;
        display: inline-block;
    }

    .ques-checkTbl label {
        vertical-align: top;
        font-size: 14px;
        width: 90%;
    }

    /*Loreto-Generate-Random-Test page start here*/
    .slctChptrQuesF1 {
        order: 1;
    }

    .slctChptrQuesF2 {
        order: 3;
    }

    .slctChptrQuesF3 {
        order: 2;
    }

    /*AdminQueryCon page design start here*/
    .quesBtn {
        display: block;
        width: 50%;
        margin: 10px auto 10px auto;
    }

    .search-pill {
        width: 100%;
    }

    .hero {
        padding: 30px 18px;
    }

    .queryBodyD1 {
        padding: 15px;
    }

    .D1Hdr {
        margin: 0 0 6px 0;
    }

    .D1Bdy {
        padding: 5px 5px 0 0;
    }

    .file-upload-area .AskExprtTxt {
        font-size: 12px;
    }

    .userTime {
        font-size: 13px;
    }

    /*MyAccount page design start here*/

    .MyAcc .sidebar ul li img {
        width: 7%;
    }

    .MyAcc .profile-body table tr td {
        padding: 10px;
    }

    .hero .btn-primary {
        width: 50%;
        margin: 15px auto 0 auto;
    }

    /* Test-Generator-Record page design start here */
    .CartTblHdr {
        display: none !important;
    }

    .CartItmRow {
        text-align: left;
    }

    .saveTstTbl {
        font-size: 14px;
    }

    .dashboard-row {
        padding: 20px 0;
    }

    .DashboardMn {
        padding: 20px 0;
    }

    /*About-us page design start here*/

    .AllSameTxt p, .AllSameTxt ul li, .AllSameTxt ol li {
        font-size: 14px;
        text-align: unset;
    }

    .Cancellation {
        padding: 20px 0 50px 0;
    }

    .AllSameTxt p, .AllSameTxt ul li, .AllSameTxt ol li {
        line-height: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    /*===== NAVBAR START =====*/
    /*#mobileSideMenu {
        background: var(--primary-color);
        z-index: 9999;
    }

    #mainLogo {
        transition: opacity 0.3s ease, transform 0.3s ease;
        width: 30%;
    }

    #modernNavbar .navbarRyt {
        margin: -9px 0 0 0;
    }

    #modernNavbar .navbar-toggler {
        margin: -5% 0 0 0;
    }

    .email_info {
        text-align: center;
    }

    .email_info ul li a {
        padding: 8px 6px;
    }

    .mobile_btn a {
        font-size: 13px;
    }

    .mblBtn_resp {
        display: inline-flex !important;
    }*/
    section.top_header {
        padding: 4px 0 7px 0;
    }

    .mobile_btn a {
        font-size: 13px;
        border: 1px solid rgba(255,255,255,.1);
        background: unset;
        padding: 3px;
    }

    .email_info ul li a {
        padding: 8px 6px;
    }

    #mobileSideMenu {
        background: var(--primary-color);
        z-index: 9999;
    }

    #modernNavbar .navbarRyt {
        margin: 0 0 0 0;
    }

    #mainLogo {
        width: 20%;
        margin: 0 0 0 0;
    }

    #modernNavbar .navbar-toggler {
        position: absolute;
        right: 10px;
        top: -27px;
        background: #fff;
        border-color: #fff;
        width: 40px;
        height: 35px;
        padding: 0 6px 0 6px;
        transform: translateY(-50%);
        margin: unset;
    }

    .email_info ul li a {
        padding: 0;
        font-size: 11px;
    }

    .mobile_btn a {
        font-size: 13px;
    }

    .mblBtn_resp {
        display: inline-flex !important;
    }

    .email_info ul li {
        margin-right: unset;
    }

    #modernNavbar.scrolled {
        width: 100% !important;
    }

    #mobileSideMenu .dropdown-menu {
        position: relative !important;
        border: 1px solid rgba(0,0,0,.12);
        width: 64%;
        min-width: unset;
        margin: auto !important;
        transform: unset !important;
    }

    .navbarRyt .navbar {
        padding-top: unset;
        padding-bottom: unset;
    }

    .side-menu {
        width: 39vw;
    }

    /*===== NAVBAR PAGE END =====*/
    /*===== REGISTER PAGE START =====*/
    .loginRyt, .PassRyt {
        border-left: unset;
        padding: 0 10px 0 10px;
    }

    .LoginMn .sign-panels {
        width: 100%;
    }

    .loginRyt img,
    .PassRyt img,
    .signupRyt img {
        display: none;
    }

    .sign-panels .SignInBtn {
        width: auto !important;
    }

    .loginLft img, .PassLft img {
        width: 51%;
        margin: 0 0 0 0;
    }

    .signupRyt {
        border-left: unset;
    }

    /*===== REGISTER PAGE END =====*/
    .footer-modern-bg img {
        width: 27%;
    }

    /*smart-learning-chapter-details page design start here*/
    .SmartLrngMn {
        width: 100%;
        float: left;
        padding: 0 0;
    }

    .heroBtn {
        width: 38%;
    }

    /*smart-learning-chapter-details page design end here*/

    /*Smart-Learning-Test page design start here*/
    .action_btns {
        margin: 35px 0 0 0;
    }

        .action_btns .btn {
            width: 70%;
        }

    #ui-id-1, #ui-id-2 {
        min-width: unset;
    }

    .SmrtLrngTst_chip .section-title {
        width: 59%;
    }

    .SmrtLrngTst_chip .heroBtn {
        width: 27%;
    }


    /*Smart-Learning-Test-Result page design start here*/

    .smrtLrng_RsltItm {
        margin: 0 0 10px 0;
    }

    .smrtLrng_RsltLft, .smrtLrng_RsltRyt {
        padding: 0;
    }

    .smrtLrng_RsltRyt {
        border-left: unset;
        padding: 0;
    }

    /*Smart-Learning-Previous-Test Page design start here*/
    .RsltTblHdr {
        display: none;
    }

    /*Smart-Learning-Previous-Test Page design end here*/

    /*Select-Chapter-Test page design start here*/
    h1.section-title, h2.section-title {
        font-size: 25px;
    }

    .slctChptr_Tbl {
        padding: 20px 0;
    }

    .smartLrng_PrctHdr {
        padding: 7px 15px 7px 15px;
    }

        .smartLrng_PrctHdr h2 {
            font-size: 17px;
            margin: 6px 0 6px 0;
            margin-bottom: 6px !important;
        }

    .slctChptrQues-midRyt {
        margin: 7px 0 0 0;
    }

    .slctChptrQues-btmTp {
        padding: 0;
    }

    .slctChptrQues-btmTpM h4 span {
        font-size: 19px;
    }

    .slctChptrQues-btmTp span {
        font-size: 14px;
    }

    .slctChptr_Inst span {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }

    .slctChptrQues-btm {
        padding: 15px 7px;
    }

    .ques-checkTbl input[type="checkbox"] {
        width: 15px;
        display: inline-block;
    }

    .ques-checkTbl label {
        vertical-align: top;
        font-size: 14px;
        width: 90%;
    }

    /*Loreto-Generate-Random-Test page start here*/
    .slctChptrQuesF1 {
        order: 1;
    }

    .slctChptrQuesF2 {
        order: 3;
    }

    .slctChptrQuesF3 {
        order: 2;
    }

    /*AdminQueryCon page design start here*/
    .quesBtn {
        display: block;
        width: 40%;
        margin: 10px auto 10px auto;
    }

    .search-pill {
        width: 100%;
    }

    .hero {
        padding: 30px 18px;
    }

    .userTime {
        font-size: 13px;
    }

    /*MyAccount page design start here*/

    .MyAcc .sidebar ul li img {
        width: 7%;
    }

    .MyAcc .profile-body table tr td {
        padding: 10px;
    }

    .hero .btn-primary {
        width: 40%;
        margin: 15px auto 0 auto;
    }

    /* Test-Generator-Record page design start here */
    .CartTblHdr {
        display: none !important;
    }

    .CartItmRow {
        text-align: left;
    }

    .saveTstTbl {
        font-size: 14px;
    }

    /*About-us page design start here*/

    .AllSameTxt p, .AllSameTxt ul li, .AllSameTxt ol li {
        font-size: 14px;
        text-align: unset;
    }

    .Cancellation {
        padding: 20px 0 50px 0;
    }

    .AllSameTxt p, .AllSameTxt ul li, .AllSameTxt ol li {
        line-height: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1000.99px) {
    /*===== NAVBAR START =====*/

    #mobileSideMenu {
        background: var(--primary-color);
        z-index: 9999;
    }

    #mainLogo {
        width: 64%;
        margin: -3% 0 0 0;
    }

    #modernNavbar.scrolled #mainLogo {
        margin: 1% 0 0 0;
    }

    #modernNavbar .navbarRyt {
        margin: -9px 0 0 0;
    }

    #modernNavbar .navbar-toggler {
        margin: -5% 0 0 0;
    }

    .email_info ul li {
        margin-right: unset;
    }

        .email_info ul li a {
            padding: 8px 3px;
            font-size: 11px;
        }

    .mobile_btn a {
        font-size: 13px;
    }

    .navbar-nav {
        margin: 2% 0 0 0;
    }
    /*===== NAVBAR PAGE END =====*/
    /*===== REGISTER PAGE START =====*/
    .loginRyt, .PassRyt {
        border-left: unset;
        padding: 30px 30px 0 30px;
    }

    .LoginMn .sign-panels {
        width: 100%;
    }

    .loginRyt img,
    .PassRyt img,
    .signupRyt img {
        display: none;
    }

    .sign-panels .SignInBtn {
        width: auto !important;
    }

    .loginLft img, .PassLft img {
        width: 74%;
        margin: 0 0 0 0;
    }

    .signupRyt {
        border-left: unset;
    }

    .email_info {
        width: 100%;
        display: block;
        text-align: center;
    }

    .btns_top,
    .social_link {
        text-align: center;
    }

    /*===== REGISTER PAGE END =====*/

    /*smart-learning-chapter-details page design start here*/
    .SmartLrngMn {
        width: 100%;
        float: left;
        padding: 0 0;
    }

    .heroBtn {
        width: 28%;
    }
    /*smart-learning-chapter-details page design end here*/

    /*Smart-Learning-Test-Result page design start here*/

    .smrtLrng_RsltItm {
        margin: 0 0 10px 0;
    }

    h1.section-title, h2.section-title {
        font-size: 27px;
    }

    .slctChptr_Tbl {
        padding: 20px 0;
    }

    .smartLrng_PrctHdr {
        padding: 7px 15px 7px 15px;
    }

        .smartLrng_PrctHdr h2 {
            font-size: 17px;
            margin: 6px 0 6px 0;
            margin-bottom: 6px !important;
        }

    .slctChptrQues-midRyt {
        margin: 7px 0 0 0;
    }

    .slctChptrQues-btmTp {
        padding: 0;
    }

    .slctChptrQues-btmTpM h4 span {
        font-size: 19px;
    }

    .slctChptrQues-btmTp span {
        font-size: 14px;
    }

    .slctChptr_Inst span {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }

    .slctChptrQues-btm {
        padding: 15px 7px;
    }

    .ques-checkTbl input[type="checkbox"] {
        width: 15px;
        display: inline-block;
    }

    .ques-checkTbl label {
        vertical-align: top;
        font-size: 14px;
        width: 90%;
    }
    /*Loreto-Generate-Random-Test page start here*/
    .slctChptrQuesF1 {
        order: 1;
    }

    .slctChptrQuesF2 {
        order: 3;
    }

    .slctChptrQuesF3 {
        order: 2;
    }

    /*AdminQueryCon page design start here*/
    .quesBtn {
        display: block;
        width: 40%;
        margin: 10px auto 10px auto;
    }

    .search-pill {
        width: 100%;
    }

    .hero {
        padding: 30px 18px;
    }

    .userTime {
        font-size: 13px;
    }

    /*MyAccount page design start here*/
    .MyAcc .sidebar .nav-link {
        font-size: 14px;
    }

    .hero .btn-primary {
        width: 30%;
        margin: 15px auto 0 auto;
    }
}

@media (min-width: 1001px) and (max-width: 1100.99px) {
    .email_info ul li a {
        padding: 8px 3px;
        font-size: 11px;
    }

    .mobile_btn a {
        font-size: 11px;
    }
    /*smart-learning-chapter-details page design start here*/
    .SmartLrngMn {
        width: 100%;
        float: left;
        padding: 0 0;
    }

    .heroBtn {
        width: 28%;
    }
    /*smart-learning-chapter-details page design end here*/

    /*Loreto-Generate-Random-Test page start here*/
    .slctChptrQuesF1 {
        order: 1;
    }

    .slctChptrQuesF2 {
        order: 3;
    }

    .slctChptrQuesF3 {
        order: 2;
    }

    /*AdminQueryCon page design start here*/
    .quesBtn {
        display: block;
        width: 40%;
        margin: 10px auto 10px auto;
    }

    .search-pill {
        width: 100%;
    }

    .hero {
        padding: 30px 18px;
    }

    /*MyAccount page design start here*/
    .MyAcc .sidebar .nav-link {
        font-size: 14px;
    }

    .hero .btn-primary {
        width: 30%;
        margin: 15px auto 0 auto;
    }
}

@media (min-width: 1101px) and (max-width: 1200.99px) {
    .email_info ul li a {
        padding: 8px 3px;
        font-size: 11px;
    }

    .mobile_btn a {
        font-size: 11px;
    }

    /*Loreto-Generate-Random-Test page start here*/
    .slctChptrQuesF1 {
        order: 1;
    }

    .slctChptrQuesF2 {
        order: 3;
    }

    .slctChptrQuesF3 {
        order: 2;
    }

    /*AdminQueryCon page design start here*/
    .quesBtn {
        display: block;
        width: 40%;
        margin: 10px auto 10px auto;
    }

    .search-pill {
        width: 100%;
    }

    .hero {
        padding: 30px 18px;
    }

    /*MyAccount page design start here*/
    .MyAcc .sidebar .nav-link {
        font-size: 14px;
    }

    .hero .btn-primary {
        width: 25%;
        margin: 15px auto 0 auto;
    }
}

@media (min-width: 1201px) and (max-width: 1300.99px) {
    .email_info ul li a {
        padding: 8px 3px;
        font-size: 11px;
    }

    .mobile_btn a {
        font-size: 11px;
    }

    /*Loreto-Generate-Random-Test page start here*/
    .slctChptrQuesF1 {
        order: 1;
    }

    .slctChptrQuesF2 {
        order: 3;
    }

    .slctChptrQuesF3 {
        order: 2;
    }

    .hero .btn-primary {
        width: 25%;
        margin: 15px auto 0 auto;
    }
}

@media (min-width: 1301px) and (max-width: 1400.99px) {
    .email_info ul li a {
        padding: 8px 3px;
        font-size: 11px;
    }

    .mobile_btn a {
        font-size: 11px;
    }

    /*Loreto-Generate-Random-Test page start here*/
    .slctChptrQuesF1 {
        order: 1;
    }

    .slctChptrQuesF2 {
        order: 3;
    }

    .slctChptrQuesF3 {
        order: 2;
    }

    .hero .btn-primary {
        width: 30%;
        margin: 15px auto 0 auto;
    }
}

@media (min-width: 1401px) and (max-width: 1700.99px) {
    .hero .btn-primary {
        width: 20%;
        margin: 15px auto 0 auto;
    }
}

/* Login Page Responsive Start */
@media screen and (max-width: 570px) {
    /*.LoginMn .sign-panels { 
        padding: 40px 20px;
    }*/

    .LoginMn .btn-face,
    .LoginMn .btn-twitter {
        width: 100%;
    }

    .LoginMn .btn-face {
        margin-right: 0;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 480px) {
    .LoginMn .sign-panels input[type="checkbox"] + label {
        width: 100%;
    }

    .LoginMn .btn-signin {
        width: 80%;
    }

  
}

/* Login Page Responsive End */