@media only screen and (max-width: 768px) {
    .pl-0 {
        padding-left: 15px;
    }

    .pr-0 {
        padding-right: 15px;
    }

    .p-xs-0 {
        padding: 0px;
    }

    .social-link-fixed.sidebar {
        display: none;
    }

    .header-section .header-nav-box .navbar .navbar-collapse ul li a:hover {
        color: #0d2844;
    }

    .header-section {
        position: relative;
    }

    .header-section .top-header-section .d-flex {
        display: block;
    }

    .header-section .header-nav-box {
        display: block;
        background: #efefef;
        border-radius: 4px;
    }

    .header-section .header-nav-box .navbar {
        width: 100%;
        margin-bottom: 0;
    }

    .header-section .header-nav-box .navbar .navbar-collapse .navbar-nav {
        margin: 0;
        background: transparent;
        float: none;
        margin-top: 0;
        display: block;
    }

    .header-section .header-nav-box .navbar .navbar-collapse .navbar-nav li {
        display: block;
        width: 100%;
        text-align: left;
    }

    .header-section .header-nav-box .navbar .navbar-collapse {
        width: 100%;
        float: none;
        border: none;
        overflow: hidden;
        margin-top: 10px;
    }

    .header-section .header-nav-box .sign-up a {
        margin-right: 10px;
        margin-left: 0;
    }

    .header-section .header-nav-box .navbar .navbar-collapse ul li a {
        border-bottom: 1px solid #a3adb4;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #0d2844;
    }

    .header-section .loginregister-btn a,
    .header-section .loginregister-btn button {
        padding: 6px 12px !important;
    }

    .header-section .header-nav-box .login,
    .header-section .header-nav-box .sign-up {
        display: inline-flex;
    }

    .header-section .header-nav-box .navbar {
        background: transparent;
        margin: 0;
        position: relative;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-section .header-nav-box .navbar .navbar-header-toggle-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .header-section .header-nav-box .navbar-header-toggle-flex .exams-toggle-btn {
        padding: 6px 10px;
        color: #0d2844;
        font-size: 14px;
        border-radius: 4px;
    }

    .header-section .header-nav-box .navbar .navbar-header-toggle-flex .exams-toggle-btn .fa-book {
        margin-right: 2px;
    }

    .header-section .header-nav-box .navbar .navbar-header-toggle-flex a .fa-search {
        line-height: 2;
        color: #0d3b6b;
        font-size: 16px;
    }

    .header-section .header-nav-box .navbar .navbar-header-toggle-flex a .fa-bell {
        font-size: 20px;
        color: #072442;
        margin: 0 10px 0 14px;
        border-right: 2px solid #a4a4a4;
        padding-right: 10px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .header-section .header-nav-box .navbar .navbar-collapse .d-flex {
        display: block;
    }

    .header-section .logo-box .sp-logo {
        width: 90%;
        display: flex;
        margin: 0 auto;
    }

    .header-section .header-nav-box h2 {
        text-align: center;
    }

    .header-section .header-nav-box .navbar .navbar-toggler {
        background: #0d2844;
        margin: 0;
        border-color: #0d2844;
    }

    .header-section .header-nav-box .navbar .navbar-toggler .navbar-toggler-icon {
        color: #fff;
        height: 24px;
        width: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-section .header-nav-box .navbar .navbar-collapse .navbar-nav li .multi-level {
        padding: 0;
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
    }

    .header-section .navigation-header {
        padding: 8px 0;
    }

    .dashboard-sidebar-menus span {
        position: absolute;
        z-index: 1;
        padding-left: 10px;
        padding-top: 12px;
        width: fit-content;
        font-size: 15px;
    }

    .loginregister-btn a {
        margin: 10px auto !important;
        width: 50%;
        padding: 6px 16px !important;
    }

    .download-app-txt {
        font-size: 14px;
        text-align: center;
        padding-bottom: 10px;
        display: none;
    }

    .bottom-footer .row {
        width: 100% !important;
    }

    .bottom-right-footer a,
    .bottom-footer p {
        font-size: 13px !important;
    }

    .desktop-hide {
        display: block !important;
        width: 86%;
    }

    .desktop-hide ul {
        text-align: right;
        display: flex;
    }

    .desktop-hide ul li.loginregister-btn {
        display: block;
        margin-top: 20px;
        padding: 0 0 0 10px;
    }

    .banner-section {
        padding: 1em 0 0;
    }

    .banner-section-details a {
        padding: 8px 14px;
        font-size: 12px;
    }

    .banner-section-details {
        margin: 0 0 20px !important;
    }

    .banner-section-details .best-stuffs-box span {
        width: 49% !important;
    }

    .banner-section-details .heading {
        font-size: 16px;
    }

    .banner-section-details .heading-two {
        font-size: 22px;
        line-height: 30px;
    }

    .banner-section-details .banner-para {
        font-size: 14px;
    }

    .banner-section .swiper-slide img {
        height: auto;
        width: 90%;
        margin: 4em auto 0;
        display: none;
        float: none;
    }

    .banner-section .swiper-slide {
        height: auto;
        padding: 20px;
    }

    .exam-categories-details ul li {
        margin-right: 10px !important;
    }

    .exam-categories-details ul {
        flex-wrap: wrap;
    }

    .exam-categories-details ul li h3 {
        text-align: center;
    }

    .exam-categories-section .tab .tablinks {
        margin: 0 10px 0 0 !important;
        display: flex;
        padding: 14px 16px;
        align-items: center;
        box-shadow: none;
        text-align: left;
    }

    .exam-categories-section .tab .tablinks i {
        margin-right: 10px;
        margin-bottom: 0;
        font-size: 20px;
    }

    .exam-categories-section .tab {
        margin-top: 2em;
        overflow: auto;
    }

    .exam-categories-section .exam-categories-box {
        display: block;
        padding: 20px;
    }

    .exam-categories-section .exam-categories-box .exam-categories-details {
        padding: 0 !important;
    }

    .exam-categories-details ul li img {
        display: block !important;
        margin: 0px auto 4px !important;
    }

    .exam-categories-section .exam-categories-box img {
        display: none;
    }

    .central-tabs-ul ul li {
        width: 140px !important;
    }

    .state-exam-tabs-ul ul li {
        width: auto !important;
        float: left;
        margin-right: 10px;
    }

    .state-exams-section {
        top: 0;
        padding: 2em 0;
    }

    .state-exams-section .state-exams-box ul li {
        display: inline-block;
        text-align: center;
        margin: 0 10px 20px;
        transform: translateY(0);
        transition-duration: 0.3s;
        border: 2px solid #ececec;
        width: 43%;
        float: left;
        border-radius: 10px;
        background: white;
    }

    .state-exams-section .state-exams-box ul {
        display: block;
        float: left;
    }

    .state-exams-section .state-exams-box {
        float: none;
        box-shadow: none;
        border: none;
        padding: 0;
        border-radius: 0;
    }

    .state-exams-section .state-exams-box ul li:last-child {
        width: 44%;
    }

    .state-exams-section .state-exams-box ul li:last-child img {
        width: 30%;
    }

    .state-exams-section .state-exams-box ul li img {
        width: 30%;
    }

    .top-benefits-section .image-box {
        width: 100%;
        margin: 0 0 20px !important;
        height: auto;
        min-height: auto;
        padding: 20px;
    }

    .top-benefits-section .image-box .content .title {
        color: #003e4f;
    }

    .top-benefits-section .image-box .content p {
        color: #4f4f4f;
        font-size: 14px;
    }

    .top-benefits-section .top-benefits-right .exam-categories-box {
        margin-top: 1em;
    }

    .current-affiars-section img {
        margin-top: 20px;
    }

    .view-all-btn {
        margin-top: 0em;
    }

    .current-affiars-section .LatestNewsBox {
        height: auto;
    }

    .myplans-section ul li {
        width: 46%;
    }

    .myplans-section h4 {
        color: #134768;
        font-size: 16px;
        line-height: 26px;
    }

    .myplans-section .myplans-heading {
        margin-top: 12em;
    }

    .myplans-image-box {
        width: 80%;
        z-index: 999;
    }

    .ourjourney-section .ourjourney-section-box {
        padding: 10px 30px;
        position: relative;
        top: 0;
        margin-top: 20px;
    }

    .ourjourney-section {
        margin-bottom: 0;
        padding: 3em 0;
    }

    .ourjourney-section p {
        font-size: 15px;
    }

    .ourjourney-section h4 {
        font-size: 30px;
    }

    .ourjourney-section .ourjourney-section-box ul {
        display: block;
    }

    .ourjourney-section .ourjourney-section-box ul li i {
        width: 40px;
    }

    .ourjourney-section .ourjourney-section-box ul li {
        margin: 30px auto;
    }

    .VideoSection .videoseriesdetails-Box img {
        height: 190px !important;
    }

    .plan-details-page-box {
        position: relative;
        width: 100%;
        padding: 40px 30px 20px;
    }

    .plan-tabs-page-box .tab {
        overflow: auto;
    }

    .plan-tabs-page-box .tab {
        display: block;
    }

    .footer-section {
        padding: 3em 1em 0;
    }

    .footer-section button a {
        margin-bottom: 40px;
    }

    .footer-section ul {
        margin-bottom: 40px;
    }

    .bottom-footer p {
        padding-bottom: 20px;
        text-align: center;
    }

    .bottom-right-footer {
        text-align: center;
    }

    #button {
        width: 40px !important;
        height: 40px !important;
        right: 10px !important;
    }

    #button::after {
        line-height: 42px !important;
        font-size: 18px !important;
    }

    .dashboard-right-demo-upcoming-ul li {
        width: 30%;
    }

    .dashboard-mobile-sidebar .collapse-button {
        right: 10px;
    }

    .dashboard-mobile-sidebar .collapse-button i {
        font-size: 28px;
    }

    .profile-dashboard-section .profileFlex {
        display: block;
        padding: 0px;
    }

    .profile-dashboard-section .profileFlex .col-md-9.col-xs-12.col-sm-12 {
        padding: 0px;
    }

    .profile-dashboard-section .ProfileDashboardWelcomesection {
        padding: 2em !important;
        margin-top: 10px;
    }

    .profile-dashboard-section .ProfileDashboardWelcomesection .ProfileDashboardWelcomesectionbg {
        border-radius: 10px;
        height: auto !important;
    }

    .profile-dashboard-section .dashboard-right .features-content-head a {
        width: auto;
    }

    .profile-dashboard-section .dashboard-right .my-exams-history-head a {
        width: 54%;
    }

    .profile-dashboard-section .dashboard-right .popular-box {
        margin-bottom: 6px;
    }

    .profile-dashboard-section .dashboard-right .features-content-head,
    .profile-dashboard-section .dashboard-right .my-exams-history-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .profile-dashboard-section .dashboard-right .YourExamsBox {
        display: block;
    }

    .profile-dashboard-section .dashboard-right .features-box {
        padding: 20px;
        margin-bottom: 10px;
    }

    .profile-dashboard-section .dashboard-right {
        padding: 10px !important;
        float: none;
    }

    .profile-dashboard-section .dashboard-right table {
        margin-bottom: 10px;
    }

    .profile-dashboard-section .dashboard-right table tr td {
        padding: 4px;
        border: 1px solid #d2d2d2;
        font-size: 11px;
    }

    .myaccount-box .table .acoount_classStart {
        padding: 4px 8px;
        font-size: 11px;
    }

    .profile-dashboard-section .dashboard-right .TodayUpdateBox {
        display: block;
    }

    .profile-dashboard-section .dashboard-right .activity-contents {
        display: block;
    }

    .profile-dashboard-section .dashboard-right .activity-contents .activity-boxsec {
        width: 48%;
        display: inline-block;
        text-align: center;
        margin-top: 10px;
    }

    .profile-dashboard-section .dashboard-right .activity-contents .activity-boxsec .activity-icon i {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .profile-dashboard-section .dashboard-right .activity-contents .activity-boxsec .activity-icon {
        display: block;
    }

    .profile-dashboard-section .dashboard-right .TodayUpdateBox a {
        margin-right: 0;
    }

    .profile-dashboard-section .dashboard-right h5 .all-news-lang-span {
        margin-top: 10px;
    }

    .profile-dashboard-section .dashboard-right h4 {
        padding: 10px !important;
    }

    .profile-dashboard-section .dashboard-right form label {
        width: 100% !important;
        padding: 0 0px 10px !important;
    }

    .profile-dashboard-section .ProfileDashboardWelcomesection p {
        padding-right: 0 !important;
    }

    .profile-dashboard-section .ProfileDashboardWelcomesection .ProfileDashboardWelcomesectionbg {
        background-size: 100% 100% !important;
    }

    .desktop-hide ul {
        justify-content: end !important;
    }

    .StartMockTestSection {
        padding: 20px 10px;
    }

    .SamanyaGyanGuruVideosSection {
        display: block !important;
        padding: 0px 10px;
    }

    .SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox {
        width: 100% !important;
    }

    .SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox .SamanyaGyanGuruBoxDiv .SamanyaGyanGuruBoxHeader img {
        width: 90px !important;
        min-width: 90px !important;
        max-width: 90px !important;
        background: transparent !important;
        height: 90px !important;
        border-radius: 0 !important;
    }

    .SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox .SamanyaGyanGuruBoxDiv {
        height: auto !important;
    }

    .SamanyaGyanGuruVideosSection .AllVideosBox {
        width: 100% !important;
        margin-top: 20px !important;
    }

    .SamanyaGyanGuruVideosSection .AllVideosBox .AllVideosBoxDiv img {
        width: 90px !important;
        border-radius: 0 !important;
        height: 90px !important;
    }

    .SamanyaGyanGuruVideosSection .AllVideosBox .AllVideosBoxDiv {
        height: auto !important;
    }

    .StartMockTestSection .StartMockTestFlex a {
        height: auto !important;
        padding: 10px !important;
        min-width: 120px !important;
    }

    .NewsAnalysisNewsAnalysisMICABoxFlex {
        display: block !important;
    }

    .NewsAnalysisNewsAnalysisMICABoxFlex .NewsAnalysisBoxFlex {
        width: 100% !important;
    }

    .edit_form_profile {
        padding: 16px !important;
    }

    .edit_form_profile .submit-update {
        width: 100%;
    }

    .registerlogin-page {
        padding: 2em 0 2em;
    }

    .registerlogin-page .loginpage-section-box {
        margin-bottom: 16px;
    }

    .registerlogin-page .registerlogin-form-details-box {
        height: auto;
    }

    .registerlogin-page .registerlogin-form-details-box ul {
        margin-top: 10px;
    }

    .registerlogin-page .registerlogin-form-details-box ul li a {
        font-size: 10px;
        padding: 6px 8px;
    }

    .registerlogin-page .eight-signup-features-box.differentproperties img {
        display: flex;
        margin: 0 auto;
    }

    .registerlogin-page .eight-signup-features-box.differentproperties h4 {
        text-align: center;
    }

    .dashboard-right-demo-upcoming-ul li {
        width: 30%;
    }

    .profile-dashboard-section .ProfileDashboardWelcomesection {
        padding: 2em !important;
        margin-top: 10px !important;
    }

    .profile-dashboard-section .ProfileDashboardWelcomesection .ProfileDashboardWelcomesectionbg {
        border-radius: 10px !important;
        height: auto !important;
    }

    .myexam-profile-box {
        display: block !important;
        overflow: auto !important;
    }

    .dashboard-right form button {
        font-size: 12px !important;
        padding: 6px 8px !important;
        float: right !important;
    }

    .dashboard-mobile-sidebar .collapse-button {
        right: 10px !important;
    }

    .myexam-profile-box .myexam-profile-left-box img {
        width: 20% !important;
        margin-right: 10px !important;
    }

    .ProfileExamdetails-page-section .tabcontent {
        padding: 14px !important;
        margin-bottom: 6px !important;
    }

    .myexam-profile-box .myexam-profile-left-box {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .ProfileExamdetails-page-section .PreviousTestHistoryUI li {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        display: block !important;
    }

    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox h3,
    .ProfileExamdetails-page-section .PremiumSetstabcontent .PremiumSetsBoxFlex .PremiumSetsBox h3 {
        font-size: 14px !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box {
        margin-top: 14px !important;
    }

    .myexam-profile-btn-box {
        text-align: left !important;
        width: 100% !important;
        margin-top: 20px !important;
    }

    .myexam-profile-box .myexam-profile-right-box {
        width: 100% !important;
    }

    .dashboard-mobile-sidebar .collapse-button i {
        font-size: 28px;
    }

    .profile-dashboard-section .dashboard-right .features-content-head a {
        width: auto;
    }

    .profile-dashboard-section .dashboard-right .my-exams-history-head a {
        width: 54%;
    }

    .profile-dashboard-section .dashboard-right .popular-box {
        margin-bottom: 6px;
    }

    .view-history-section .view-history-prev-nxt-btn {
        text-align: center;
        float: left;
        width: 100%;
    }

    .view-history-section .view-history-prev-nxt-btn .btn_prev,
    .view-history-section .view-history-prev-nxt-btn .btn_next,
    .view-history-section .view-history-prev-nxt-btn .nxt_prv_no {
        float: none;
    }

    .profile-dashboard-section .dashboard-right .features-content-head,
    .profile-dashboard-section .dashboard-right .my-exams-history-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .profile-dashboard-section .dashboard-right .YourExamsBox,
    .MyExamsHistory ul li .PreviousTestHistoryFlex,
    .MyExamsHistory ul li {
        display: block;
    }

    .MyExamsHistory ul li .PreviousTestHistoryFlex img {
        width: 40% !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

    .MyExamsHistory ul li a {
        margin-top: 10px !important;
        width: auto !important;
        display: inline-block !important;
    }

    .pl-0 {
        padding-left: 15px;
    }

    .pr-0 {
        padding-right: 15px;
    }

    .profile-dashboard-section .dashboard-right .features-box {
        padding: 20px;
        margin-bottom: 10px;
    }

    /* ************************  MY UPCOMING EXAM PAGE SECTION CSS */
    .my-upcoming-table {
        height: auto;
        overflow: hidden;
    }

    /* ************************  MY ACCOUNT PAGE SECTION CSS */
    .myaccount-tabel th {
        width: auto;
    }

    /* ****************************  MY EXAMS PAGE SECTION CSS  */
    .mock-test-ul li {
        margin: 0;
        width: 100%;
    }

    div.modal.fade.in div.modal-dialog {
        width: 95% !important;
    }

    .profile-video-box h2 {
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 20px !important;
    }

    .profile-video-box {
        padding: 20px !important;
        display: block !important;
        height: auto !important;
    }

    .dashboard-right {
        padding: 0 !important;
        float: none;
    }

    .dashboard-right .activity-contents .activity-boxsec {
        width: 48%;
        display: inline-block;
        text-align: center;
        margin-top: 10px;
    }

    .dashboard-right .activity-contents .activity-boxsec .activity-icon i {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .dashboard-right .activity-contents .activity-boxsec .activity-icon,
    .dashboard-right .TodayUpdateBox,
    .dashboard-right .activity-contents {
        display: block;
    }

    .profile-video-box iframe {
        width: 100% !important;
        min-width: 100% !important;
        margin-right: 0 !important;
    }

    .dashboard-right .TodayUpdateBox a {
        margin-right: 0;
    }

    .dashboard-right h5 .all-news-lang-span {
        margin-top: 10px;
    }

    .my_mica_100-box .my_mica_100-box-div .quesStm h3 {
        line-height: 20px;
        font-size: 14px !important;
    }

    .my_mica_100-box .my_mica_100-box-div .quesStm ul li p {
        padding: 4px 0;
        font-size: 13px;
    }

    .changeexam-page-section .form-outer form .page .step-4-box {
        width: 100% !important;
    }

    #change_exam,
    .profile-dashboard-section .ProfileDashboardWelcomesection p {
        padding-right: 0 !important;
    }

    .myexam-profile-box .myexam-profile-left-box h4 {
        font-size: 14px !important;
        padding: 0 !important;
    }

    .desktop-hide ul {
        justify-content: end !important;
    }

    .profile-dashboard-section .ProfileDashboardWelcomesection .ProfileDashboardWelcomesectionbg {
        background-size: 100% 100% !important;
    }

    .SamanyaGyanGuruVideosSection {
        display: block !important;
    }

    .SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox {
        width: 100% !important;
    }

    .SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox .SamanyaGyanGuruBoxDiv .SamanyaGyanGuruBoxHeader img {
        width: 90px !important;
        min-width: 90px !important;
        max-width: 90px !important;
        background: transparent !important;
        height: 90px !important;
        border-radius: 0 !important;
    }

    .SamanyaGyanGuruVideosSection .AllVideosBox {
        width: 100% !important;
        margin-top: 20px !important;
    }

    .SamanyaGyanGuruVideosSection .AllVideosBox .AllVideosBoxDiv img {
        width: 90px !important;
        border-radius: 0 !important;
        height: 90px !important;
    }

    .SamanyaGyanGuruVideosSection .AllVideosBox .AllVideosBoxDiv,
    .SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox .SamanyaGyanGuruBoxDiv {
        height: auto !important;
    }

    .StartMockTestSection .StartMockTestFlex a {
        height: auto !important;
        padding: 10px !important;
        min-width: 120px !important;
    }

    .ProfileExamdetails-page-section .tab {
        overflow: auto !important;
        justify-content: start !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsfooter-flex button {
        min-width: 60% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsfooter-flex button img {
        position: relative !important;
        margin: 0 0 0 3px !important;
    }

    .ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex .StudyMaterialBox {
        padding: 30px 30px !important;
        margin-bottom: 10px !important;
        width: 100% !important;
    }

    .ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruFlexBox,
    .ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex,
    .NewsAnalysisNewsAnalysisMICABoxFlex {
        display: block !important;
    }

    .ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruBox {
        width: 100% !important;
    }

    .NewsAnalysisNewsAnalysisMICABoxFlex .NewsAnalysisBoxFlex {
        width: 100% !important;
    }

    .ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .NewsAnalysisBox {
        height: auto !important;
    }

    .dashboard-right h4 {
        padding: 10px !important;
    }

    .dashboard-right form label {
        width: 100% !important;
        padding: 0 10px 20px !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex {
        /* display: block !important; */
        padding: 10px 10px 10px 10px !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box img {
        width: 16%;
        padding: 4px;
        margin-right: 4px;
        margin-bottom: 6px;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h4 {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }

    .ProfileExamdetails-page-section .tabcontent {
        padding: 0px !important;
    }

    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex,
    .ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex {
        display: block !important;
    }

    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h4 span {
        padding: 4px 8px;
        font-size: 8px;
        display: inline-block;
        text-align: center;
        min-width: 50px;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h3 {
        font-size: 10px;
    }

    .ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICASectionBox h4,
    .registerlogin-page .registerlogin-form-details-box h2 {
        font-size: 16px;
    }

    .ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex h2 {
        font-size: 14px;
        width: 100%;
    }

    .ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex h4 {
        padding: 10px 16px;
        font-size: 13px;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h3 span {
        word-break: break-all;
    }

    #zendeskChatImage {
        margin: -36px 0px 0px 0px;
    }

    .profile-dashboard-section {
        padding: 1em 0;
    }

    .my-upcoming-table td p {
        margin: 0px;
        font-size: 8px;
    }

    .my-upcoming-table td p button {
        padding: 3px 6px;
        font-size: 10px;
    }

    .helpdesk-box .submit-query {
        width: fit-content;
    }

    .update_form_title {
        margin: 8px 0px 10px;
        font-size: 16px;
        padding-bottom: 4px;
    }

    .profile-dashboard-section .ProfileDashboardWelcomesection.pages_header_title h2 {
        font-size: 16px;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsfooter-flex, .live-side-box {
        margin-bottom: 10px;
    }

    .dashboard-right form button {
        padding: 6px 10px;
        width: 40%;
    }

    .header-section .loginregister-ul-div {
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 4px;
        gap: 10px;
    }

    .mobile-hide {
        display: none !important;
    }

    .captcha_imgDiv #captcha-img {
        width: 100% !important;
    }

    .header-section .all_exam_btn {
        padding: 6px !important;
        font-size: 12px !important;
    }

    .header-section .loginregister-ul-div {
        justify-content: center !important;
        gap: 10px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    /* practise daily-quiz page css */

    .dailyQuizBox .quiz-container {
        padding: 16px;
    }

    .dailyQuizBox .question-text {
        font-size: 1.8em;
    }

    .dailyQuizBox #next-button {
        padding: 12px 24px;
        font-size: 1em;
    }

    .dailyQuizBox .Quiz_options label {
        padding: 12px;
    }

    .dailyQuizBox .dailyQuizBox {
        height: auto;
        margin: 16px 0px;
    }

    .dailyQuizBox .QuizMain_Container {
        padding: 10px 0px;
        margin: 0px;
    }

    .live-detail-box {
        padding: 10px 8px;
    }

    .dailyQuizBox .QuizMain_col9 {
        border-right: 0px;
    }

    .dailyQuizBox .QuizMain_col3 {
        margin-top: 2em;
    }

    .dailyQuizBox #next_button,
    .dailyQuizBox #prev_button{
        padding: 16px 10px;
        font-size: 12px;
    }

    .dailyQuizBox #submit_button {
        padding: 8px 10px;
        font-size: 12px;
    }

    .dailyQuizBox .ques_lagend {
        justify-content: center;
    }

    .dailyQuizBox .question_numBox p {
        font-size: 13px;
        width: 36px;
        height: 36px;
    }

    .dailyQuizBox .question_numBox {
        gap: 6px;
        justify-content: center;
    }

    .dailyQuizBox .Quiz_que #question-text,
    .dailyQuizBox .dailyQuizHead .title_heading {
        font-size: 14px;
    }

    .dailyQuizBox .dailyQuizHead {
        padding: 20px;
    }

    .dailyQuizBox .timer_box2 span {
        font-size: 16px;
    }

    .dailyQuizBox .timer_box2 {
        margin-bottom: 1em;
    }

    .dailyQuizBox #prev_button,
    .dailyQuizBox #next_button {
        width: 30%;
    }

    .dailyQuizBox .ques_lagend p {
        font-size: 9px;
    }

    .dailyQuizBox #submit_button {
        position: static;
    }

    .report_cardBox {
        padding: 1em 1em 1em;
    }

    .score_box {
        padding: 1em;
        width: 100%;
        margin-bottom: 16px;
    }

    .report_cardBox .main_heading {
        font-size: 18px;
        margin: 10px 0px 16px;
    }

    .live-detail-box h4, .live-detail-box1 h4 {
        margin: 0px 0px 10px;
        font-size: 15px;
    }

    .live-detail-box .history_new_select {
        font-size: 12px;
    }

    .live-coaching-section {
        padding: 1em 0;
    }

    .live-header-head {
        margin-bottom: 0px;
    }

    .ProfileExamdetails-page-section .PreviousTestHistoryUI li .resume_button {
        margin-top: 10px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .header-section .navigation-header .row.d-flex,
    .SamanyaGyanGuruVideosSection {
        display: block;
    }

    .header-section .logo-box .sp-logo {
        width: 100%;
    }

    .header-section .top-header-section.navigation-header .row.d-flex .col-md-3.col-sm-12.col-xs-12.mobile-hide {
        position: absolute;
        top: 20px;
        right: 10px;
    }

    .header-section .header-nav-box {
        padding: 0px;
        background: #fff;
        margin-top: 0px;
        border-radius: 4px;
    }

    .header-section .header-nav-box .navbar .navbar-collapse ul li a,
    .header-section .header-nav-box .navbar .navbar-collapse ul li a:focus,
    .header-section .header-nav-box .navbar .navbar-collapse ul li a:hover {
        color: #072442;
    }

    .banner-section-details {
        margin: 0em 0 0 30px;
    }

    .banner-section-details .heading {
        line-height: 24px;
    }

    .banner-section-details .heading-two {
        line-height: 40px;
        font-size: 30px;
    }

    .banner-section .swiper-slide {
        height: auto;
    }

    .banner-section {
        padding-bottom: 2em;
    }

    .banner-section-details .best-stuffs-box span {
        width: 32%;
        height: 54px;
    }

    .state-exams-section {
        padding: 1em 0 2em;
        top: 0;
        border-bottom: 2px solid #ededed;
        margin-bottom: 2em;
    }

    .state-exams-section .state-exams-box {
        padding: 0;
        background-color: transparent;
        box-shadow: none;
        border: none;
    }

    .state-exams-section .state-exams-box ul li {
        margin: 0 6px;
        padding: 10px 6px;
        height: 106px;
        display: flex;
        align-items: center;
    }

    .state-exams-section .state-exams-box ul li h4 {
        line-height: 16px;
    }

    .top-benefits-section .image-box {
        width: 46.5%;
        margin: 0 12px 20px 0;
        padding: 20px;
    }

    .col-md-6.col-sm-6.col-xs-12.row.m-0.top-benefits-right .col-md-4.col-sm-4.col-xs-6 {
        padding: 0;
        padding-right: 10px;
    }

    .current-affiars-section .current-affiars-box img {
        width: 30%;
    }

    .exam-categories-section .exam-categories-details ul li {
        height: 120px;
        margin-right: 20px;
        display: block;
        padding: 14px;
    }

    .exam-categories-section .exam-categories-details ul li h3 {
        line-height: 18px;
        padding-top: 10px;
        font-size: 14px;
    }

    .exam-categories-section .exam-categories-box img {
        height: 200px;
        object-fit: cover;
    }

    .exam-categories-section .exam-categories-details.state-exam-tabs-ul ul li {
        height: 110px;
    }

    .myplans-section .myplans-heading {
        margin: 0px 0px 15px 0px;
    }

    .myplans-section ul li {
        width: 30%;
        height: 56px;
    }

    .myplans-section .myplans-image-box {
        width: 70%;
    }

    .myplans-section .myplans-section {
        padding: 6em 0 6em;
    }

    .ourjourney-section {
        margin-bottom: 8em;
        padding: 3em 0 8em;
    }

    .ourjourney-section .ourjourney-section-box {
        padding: 30px;
    }

    .ourjourney-section .ourjourney-section-box ul {
        justify-content: space-between;
    }

    .ourjourney-section .ourjourney-section-box ul li i {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .ourjourney-section .ourjourney-section-box ul li {
        display: block;
        margin: 0;
    }

    .ourjourney-section .ourjourney-section-box {
        left: 0px;
    }

    .videos-page-section .video-self-page-box {
        height: 300px;
    }

    .videos-page-section .top-header-box {
        padding: 2em 30px 30px;
    }

    .videos-page-section .col-md-3.col-sm-4.col-xs-12 {
        top: 180px !important;
    }

    .profile-dashboard-section .ProfileDashboardWelcomesection p {
        padding-right: 0em !important;
    }

    .StartMockTestSection {
        padding: 10px 0;
    }

    .SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox,
    .SamanyaGyanGuruVideosSection .AllVideosBox {
        width: 100%;
    }

    .registerlogin-page .registerlogin-form-details-box {
        height: auto;
    }

    .registerlogin-page .registerlogin-form-details-box ul,
    .SamanyaGyanGuruVideosSection .AllVideosBox h2 {
        margin-top: 10px;
    }

    .registerlogin-form-details-box ul li a {
        padding: 6px 10px !important;
    }

    .registerlogin-page .loginpage-section-box .loginpage-heading {
        font-size: 22px;
    }

    .registerlogin-page .loginpage-section-box .loginpage-description {
        font-size: 10px;
    }

    .header-section .loginregister-btn a,
    .header-section .loginregister-btn button {
        margin-left: 8px;
    }

    .navigation-header .container {
        max-width: 100%;
    }

    .header-section .header-nav-box .navbar .navbar-collapse ul li a {
        font-size: 12px;
        padding: 0 0 0 13px;
    }

    .header-section .fa-bell {
        font-size: 20px;
        color: #072442;
        margin-left: 10px;
    }

    .registerlogin-page {
        padding: 2em 0 2em;
    }

    .header-section .noti-dropdown .dd input {
        width: 32px;
    }

    .header-section .open-btn1 {
        display: none !important;
    }

    .bottom-right-footer a {
        font-size: 14px !important;
    }

    .bottom-footer p {
        font-size: 13px !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsfooter-flex button {
        font-size: 11px !important;
        padding: 10px 6px !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsfooter-flex {
        padding: 10px 4px !important;
    }

    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox input.button,
    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox a {
        font-size: 10px !important;
        width: 60px !important;
    }

    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox span,
    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox .ViewTestHistoryBtn {
        font-size: 10px !important;
    }

    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox h3 {
        font-size: 16px !important;
        padding: 8px 0 !important;
    }

    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox h2 {
        font-size: 13px !important;
    }

    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex {
        flex-wrap: wrap !important;
    }

    .ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox {
        margin-bottom: 16px !important;
        margin-right: 12px !important;
        width: 47% !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsfooter-flex button {
        font-size: 10px !important;
        padding: 10px 10px !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex {
        padding: 20px 20px 20px 20px !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h4 {
        font-size: 16px !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box img {
        width: 12% !important;
    }

    .ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h4 span {
        padding: 6px 6px !important;
    }

    .ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex .StudyMaterialBox {
        position: relative !important;
        display: inline-block !important;
    }

    .ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex .StudyMaterialBox h4 {
        width: auto !important;
    }

    .ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex .StudyMaterialBox a {
        padding: 4px 10px !important;
        margin-left: 0px !important;
        width: fit-content !important;
    }

    .ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruBox {
        width: 100% !important;
        height: auto !important;
    }

    .ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruFlexBox {
        display: flex !important;
    }

    .ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex h2 {
        width: 60% !important;
    }

    .ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex h4 {
        padding: 10px 10px !important;
    }

    .ProfileExamdetails-page-section .tabcontent {
        padding: 10px !important;
    }

    /* practise daily-quiz page css */

    .dailyQuizBox .question_numBox {
        gap: 6px;
    }

    .dailyQuizBox .ques_lagend {
        margin: 10px 4px;
        display: block;
    }

    .dailyQuizBox .QuizMain_Container {
        padding: 20px 10px 10px;
    }

    .dailyQuizBox .timer_box2 span {
        font-size: 14px;
        padding: 6px 6px;
        margin: 0px;
    }

    .dailyQuizBox .timer_box2 {
        margin-bottom: 1em;
    }

    .dailyQuizBox #prev_button,
    .dailyQuizBox #next_button {
        width: 26%;
    }

    .dailyQuizBox #submit_button {
        width: 56%;
        left: 24%;
    }

    .dailyQuizBox .question_numBox p {
        width: 36px;
        height: 36px;
    }
}

@media (min-width: 1170px) {
    .modal-lg {
        width: 1100px;
    }
}

@media screen and (max-width: 450px) {
    .dailyQuizBox .quiz-container {
        padding: 0px;
    }

    .dailyQuizBox .question-text {
        font-size: 1.4em;
    }

    .dailyQuizBox #next-button {
        padding: 8px 16px;
        font-size: 0.8em;
    }

    .dailyQuizBox .Quiz_options label {
        padding: 10px;
    }
}