@media only screen and (max-width: 767px) {
    .header-section .top-header-contact-ul li {
        width: 50% !important;
        font-size: 11px !important;
        text-align: right !important;
    }

    .header-section .top-header-right-btns-ul .login-register-btn {
        width: 28% !important;
        float: right !important;
        font-size: 13px !important;
        margin-bottom: 0 !important;
        text-align: right !important;
    }

    .header-section .top-header-right-btns-ul-social {
        width: 100% !important;
    }

    .header-section .top-header-right-btns-ul li.search-ul-li {
        width: 10% !important;
    }

    .header-section .top-header-right-btns-ul {
        padding: 14px 0 6px !important;
        justify-content: center !important;
    }

    .header-section .header-right-bar ul li.book-now-btn.register-btn {
        width: 94% !important;
    }

    .header-section .header-right-bar ul li.book-now-btn {
        width: 42% !important;
        margin: 14px 10px !important;
    }

    .header-section .header-logo-img {
        width: 50% !important;
        margin: 0 auto !important;
        display: table !important;
    }

    .header-section .top-header-right-btns-ul li .ebook,
    .header-section .top-header-paynow-ul .ebook,
    .header-section .top-header-right-btns-ul li a.login-btn {
        font-size: 12px !important;
    }

    .heading-box {
        width: 100% !important;
    }

    .heading-box h2 {
        font-size: 17px !important;
        font-weight: 600 !important;
    }

    .heading-box p {
        font-size: 12px !important;
        font-weight: 500 !important;
        padding-bottom: 10px !important;
    }

    .heading {
        font-size: 20px !important;
        font-weight: 600 !important;
        text-align: center !important;
    }

    .heading-para {
        font-size: 12px !important;
        padding: 10px 0 1em !important;
    }

    .heading-txt {
        font-size: 20px !important;
        margin-bottom: 0.5em !important;
    }

    .mobile-show {
        display: block !important;
    }

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

    .campignHeadBg,
    .partner-section,
    .counter-section,
    .features-section,
    .services-section,
    .free-demo-section,
    .disclaimer-section,
    .blogs-page-section,
    .state-exam-section,
    .terms-condi-section,
    .information-section,
    .testPackage-section,
    .testimonials-section,
    .upcomingexam-section,
    .welcome-intro-section,
    .privatepolicy-section,
    .upcoming-exam-section,
    .latest-update-section,
    .download-notes-section,
    .current-affairs-section,
    .skillcourses-page-section,
    .know-all-section {
        padding: 2em 0 !important;
    }

    .logoImagebox {
        height: 60px !important;
    }

    /* footer section */
    .footer-section {
        padding: 2em 0em 1.4em !important;
    }

    .footer-section .footer-h3 {
        margin-top: 20px !important;
    }

    .footer-section .bottom-footer-section .powered_text {
        padding-bottom: 10px !important;
    }

    .footer-section .foo-title {
        font-size: 17px !important;
        padding-top: 12px !important;
        padding-bottom: 3px !important;
    }

    .footer-section ul li {
        font-size: 13px !important;
    }

    .footer-section .app_image_area a img {
        width: 110px;
    }

    .scrollup {
        bottom: 110px !important;
        font-size: 16px !important;
        padding: 8px 12px !important;
    }

    .welcom_logo {
        margin: 1em;
    }

    .state-exams-section .state-exams-box {
        margin-bottom: 10px;
    }

    .img_rs {
        margin: 0 auto;
        display: table;
        margin-bottom: 20px;
        width: 50% !important;
    }

    /* ************************ LATEST NOTIFICATION SECTION CSS  */
    .latest-noti-box {
        height: auto;
        margin-bottom: 40px;
    }

    .latest-noti-box-btn {
        bottom: 16px;
    }

    /*------- exam test instruction page ---------*/
    #instruction_area1 ol li {
        padding: 5px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    #instruction_area1 .exam_name {
        padding: 0 0 0px !important;
    }

    #instruction_area1 .exam_title_dash {
        font-size: 15px !important;
    }

    #instruction_area1 ol {
        line-height: 18px !important;
    }

    #instruction_area1 .gen_ins {
        margin: 10px 0;
        font-size: 16px !important;
        text-align: center !important;
    }

    #instruction_area1 .bld2 {
        font-size: 12px !important;
        padding: 0px 10px !important;
        margin-bottom: 1em !important;
    }

    #instruction_area1 .bld {
        font-size: 14px !important;
        padding: 0px 10px !important;
    }

    #instruction_area1 .start_test {
        font-size: 12px !important;
        font-weight: 500 !important;
        margin-top: 10px !important;
        padding: 6px 15px !important;
    }

    #instruction_area1 .start_test span {
        color: #fff !important;
    }

    .int_ti #instructions_eng {
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    #instruction_area1 .int_ti {
        gap: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #instruction_area1 #start_test {
        font-size: 12px !important;
        font-weight: 500 !important;
        border-radius: 4px !important;
    }

    #instruction_area1 .ex-content {
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    #instruction_area2 select {
        font-size: 12px !important;
    }

    /* features-section */
    .features-section {
        padding: 1em 0 !important;
    }

    .features-section .features-box {
        padding: 10px !important;
    }

    .features-box a {
        gap: 10px !important;
        display: flex !important;
        text-align: start !important;
        align-items: center !important;
        justify-content: start !important;
    }

    .features-section .features-box img {
        width: 70% !important;
        display: flex !important;
        margin: 0 auto !important;
    }

    .features-section .features-box h5 {
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    .features-section .features-box p {
        font-size: 12px !important;
    }

    .testPackage-section .custom-card-section.right {
        display: block !important;
    }

    /* welcome-intro-section */
    .welcome-intro-section {
        padding: 2em 0 !important;
    }

    .welcome-right-box {
        margin: 0px 4em !important;
    }

    .welcome-intro-section .wlcm-img {
        width: 56% !important;
        padding: 0px !important;
        display: flex !important;
        margin: 0 auto !important;
        border-radius: 0% !important;
    }

    .welcome-intro-section .welcome-txt-name {
        font-size: 15px !important;
        padding: 4px 0 4px !important;
    }

    .welcome-intro-section .welcome-quali {
        padding: 6px !important;
        font-size: 12px !important;
    }

    .welcome-intro-section p {
        font-size: 13px !important;
    }

    /* welcome-section */
    .welcome-section {
        padding: 2em 0px !important;
        background-size: cover !important;
    }

    .welcome-section .wlcmcontent_head {
        font-size: 18px !important;
    }

    .welcome-section .wlcmcontent_hrline {
        margin: 0 0 10px !important;
    }

    .welcome-section .wlcmcontent_subhead {
        font-size: 14px !important;
        padding: 0 0 10px !important;
    }

    .welcome-section .wlcmcontent_f-1 {
        font-size: 14px !important;
    }

    .welcome-section .wlcmcontent_fpara {
        font-size: 12px !important;
    }

    .welcome-section .infoside_form h3.title-pattern {
        font-size: 20px !important;
    }

    .welcome-section .form-control {
        height: 30px !important;
        font-size: 12px !important;
    }

    .welcome-section .infoside_form .form-submit {
        display: flex;
        margin: 0 auto;
        align-items: center;
        width: 36% !important;
        justify-content: center;
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .welcome-section .infoside_form {
        padding: 20px 20px !important;
    }

    /* free-demo-section */
    .free-demo-section h2 {
        font-size: 17px !important;
        padding-bottom: 10px !important;
    }

    .free-demo-section a {
        font-size: 13px !important;
        padding: 12px 20px !important;
    }

    /* know-all-section */
    .know-all-section {
        padding: 2em 0 !important;
    }

    .know-all-section .examsection_box h5 {
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    .know-all-section .exambox_div {
        height: 60px !important;
        margin-bottom: 14px !important;
    }

    .know-all-section .examsection_box p {
        font-size: 11px !important;
        padding: 4px 0px !important;
    }

    .know-all-section .tabcontent {
        padding: 20px 0 0 !important;
    }

    .know-all-section .tab {
        background-color: transparent !important;
    }

    .know-all-section .tab button {
        margin: 2px !important;
        font-size: 13px !important;
        border-radius: 4px !important;
        padding: 10px 10px !important;
        background-color: #ee591f24 !important;
    }

    .know-all-section .exambox_div .exambox_image {
        width: 40px !important;
        height: 40px !important;
    }

    .know-all-section .exambox_div img {
        width: 40px !important;
    }

    /* state-exam-section */
    .state-exam-section {
        padding: 2em 0 !important;
    }

    .state-exam-section .state-exam-box img {
        width: 28% !important;
    }

    .state-exam-section .state-exam-box {
        height: 100px !important;
        padding: 10px 10px !important;
    }

    .state-exam-section .state-exam-box p {
        font-size: 12px !important;
    }

    /* latest-update-section */
    .latest-update-section {
        padding: 2em 0 !important;
    }

    .latest-update-section .card {
        min-height: auto !important;
        padding: 20px 20px 20px !important;
    }

    .latest-update-section .card:nth-child(1),
    .latest-update-section .card:nth-child(3) {
        margin: 0px 10px 36px !important;
    }

    .latest-update-section .card-title {
        font-size: 20px !important;
    }

    .latest-update-section .card-list>li a {
        font-size: 12px !important;
    }

    /* counter-section */
    .counter-section {
        padding: 1em 0 !important;
    }

    .counter-section img {
        width: 30% !important;
    }

    .counter-section h4 {
        font-size: 20px !important;
    }

    .counter-section p {
        font-size: 13px !important;
    }

    /* testinomial section */
    .testimonials-section {
        padding: 2em 0 !important;
    }

    .testimonials-section .testim {
        padding-top: 4px !important;
    }

    .testimonials-section .testim .cont>div {
        padding-bottom: 10px !important;
    }

    .testimonials-section .testim .cont div h2 {
        font-size: 16px !important;
        padding: 10px 0 !important;
    }

    .testimonials-section .testim .cont div p {
        width: 80% !important;
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .testimonials-section .testim .dots .dot {
        width: 8px !important;
        height: 8px !important;
    }

    .testimonials-section .testimonial-info-wthree {
        width: 100% !important;
        padding: 10px 0 !important;
    }

    .testimonials-section .testim .arrow.right {
        right: 20px !important;
    }

    .testimonials-section .testim .arrow.left {
        left: 20px !important;
    }

    .testimonials-section .swiper-slide {
        width: 100% !important;
    }

    .testimonials-section .swipe_img {
        width: 100% !important;
    }

    .testimonials-section .flex-direction-nav .flex-next {
        left: 0 !important;
        top: -144px !important;
    }

    .testimonials-section .flex-direction-nav .flex-prev {
        left: 40px !important;
        top: -144px !important;
    }

    /* ******************** PLANS AND PRICING CSS  */
    .planpage-section .planpage-ul {
        float: left;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .planpage-section .planpage-ul li {
        width: 100% !important;
        margin-bottom: 4px !important;
    }

    .planpage-section .mocktestplan-box ul {
        height: auto !important;
    }

    .planpage-buynow-modal .modal-content {
        width: 96% !important;
        height: 530px !important;
        overflow: auto !important;
        margin: 20px auto !important;
    }

    .planpage-buynow-modal .exambox_div {
        height: auto !important;
    }

    .planpage-buynow-modal .single-plan-box {
        width: 100% !important;
    }

    .planpage-buynow-modal .single-plan-box ul {
        padding: 0 !important;
    }

    /* ******************** CONTACTUS PAGE CSS */
    .contact-us-section .contact-us-box .contactus-form input,
    .contact-us-section .contact-us-box .contactus-form textarea {
        width: 100% !important;
    }

    .contact-us-section .contact-us-box .contactus-form .captcha-img {
        margin-bottom: 10px;
        width: 36% !important;
    }

    .contact-us-section .contact-us-box {
        margin-bottom: 10px !important;
    }

    .contact-second-design {
        padding: 1em 0 !important;
    }

    .contact-second-design #main {
        padding: 1em 2em !important;
    }

    .contact-second-design .details {
        padding: 1em !important;
    }

    .contact-second-design .details iframe {
        height: auto !important;
    }

    .contact-second-design .details ul {
        padding: 0 !important;
    }

    .contact-second-design .contact-details .icons i {
        height: 36px !important;
        font-size: 14px !important;
        min-width: 36px !important;
    }

    .contact-second-design .contact-details .content {
        margin-top: 6px !important;
        line-height: 8px !important;
    }

    .contact-second-design .contact-details .content h4 {
        font-size: 16px !important;
    }

    .contact-second-design .contact-details .content p {
        font-size: 12px !important;
    }

    .contact-second-design .form-group {
        margin-bottom: 12px !important;
    }

    .checkout_box,
    .thankyou-box {
        width: 90% !important;
        padding: 30px 10px !important;
    }

    /* ******************** DOWNLOAD NOTES PAGE CSS */
    .download-notes-section form h2 {
        margin-bottom: 0px !important;
    }

    .download-notes-section form table {
        margin-bottom: 10px !important;
    }

    /* ******************** GALLERY PAGE CSS */
    .gallery_product {
        margin-bottom: 20px !important;
    }

    .gallery-section {
        margin-top: 0 !important;
    }

    .gallery-section .gallery-box #thumbnails ul li {
        width: 46% !important;
        margin-bottom: 10px !important;
    }

    #lightbox-container-image-box {
        width: 100% !important;
        height: 400px !important;
    }

    #jquery-lightbox #lightbox-container-image-box {
        width: 100% !important;
        height: 100% !important;
    }

    #jquery-lightbox #lightbox-container-image-data-box {
        width: 100% !important;
    }

    /* **************** ALL CATEGORIES PAGE CSS */
    .allcategory-tabs.nav-tabs {
        border-bottom: 1px solid #9f9f9f !important;
    }

    .all-category-section .all-category-box .all-category-head-img {
        width: 34% !important;
        float: none !important;
        margin: 0 auto !important;
        display: table !important;
    }

    .all-category-section .all-category-box .all-category-head-h4 {
        padding: 20px !important;
        text-align: center !important;
    }

    .all-category-section .all-category-box .cat_desc {
        margin: 0 !important;
    }

    .all-category-section .all-category-box .all-category-ul li {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 10px 0 !important;
    }

    .all-category-section .browse-more-categories-ul li img {
        width: 50% !important;
        float: none !important;
        display: table !important;
        margin: 0 auto 20px !important;
    }

    .all-category-section .browse-more-categories-ul .browse-more-categories-divbox {
        padding-left: 0 !important;
        text-align: center !important;
    }

    .all-category-section .leftside_menu {
        border-right: none !important;
        margin-bottom: 20px !important;
    }

    .all-category-section .tab-content {
        height: auto !important;
        overflow: auto !important;
    }

    .all-category-section .center_container {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
    }

    /* ******************************* SIGNUP PAGE CSS */
    .signuppage-section {
        padding: 2em 0 !important;
    }

    .signuppage-form {
        padding: 26px !important;
    }

    .signuppage-form,
    .CaptchaImageCodeSignin #CaptchaImageCodeSignin #CapCodeSignin {
        width: 100% !important;
    }

    /* *********************** SCRATCH CODE CSS */
    .scratch-section .instruction-form {
        width: 100% !important;
        padding: 22px 16px !important;
    }

    .scratch-section .scratch-information-box {
        margin-bottom: 20px !important;
    }

    .scratch-section .scratch-information-box .scratch-text {
        font-size: 18px !important;
    }

    .scratch-section .scratch-information-box ul {
        padding: 10px 0 !important;
    }

    /* ***************** SEARCH SECTION CSS */
    .search-section {
        padding: 2em 0 !important;
    }

    .search-section .banner_searchtext {
        padding: 10px 0 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    .search-section input#autocomplete {
        font-size: 12px !important;
        padding: 8px 20px !important;
    }

    .search-section .search-container a.search_icon {
        top: 9px !important;
    }

    .search-result-section .article-loop a h5 {
        font-size: 13px !important;
    }

    /* ****************  EXAM PAGE CSS */
    .exampage-modal .modal-dialog {
        width: 100% !important;
    }

    /* ***************** NOTIFICATION PAGE CSS */
    .wht-noti-section {
        padding: 2em 0 !important;
    }

    .wht-noti-section .latest_notification {
        margin-top: 10px !important;
    }

    .wht-noti-section .latest_notification ul li {
        padding: 6px 0 !important;
        font-size: 13px !important;
    }

    /* ***************** SCHOOL LMS CSS */
    .edusoft-banner-section {
        margin-top: 0 !important;
        padding: 16px 0 !important;
    }

    .edusoft-banner-section .banner-head {
        font-size: 20px !important;
    }

    .edusoft-banner-section .banner-para {
        font-size: 13px !important;
    }

    .learning-image-cycle img {
        width: 60% !important;
        margin: 10px auto !important;
    }

    .learning-image-cycle .learning-image-h4 {
        font-size: 16px !important;
        padding: 10px 10px !important;
    }

    .learning-image-cycle .benefits-table-box h4 {
        font-size: 16px !important;
    }

    .learning-image-cycle .benefits-table-box ul li {
        font-size: 13px !important;
    }

    .learning-image-cycle .benefits-box-des {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .edusoft-plans-section .pricing-school-box h2 {
        font-size: 16px !important;
    }

    .edusoft-plans-section .pricing-school-box .features-ul li {
        font-size: 14px !important;
    }

    .system-req-section h2 {
        font-size: 18px !important;
        padding-bottom: 10px !important;
    }

    .system-req-section table tr th,
    .system-req-section table tr td {
        padding: 8px !important;
        font-size: 13px !important;
    }

    .edusoft-plans-section .pricing-school-box {
        margin-bottom: 16px !important;
    }

    .learning-image-cycle .benefits-table-box {
        width: 100% !important;
    }

    /* ***************** BECOME PARTNER CSS */
    .campignHeadBg .main-title-section1 {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .campignHeadBg .formsectionH {
        width: 100% !important;
        padding: 20px !important;
    }

    .campignHeadBg .formLeftpart h2 {
        font-size: 16px !important;
    }

    .campignHeadBg .formRightpart {
        padding: 0 !important;
        width: 100% !important;
    }

    .campignHeadBg .inputsectin,
    .campignHeadBg .inputsectin .dropselect {
        width: 100% !important;
        text-align: center !important;
    }

    .campignHeadBg .inputsectin .dropselect select {
        margin: 0 !important;
        width: 100% !important;
    }

    .campignHeadBg .mergeallCircle .fa-long-arrow-alt-right {
        display: none !important;
    }

    .campignHeadBg .mergeallCircle {
        display: block !important;
        text-align: center !important;
    }

    .campignHeadBg .mergeallCircle .col1 {
        margin-bottom: 10px !important;
    }

    .campignHeadBg .partner-list {
        padding: 0px !important;
    }

    .campignHeadBg .partner-list ul li {
        font-size: 14px !important;
        padding: 5px 0px !important;
    }

    /* ******************** PROFILE PAGE CSS */
    .dashboard_header {
        display: block !important;
        max-height: none !important;
        min-height: auto !important;
    }

    .dashboard_header_right {
        width: 100% !important;
        margin-right: 0 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
    }

    .dashboard_header_right ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    .dashboard_header_right ul li {
        width: 25% !important;
    }

    .dashboard_header_right ul li img {
        width: 100% !important;
    }

    /* ******************** SERVICE PAGE CSS */
    .services_section .features-box {
        height: auto !important;
        margin-bottom: 16px !important;
    }

    .services_section .features-box h4 {
        font-size: 16px !important;
    }

    .servicepage-modal .modal-dialog {
        width: 100% !important;
    }

    /* ******************** GOV JOB PAGE CSS */
    .nc-notification-section {
        padding: 1em 0 !important;
    }

    .nc-notification-section .latest-box h4 {
        font-size: 15px !important;
    }

    .nc-notification-section .latest-box ul li img {
        width: 24px !important;
    }

    .nc-notification-section .latest-box ul li p {
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    .nc-notification-section .seemore-btn a {
        font-size: 12px !important;
    }

    .nc-latestscnd-section {
        padding: 1em 0 !important;
    }

    .nc-latestscnd-section .latestscnd-box {
        margin-bottom: 10px !important;
    }

    .nc-latestscnd-section .latestscnd-box ul {
        font-size: 11px !important;
    }

    .nc-latestscnd-section .latestscnd-box img {
        width: 80px !important;
    }

    /* ******************** BLOG PAGE CSS */
    .blogs-page-details-box .box_blog .post-content .post-footer .post-date {
        font-size: 8px !important;
    }

    .blogs-page-details-box .box_blog .post-content .post-footer a {
        font-size: 9px !important;
    }

    .blogs-page-details-box .box_blog .post-content h1 a {
        font-size: 13px !important;
    }

    .blogs-page-details-box .box_blog .post-content p {
        font-size: 9px !important;
    }

    .blogs-page-details-box .box_blog .blog-design {
        height: auto !important;
    }

    /* ********************  ABOUT PAGE CSS */
    .about-us-section {
        padding: 2em 0 !important;
    }

    .about-us-section .left-img {
        display: none !important;
    }

    /* ********************** WHITELABEL SELFANALYSE PAGE CSS */
    .whitelabel-edusoft-banner-section,
    .whitelabel-selfanalyse-section-page,
    .whitelabel-offer-page-section,
    .whitelabel-psycometric-video-section {
        padding: 1em 0 !important;
    }

    .whitelabel-edusoft-banner-section .heading-para {
        font-size: 11px !important;
        line-height: 18px !important;
    }

    .whitelabel-edusoft-banner-section .whitelabel-edusoft-form-btn {
        font-size: 12px !important;
        padding: 10px 14px !important;
    }

    .whitelabel-selfanalyse-section-page .whitelabel-selfanalyse-details-box .section-header h2,
    .whitelabel-selfanalyse-section-page .psycometric-examlist-box h4,
    .whitelabel-offer-page-section .offer-box .section-header h2 {
        font-size: 18px !important;
    }

    .whitelabel-selfanalyse-section-page .whitelabel-selfanalyse-details-box p {
        padding: 6px 0 !important;
        font-size: 12px !important;
    }

    .whitelabel-selfanalyse-section-page .psycometric-examlist-box,
    .whitelabel-offer-page-section .offer-box .img-box,
    .whitelabel-psycometric-video-section .psycometric-video-box {
        height: auto !important;
        margin-bottom: 10px !important;
    }

    .whitelabel-offer-page-section .offer-box .img-box h4 {
        font-size: 12px !important;
    }

    .whitelabel-offer-page-section .offer-box .img-box p {
        width: 30% !important;
        font-size: 12px !important;
        padding: 8px 6px !important;
    }

    /* ********************** VIDEO PAGE CSS */
    .videopage-list-section {
        padding: 1em 0 !important;
    }

    .video-boxs {
        padding: 0px !important;
        margin-bottom: 0px !important;
    }

    /* ********************** SERVICE PAGE CSS */
    .infoside_form h3.title-pattern,
    .welcome-section .title-pattern span.info_color {
        font-size: 18px !important;
    }

    .service_imageDiv {
        height: auto !important;
    }

    .service_imageDiv img {
        height: 130px !important;
    }

    .other-services-box {
        padding: 10px !important;
        min-height: 150px !important;
    }

    .other-services-box h4 a {
        font-size: 13px !important;
    }

    .btn-dark.btn-theme-colored {
        font-size: 12px !important;
    }

    /* ********************** CATEGORY PAGE CSS */
    .category-details-page-box-heading {
        padding: 10px !important;
    }

    .category-details-page-section .category-details-page-box p {
        font-size: 12px !important;
    }

    .category-details-page-box .col-xs-6 {
        padding: 0 4px !important;
    }

    .upcoming-exam-sub-heading {
        font-size: 11px !important;
    }

    /* ********************** ALL EXAM PAGE CSS */
    .choose-exams-section {
        padding: 2em 0em !important;
    }

    .choose-exams-section .allcategory-tabs.tabs-left>li a {
        font-size: 15px !important;
    }

    .choose-exams-section .allcategory-box .tab-content .center_container {
        width: 100% !important;
    }

    /* ********************** FEATURE PAGE CSS */
    .information-section .information-box {
        margin-top: 10px !important;
    }

    .information-section .information-box img,
    .featured-details-section-page .featured-details-page-box .imagedescription-box {
        width: 100% !important;
    }

    .featured-course-page-section .filter-side-box {
        margin-bottom: 16px !important;
    }

    .featured-details-section-page .featured-details-page-box {
        display: block !important;
    }

    .featured-details-section-page .featured-details-page-box .checkout-list-box {
        width: 100% !important;
        height: auto !important;
        margin-top: 12px !important;
    }

    .featured-details-section-page .featured-details-page-box .imagedescription-box h2 {
        margin: 20px 0px 20px !important;
    }

    /* partner page */
    .partner-section .partner-tabs-btn {
        padding: 0 0 16px !important;
    }

    /* skill page */
    .skillcourses-page-section .skillcourses-page-box {
        margin-bottom: 1em !important;
    }

    .skillcourses-page-section .skillcourses-page-box img {
        height: 160px !important;
    }

    .skillcourses-page-section .skillcourses-page-box h3 {
        font-size: 15px !important;
    }

    /* ********************  DISCLAIMER PAGE CSS */
    /* ******************  PRIVACY AND POLICY PAGE CSS */
    /* ****************  TERMS AND CONDITION PAGE CSS */
    .terms-condi-section .terms-condi-box,
    .privatepolicy-section .privatepolicy-box,
    .disclaimer-section .disclaimer-box {
        padding: 20px !important;
    }

    .terms-condi-section .terms-condi-box h4,
    .privatepolicy-section .privatepolicy-box h4,
    .disclaimer-section .disclaimer-box h4 {
        font-size: 16px !important;
    }

    .terms-condi-section .terms-condi-box p,
    .privatepolicy-section .privatepolicy-box p,
    .disclaimer-section .disclaimer-box p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    .heading-box {
        width: 100% !important;
    }

    .heading-box h2 {
        font-size: 20px !important;
    }

    .heading-box p {
        font-size: 14px !important;
    }

    .header-section .top-header-right-btns-ul {
        padding: 6px 40px !important;
    }

    .welcome-section .wlcmcontent_head {
        font-size: 22px !important;
    }

    .free-demo-section h2 {
        font-size: 24px !important;
    }

    .mobile-section h2 {
        font-size: 40px !important;
        padding-top: 0px !important;
    }

    .mobile-section h3 {
        font-size: 16px !important;
    }

    .mobile-section .google_play {
        width: 130px !important;
        height: auto !important;
    }

    .mobile-section h5 {
        padding-top: 16px !important;
    }

    .mobile-section .qr_code {
        width: 75px !important;
    }

    .mobile-section .mobileboxImage img {
        width: 80% !important;
    }

    .fixed-notibell-btn,
    .fixed-notibell-btn:hover {
        top: 100px !important;
    }

    .logoImagebox {
        height: 90px !important;
    }

    /* pages tab view css */
    .choose-exams-section .allcategory-box .tab-content .center_container {
        width: 45% !important;
    }

    .learning-image-cycle .benefits-table-box {
        width: 100% !important;
    }

    .whitelabel-edusoft-banner-section .heading-para {
        padding: 10px 3em 0px !important;
    }

    .whitelabel-selfanalyse-section-page .psycometric-examlist-box {
        height: 220px !important;
    }

    .whitelabel-offer-page-section .offer-box .img-box {
        display: block !important;
    }

    .whitelabel-offer-page-section .offer-box .img-box {
        height: stretch !important;
    }

    .whitelabel-offer-page-section .offer-box .img-box p {
        width: 70% !important;
    }

    .campignHeadBg .formRightpart {
        width: 99% !important;
    }

    .campignHeadBg .formLeftpart h2 {
        font-size: 16px !important;
    }

    /* signup page css */
    .signuppage-form {
        width: 60% !important;
    }

    /* service page css */
    .featured-course-section .featured-course-box img {
        height: 130px !important;
    }

    .exampage-details-plan-box h2 {
        width: 42% !important;
        font-size: 30px !important;
    }

    .exampage-details-plan-box a {
        width: max-content !important;
    }

    .state-exam-section .state-exam-box {
        height: 130px !important;
    }

    .campignHeadBg .formRightpart {
        padding: 0px !important;
    }

    .blogs-page-heading {
        font-size: 18px !important;
    }

    .recentbox-details ul {
        overflow: auto;
    }

    .blog-height,
    .blog-design {
        height: 290px !important;
    }

    .box_image {
        overflow: hidden;
    }

    .whitelabel-psycometric-video-section .psycometric-video-box iframe {
        height: 120px !important;
    }

    .topheader-section-form input,
    .topheader-section-form select {
        width: 100% !important;
    }

    .topheader-section-form .captcha-box {
        display: block !important;
    }

    .choose-exams-section .allcategory-box .allcategory-tabs.tabs-left>li a {
        font-size: 14px !important;
    }

    .category-details-page-section .category-details-page-box .category-box {
        padding: 10px !important;
    }
}

/* Footer Toggle Button: Only visible on mobile view */
@media (max-width: 767.98px) {
    #mobile-footer-toggle {
        left: 0;
        right: 0;
        bottom: 0;
        height: 20px;
        display: none;
        color: gray;
        position: fixed;
        border-top: 2px solid #a1a1a152;
    }

    #mobile-footer-toggle.show-toggle-btn {
        display: flex;
    }

    #mobile-footer-toggle #footerHideShowBtn {
        width: 70px;
        border: 2px solid #85838336;
        border-radius: 10px 10px 0px 0px;
    }

    footer.footer-section {
        display: none !important;
    }

    footer.footer-section.show-mobile-footer {
        display: block !important;
        animation: fadeInUp 1.2s ease;
    }
}

@media (min-width: 768px) {
    #mobile-footer-toggle {
        display: none !important;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(32px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}