/* ******************************************** MEDIA RESPONSIVE SECTION CSS */
@media only screen and (max-width:576px) {
    .Testimonials-section .sd_scroll {
        height: auto;
        overflow: auto;
        max-height: 240px;
    }

    .Testimonials-section .thumbnail,
    .Testimonials-section .btnNtxt {
        width: 100% !important;
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {

    /* HEADER SECTION */
    .header-section .topheader-section h1 {
        font-size: 22px !important;
        text-align: center !important;
    }

    .header-section .navigation-header .topnav {
        margin-top: 20px !important;
        text-align: left !important;
        background: whitesmoke !important;
        border: 1px solid #e9e9e9 !important;
    }

    .header-section .topheader-section .row {
        display: block !important;
    }

    .header-section .logoimg {
        display: flex !important;
        margin: 0 auto !important;
    }

    .header-section .header-contact-section .leftcontact-txt {
        padding: 0 !important;
        font-size: 14px !important;
        text-align: center !important;
    }

    .header-section .header-contact-section .leftcontact-txt span {
        margin: 0 !important;
        font-size: 10px !important;
        padding-left: 15px !important;
        display: table-cell !important;
    }

    .header-section .header-contact-section .rightcontact-txt {
        text-align: center !important;
    }

    .header-section .header-contact-section .rightcontact-txt i {
        font-size: 16px !important;
    }

    .header-section .navigation-header .topnav a:not(:first-child) {
        display: none !important;
    }

    .header-section .navigation-header .topnav button.icon {
        border: 0px !important;
        float: right !important;
        outline: none !important;
        display: block !important;
        cursor: pointer !important;
        padding: 16px 17px !important;
        background: #d8d8d8 !important;
    }

    .header-section .topheader-section .topheader-left {
        justify-content: center !important;
    }

    .header-section .topheader-section .topheader-right {
        display: block !important;
        text-align: center !important;
    }

    .header-section .topheader-section .topheader-right li {
        margin-bottom: 8px !important;
        justify-content: center !important;
    }

    .header-section .logoImagebox {
        width: 100px !important;
        object-fit: contain !important;
    }

    .headingtxt-box h2 {
        display: block !important;
        font-size: 20px !important;
        text-align: center !important;
        padding-bottom: 10px !important;
    }

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

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

    .double-line-bottom-centered-theme-colored-2 {
        margin-right: 0% !important;
        padding-bottom: 0px !important;
    }

    .header-section .header-contact-section,
    .whitelabel-psycometric-video-section,
    .whitelabel-selfanalyse-section-page,
    .whitelabel-edusoft-banner-section,
    .exampage-details-page-section,
    .featured-details-section-page,
    .category-details-page-section,
    .profile-dashboard-section,
    .current-affairs-section,
    .allpages-header-section,
    .featured-course-section,
    .download-notes-section,
    .checkout-form-section,
    .ourfeatures-section,
    .blogs-page-section,
    .exam-site-section,
    .about-us-section,
    .wht-noti-section,
    .know-all-section,
    .Footer-section {
        padding: 2em 0 !important;
    }

    /* ALL EXAM TAB SECTION */
    #myknowall {
        display: flex !important;
        text-align: left !important;
        overflow-x: scroll !important;
    }

    .know-all-section .tab button {
        font-size: 10px !important;
        min-width: 100px !important;
        padding: 10px 10px !important;
    }

    /* SERVICE SECTION */
    .exprience-dector {
        padding: 1em 0 1em !important;
    }

    /* STATE EXAM DESCRIPTION SECTION */
    .exam-site-section .exam-title-box {
        padding: 0px !important;
    }

    .exam-site-section .exam-title-box h1 {
        margin: 0 !important;
        font-size: 20px !important;
    }

    .exam-site-section .btn {
        padding: 10px 10px !important;
    }

    .exprience-dector .call-address .icon-body h5 {
        font-size: 16px !important;
        min-height: 36px !important;
    }

    .exprience-dector .call-address .icon-body p {
        font-size: 13px !important;
    }

    /* STATE EXAM SECTION */
    .state-exam-sec .state-exam-box {
        height: 110px !important;
        padding: 14px 0px !important;
        margin-bottom: 10px !important;
    }

    .state-exam-sec .state-exam-box p {
        font-size: 13px !important;
    }

    /* DEMO BANNER SECTION */
    .demo-banner-sec {
        width: 100% !important;
        padding: 1em 0 2em !important;
        background-size: auto !important;
        background-position: center !important;
    }

    .demo-banner-sec h2 {
        font-size: 16px !important;
    }

    .demo-banner-sec a {
        padding: 10px !important;
        font-size: 16px !important;
    }

    /* CURRENT AFFAIRS SECTION */
    .current-affairs-section .current-images img {
        margin-top: 0 !important;
    }

    /* COUNTER SECTION */
    .counters-section .counterRow .counterRowList i {
        font-size: 36px !important;
    }

    .counters-section .counterRow .counterRowList h4 {
        font-size: 24px !important;
    }

    .latest-notification-sec .card-list {
        padding: 0 0px !important;
    }

    /* FOOTER SECTION */
    .Footer-section .Footerflex-box .footer-sitelink,
    .Footer-section .Footerflex-box .footer-links {
        font-size: 10px !important;
    }

    .scrollup-up {
        bottom: 44px !important;
    }

    /* ******************** CONTACTUS PAGE CSS */
    .contact-us-section .contact-us-box {
        margin-bottom: 10px !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-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-offer-page-section,
    .whitelabel-edusoft-banner-section,
    .whitelabel-selfanalyse-section-page,
    .whitelabel-psycometric-video-section {
        padding: 2em 0 !important;
    }

    .whitelabel-edusoft-banner-section .heading-para {
        font-size: 11px !important;
        line-height: 18px !important;
        padding: 0px 1em 0.5em !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;
    }

    .whitelabel-psycometric-video-section .psycometric-video-box iframe {
        height: 100px !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;
    }

    .featured-course-page-section .filter-side-box {
        margin-bottom: 16px !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-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 CSS */
    .partner-section .partner-tabs-btn {
        padding: 0 0 16px !important;
    }

    /* ********************** SKILL PAGE CSS */
    .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;
    }

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

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

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

@media only screen and (max-width: 1224px) and (min-width: 768px) {

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

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

    .header-section .logoImagebox {
        width: 100px !important;
        object-fit: contain !important;
    }

    .know-all-section .tab .tablinks {
        margin: 0px 2px 10px !important;
    }

    .latest-notification-sec .card-header.text-center {
        padding: 0px !important;
    }

    /* ******************** PAGE 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 SELFANALYSE PAGE CSS */
    .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;
        height: stretch !important;
    }

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

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

    /* ***************** BECOME PARTNER CSS */
    .campignHeadBg .formRightpart {
        width: 99% !important;
    }

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

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

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

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

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

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