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

    .header-section .header-logo-img {
        width: 70px !important;
        height: auto !important;
        display: table !important;
    }

    .header-section .top-header-right-btns-ul-social,
    .header-section .top-header-right-btns-ul {
        justify-content: center !important;
    }

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

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

    .header-section .header-right-bar ul li.book-now-btn {
        margin: 0px 0px !important;
    }

    .top-header-right-btns-ul li .ebook {
        font-size: 13px !important;
        border: 1px solid var(--white-color);
    }

    .header-right-bar ul a.book-now {
        font-size: 13px !important;
        border: 1px solid var(--white-color) !important;
    }

    .header-section .header-all-navigation .hide,
    .mobile-hide {
        display: none !important;
    }

    .header-section .header-right-bar {
        display: flex;
        justify-content: center;
    }

    .navbar-area {
        height: auto !important;
        background: none !important;
        position: relative !important;
        min-height: fit-content !important;
    }

    .all-navigation-header {
        padding: 6px 6px !important;
    }

    .all-navigation-header div#sticky-wrapper {
        height: auto !important;
    }

    .dropdown-navigation-ul .fa-angle-down {
        display: none !important;
    }

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

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

    .line-bottom {
        font-size: 20px !important;
        margin-bottom: 10px !important;
        padding-bottom: 0px !important;
    }

    .section-header {
        margin-bottom: 10px !important;
    }

    .heading-txt-service {
        font-size: 24px !important;
    }

    .heading-txt,
    .section-header h2,
    .heading-txt span {
        font-size: 20px !important;
    }

    /* banner section */
    .bannerSliderBox .slide-content {
        height: auto !important;
    }

    .bannerSliderBox .slide-content .slide-overlay img {
        object-fit: contain;
        height: auto !important;
    }

    .upcome-examSec,
    .know-all-section,
    .free-demo-section,
    .state-exams-section,
    .exam-features-section,
    .our-service-home-section,
    .learning-image-cycle,
    .edusoft-plans-section,
    .system-req-section,
    .information-section,
    .allpages-header-section {
        padding: 1em 0em !important;
    }

    /* know-all-section */
    .know-all-section p {
        font-size: 12px !important;
    }

    .know-all-section .tab button {
        font-size: 13px !important;
        padding: 8px 8px !important;
    }

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

    .know-all-section .custom-pils {
        gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .know-all-section .custom-pils .tablinks_li {
        width: 116px !important;
        text-align: center !important;
        margin-bottom: 6px !important;
    }

    .know-all-section .custom-pils .tablinks_li img,
    .know-all-section .custom-pils .tablinks_li.viewAllLink i {
        width: 60px;
        height: 60px;
        display: flex;
        padding: 10px;
        margin: 0 auto;
        text-align: center;
        border-radius: 16px;
        margin-bottom: 10px;
        box-shadow: 0 0 6px 0px #d2d2d2;
    }

    .know-all-section .custom-pils .tablinks_li a,
    .know-all-section .custom-pils .tablinks_li.viewAllLink {
        font-size: 13px !important;
        text-decoration: none !important;
    }

    /* state exam section */
    .state-exams-section .state-exams-box {
        height: 110px !important;
        margin-bottom: 10px !important;
    }

    .state-exams-section .state-exams-box img {
        width: 30% !important;
    }

    .state-exams-section .state-exams-box p {
        font-size: 12px !important;
        padding: 6px 0 0 !important;
    }

    /* testimonials section */

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

    .testimonials-section .testimonials-owl-theme .single-testimonial h4 {
        font-size: 18px !important;
    }

    .testimonials-section .testimonials-para,
    .testimonials-section .testimonials-owl-theme .single-testimonial p {
        font-size: 13px !important;
    }

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

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        display: none !important;
    }

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

    /* exam features section */
    .exam-features-box {
        min-height: auto !important;
    }

    .exam-features-box a img {
        width: 18% !important;
    }

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

    .upcome-examSec .custom-recruitment-card h3,
    .exam-features-section .exam-features-box h5 {
        font-size: 15px !important;
    }

    /* welcome contents section */
    .welcome-section {
        background-size: cover !important;
    }

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

    /* free demo section */
    .free-demo-section h2 {
        margin: 0px !important;
        font-size: 16px !important;
    }

    .free-demo-section .ot-button-md {
        font-size: 14px !important;
        margin-top: 10px !important;
        padding: 10px 20px !important;
    }

    .testPackage-section .custom-card .amt_toPay {
        font-size: 13px !important;
    }

    /* footer section */
    .footer-section .eclaraApp_img {
        width: 40% !important;
    }

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

    .footer-section .foo-title {
        font-size: 18px !important;
        padding-top: 20px !important;
        padding-bottom: 6px !important;
    }

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

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

    .footer-section .bottom-footer-section .footer_bottom_ul li a {
        font-size: 12px !important;
        padding: 0 6px 0px 0px !important;
    }

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

    .fixed-notibell-btn {
        top: 100px !important;
        font-size: 20px !important;
        padding: 8px 14px !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;
    }

    .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;
    }

    /* ******************** 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;
    }

    .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: 90px !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;
    }

    /* ******************** 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;
    }

    /* ********************** 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-section .category-details-page-box .popular_text {
        font-size: 13px !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;
    }

    /* ******************** 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;
    }
}

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

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

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

    .bannerSliderBox .slide-content .slide-overlay img {
        height: 200px !important;
    }

    .mobile-section .mobile-code {
        width: 50% !important;
    }

    .header-right-bar ul li {
        margin: 0px 0 !important;
    }

    .top-header-right-btns-ul-social li a,
    .download-app-top-header li a {
        font-size: 13px !important;
    }

    .fixed-notibell-btn {
        top: 120px !important;
    }

    .header-logo-img {
        width: 90px !important;
    }

    .header-right-bar ul a.book-now {
        color: var(--theme-color) !important;
        background-color: var(--white-color);
    }

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

    .welcome-intro-section .welcome-txt-name {
        font-size: 17px !important;
    }

    .mobile-section .mobile_text {
        font-size: 50px !important;
    }

    .footer-section .foo-title {
        margin: 10px 0px 0px !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;
    }

    .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);
    }
}