@media only screen and (max-width: 767px) {
    .d-flex-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-section .header-logo-img {
        display: table;
        width: 80px !important;
    }

    .all-navigation-header div#sticky-wrapper {
        height: auto !important;
    }

    .all-navigation-header nav {
        float: none !important;
        text-align: center !important;
    }

    .all-navigation-header nav ul.menu {
        text-align: left !important;
    }

    .navbar-area {
        padding: 10px;
        height: auto !important;
        background: none !important;
        position: relative !important;
    }

    .header-right-bar ul li.book-now-btn.register-btn {
        width: 100% !important;
    }

    .heading-txt,
    .heading-txt span {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }

    .heading-para {
        font-size: 11px !important;
        padding: 10px 0 2em !important;
    }

    .header-all-navigation .hide,
    .mobile-hide {
        display: none !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;
    }

    .wht-noti-section {
        padding: 2em 0 !important;
    }

    .wht-noti-section .latest_notification {
        margin-top: 0px !important;
    }

    .mobile-show {
        display: block !important;
    }

    .all-exam-box {
        margin-bottom: 10px !important;
    }

    .section-header h2 {
        font-size: 18px !important;
    }

    .d_flex_col {
        display: block !important;
    }

    .banner-slider .carousel-inner .carousel-item img {
        height: auto !important;
        object-fit: contain !important;
    }

    .upcome-examSec {
        padding: 2em 0em !important;
    }

    /* footer section */
    .footer-h3 {
        margin-top: 20px !important;
    }

    .footer-section .foo-title {
        font-size: 18px !important;
        padding-bottom: 10px !important;
    }

    .footer-section ul li {
        font-size: 13px !important;
        margin-bottom: 0px !important;
    }

    .footer-section .bottom-footer-section {
        padding: 10px 0px 13px !important;
    }

    .footer-section .bottom-footer-section .powered_text {
        padding-bottom: 10px;
        text-align: center !important;
    }

    .footer-section .bottom-footer-section .footer_bottom_ul {
        gap: 6px !important;
        justify-content: center !important;
    }

    .footer-section .bottom-footer-section .footer_bottom_ul li a {
        font-size: 12px !important;
        padding: 0 4px 0px 4px !important;
    }

    .footer-section .eclara_app img {
        width: 100px !important;
    }

    .flex-direction-nav .flex-prev {
        top: -144px;
        left: 40px !important;
    }

    .exam-features-box {
        margin-bottom: 0px !important;
    }

    .edusoft-banner-section {
        margin-top: 0 !important;
        padding: 20px 0px !important;
    }

    .edusoft-banner-section .banner-head {
        font-size: 20px !important;
    }

    .edusoft-banner-section .banner-para {
        font-size: 14px !important;
    }

    .checkout_box,
    .thankyou-box {
        width: 90% !important;
        padding: 30px 10px !important;
    }

    .scrollup {
        bottom: 100px !important;
        font-size: 16px !important;
    }

    .link-effect-2 {
        margin-top: 3em !important;
    }

    .welcom_logo {
        margin: 1em !important;
    }

    .state-exams-section .state-exams-box {
        margin-bottom: 10px !important;
    }

    .img_rs {
        width: 50% !important;
        margin: 0 auto !important;
        display: table !important;
        margin-bottom: 20px !important;
    }

    /* ************************  LATEST NOTIFICATION SECTION CSS  */
    .latest-noti-box {
        height: auto !important;
        margin-bottom: 40px !important;
    }

    .latest-noti-box-btn {
        bottom: 16px !important;
    }

    .latest-update-section {
        padding: 2em 0 !important;
    }

    .latest-update-section .card {
        min-height: auto !important;
        padding: 20px 20px 20px !important;
    }

    .latest-update-section .card-title {
        font-size: 20px !important;
    }

    .latest-update-section .card-list>li a {
        font-size: 12px !important;
    }

    /* ********************  ALL CATEGORY CSS  */
    .allcategory-tabs.nav-tabs {
        border-bottom: 1px solid #9f9f9f !important;
    }

    .leftside_menu {
        margin-bottom: 20px;
        border-right: none !important;
    }

    .tab-content {
        overflow: auto;
        height: auto !important;
    }

    .center_container {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
    }

    /* ********************  GALLERY PAGE CSS */
    .gallery-section {
        margin-top: 0 !important;
    }

    .gallery-section .gallery-box #thumbnails ul li {
        width: 46% !important;
        margin-bottom: 10px !important;
    }

    .gallery_product {
        margin-bottom: 20px !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 */
    .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;
    }

    /* *******************************  SIGNUP PAGE SECTION CSS  */
    .signuppage-form {
        width: 100% !important;
    }

    .signuppage-section {
        padding: 2em 0 !important;
    }

    .CaptchaImageCodeSignin #CaptchaImageCodeSignin #CapCodeSignin {
        width: 100px !important;
    }

    /* ***********************  SCRATCH CODE SECTION 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;
    }

    /* ****************  EXAM PAGE CSS */
    .exampage-modal .modal-dialog {
        width: 100% !important;
    }

    /* *****************  SERVICE PAGE CSS  */
    .servicepage-modal .modal-dialog {
        width: 100% !important;
    }

    /* *****************  know-all-section */
    .know-all-section {
        padding: 1em 0 !important;
    }

    .know-all-section p {
        font-size: 13px !important;
        padding-bottom: 10px !important;
    }

    .know-all-section .custom-pils {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .know-all-section .custom-pils .tablinks_li {
        text-align: center !important;
        margin-bottom: 1em !important;
    }

    .know-all-section .custom-pils .tablinks_li a,
    .know-all-section .custom-pils .tablinks_li .viewAllLink {
        font-size: 14px !important;
        text-decoration: none !important;
    }

    .know-all-section .custom-pils .tablinks_li img,
    .know-all-section .custom-pils .tablinks_li .viewAllLink i {
        width: 56px;
        height: 56px;
        display: flex;
        padding: 10px;
        margin: 0 auto;
        text-align: center;
        border-radius: 16px;
        margin-bottom: 10px;
        box-shadow: 0 0 6px 0px #d2d2d2;
    }

    /* ********************  STATE EXAM PAGE CSS */
    .state-exam-section {
        padding: 2em 0 !important;
    }

    .state-exam-section .state-exam-box {
        height: 100px !important;
        padding: 10px 10px !important;
    }

    .state-exam-section .state-exam-box img {
        width: 28% !important;
    }

    .state-exam-section .state-exam-box p {
        font-size: 12px !important;
    }

    .planpage-section {
        padding: 1em 0 !important;
    }

    /* ********************  CONTACT US PAGE CSS */
    .contact-second-design {
        padding: 0em 0 !important;
    }

    .contact-second-design #main {
        padding: 1em 1em !important;
    }

    .contact-second-design #main .heading,
    .contact-second-design .details .heading {
        font-size: 18px !important;
    }

    .contact-second-design .details ul {
        padding: 0 !important;
    }

    .contact-second-design .details,
    .our-service-home-section {
        padding: 1em !important;
        margin-bottom: 1em !important;
    }

    .contact-second-design .details iframe {
        height: auto !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 {
        margin: 0px !important;
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .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;
    }

    .category-details-page-box-heading {
        padding: 10px !important;
    }

    .category-details-page-section .category-details-page-box p {
        font-size: 12px !important;
    }

    .category-details-page-section .category-details-page-box .category-box {
        padding: 10px !important;
        height: 110px !important;
        display: block !important;
        text-align: center !important;
    }

    .category-details-page-section .category-details-page-box .category-box img {
        width: 32% !important;
        float: none !important;
    }

    .category-details-page-section .category-details-page-box .popular_text {
        font-size: 11px !important;
    }

    .category-details-page-box .col-xs-6 {
        padding: 0 4px !important;
    }

    .upcoming-exam-sub-heading {
        font-size: 9px !important;
    }

    .form-group {
        margin-bottom: 12px !important;
    }

    /* ********************  ALL PAGE EXam CSS */
    .allpages-header-section {
        padding: 1em 0 !important;
    }

    .all-pages-header-box p {
        font-size: 13px !important;
    }

    .exampage-details-plan-box a:hover {
        color: #fff !important;
    }

    .exampage-details-plan-box ul li {
        font-size: 12px !important;
    }

    .exampage-details-page-section {
        padding: 2em 0 !important;
    }

    .exampage-details-page-section .exam-pattern-box {
        margin-top: 1em !important;
        padding-top: 1em !important;
    }

    .exampage-details-page-section .exam-pattern-box h2 {
        font-size: 16px !important;
    }

    .exampage-details-page-section .exam-pattern-box h2 span {
        font-size: 11px !important;
    }

    .information-section {
        padding: 1em 0 !important;
    }

    .information-box p {
        font-size: 13px !important;
    }

    .category-exam-name h1 {
        font-size: 16px !important;
    }

    button.buy-now-txt {
        padding: 6px 14px !important;
    }

    .exam_summery h4 {
        font-size: 16px !important;
    }

    .exam_summery p {
        font-size: 12px !important;
    }

    /* ********************  VIDEO PAGE CSS */
    .video-self-page-section {
        padding: 1em 0 !important;
    }

    .video-self-page-section .video-self-left-box {
        margin-bottom: 10px !important;
    }

    .video-self-page-section .video-self-page-box {
        height: auto !important;
    }

    .video-self-page-section .video-self-page-box h4 {
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .video-self-page-section .videopage-list-section {
        padding: 1em 0 !important;
    }

    .video-self-page-section .video-boxs {
        padding: 0px !important;
        margin-bottom: 0px !important;
    }

    .ServiceTxtPara {
        font-size: 13px !important;
    }

    .filter-side-box {
        padding: 20px 12px !important;
    }

    .featured-course-section {
        padding: 2em 0 1em !important;
    }

    .featured-course-section .featured-course-box h2 {
        font-size: 14px !important;
    }

    .featured-details-section-page {
        padding: 1em 0 !important;
    }

    .featured-course-page-section .filter-side-box {
        margin-bottom: 16px !important;
    }

    .featured-details-section-page .featured-details-page-box {
        display: block !important;
        margin-top: 10px !important;
    }

    .featured-details-section-page .featured-details-page-box .imagedescription-box {
        width: 100% !important;
        padding-bottom: 0px !important;
        margin-bottom: 10px !important;
    }

    .featured-details-section-page .featured-details-page-box .imagedescription-box img {
        height: 230px !important;
        padding: 10px 10px 10px !important;
    }

    .featured-details-section-page .featured-details-page-box .imagedescription-box h2 {
        font-size: 16px !important;
        padding-bottom: 10px !important;
        margin: 10px 20px 10px !important;
    }

    .featured-details-section-page .featured-details-page-box .checkout-list-box {
        width: 100% !important;
        height: auto !important;
        padding: 20px !important;
        margin-top: 12px !important;
    }

    .featured-details-section-page .featured-details-page-box .checkout-list-box .checkout-list-div {
        margin-top: 10px !important;
    }

    .featured-details-section-page .featured-details-page-box .checkout-list-box .checkout-list-div a {
        margin-top: 0px !important;
    }

    .featured-details-section-page .featured-details-page-box .checkout-list-box .checkout-list-div h4 span {
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .featured-details-section-page .featured-details-page-box .checkout-list-box .checkout-list-div h4 {
        font-size: 15px !important;
    }

    .featured-details-section-page .featured-details-page-box .checkout-list-box h2 {
        font-size: 17px !important;
    }

    .partner-section {
        padding: 2em 0 !important;
    }

    .partner-section .partner-tabs-btn {
        padding: 0 0 10px !important;
    }

    .choose-exams-section {
        padding: 2em 0 !important;
    }

    /* ********************  BECOME PARTNER PAGE CSS */
    .campignHeadBg .main-title-section1 {
        margin: 0 !important;
        font-size: 18px !important;
        padding: 0em 0 0 !important;
        line-height: 30px !important;
    }

    .campignHeadBg {
        padding: 1em 0 !important;
    }

    .campignHeadBg .partner-list ul {
        padding: 0px !important;
    }

    .campignHeadBg .partner-list ul li {
        padding: 6px !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .campignHeadBg .formsectionH {
        margin-top: 0px !important;
    }

    .campignHeadBg .formLeftpart h2 {
        font-size: 16px !important;
    }

    .campignHeadBg .allow-check {
        font-size: 12px !important;
    }

    .campignHeadBg .partner-list {
        padding: 0px !important;
    }

    .submitbutton .submit-btn {
        font-size: 14px !important;
        padding: 8px 30px !important;
    }

    /* ********************  SELF ANALYSE 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: 13px !important;
    }

    /* ********************  LEARNING PAGE CSS */
    .learning-image-cycle img {
        width: 70% !important;
        margin: 10px auto !important;
    }

    .learning-image-cycle .learning-image-h4 {
        font-size: 14px !important;
        padding: 10px 10px !important;
    }

    .learning-image-cycle .benefits-box-des {
        font-size: 13px !important;
    }

    .learning-image-cycle {
        padding: 1em 0 !important;
    }

    .edusoft-plans-section {
        padding: 2em 0 !important;
    }

    .edusoft-plans-section .pricing-school-box h2,
    .edusoft-plans-section .pricing-school-box .feature-price {
        font-size: 14px !important;
    }

    .edusoft-plans-section .pricing-school-box .features-ul li,
    .edusoft-plans-section .pricing-school-box .price-des {
        font-size: 13px !important;
    }

    .edusoft-plans-section .pricing-school-box {
        margin-bottom: 10px !important;
    }

    .system-req-section table tr th,
    .system-req-section table tr td {
        padding: 6px !important;
        font-size: 12px !important;
    }

    .system-req-section h2 {
        font-size: 16px !important;
        padding-bottom: 10px !important;
    }

    .system-req-section,
    .about-us-section {
        padding: 2em 0 !important;
    }

    .left-img {
        display: none !important;
    }

    .choose-exams-section .allcategory-box.row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .plandetails-modal .modal-dialog h2 {
        font-size: 18px !important;
        padding: 14px 20px !important;
    }

    .plandetails-modal .modal-dialog .plandetails-modal-ul li img {
        width: 14% !important;
    }

    .plandetails-modal .modal-dialog .plandetails-modal-ul li h5 {
        font-size: 16px !important;
    }

    .plandetails-modal .modal-dialog .plandetails-modal-ul li h4 {
        font-size: 12px !important;
    }

    .plandetails-modal .modal-dialog .exam-edit-language-box {
        padding: 14px !important;
    }

    .plandetails-modal .modal-dialog .exam-edit-language-box h4,
    .plandetails-modal .modal-dialog .exam-edit-language-box span {
        font-size: 14px !important;
    }

    .analysis-reports-box {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }

    .analysis-reports-box ul li {
        font-size: 12px !important;
    }

    section.checkout-form-section {
        padding: 1em 0 !important;
    }

    .payment_method_bacs label {
        font-size: 12px !important;
    }

    #tt_payment_online_trans {
        font-size: 12px !important;
    }

    #btn_wapply_disc {
        margin-top: 10px !important;
    }

    /* ********************  COUNTER SECTION CSS */
    .counter-section {
        padding: 1em 0 !important;
    }

    .counter-section img {
        width: 30% !important;
    }

    .counter-section h4 {
        font-size: 24px !important;
    }

    .counter-section p {
        font-size: 15px !important;
    }

    .counter-section i {
        font-size: 38px !important;
    }

    /* ********************  EXAM FEATURES SECTION CSS */
    .exam-features-section {
        padding: 1em 0 !important;
    }

    .exam-features-section .exam-features-box {
        padding: 14px !important;
        min-height: 110px !important;
    }

    .exam-features-section .exam-features-box a {
        gap: 10px !important;
        display: flex !important;
        text-align: start !important;
        align-items: center !important;
        justify-content: start !important;
    }

    .exam-features-section .exam-features-box img {
        width: 90% !important;
        display: flex !important;
        margin: 0 auto !important;
    }

    .exam-features-section .exam-features-box h5 {
        font-size: 15px !important;
        font-weight: 600 !important;
        padding: 0px 0px 6px !important;
    }

    .exam-features-section .exam-features-box p {
        font-size: 13px !important;
    }

    /* ********************  CURRENT AFFAIRS SECTION CSS */
    .welcome-point-section {
        padding: 2em 0 0 !important;
    }

    .welcome-point-leftbox {
        display: none !important;
    }

    .welcome-point-section .welcome-point-rightbox {
        margin-top: 12px !important;
    }

    .welcome-point-section .welcome-point-rightbox li h6 {
        width: 36px !important;
        height: 36px !important;
        font-size: 14px !important;
    }

    .welcome-point-section .welcome-point-rightbox li {
        display: flex !important;
        justify-content: center !important;
    }

    .welcome-point-section .welcome-point-rightbox .welcome-divbox h4 {
        font-size: 15px !important;
    }

    .welcome-point-section .welcome-point-rightbox .welcome-divbox p {
        font-size: 13px !important;
    }

    /* ********************  TESTIMONIALS SECTION CSS */
    .testimonials-section {
        padding: 1em 0 !important;
    }

    .testimonials-section .testimonials-para {
        font-size: 13px !important;
    }

    .testimonials-section .testimonials-owl-theme .single-testimonial {
        height: auto !important;
        min-height: 0 !important;
        padding: 0 20px 20px !important;
    }

    .testimonials-section .testimonials-owl-theme .single-testimonial h4 {
        font-size: 18px !important;
    }

    .testimonials-section .testimonials-owl-theme .single-testimonial p {
        max-width: 86% !important;
        font-size: 12px !important;
    }

    .testimonial-info-wthree {
        width: 100% !important;
        padding: 10px 0 !important;
    }

    .testim {
        padding-top: 4px !important;
    }

    .testim .arrow.right {
        right: 20px !important;
    }

    .testim .arrow.left {
        left: 20px !important;
    }

    .testim .cont div h2 {
        font-size: 16px !important;
        padding: 10px 0 !important;
    }

    .testim .cont div p {
        width: 80% !important;
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .testim .dots .dot {
        width: 8px !important;
        height: 8px !important;
    }

    .testim .cont>div {
        padding-bottom: 10px !important;
    }

    /* ********************  PLAN PAGE CSS */
    .planpage-section {
        padding: 1em 0 !important;
    }

    .planpage-section .mocktestplan-section h4 {
        font-size: 16px !important;
        padding: 0em 0 0 !important;
    }

    .planpage-section .planpage-ul li {
        padding: 6px !important;
    }

    .planpage-section .planpage-ul li a,
    .planpage-section .planpage-ul li a:hover {
        font-size: 14px !important;
    }

    .planpage-section .mocktestplan-box p {
        font-size: 16px !important;
    }

    .planpage-section .mocktestplan-box ul li {
        font-size: 13px !important;
    }

    .planpage-section .mocktestplan-box ul li .fa-check {
        font-size: 6px !important;
    }

    .planpage-section .mocktestplan-box ul li .fa-times {
        width: 18px !important;
        height: 18px !important;
        font-size: 6px !important;
    }

    .planpage-section .mocktestplan-box {
        padding: 1em !important;
        min-height: auto !important;
        max-height: fit-content !important;
    }

    .planpage-section .mocktestplan-box button {
        width: 50% !important;
        font-size: 12px !important;
    }

    .planpage-section .mocktestplan-section hr {
        margin: 10px 0 16px !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;
    }

    .box_image img {
        max-height: 60px !important;
    }

    /* ********************  BLOG PAGE CSS */
    .blog-heading-txt {
        font-size: 22px !important;
    }

    .blogs-page-section {
        padding: 1em 0 !important;
    }

    .recentbox-details ul li a {
        align-items: center !important;
    }

    .blogs-page-heading {
        font-size: 18px !important;
    }

    .blogs-page-heading {
        font-size: 16px !important;
    }

    .blogs-page-details-box .box_blog .post-content .post-footer .post-date {
        font-size: 10px !important;
    }

    .blogs-page-details-box .box_blog .post-content .post-footer a {
        font-size: 9px !important;
    }

    .post-content h1 a {
        font-size: 13px !important;
    }

    .blogs-page-details-box .box_blog .post-content p {
        font-size: 13px !important;
    }

    .blogs-page-details-box .box_blog article {
        margin: 0px !important;
    }

    .blog-design {
        height: auto !important;
    }

    /* ********************  INFORMATION PAGE CSS */
    .information-section .information-box {
        margin-top: 10px !important;
    }

    /* ********************  DOWNLOAD NOTES PAGE CSS */
    .download-notes-section {
        padding: 2em 0 !important;
    }

    .download-notes-section form h2 {
        margin-bottom: 0px !important;
    }

    .download-notes-section form table {
        margin-bottom: 10px !important;
    }

    /* search section */
    .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;
    }

    /* privacy page */
    .current-affairs-section,
    .upcomingexam-section,
    .disclaimer-section,
    .terms-condi-section,
    .privatepolicy-section {
        padding: 2em 0 !important;
    }

    .privatepolicy-section .privatepolicy-box h4 {
        font-size: 14px !important;
    }

    .privatepolicy-section .privatepolicy-box p {
        font-size: 13px !important;
        margin-bottom: 20px !important;
    }

    .terms-condi-section .terms-condi-box {
        margin-top: 0px !important;
    }

    .terms-condi-section .terms-condi-box p {
        font-size: 13px !important;
    }

    .terms-condi-section .terms-condi-box h4 {
        font-size: 14px !important;
        margin-top: 20px !important;
    }

    .disclaimer-section .disclaimer-box p {
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .disclaimer-section .disclaimer-box {
        margin-top: 10px !important;
    }

    /* ****** school olympiad ************/
    .school-olympiad-class-section .first-row,
    .school-olympiad-class-section .second-row {
        display: block !important;
    }

    .school-olympiad-language-section img.school-olympiad-animation-element {
        width: 100% !important;
        height: 100% !important;
    }

    .school-olympiad-language-section .school-olympiad-language-details h5 {
        font-size: 12px !important;
    }

    .school-olympiad-language-section .school-olympiad-language-details h2 {
        margin-top: 0 !important;
        font-size: 20px !important;
    }

    .school-olympiad-language-section .school-olympiad-language-details h3 {
        font-size: 25px !important;
    }

    .school-olympiad-language-section .school-olympiad-language-details h4 {
        margin-top: 0 !important;
        font-size: 14px !important;
    }

    .school-olympiad-subject-section .third-row {
        flex-direction: column !important;
    }

    .school-olympiad-class-section .card {
        padding: 0 !important;
    }

    .school-olympiad-class-section .display-row {
        display: inline !important;
    }

    .card-img-head {
        height: auto !important;
        padding-bottom: 0 !important;
    }

    .card-img-head img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    .school-olympiad-subject-section .card {
        height: auto !important;
    }

    .school-olympiad-subject-section .card h5 {
        padding: 10px 0 !important;
        font-size: 14px !important;
        margin: 0 0 10px !important;
        line-height: normal !important;
    }

    .school-olympiad-subject-section .card-body {
        padding: 0 20px 10px !important;
    }

    .school-olympiad-subject-section .card-body p {
        font-weight: 500 !important;
        line-height: inherit !important;
    }

    /* testpackage section */
    .testPackage-section {
        padding: 1em 0em !important;
    }

    .testPackage-section .custom-card {
        padding: 10px 16px !important;
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .testPackage-section .custom-card-section {
        margin: 6px 0 !important;
    }

    .testPackage-section .custom-card-section.right {
        display: block !important;
    }

    .popular-exam-section {
        display: none !important;
    }

    .allcategory-tabs.tabs-left>li a {
        font-size: 14px !important;
        padding: 8px 15px !important;
    }

    .vertical-center h4 {
        font-size: 14px !important;
    }

    .vertical-center p {
        font-size: 12px !important;
    }

    .port_image {
        width: 44px !important;
    }

    .firsthead {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .heading-txt-service {
        font-size: 24px !important;
    }

    .Product-Process-page-section .payprocess-box {
        margin: 0 !important;
    }

    .fixed-notibell-btn {
        top: 110px !important;
        font-size: 20px !important;
        padding: 8px 14px !important;
    }

    .upExam_section {
        padding: 0em 0 !important;
    }

    .video-self-page-section .video-self-left-box .tab {
        padding-top: 0px !important;
    }

    .error-box {
        margin-top: 0px !important;
    }

    .footer-section .play {
        width: 50% !important;
    }

    .gallery {
        margin: 6px auto !important;
    }

    .gallery-section .btn {
        padding: 7px 10px !important;
        font-size: 14px !important;
    }

    .featured-course-page-section .filter-side-box {
        margin: 0px 10px 10px !important;
    }

    .blogs-page-details-box .box_blog {
        display: block !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    .banner-slider .carousel-inner .carousel-item img {
        height: auto !important;
    }

    .section-header h2 {
        font-size: 22px !important;
    }

    .header-section .header-logo-img {
        width: 120px !important;
    }

    .welcome-intro-section .welcome-txt-name {
        font-size: 16px !important;
    }

    .know-all-section .examsection_box h5 {
        font-size: 13px !important;
    }

    .mobile-section .mobile_text {
        font-size: 40px !important;
    }

    .mobile-section h3 {
        font-size: 22px !important;
        padding-top: 2px !important;
        padding-bottom: 10px !important;
    }

    .mobile-section .google_play {
        width: 40% !important;
    }

    .mobile-section .mobile-code {
        width: 60% !important;
    }

    .latest-update-section .card .card-list {
        padding-left: 0px !important;
    }

    .footer-section .bottom-footer-section .footer_bottom_ul {
        justify-content: center !important;
    }

    .footer-section .powered_text {
        text-align: center !important;
    }

    .footer-section .foo-title {
        padding: 10px 0px 6px !important;
    }

    .contact-second-design .heading {
        font-size: 24px !important;
    }

    .contact-second-design #main {
        padding: 2em 2em !important;
    }

    .campignHeadBg .formRightpart {
        width: 100% !important;
    }

    .campignHeadBg .main-title-section1 {
        font-size: 22px !important;
        padding: 0em 0 0 !important;
    }

    .learning-image-cycle .learning-image-h4 {
        font-size: 18px !important;
        padding: 10px 10px !important;
    }

    .learning-image-cycle .benefits-table-box {
        width: 100% !important;
    }

    .edusoft-plans-section .pricing-school-box h2 {
        font-size: 16px !important;
    }

    .edusoft-plans-section .pricing-school-box .features-ul {
        padding: 0 10px 20px !important;
    }

    .edusoft-plans-section .pricing-school-box .features-ul li {
        font-size: 14px !important;
    }

    .edusoft-banner-section {
        padding: 26px 0 !important;
    }

    .edusoft-banner-section .banner-head {
        font-size: 26px !important;
    }

    .learning-image-cycle .benefits-table-box h4 {
        font-size: 16px !important;
    }

    .signuppage-form {
        width: 60% !important;
    }

    .whitelabel-edusoft-banner-section .heading-para {
        padding: 0px 5em 0px !important;
    }

    .whitelabel-selfanalyse-section-page .psycometric-examlist-box {
        padding: 10px !important;
        height: 190px !important;
    }

    .whitelabel-offer-page-section .offer-box .img-box {
        height: 180px !important;
        display: block !important;
    }

    .whitelabel-offer-page-section .offer-box .img-box p {
        width: 70% !important;
    }

    .whitelabel-psycometric-video-section .psycometric-video-box {
        padding: 10px !important;
    }

    .whitelabel-selfanalyse-section-page .whitelabel-selfanalyse-details-box .section-header h2 {
        font-size: 24px !important;
    }

    .allcategory-box .tab-content .center_container {
        width: 100% !important;
    }

    .testimonials-section .testimonials-owl-theme .single-testimonial p {
        max-width: 80% !important;
    }

    .exampage-details-plan-box h2 {
        width: 50% !important;
        padding: 14px !important;
        font-size: 30px !important;
    }

    .exampage-details-page-section .exam-pattern-box h2 {
        display: block !important;

    }

    .featured-details-section-page .featured-details-page-box .checkout-list-box {
        width: 40% !important;
        padding: 16px !important;
    }

    .featured-details-section-page .featured-details-page-box .imagedescription-box img {
        height: 200px !important;
    }

    .featured-course-section .featured-course-box img {
        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;
    }
}


/* <!-- Footer Toggle Button: Only visible on mobile view --> */
@media (max-width: 767.98px) {
    #mobile-footer-toggle {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        color: gray;
        height: 20px;
        border-top: 2px solid #a1a1a152;
    }

    #mobile-footer-toggle.show-toggle-btn {
        display: flex;
    }

    #mobile-footer-toggle #footerHideShowBtn {
        border-radius: 10px 10px 0px 0px;
        width: 70px;
        border: 2px solid #85838336;
    }

    footer.footer-section {
        display: none !important;
    }

    footer.footer-section.show-mobile-footer {
        display: block !important;
        animation: fadeInUp 1.2s ease;
        margin-bottom: 1em;
    }
}

@media (min-width: 768px) {
    #mobile-footer-toggle {
        display: none !important;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(32px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}