@media only screen and (max-width: 767px) {
  /* Genral */
  body {
    padding: 0px !important;
  }

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0px 15px !important;
  }

  .section-padding {
    padding: 50px 0px !important;
  }

  .rtgs-content {
    margin-top: 25px !important;
  }

  .rtgs-box .nh2 {
    margin-bottom: 0px !important;
  }

  .SAHAJ-journey-section,
  .sectors,
  .SAHAJ-projects-container,
  .gc,
  .partnership-container,
  .vwu-section,
  .vo-section {
    padding: 50px 0px !important;
  }

  .ota-section,
  .SAHAJ-legal {
    padding: 50px 15px !important;
  }

  .partnership-section,
  .partnership-card,
  .legal-status-left {
    padding: 25px 15px !important;
  }

  .ota-card,
  .SAHAJ-projects-card,
  .partnership-section,
  .partnership-card,
  .pdf-list .tabs,
  .legal-status-box,
  .legal-status-left .image-container,
  .committee-box,
  .video-gallery-item,
  .video-overlay,
  .contact-box,
  .vwu-card,
  .rtgs-box,
  .welcome .wpo-about-left img,
  .bd-featured-image {
    border-radius: 10px !important;
  }

  .gallery-container .new-heading,
  body.contact-us .new-heading.nh2,
  .rtgs-box .nh2 {
    width: 100% !important;
  }

  .committee-box,
  .contact-box,
  .vwu-card,
  .rtgs-box {
    padding: 25px !important;
  }

  .legal-status-left .image-container img {
    height: 225px !important;
  }

  .journey .text-center,
  .sectors .sectors-header,
  body.contact-us .new-heading.nh2,
  .new-heading.nh2.text-center {
    text-align: left !important;
  }

  .row > *,
  .gallery-container {
    padding: 0px !important;
  }

  .wpo-page-title {
    min-height: 225px !important;
  }

  .wpo-page-title .wpo-breadcumb-wrap h2 {
    font-size: 25px !important;
    margin: 0px !important;
  }

  .wpo-page-title .wpo-breadcumb-wrap ol li a {
    font-size: 16px !important;
  }

  .committee-title {
    font-size: 20px !important;
  }

  .new-heading .nh-title,
  .new-heading.nh2 .nh-title {
    font-size: 25px !important;
    margin-bottom: 15px !important;
  }

  .new-heading {
    margin-bottom: 50px !important;
  }

  /* Topbar */
  .SAHAJ-topbar {
    padding: 5.7px 0px !important;
  }

  .SAHAJ-topbar .row {
    justify-content: space-between !important;
  }

  .SAHAJ-topbar .row .col-12 {
    width: max-content !important;
  }

  .SAHAJ-topbar a,
  .SAHAJ-topbar ul li {
    font-size: 16px !important;
  }

  .SAHAJ-topbar .contact-intro {
    display: flex;
    align-items: center;
    justify-content: start;
  }

  .SAHAJ-topbar .contact-intro li {
    display: none !important;
  }

  .SAHAJ-topbar .contact-intro li:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0px !important;
    gap: 5px !important;
  }

  .topbar .contact-info ul li {
    padding: 0px !important;
  }

  .SAHAJ-topbar .social {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
  }

  /* Header */
  .wpo-site-header .navigation {
    padding: 12.9px 0px !important;
  }

  .wpo-site-header .row {
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
  }

  .wpo-site-header .row .col-3 {
    width: 30% !important;
    text-align: right !important;
    padding: 0px !important;
  }

  .wpo-site-header .row .col-6 {
    width: 70% !important;
  }

  .wpo-site-header .row .col.col-lg-9 {
    width: 0% !important;
  }

  .wpo-site-header .navbar-header {
    text-align: left !important;
  }

  .wpo-site-header .navbar-header .navbar-brand {
    padding: 0px !important;
    margin: 0px !important;
  }

  .logo {
    max-width: 175px !important;
  }

  /* Navbar Menu */
  .wpo-site-header .mobail-menu button {
    background-color: var(--s-main) !important;
  }

  .wpo-site-header #navbar {
    width: 100% !important;
    background: var(--s-main) !important;
  }

  .wpo-site-header .menu-close {
    position: absolute !important;
    right: 4% !important;
    top: 2% !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
  }

  .wpo-site-header .mobail-menu button {
    width: 40px !important;
    height: 40px !important;
    border-radius: 3px !important;
    /* display: flex !important;
        align-items: center !important;
        justify-content: center !important; */
    font-size: 16px !important;
    padding: 10px !important;
  }

  .wpo-site-header .mobail-menu button span {
    width: 100% !important;
  }

  .wpo-site-header .x-close .last-angle {
    top: 18px !important;
    right: 0px !important;
  }

  .wpo-site-header .x-close .first-angle {
    top: 18px !important;
    left: 0px !important;
  }

  .wpo-site-header #navbar > ul > li > a.active,
  .wpo-site-header #navbar > ul > li > a:hover {
    /* color: var(--s-secondary) !important; */
    color: #5e60ff !important;
  }

  .wpo-site-header #navbar .navbar-nav {
    padding: 60px 15px !important;
  }

  .wpo-site-header #navbar > ul > li > a {
    padding: 10px 0px !important;
  }

  .wpo-site-header #navbar > ul > li:last-child > .sub-menu {
    padding: 10px 0px !important;
    background: #393aa2 !important;
  }

  .wpo-site-header #navbar > ul > li:last-child ul li a {
    padding: 10px 15px !important;
    font-weight: 700 !important;
  }

  .wpo-site-header #navbar > ul .menu-item-has-children > a:before {
    right: 0px !important;
  }

  /* .wpo-site-header #navbar>ul>li:last-child>.sub-menu li,
    .wpo-site-header #navbar .navbar-nav li {
        border-bottom: 1px solid #fff !important;
    }
    .wpo-site-header #navbar>ul>li:last-child>.sub-menu li:last-child,
    .wpo-site-header #navbar .navbar-nav li:last-child {
        border: none !important;
    } */
  /* Footer */
  .SAHAJ-footer .row {
    gap: 25px !important;
  }

  .SAHAJ-footer .widget-title {
    margin-bottom: 15px !important;
  }

  .SAHAJ-footer p:last-child {
    margin-bottom: 0px !important;
  }

  .SAHAJ-footer .copyrights-txt p,
  .SAHAJ-footer .copyrights-txt p a {
    font-size: 12px !important;
  }

  .back-to-top:hover {
    background-color: var(--s-main) !important;
  }

  .SAHAJ-footer {
    padding-bottom: 0px !important;
  }

  .wpo-site-footer .widget-title h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
  }

  .SAHAJ-footer .copyrights {
    padding: 20px 0px !important;
  }

  /* Slider */
  .static-hero-s3 {
    height: calc(100vh - 130px) !important;
  }

  .SAHAJ-slider .hero-content {
    max-width: 100% !important;
    text-align: left !important;
  }

  .SAHAJ-slider .slide-title h2.htx {
    font-size: 25px !important;
  }

  .SAHAJ-slider .hero-btn {
    margin-top: 25px !important;
    margin-bottom: 0px !important;
    max-width: max-content !important;
  }

  .static-hero-s3 .theme-btn,
  .static-hero-s3 .view-cart-btn {
    padding: 10px 15px !important;
    line-height: normal !important;
    font-size: 16px !important;
    font-weight: normal !important;
    min-width: max-content !important;
  }

  .SAHAJ-slider .swiper-pagination {
    /* width: 100% !important; */
    left: 15px !important;
    right: unset !important;
    bottom: 3% !important;
    transform: unset !important;
  }

  /* Sections */
  .wpo-about-section .wpo-about-wrap .wpo-about-text,
  .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text,
  .wpo-about-section-s3 .wpo-about-wrap .wpo-about-text,
  .wpo-about-section-s4 .wpo-about-wrap .wpo-about-text {
    margin-top: 0px !important;
  }

  .welcome .wpo-section-title .htx,
  .sectors-header h1 {
    font-size: 25px !important;
  }

  .welcome .row > * {
    padding: 0px !important;
  }

  .wpo-about-text span,
  .wpo-about-text h2,
  .wpo-about-text p {
    line-height: normal !important;
  }

  .wpo-about-text p:last-child {
    margin-bottom: 0px !important;
  }

  .welcome .wpo-about-wrap .row {
    gap: 50px !important;
  }

  .welcome .wpo-about-right {
    padding: 0px !important;
    padding-top: 50px !important;
  }

  .welcome .wpo-about-right img {
    width: 100% !important;
    height: 250px !important;
    object-position: top !important;
    border-radius: 10px !important;
    border-radius: 10px !important;
  }

  .wpo-about-left {
    display: block !important;
  }

  .welcome .wpo-about-left {
    max-width: 150px !important;
    width: 150px !important;
    height: 150px !important;
    left: -10px !important;
  }

  /* About */
  .abt .row {
    justify-content: start !important;
  }

  .wpo-section-title {
    text-align: left !important;
  }

  .wpo-service-section .wpo-section-title h2 {
    margin-bottom: 15px !important;
  }

  .wpo-section-title p:last-child {
    margin: 0px !important;
  }

  .abt .service-wrap .row {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .abt .service-item {
    padding: 25px !important;
    border-radius: 10px !important;
    min-height: auto !important;
  }

  .abt .service-item .icon {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 15px !important;
  }

  .abt .service-item .text h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  /* SAHAJ Journey */
  /* Timeline */
  .SAHAJ-journey-timeline {
    width: 98% !important;
    margin: 50px auto 0 auto !important;
    /* column-gap: 25px !important; */
  }

  /* .SAHAJ-journey-timeline .date::after {
        right: calc(100% + 25px + var(--line-w) / 2) !important;
    } */
  .SAHAJ-journey-timeline li:first-child {
    margin-top: 50px !important;
  }

  .SAHAJ-journey-timeline li {
    --inlineP: 1rem !important;
    background: #fff !important;
  }

  .SAHAJ-journey-timeline .title {
    padding: 15px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  .SAHAJ-journey-timeline .descr {
    padding: 0px 15px !important;
    padding-bottom: 15px !important;
  }

  /* Sectors */
  .sectors .sectors-header {
    padding: 0px 15px !important;
    margin-bottom: 50px !important;
  }

  .sectors .sectors-header p {
    font-size: 16px !important;
    margin: 0px !important;
  }

  .sectors-card {
    border-width: 3px !important;
    padding: 15px !important;
    border-radius: 10px !important;
    min-height: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    width: 200px !important;
  }

  .sectors-carousel-container {
    height: 350px !important;
  }

  .sectors-icon-circle {
    width: 50px !important;
    height: 50px !important;
    font-size: 16px !important;
    margin: 0 auto 5px auto !important;
  }

  .sectors-icon-circle svg {
    width: 25px !important;
    height: 25px !important;
  }

  .sectors-card-title {
    margin: 0px !important;
    padding: 0px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  .sectors-card-number {
    margin: 0px !important;
    line-height: normal !important;
    font-size: 25px !important;
  }

  .sectors-card-pos-1,
  .sectors-connection-line:nth-child(1),
  .sectors-card-pos-2,
  .sectors-connection-line:nth-child(2),
  .sectors-card-pos-6,
  .sectors-connection-line:nth-child(6),
  .sectors-card-pos-7,
  .sectors-connection-line:nth-child(7) {
    display: none !important;
  }

  /* .sectors-card-pos-3,
    .sectors-card-pos-5 {
        display: none !important;
    } */
  .sectors-card-pos-3 {
    left: -10% !important;
  }

  .sectors-card-pos-5 {
    left: 110% !important;
  }

  .sectors-nav-button {
    top: 125% !important;
  }

  /* Blogs */
  .blog-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .blog-img img {
    height: 250px !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
  }

  .blogs {
    padding-bottom: 0px !important;
  }

  .blog-txt h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  /* Contact */
  .wpo-section-title h2 {
    margin-top: 0px !important;
  }

  .contact-box {
    padding-bottom: 40px !important;
  }

  /* About Us */
  .wwa-abt-box,
  .wwd-abt-box {
    flex-direction: column !important;
    gap: 25px !important;
  }

  .wwa-abt-left,
  .wwa-abt-right,
  .wwd-abt-left,
  .wwd-abt-right {
    width: 100% !important;
  }

  .wwd-abt-box .new-heading {
    margin-bottom: 0px !important;
  }

  .wwa-abt-img {
    border-radius: 10px !important;
    padding: 15px !important;
  }

  .wwa-abt-img img,
  .wwd-abt-img img {
    height: 225px !important;
  }

  .wwd-abt-img {
    border-radius: 10px !important;
  }

  .wwd-abt-img::before {
    border-radius: 10px !important;
    border-width: 4px !important;
  }

  /* Members */
  .SAHAJ-members {
    padding: 0px 15px !important;
    padding-bottom: 50px !important;
  }

  .SAHAJ-members .swiper {
    padding: 0px !important;
  }

  body.who-we-are .swiper::before,
  body.who-we-are .swiper::after {
    width: 0px !important;
  }

  .SAHAJ-members .member-card-image {
    height: 350px !important;
  }

  .SAHAJ-members .member-card {
    margin: 6px !important;
  }

  /* Tree */
  .shahj-tree {
    padding: 50px 15px !important;
    overflow: hidden !important;
  }

  .tree {
    justify-content: flex-start !important;
    overflow-x: auto !important;
  }

  .tree ul {
    justify-content: flex-start !important;
  }

  .tree ul:first-child {
    padding-top: 0px !important;
  }

  /* Impect */
  .counter-card,
  .info-box {
    border-radius: 10px !important;
  }

  .counter-label,
  .info-box h3 {
    font-size: 20px !important;
  }

  .counter-grid {
    grid-gap: 26px !important;
    margin-bottom: 26px !important;
  }

  .counter-description,
  .info-box li {
    font-size: 16px !important;
  }

  .info-boxes {
    grid-gap: 26px !important;
  }

  /* Thematic Area */
  .ota-card {
    gap: 10px !important;
  }

  .ota-card-description,
  .ota-card-title,
  .ota-card-link {
    margin-bottom: 0px !important;
    font-size: 16px !important;
  }

  .ota-card-icon,
  .contact-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 26px !important;
  }

  .ota-popup-close {
    top: -25px !important;
    right: -25px !important;
  }

  .ota-popup-content {
    overflow: unset !important;
  }

  /* Projects  */
  .SAHAJ-projects-tab {
    padding: 8px !important;
    border-radius: 6px !important;
  }

  .SAHAJ-projects-tabs {
    grid-gap: 4px !important;
  }

  .SAHAJ-projects-grid {
    grid-gap: 26px !important;
  }

  .SAHAJ-projects-image {
    height: 225px !important;
    border-radius: 6px !important;
  }

  .SAHAJ-projects-content {
    padding: 25px 0px !important;
    padding-bottom: 8px !important;
    margin: 0px !important;
  }

  .SAHAJ-projects-year,
  .SAHAJ-projects-description {
    margin-bottom: 0px !important;
  }

  /* Geography coverage */
  .gc-img img {
    height: 400px !important;
  }

  .gc-section:last-child {
    margin-bottom: 0px !important;
  }

  .gc-section-title {
    font-size: 18px !important;
  }

  .gc-subsection-title {
    font-size: 16px !important;
  }

  /* Demographic Survey */
  .ds-card {
    border-radius: 10px !important;
    padding: 25px 15px !important;
  }

  /* Legal Documents */
  .legeal-documents-pdf-list .new-heading {
    max-width: 100% !important;
    margin-bottom: 0px !important;
  }

  .pdf-list header {
    gap: 26px !important;
  }

  .legeal-documents-pdf-list .tab-btn {
    /* flex: 1 1 50% !important; */
    flex: auto !important;
    border: 1px solid #dbdbdb !important;
    border-radius: 6px !important;
  }

  .legeal-documents-pdf-list .tabs {
    gap: 5px !important;
  }

  .pdf-list .tabs {
    padding: 6px !important;
  }

  .pdf-list .pdf-grid {
    grid-gap: 16px !important;
  }

  .pdf-box .new-pagination {
    padding-bottom: 50px !important;
  }

  .cna-pdf,
  .legal-status {
    padding-bottom: 0px !important;
  }

  .legal-status-right h2 {
    font-size: 20px !important;
  }

  .legal-committee-grid {
    grid-template-columns: repeat(1, 1fr) !important;
    grid-gap: 26px !important;
  }

  /* Gallery */
  .gallery-grid,
  .video-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 15px !important;
  }

  .gallery-item,
  .video-gallery-item {
    flex: 0 0 50% !important;
    border-radius: 5px !important;
    width: 100% !important;
    height: 100px !important;
  }

  /* Contact Us */
  .SAHAJ-contact-details .contact-box {
    padding-bottom: 25px !important;
  }

  .contact-icon {
    margin-bottom: 15px !important;
  }

  .wpo-contact-pg-section .wpo-contact-form-area {
    padding: 25px !important;
  }

  .contact-validation-active .error-handling-messages {
    margin: 0px !important;
    margin-top: 15px !important;
  }

  #form-message {
    padding: 0px !important;
  }

  .wpo-contact-pg-section form {
    margin: 0px !important;
  }

  .wpo-contact-pg-section form > div {
    width: 100% !important;
    margin: 0px !important;
  }

  .contact-map iframe {
    height: 350px !important;
  }

  /* Donation */
  #donation-form .form-row {
    gap: 0px !important;
  }

  /* Volunteer */
  .vwu-content li {
    display: flex !important;
    align-items: center !important;
  }

  .rtgs-buttons {
    gap: 16px !important;
  }

  form#volunteer-form .form-row {
    grid-gap: 0px !important;
    margin-bottom: 0px !important;
  }

  form#volunteer-form .form-group {
    margin-bottom: 0px !important;
  }

  form#volunteer-form .new-heading {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
  }

  form#volunteer-form .new-heading.nh2 .nh-title {
    font-size: 20px !important;
    margin-bottom: 20px !important;
  }

  form#volunteer-form .checkbox-group {
    margin: 15px 0px !important;
    margin-top: 0px !important;
  }

  form#volunteer-form .submit-area {
    margin-top: 20px !important;
  }

  /* Blogs */
  .blogs {
    padding-bottom: 50px !important;
  }

  /* Blog Details */
  .bd-featured-image {
    height: 225px !important;
  }

  .bd-title {
    font-size: 18px !important;
  }

  .bd-content p {
    margin-bottom: 0px !important;
  }

  .bd-comment-form {
    padding: 0px !important;
  }

  .bd-comment-form button {
    width: 100% !important;
  }

  .new-heading .nh-description,
  p.dsx,
  .bd-content p,
  .blog-txt .blog-desc {
    line-height: 1.6 !important;
    font-size: 16px !important;
  }

  .contact .wpo-section-title {
    text-align: center !important;
  }

  .wpo-site-header #navbar > ul > li:hover > .sub-menu a.active {
    color: #5e60ff !important;
  }

  .menu-item-has-children > .dsx::after {
    display: none !important;
  }

  .ota-card-icon {
    width: 100% !important;
    height: 225px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .ota-card {
    padding: 15px !important;
  }

  .sub-menu {
    background: #393aa2 !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  /* Genral */
  body {
    padding: 0px !important;
  }

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0px 25px !important;
  }

  .section-padding {
    padding: 50px 0px !important;
  }

  .rtgs-content {
    margin-top: 25px !important;
  }

  .rtgs-box .nh2 {
    margin-bottom: 0px !important;
  }

  .SAHAJ-journey-section,
  .sectors,
  .SAHAJ-projects-container,
  .gc,
  .partnership-container,
  .vwu-section,
  .vo-section {
    padding: 50px 0px !important;
  }

  .ota-section,
  .SAHAJ-legal {
    padding: 50px 25px !important;
  }

  .partnership-section,
  .partnership-card,
  .legal-status-left {
    padding: 25px !important;
  }

  .ota-card,
  .SAHAJ-projects-card,
  .partnership-section,
  .partnership-card,
  .pdf-list .tabs,
  .legal-status-box,
  .legal-status-left .image-container,
  .committee-box,
  .video-gallery-item,
  .video-overlay,
  .contact-box,
  .vwu-card,
  .rtgs-box,
  .welcome .wpo-about-left img,
  .bd-featured-image {
    border-radius: 10px !important;
  }

  .gallery-container .new-heading,
  body.contact-us .new-heading.nh2,
  .rtgs-box .nh2 {
    width: 100% !important;
  }

  .committee-box,
  .contact-box,
  .vwu-card,
  .rtgs-box {
    padding: 25px !important;
  }

  .legal-status-left .image-container img {
    height: 350px !important;
  }

  .journey .text-center,
  .sectors .sectors-header,
  body.contact-us .new-heading.nh2,
  .new-heading.nh2.text-center {
    text-align: left !important;
  }

  .row > *,
  .gallery-container {
    padding: 0px !important;
  }

  .wpo-page-title {
    min-height: 325px !important;
  }

  .wpo-page-title .wpo-breadcumb-wrap h2 {
    font-size: 25px !important;
    margin: 0px !important;
  }

  .wpo-page-title .wpo-breadcumb-wrap ol li a {
    font-size: 16px !important;
  }

  .committee-title {
    font-size: 20px !important;
  }

  .new-heading .nh-title,
  .new-heading.nh2 .nh-title {
    font-size: 25px !important;
    margin-bottom: 15px !important;
  }

  .new-heading {
    margin-bottom: 50px !important;
  }

  /* Topbar */
  .SAHAJ-topbar {
    padding: 5.7px 0px !important;
  }

  .SAHAJ-topbar .row .col-12 {
    width: 50% !important;
  }

  .SAHAJ-topbar a,
  .SAHAJ-topbar ul li {
    font-size: 16px !important;
  }

  .SAHAJ-topbar .contact-intro {
    display: flex;
    align-items: center;
    justify-content: start;
  }

  .SAHAJ-topbar .contact-intro li {
    display: none !important;
  }

  .SAHAJ-topbar .contact-intro li:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0px !important;
    gap: 5px !important;
  }

  .topbar .contact-info ul li {
    padding: 0px !important;
  }

  .SAHAJ-topbar .social {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
  }

  /* Header */
  .wpo-site-header .navigation {
    padding: 12.9px 0px !important;
  }

  .wpo-site-header .row {
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
  }

  .wpo-site-header .row .col-3 {
    width: 30% !important;
    text-align: right !important;
    padding: 0px !important;
  }

  .wpo-site-header .row .col-6 {
    width: 70% !important;
  }

  .wpo-site-header .row .col.col-lg-9 {
    width: 0% !important;
  }

  .wpo-site-header .navbar-header {
    text-align: left !important;
  }

  .wpo-site-header .navbar-header .navbar-brand {
    padding: 0px !important;
    margin: 0px !important;
  }

  .logo {
    max-width: 175px !important;
  }

  /* Navbar Menu */
  .wpo-site-header .mobail-menu button {
    background-color: var(--s-main) !important;
  }

  .wpo-site-header #navbar {
    width: 100% !important;
    background: var(--s-main) !important;
  }

  .wpo-site-header .menu-close {
    position: absolute !important;
    right: 2% !important;
    top: 2% !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
  }

  .wpo-site-header .mobail-menu button {
    width: 40px !important;
    height: 40px !important;
    border-radius: 3px !important;
    /* display: flex !important;
        align-items: center !important;
        justify-content: center !important; */
    font-size: 16px !important;
    padding: 10px !important;
  }

  .wpo-site-header .mobail-menu button span {
    width: 100% !important;
  }

  .wpo-site-header .x-close .last-angle {
    top: 18px !important;
    right: 0px !important;
  }

  .wpo-site-header .x-close .first-angle {
    top: 18px !important;
    left: 0px !important;
  }

  .wpo-site-header #navbar > ul > li > a.active,
  .wpo-site-header #navbar > ul > li > a:hover {
    /* color: var(--s-secondary) !important; */
    color: #5e60ff !important;
  }

  .wpo-site-header #navbar .navbar-nav {
    padding: 60px 15px !important;
  }

  .wpo-site-header #navbar > ul > li > a {
    padding: 10px 0px !important;
  }

  .wpo-site-header #navbar > ul > li:last-child > .sub-menu {
    padding: 10px 0px !important;
    background: #393aa2 !important;
  }

  .wpo-site-header #navbar > ul > li:last-child ul li a {
    padding: 10px 15px !important;
    font-weight: 700 !important;
  }

  .wpo-site-header #navbar > ul .menu-item-has-children > a:before {
    right: 0px !important;
  }

  /* .wpo-site-header #navbar>ul>li:last-child>.sub-menu li,
    .wpo-site-header #navbar .navbar-nav li {
        border-bottom: 1px solid #fff !important;
    }
    .wpo-site-header #navbar>ul>li:last-child>.sub-menu li:last-child,
    .wpo-site-header #navbar .navbar-nav li:last-child {
        border: none !important;
    } */
  /* Footer */
  .SAHAJ-footer .row {
    gap: 25px !important;
  }

  .SAHAJ-footer .widget-title {
    margin-bottom: 15px !important;
  }

  .SAHAJ-footer p:last-child {
    margin-bottom: 0px !important;
  }

  .SAHAJ-footer .copyrights-txt p,
  .SAHAJ-footer .copyrights-txt p a {
    font-size: 12px !important;
  }

  .back-to-top:hover {
    background-color: var(--s-main) !important;
  }

  .SAHAJ-footer {
    padding-bottom: 0px !important;
  }

  .wpo-site-footer .widget-title h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
  }

  .SAHAJ-footer .copyrights {
    padding: 20px 0px !important;
  }

  /* Slider */
  .static-hero-s3 {
    height: calc(100vh - 130px) !important;
  }

  .SAHAJ-slider .hero-content {
    max-width: 100% !important;
    text-align: left !important;
  }

  .SAHAJ-slider .slide-title h2.htx {
    font-size: 25px !important;
  }

  .SAHAJ-slider .hero-btn {
    margin-top: 25px !important;
    margin-bottom: 0px !important;
    max-width: max-content !important;
  }

  .static-hero-s3 .theme-btn,
  .static-hero-s3 .view-cart-btn {
    padding: 10px 15px !important;
    line-height: normal !important;
    font-size: 16px !important;
    font-weight: normal !important;
    min-width: max-content !important;
  }

  .SAHAJ-slider .swiper-pagination {
    /* width: 100% !important; */
    left: 15px !important;
    right: unset !important;
    bottom: 3% !important;
    transform: unset !important;
  }

  /* Sections */
  .wpo-about-section .wpo-about-wrap .wpo-about-text,
  .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text,
  .wpo-about-section-s3 .wpo-about-wrap .wpo-about-text,
  .wpo-about-section-s4 .wpo-about-wrap .wpo-about-text {
    margin-top: 0px !important;
  }

  .welcome .wpo-section-title .htx,
  .sectors-header h1 {
    font-size: 25px !important;
  }

  .welcome .row > * {
    padding: 0px !important;
  }

  .wpo-about-text span,
  .wpo-about-text h2,
  .wpo-about-text p {
    line-height: normal !important;
  }

  .wpo-about-text p:last-child {
    margin-bottom: 0px !important;
  }

  .welcome .wpo-about-wrap .row {
    gap: 50px !important;
  }

  .welcome .wpo-about-right {
    padding: 0px !important;
    padding-top: 100px !important;
    padding-left: 100px !important;
  }

  .welcome .wpo-about-right img {
    width: 100% !important;
    height: 350px !important;
    object-position: top !important;
    border-radius: 10px !important;
    border-radius: 10px !important;
  }

  .wpo-about-left {
    display: block !important;
  }

  .welcome .wpo-about-left {
    max-width: 250px !important;
    width: 250px !important;
    height: 250px !important;
    left: -10px !important;
  }

  /* About */
  .abt .row {
    justify-content: start !important;
  }

  .wpo-section-title {
    text-align: left !important;
  }

  .wpo-service-section .wpo-section-title h2 {
    margin-bottom: 15px !important;
  }

  .wpo-section-title p:last-child {
    margin: 0px !important;
  }

  .abt .service-wrap .row {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .abt .service-item {
    padding: 25px !important;
    border-radius: 10px !important;
    min-height: auto !important;
  }

  .abt .service-item .icon {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 15px !important;
  }

  .abt .service-item .text h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  /* SAHAJ Journey */
  /* Timeline */
  .SAHAJ-journey-timeline {
    width: 98% !important;
    margin: 50px auto 0 auto !important;
    /* column-gap: 25px !important; */
  }

  /* .SAHAJ-journey-timeline .date::after {
        right: calc(100% + 25px + var(--line-w) / 2) !important;
    } */
  .SAHAJ-journey-timeline li:first-child {
    margin-top: 50px !important;
  }

  .SAHAJ-journey-timeline li {
    --inlineP: 1rem !important;
    background: #fff !important;
  }

  .SAHAJ-journey-timeline .title {
    padding: 15px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  .SAHAJ-journey-timeline .descr {
    padding: 0px 25px !important;
    padding-bottom: 25px !important;
  }

  /* Sectors */
  .sectors {
    min-height: 70vh !important;
  }

  .sectors .sectors-header {
    padding: 0px 25px !important;
    margin-bottom: 50px !important;
  }

  .sectors .sectors-header p {
    font-size: 16px !important;
    margin: 0px !important;
  }

  .sectors-card {
    border-width: 3px !important;
    padding: 15px !important;
    border-radius: 10px !important;
    min-height: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    width: 200px !important;
  }

  .sectors-carousel-container {
    height: 350px !important;
  }

  .sectors-icon-circle {
    width: 50px !important;
    height: 50px !important;
    font-size: 16px !important;
    margin: 0 auto 5px auto !important;
  }

  .sectors-icon-circle svg {
    width: 25px !important;
    height: 25px !important;
  }

  .sectors-card-title {
    margin: 0px !important;
    padding: 0px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  .sectors-card-number {
    margin: 0px !important;
    line-height: normal !important;
    font-size: 25px !important;
  }

  .sectors-card-pos-1,
    .sectors-connection-line:nth-child(1),
    /* .sectors-card-pos-2, */
    /* .sectors-connection-line:nth-child(2), */
    /* .sectors-card-pos-6, */
    /* .sectors-connection-line:nth-child(6), */
    .sectors-card-pos-7,
    .sectors-connection-line:nth-child(7) {
    display: none !important;
  }

  /* .sectors-card-pos-3,
    .sectors-card-pos-5 {
        display: none !important;
    } */
  .sectors-card-pos-2 {
    top: 80% !important;
    left: -4% !important;
    opacity: 1 !important;
  }

  .sectors-card-pos-3 {
    top: 55% !important;
    left: 22% !important;
  }

  .sectors-card-pos-6 {
    top: 80% !important;
    left: 104% !important;
    opacity: 1 !important;
  }

  .sectors-card-pos-5 {
    top: 55% !important;
    left: 78% !important;
  }

  .sectors-nav-button {
    top: 125% !important;
  }

  .sectors-connection-line:nth-child(2) {
    transform: translateX(-50%) rotate(272deg) !important;
  }

  .sectors-connection-line:nth-child(6) {
    transform: translateX(-50%) rotate(-272deg) !important;
  }

  /* Blogs */
  .blog-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .blog-img img {
    height: 250px !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
  }

  .blogs {
    padding-bottom: 0px !important;
  }

  .blog-txt h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  /* Contact */
  .wpo-section-title h2 {
    margin-top: 0px !important;
  }

  .contact-box {
    padding: 50px !important;
    padding-bottom: 65px !important;
  }

  /* About Us */
  .wwa-abt-box,
  .wwd-abt-box {
    flex-direction: column !important;
    gap: 25px !important;
  }

  .wwa-abt-left,
  .wwa-abt-right,
  .wwd-abt-left,
  .wwd-abt-right {
    width: 100% !important;
  }

  .wwd-abt-box .new-heading {
    margin-bottom: 0px !important;
  }

  .wwa-abt-img {
    border-radius: 10px !important;
    padding: 15px !important;
  }

  .wwa-abt-img img,
  .wwd-abt-img img {
    height: 350px !important;
  }

  .wwd-abt-img {
    border-radius: 10px !important;
  }

  .wwd-abt-img::before {
    border-radius: 10px !important;
    border-width: 4px !important;
  }

  /* Members */
  .SAHAJ-members {
    padding: 0px 25px !important;
    padding-bottom: 50px !important;
  }

  .SAHAJ-members .swiper {
    padding: 0px !important;
  }

  body.who-we-are .swiper::before,
  body.who-we-are .swiper::after {
    width: 0px !important;
  }

  .SAHAJ-members .member-card-image {
    height: 350px !important;
  }

  .SAHAJ-members .member-card {
    margin: 6px !important;
  }

  /* Tree */
  .shahj-tree {
    padding: 50px 25px !important;
    overflow: hidden !important;
  }

  .tree {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    padding-bottom: 50px !important;
  }

  .tree ul {
    justify-content: flex-start !important;
  }

  .tree ul:first-child {
    padding-top: 0px !important;
  }

  /* Impect */
  .counter-card,
  .info-box {
    border-radius: 10px !important;
  }

  .counter-label,
  .info-box h3 {
    font-size: 20px !important;
  }

  .counter-grid {
    grid-gap: 26px !important;
    margin-bottom: 26px !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .counter-description,
  .info-box li {
    font-size: 16px !important;
  }

  .info-boxes {
    grid-gap: 26px !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Thematic Area */
  .ota-card {
    gap: 10px !important;
  }

  .ota-card-description,
  .ota-card-title,
  .ota-card-link {
    margin-bottom: 0px !important;
    font-size: 16px !important;
  }

  .ota-card-icon,
  .contact-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 26px !important;
  }

  .ota-popup-close {
    top: -25px !important;
    right: -25px !important;
  }

  .ota-popup-content {
    overflow: unset !important;
  }

  /* Projects  */
  .SAHAJ-projects-tab {
    padding: 8px !important;
    border-radius: 6px !important;
  }

  .SAHAJ-projects-tabs {
    grid-gap: 4px !important;
  }

  .SAHAJ-projects-grid {
    grid-gap: 26px !important;
  }

  .SAHAJ-projects-image {
    height: 225px !important;
    border-radius: 6px !important;
  }

  .SAHAJ-projects-content {
    padding: 25px 0px !important;
    padding-bottom: 8px !important;
    margin: 0px !important;
  }

  .SAHAJ-projects-year,
  .SAHAJ-projects-description {
    margin-bottom: 0px !important;
  }

  /* Geography coverage */
  .gc-img img {
    height: 500px !important;
  }

  .gc-section:last-child {
    margin-bottom: 0px !important;
  }

  .gc-section-title {
    font-size: 18px !important;
  }

  .gc-subsection-title {
    font-size: 16px !important;
  }

  /* Demographic Survey */
  .ds-card {
    border-radius: 10px !important;
    padding: 25px !important;
  }

  /* Legal Documents */
  .legeal-documents-pdf-list .new-heading {
    max-width: 100% !important;
    margin-bottom: 0px !important;
  }

  .pdf-list header {
    gap: 26px !important;
  }

  .legeal-documents-pdf-list .tab-btn {
    /* flex: 1 1 50% !important; */
    flex: auto !important;
    border: 1px solid #dbdbdb !important;
    border-radius: 6px !important;
  }

  .legeal-documents-pdf-list .tabs {
    gap: 5px !important;
  }

  .pdf-list .tabs {
    padding: 6px !important;
  }

  .pdf-list .pdf-grid {
    grid-gap: 16px !important;
  }

  .pdf-box .new-pagination {
    padding-bottom: 50px !important;
  }

  .cna-pdf,
  .legal-status {
    padding-bottom: 0px !important;
  }

  .legal-status-right h2 {
    font-size: 20px !important;
  }

  .legal-committee-grid {
    grid-template-columns: repeat(1, 1fr) !important;
    grid-gap: 26px !important;
  }

  /* Gallery */
  .gallery-grid,
  .video-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 15px !important;
  }

  .gallery-item,
  .video-gallery-item {
    flex: 0 0 50% !important;
    border-radius: 5px !important;
    width: 100% !important;
    height: 150px !important;
  }

  /* Contact Us */
  .SAHAJ-contact-details .contact-box {
    padding-bottom: 25px !important;
  }

  .contact-icon {
    margin-bottom: 15px !important;
  }

  .wpo-contact-pg-section .wpo-contact-form-area {
    padding: 25px !important;
  }

  .contact-validation-active .error-handling-messages {
    margin: 0px !important;
    margin-top: 15px !important;
  }

  #form-message {
    padding: 0px !important;
  }

  .wpo-contact-pg-section form {
    margin: 0px !important;
  }

  .wpo-contact-pg-section form > div {
    width: 100% !important;
    margin: 0px !important;
  }

  .contact-map iframe {
    height: 550px !important;
  }

  /* Donation */
  #donation-form .form-row {
    gap: 0px !important;
  }

  /* Volunteer */
  .vwu-content li {
    display: flex !important;
    align-items: center !important;
  }

  .rtgs-buttons {
    gap: 16px !important;
  }

  form#volunteer-form .form-row {
    grid-gap: 0px !important;
    margin-bottom: 0px !important;
  }

  form#volunteer-form .form-group {
    margin-bottom: 0px !important;
  }

  form#volunteer-form .new-heading {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
  }

  form#volunteer-form .new-heading.nh2 .nh-title {
    font-size: 20px !important;
    margin-bottom: 20px !important;
  }

  form#volunteer-form .checkbox-group {
    margin: 15px 0px !important;
    margin-top: 0px !important;
  }

  form#volunteer-form .submit-area {
    margin-top: 20px !important;
  }

  /* Blogs */
  .blogs {
    padding-bottom: 50px !important;
  }

  /* Blog Details */
  .bd-featured-image {
    height: 225px !important;
  }

  .bd-title {
    font-size: 18px !important;
  }

  .bd-content p {
    margin-bottom: 0px !important;
  }

  .bd-comment-form {
    padding: 0px !important;
  }

  .bd-comment-form button {
    width: 100% !important;
  }

  .new-heading .nh-description,
  p.dsx,
  .bd-content p,
  .blog-txt .blog-desc {
    line-height: 1.6 !important;
    font-size: 16px !important;
  }

  .contact .wpo-section-title {
    text-align: center !important;
  }

  .SAHAJ-footer .row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .SAHAJ-footer .row .col-12 {
    width: 100% !important;
  }

  .SAHAJ-footer .copyrights {
    text-align: center !important;
  }

  .SAHAJ-footer .copyrights-txt {
    width: 100% !important;
  }

  .SAHAJ-footer .copyrights {
    display: flex !important;
  }

  .SAHAJ-members-details-popup .popup-content {
    flex-direction: row !important;
  }

  .SAHAJ-members-details-popup .popup-image {
    padding: 26px !important;
  }

  .SAHAJ-members-details-popup .popup-image img {
    /* height: 450px !important; */
    border-radius: 10px !important;
  }

  .SAHAJ-impact {
    padding: 50px 25px !important;
  }

  .ota-grid,
  .vwu-cards {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .ota-card,
  .vwu-card {
    width: 48% !important;
  }

  .SAHAJ-projects-grid,
  .legal-committee-grid,
  .vo-grid,
  .blogs-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .partnership-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .rtgs-buttons {
    flex-direction: row !important;
  }

  .rtgs-btn {
    width: 48% !important;
  }

  .contact-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .bd-navigation {
    flex-direction: row !important;
  }

  .bd-nav-link.next {
    flex-direction: row-reverse !important;
  }

  .wpo-site-header #navbar > ul > li:hover > .sub-menu a.active {
    color: #5e60ff !important;
  }

  .menu-item-has-children > .dsx::after {
    display: none !important;
  }

  .ota-card-icon {
    width: 100% !important;
    height: 225px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .ota-card {
    padding: 15px !important;
  }
  .sub-menu {
    background: #393aa2 !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* Genral */
  body {
    padding: 0px !important;
  }

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0px 25px !important;
  }

  .section-padding {
    padding: 50px 0px !important;
  }

  .rtgs-content {
    margin-top: 25px !important;
  }

  .rtgs-box .nh2 {
    margin-bottom: 0px !important;
  }

  .SAHAJ-journey-section,
  .sectors,
  .SAHAJ-projects-container,
  .gc,
  .partnership-container,
  .vwu-section,
  .vo-section {
    padding: 50px 0px !important;
  }

  .ota-section,
  .SAHAJ-legal {
    padding: 50px 25px !important;
  }

  .partnership-section,
  .partnership-card,
  .legal-status-left {
    padding: 25px !important;
  }

  .ota-card,
  .SAHAJ-projects-card,
  .partnership-section,
  .partnership-card,
  .pdf-list .tabs,
  .legal-status-box,
  .legal-status-left .image-container,
  .committee-box,
  .video-gallery-item,
  .video-overlay,
  .contact-box,
  .vwu-card,
  .rtgs-box,
  .welcome .wpo-about-left img,
  .bd-featured-image {
    border-radius: 10px !important;
  }

  .gallery-container .new-heading,
  body.contact-us .new-heading.nh2,
  .rtgs-box .nh2 {
    width: 100% !important;
  }

  .committee-box,
  .contact-box,
  .vwu-card,
  .rtgs-box {
    padding: 25px !important;
  }

  .legal-status-left .image-container img {
    height: 350px !important;
  }

  .journey .text-center,
  .sectors .sectors-header,
  body.contact-us .new-heading.nh2,
  .new-heading.nh2.text-center {
    text-align: left !important;
    max-width: 100% !important;
  }

  .row > *,
  .gallery-container {
    padding: 0px !important;
  }

  .wpo-page-title {
    min-height: 325px !important;
  }

  .wpo-page-title .wpo-breadcumb-wrap h2 {
    font-size: 25px !important;
    margin: 0px !important;
  }

  .wpo-page-title .wpo-breadcumb-wrap ol li a {
    font-size: 16px !important;
  }

  .committee-title {
    font-size: 20px !important;
  }

  .new-heading .nh-title,
  .new-heading.nh2 .nh-title {
    font-size: 25px !important;
    margin-bottom: 15px !important;
  }

  .new-heading {
    margin-bottom: 50px !important;
  }

  /* Topbar */
  .SAHAJ-topbar {
    padding: 5.7px 0px !important;
  }

  .SAHAJ-topbar .row .col-12 {
    width: 50% !important;
  }

  .SAHAJ-topbar a,
  .SAHAJ-topbar ul li {
    font-size: 16px !important;
  }

  .SAHAJ-topbar .contact-intro {
    display: flex;
    align-items: center;
    justify-content: start;
  }

  .SAHAJ-topbar .contact-intro li {
    display: none !important;
  }

  .SAHAJ-topbar .contact-intro li:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0px !important;
    gap: 5px !important;
  }

  .topbar .contact-info ul li {
    padding: 0px !important;
  }

  .SAHAJ-topbar .social {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
  }

  /* Header */
  /* .wpo-site-header .navigation {
        padding: 12.9px 0px !important;
    }

    .wpo-site-header .row {
        flex-direction: row-reverse !important;
        justify-content: space-between !important;
    }

    .wpo-site-header .row .col-3 {
        width: 30% !important;
        text-align: right !important;
        padding: 0px !important;
    }

    .wpo-site-header .row .col-6 {
        width: 70% !important;
    }

    .wpo-site-header .row .col.col-lg-9 {
        width: 0% !important;
    }

    .wpo-site-header .navbar-header {
        text-align: left !important;
    }

    .wpo-site-header .navbar-header .navbar-brand {
        padding: 0px !important;
        margin: 0px !important;
    }

    .logo {
        max-width: 175px !important;
    } */
  /* Navbar Menu */
  /* .wpo-site-header .mobail-menu button {
        background-color: var(--s-main) !important;
    }

    .wpo-site-header #navbar {
        width: 100% !important;
        background: var(--s-main) !important;
    }

    .wpo-site-header .menu-close {
        position: absolute !important;
        right: 2% !important;
        top: 2% !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 30px !important;
        height: 30px !important;
        border-radius: 3px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 16px !important;
    }

    .wpo-site-header .mobail-menu button {
        width: 40px !important;
        height: 40px !important;
        border-radius: 3px !important;
        font-size: 16px !important;
        padding: 10px !important;
    }

    .wpo-site-header .mobail-menu button span {
        width: 100% !important;
    }

    .wpo-site-header .x-close .last-angle {
        top: 18px !important;
        right: 0px !important;
    }

    .wpo-site-header .x-close .first-angle {
        top: 18px !important;
        left: 0px !important;
    }

    .wpo-site-header #navbar>ul>li>a.active,
    .wpo-site-header #navbar>ul>li>a:hover {
        color: #5e60ff !important;
    }

    .wpo-site-header #navbar .navbar-nav {
        padding: 60px 15px !important;
    }

    .wpo-site-header #navbar>ul>li>a {
        padding: 10px 0px !important;
    }

    .wpo-site-header #navbar>ul>li:last-child>.sub-menu {
        padding: 10px 0px !important;
        background: #393aa2 !important;
    }

    .wpo-site-header #navbar>ul>li:last-child ul li a {
        padding: 10px 15px !important;
        font-weight: 700 !important;
    }

    .wpo-site-header #navbar>ul .menu-item-has-children>a:before {
        right: 0px !important;
    } */
  /* .wpo-site-header #navbar>ul>li:last-child>.sub-menu li,
    .wpo-site-header #navbar .navbar-nav li {
        border-bottom: 1px solid #fff !important;
    }
    .wpo-site-header #navbar>ul>li:last-child>.sub-menu li:last-child,
    .wpo-site-header #navbar .navbar-nav li:last-child {
        border: none !important;
    } */
  /* Footer */
  .SAHAJ-footer .row {
    gap: 25px !important;
  }

  .SAHAJ-footer .widget-title {
    margin-bottom: 15px !important;
  }

  .SAHAJ-footer p:last-child {
    margin-bottom: 0px !important;
  }

  .SAHAJ-footer .copyrights-txt p,
  .SAHAJ-footer .copyrights-txt p a {
    font-size: 12px !important;
  }

  .back-to-top:hover {
    background-color: var(--s-main) !important;
  }

  .SAHAJ-footer {
    padding-bottom: 0px !important;
  }

  .wpo-site-footer .widget-title h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
  }

  .SAHAJ-footer .copyrights {
    padding: 20px 0px !important;
  }

  /* Slider */
  .static-hero-s3 {
    height: calc(100vh - 130px) !important;
  }

  .SAHAJ-slider .hero-content {
    max-width: 100% !important;
    text-align: left !important;
  }

  .SAHAJ-slider .slide-title h2.htx {
    font-size: 25px !important;
  }

  .SAHAJ-slider .hero-btn {
    margin-top: 25px !important;
    margin-bottom: 0px !important;
    max-width: max-content !important;
  }

  .static-hero-s3 .theme-btn,
  .static-hero-s3 .view-cart-btn {
    padding: 10px 15px !important;
    line-height: normal !important;
    font-size: 16px !important;
    font-weight: normal !important;
    min-width: max-content !important;
  }

  .SAHAJ-slider .swiper-pagination {
    /* width: 100% !important; */
    left: 15px !important;
    right: unset !important;
    bottom: 3% !important;
    transform: unset !important;
  }

  /* Sections */
  .wpo-about-section .wpo-about-wrap .wpo-about-text,
  .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text,
  .wpo-about-section-s3 .wpo-about-wrap .wpo-about-text,
  .wpo-about-section-s4 .wpo-about-wrap .wpo-about-text {
    margin-top: 0px !important;
  }

  .welcome .wpo-section-title .htx,
  .sectors-header h1 {
    font-size: 25px !important;
  }

  .welcome .row > * {
    padding: 0px !important;
  }

  .wpo-about-text span,
  .wpo-about-text h2,
  .wpo-about-text p {
    line-height: normal !important;
  }

  .wpo-about-text p:last-child {
    margin-bottom: 0px !important;
  }

  .welcome .wpo-about-wrap .row {
    gap: unset !important;
  }

  .welcome .wpo-about-right {
    padding: 0px !important;
    padding-top: 50px !important;
    padding-left: 50px !important;
  }

  .welcome .wpo-about-right img {
    width: 100% !important;
    height: 250px !important;
    object-position: top !important;
    border-radius: 10px !important;
    border-radius: 10px !important;
  }

  .wpo-about-left {
    display: block !important;
  }

  .welcome .wpo-about-left {
    max-width: 150px !important;
    width: 150px !important;
    height: 150px !important;
    left: -10px !important;
  }

  /* About */
  .abt .row {
    justify-content: start !important;
  }

  .wpo-section-title {
    text-align: left !important;
  }

  .wpo-service-section .wpo-section-title h2 {
    margin-bottom: 15px !important;
  }

  .wpo-section-title p:last-child {
    margin: 0px !important;
  }

  .abt .service-wrap .row {
    grid-template-columns: repeat(3, 1fr) !important;
    align-items: stretch !important;
  }

  .abt .service-wrap .row .col {
    height: 100% !important;
  }

  .abt .service-item {
    padding: 25px !important;
    border-radius: 10px !important;
    min-height: 100% !important;
  }

  .abt .service-item .icon {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 15px !important;
  }

  .abt .service-item .text h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  /* SAHAJ Journey */
  /* Timeline */
  .SAHAJ-journey-timeline {
    width: 98% !important;
    margin: 50px auto 0 auto !important;
    /* column-gap: 25px !important; */
  }

  /* .SAHAJ-journey-timeline .date::after {
        right: calc(100% + 25px + var(--line-w) / 2) !important;
    } */
  .SAHAJ-journey-timeline li:first-child {
    margin-top: 50px !important;
  }

  .SAHAJ-journey-timeline li {
    --inlineP: 1rem !important;
    background: #fff !important;
  }

  .SAHAJ-journey-timeline .title {
    padding: 15px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  .SAHAJ-journey-timeline .descr {
    padding: 0px 25px !important;
    padding-bottom: 25px !important;
  }

  /* Sectors */
  .sectors {
    min-height: 70vh !important;
  }

  .sectors .sectors-header {
    padding: 0px 25px !important;
    margin-bottom: 50px !important;
  }

  .sectors .sectors-header p {
    font-size: 16px !important;
    margin: 0px !important;
  }

  .sectors-card {
    border-width: 3px !important;
    padding: 15px !important;
    border-radius: 10px !important;
    min-height: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    width: 200px !important;
  }

  .sectors-carousel-container {
    height: 350px !important;
  }

  .sectors-icon-circle {
    width: 50px !important;
    height: 50px !important;
    font-size: 16px !important;
    margin: 0 auto 5px auto !important;
  }

  .sectors-icon-circle svg {
    width: 25px !important;
    height: 25px !important;
  }

  .sectors-card-title {
    margin: 0px !important;
    padding: 0px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  .sectors-card-number {
    margin: 0px !important;
    line-height: normal !important;
    font-size: 25px !important;
  }

  .sectors-card-pos-1,
    .sectors-connection-line:nth-child(1),
    /* .sectors-card-pos-2, */
    /* .sectors-connection-line:nth-child(2), */
    /* .sectors-card-pos-6, */
    /* .sectors-connection-line:nth-child(6), */
    .sectors-card-pos-7,
    .sectors-connection-line:nth-child(7) {
    display: none !important;
  }

  /* .sectors-card-pos-3,
    .sectors-card-pos-5 {
        display: none !important;
    } */
  .sectors-card-pos-2 {
    top: 80% !important;
    left: -4% !important;
    opacity: 1 !important;
  }

  .sectors-card-pos-3 {
    top: 55% !important;
    left: 22% !important;
  }

  .sectors-card-pos-6 {
    top: 80% !important;
    left: 104% !important;
    opacity: 1 !important;
  }

  .sectors-card-pos-5 {
    top: 55% !important;
    left: 78% !important;
  }

  .sectors-nav-button {
    top: 125% !important;
  }

  .sectors-connection-line:nth-child(2) {
    transform: translateX(-50%) rotate(272deg) !important;
  }

  .sectors-connection-line:nth-child(6) {
    transform: translateX(-50%) rotate(-272deg) !important;
  }

  /* Blogs */
  .blog-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .blog-img img {
    height: 250px !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
  }

  .blogs {
    padding-bottom: 0px !important;
  }

  .blog-txt h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  /* Contact */
  .wpo-section-title h2 {
    margin-top: 0px !important;
  }

  .contact-box {
    padding-bottom: 40px !important;
  }

  /* About Us */
  .wwa-abt-box,
  .wwd-abt-box {
    flex-direction: column !important;
    gap: 25px !important;
  }

  .wwa-abt-left,
  .wwa-abt-right,
  .wwd-abt-left,
  .wwd-abt-right {
    width: 100% !important;
  }

  .wwd-abt-box .new-heading {
    margin-bottom: 0px !important;
  }

  .wwa-abt-img {
    border-radius: 10px !important;
    padding: 15px !important;
  }

  .wwa-abt-img img,
  .wwd-abt-img img {
    height: 350px !important;
  }

  .wwd-abt-img {
    border-radius: 10px !important;
  }

  .wwd-abt-img::before {
    border-radius: 10px !important;
    border-width: 4px !important;
  }

  /* Members */
  .SAHAJ-members {
    padding: 0px 25px !important;
    padding-bottom: 50px !important;
  }

  .SAHAJ-members .swiper {
    padding: 0px !important;
  }

  body.who-we-are .swiper::before,
  body.who-we-are .swiper::after {
    width: 0px !important;
  }

  .SAHAJ-members .member-card-image {
    height: 350px !important;
  }

  .SAHAJ-members .member-card {
    margin: 6px !important;
  }

  /* Tree */
  .shahj-tree {
    padding: 50px 25px !important;
    overflow: hidden !important;
  }

  .tree {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    padding-bottom: 50px !important;
  }

  .tree ul {
    justify-content: flex-start !important;
  }

  .tree ul:first-child {
    padding-top: 0px !important;
  }

  /* Impect */
  .counter-card,
  .info-box {
    border-radius: 10px !important;
  }

  .counter-label,
  .info-box h3 {
    font-size: 20px !important;
  }

  .counter-grid {
    grid-gap: 26px !important;
    margin-bottom: 26px !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .counter-description,
  .info-box li {
    font-size: 16px !important;
  }

  .info-boxes {
    grid-gap: 26px !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Thematic Area */
  .ota-card {
    gap: 10px !important;
  }

  .ota-card-description,
  .ota-card-title,
  .ota-card-link {
    margin-bottom: 0px !important;
    font-size: 16px !important;
  }

  .ota-card-icon,
  .contact-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 26px !important;
  }

  .ota-popup-close {
    top: -25px !important;
    right: -25px !important;
  }

  .ota-popup-content {
    overflow: unset !important;
  }

  /* Projects  */
  .SAHAJ-projects-tab {
    padding: 8px !important;
    border-radius: 6px !important;
  }

  .SAHAJ-projects-tabs {
    grid-gap: 4px !important;
  }

  .SAHAJ-projects-grid {
    grid-gap: 26px !important;
  }

  .SAHAJ-projects-image {
    height: 225px !important;
    border-radius: 6px !important;
  }

  .SAHAJ-projects-content {
    padding: 25px 0px !important;
    padding-bottom: 8px !important;
    margin: 0px !important;
  }

  .SAHAJ-projects-year,
  .SAHAJ-projects-description {
    margin-bottom: 0px !important;
  }

  /* Geography coverage */
  .gc-img img {
    height: 500px !important;
  }

  .gc-section:last-child {
    margin-bottom: 0px !important;
  }

  .gc-section-title {
    font-size: 18px !important;
  }

  .gc-subsection-title {
    font-size: 16px !important;
  }

  /* Demographic Survey */
  .ds-card {
    border-radius: 10px !important;
    padding: 25px !important;
  }

  /* Legal Documents */
  .legeal-documents-pdf-list .new-heading {
    max-width: 50% !important;
    margin-bottom: 0px !important;
  }

  .pdf-list .search-container {
    width: 50% !important;
  }

  .pdf-list header {
    gap: 26px !important;
  }

  .legeal-documents-pdf-list .tab-btn {
    /* flex: 1 1 50% !important; */
    flex: auto !important;
    border: 1px solid #dbdbdb !important;
    border-radius: 6px !important;
  }

  .legeal-documents-pdf-list .tabs {
    gap: 5px !important;
  }

  .pdf-list .tabs {
    padding: 6px !important;
  }

  .pdf-list .pdf-grid {
    grid-gap: 16px !important;
  }

  .pdf-box .new-pagination {
    padding-bottom: 50px !important;
  }

  .cna-pdf,
  .legal-status {
    padding-bottom: 0px !important;
  }

  .legal-status-right h2 {
    font-size: 20px !important;
  }

  .legal-committee-grid {
    grid-template-columns: repeat(1, 1fr) !important;
    grid-gap: 26px !important;
  }

  /* Gallery */
  .gallery-grid,
  .video-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 15px !important;
  }

  .gallery-item,
  .video-gallery-item {
    flex: 0 0 50% !important;
    border-radius: 5px !important;
    width: 100% !important;
    height: 200px !important;
  }

  /* Contact Us */
  .SAHAJ-contact-details .contact-box {
    padding-bottom: 25px !important;
  }

  .contact-icon {
    margin-bottom: 15px !important;
  }

  .wpo-contact-pg-section .wpo-contact-form-area {
    padding: 25px !important;
  }

  .contact-validation-active .error-handling-messages {
    margin: 0px !important;
    margin-top: 15px !important;
  }

  #form-message {
    padding: 0px !important;
  }

  .wpo-contact-pg-section form {
    margin: 0px !important;
  }

  .wpo-contact-pg-section form > div {
    width: 100% !important;
    margin: 0px !important;
  }

  .contact-map iframe {
    height: 550px !important;
  }

  /* Donation */
  #donation-form .form-row {
    gap: 26px !important;
  }

  /* Volunteer */
  .vwu-content li {
    display: flex !important;
    align-items: center !important;
  }

  .rtgs-buttons {
    gap: 16px !important;
  }

  form#volunteer-form .form-row {
    grid-gap: 25px !important;
    margin-bottom: 0px !important;
  }

  form#volunteer-form .form-group {
    margin-bottom: 0px !important;
  }

  form#volunteer-form .new-heading {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
  }

  form#volunteer-form .new-heading.nh2 .nh-title {
    font-size: 20px !important;
    margin-bottom: 20px !important;
  }

  form#volunteer-form .checkbox-group {
    margin: 15px 0px !important;
    margin-top: 0px !important;
  }

  form#volunteer-form .submit-area {
    margin-top: 20px !important;
  }

  /* Blogs */
  .blogs {
    padding-bottom: 50px !important;
  }

  /* Blog Details */
  .bd-featured-image {
    height: 225px !important;
  }

  .bd-title {
    font-size: 18px !important;
  }

  .bd-content p {
    margin-bottom: 0px !important;
  }

  .bd-comment-form {
    padding: 0px !important;
  }

  .bd-comment-form button {
    width: 100% !important;
  }

  .new-heading .nh-description,
  p.dsx,
  .bd-content p,
  .blog-txt .blog-desc {
    line-height: 1.6 !important;
    font-size: 16px !important;
  }

  .contact .wpo-section-title {
    text-align: center !important;
  }

  .SAHAJ-footer .row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .SAHAJ-footer .row .col-12 {
    width: 100% !important;
  }

  .SAHAJ-footer .copyrights {
    text-align: center !important;
  }

  .SAHAJ-footer .copyrights-txt {
    width: 100% !important;
  }

  .SAHAJ-footer .copyrights {
    display: flex !important;
  }

  .SAHAJ-members-details-popup .popup-content {
    flex-direction: row !important;
  }

  .SAHAJ-members-details-popup .popup-image {
    padding: 26px !important;
  }

  .SAHAJ-members-details-popup .popup-image img {
    /* height: 400px !important; */
    border-radius: 10px !important;
  }

  .SAHAJ-impact {
    padding: 50px 25px !important;
  }

  .ota-grid,
  .vwu-cards {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .ota-card,
  .vwu-card {
    width: 31.6% !important;
  }

  .SAHAJ-projects-grid,
  .legal-committee-grid,
  .vo-grid,
  .blogs-list {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 15px !important;
  }

  .partnership-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .rtgs-buttons {
    flex-direction: row !important;
    width: 100% !important;
  }

  .rtgs-btn {
    width: 48% !important;
  }

  .contact-wrapper,
  .legal-committee-grid,
  .vo-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .bd-navigation {
    flex-direction: row !important;
  }

  .bd-nav-link.next {
    flex-direction: row-reverse !important;
  }

  .wpo-site-header #navbar > ul > li > a {
    padding: 10px;
    font-size: 14px !important;
  }

  .wpo-site-header .navbar-header .navbar-brand img {
    padding: 13px 0px !important;
    max-width: 175px !important;
  }

  .SAHAJ-members .member-card-description {
    min-height: 43px !important;
    height: 43px !important;
    overflow: hidden !important;
  }

  .SAHAJ-members-details-popup .popup-name,
  .SAHAJ-members-details-popup .popup-post {
    margin: 0px !important;
  }

  .SAHAJ-members-details-popup .popup-name {
    font-size: 18px !important;
  }

  .legal-status-box {
    flex-direction: column !important;
  }

  .vo-skill-tag {
    font-size: 10px !important;
  }

  .bl-card {
    height: 100% !important;
  }

  .bd-featured-image {
    height: 350px !important;
  }

  .ota-card-icon {
    width: 100% !important;
    height: 225px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .ota-card {
    padding: 15px !important;
  }
}

@media (min-width: 1100px) and (max-width: 1200px) {
  .wpo-site-header #navbar > ul > li > a {
    padding: 40px 15px !important;
    font-size: 12px !important;
  }

  .wpo-site-header #navbar ul {
    gap: 15px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .SAHAJ-topbar .col-md-7 {
    width: 75% !important;
  }

  .SAHAJ-topbar .col-md-5 {
    width: 25% !important;
  }

  .static-hero-s3 {
    height: calc(100vh - 143px) !important;
  }

  .welcome .wpo-about-right img {
    width: 95% !important;
    height: 350px !important;
  }

  .welcome .wpo-about-left {
    max-width: 225px !important;
    width: 225px !important;
    height: 225px !important;
  }

  .abt .service-item {
    height: 100% !important;
  }

  .sectors-card-pos-7 {
    left: 110% !important;
  }

  .sectors-card-pos-1 {
    left: -10% !important;
  }

  .blog-txt {
    min-height: 280px !important;
  }

  .ota-grid,
  .vwu-cards {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .ota-card,
  .vwu-card {
    width: 32% !important;
  }

  .SAHAJ-projects-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .ota-popup-close {
    top: -25px !important;
    right: -25px !important;
  }

  .ota-popup-content {
    overflow: visible !important;
  }

  .gallery-item {
    height: 175px !important;
  }

  .legeal-documents-pdf-list .tab-btn {
    flex: auto !important;
  }

  .wpo-site-header #navbar > ul > li > a {
    padding: 40px 10px !important;
  }
}

@media (min-width: 1900px) and (max-width: 2500px) {
  .sectors-card-pos-1 {
    left: -7% !important;
  }

  .sectors-card-pos-2 {
    left: 12% !important;
  }

  .sectors-card-pos-3 {
    left: 31% !important;
  }

  .sectors-card-pos-5 {
    left: 69% !important;
  }

  .sectors-card-pos-6 {
    left: 88% !important;
  }

  .sectors-card-pos-7 {
    left: 107% !important;
  }

  .sectors-nav-button {
    top: 125% !important;
  }

  .sectors {
    min-height: 80vh !important;
  }

  .blog-item {
    min-height: 530px !important;
  }

  .wwa-abt-right {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ota-grid {
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .vo-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .vo-skill-tag {
    font-size: 9px !important;
  }

  .wpo-about-section .wpo-about-wrap .wpo-about-text p,
  .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text p,
  .wpo-about-section-s3 .wpo-about-wrap .wpo-about-text p,
  .wpo-about-section-s4 .wpo-about-wrap .wpo-about-text p {
    max-width: 100% !important;
  }

  .SAHAJ-journey-timeline li:first-child {
    margin-top: 50px !important;
  }

  .SAHAJ-journey-timeline li .title,
  .SAHAJ-journey-timeline li .descr {
    background: #fff !important;
  }
}