@media (max-width: 1024px) {
  section.meet-elp-team img {
    width: 100%;
    height: 350px;
    object-fit: cover;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .guests .guest-img {
    width: 50%;
  }

  section.about-us .about-image-sec img {
    width: 400px;
  }
}

@media (max-width: 1440px) {
  section.about-us {
    height: 110vh;
  }
}

@media (max-width: 1366px) {
  section.about-us {
    height: 115vh;
  }
}

@media (max-width: 1024px) {
  section.about-us {
    height: 120vh;
  }
}

@media (max-width: 980px) {

  .team-header h2 {
    font-size: var(--f28);
    margin-bottom: 20px;
    letter-spacing: 10px;
  }

  .team-card p {
    font-size: var(--f12);

  }


  .team-card h3 {
    font-size: var(--f22);

  }


  .about-image-sec {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 30px;
  }

  /* .container,
    .container-md,
    .container-sm {
        max-width: 720px;
        padding: 0;
    } */

  .about_wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .abt-image {
    width: 100%;
    /* float: left; */
    margin-right: 0;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
  }

  .guests .guest-img {
    width: 50%;
  }

  section.about-us-home .abt-co-img {
    width: 100%;
    margin-bottom: var(--m30);
    float: none;
    margin-left: 0px;
  }

  section.about-us-home .abt-left {
    min-height: auto;
  }

  section.about-us-home .row {
    flex-direction: column-reverse;
  }

  section.about-us-home .col-5.abt-left {
    width: 100%;
  }

  .about_section .about_img {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .about_section .about_img img {
    height: 400px;
  }

  .about_section .about_content {
    min-height: auto;
  }

  section.about-us .about-content-sec {
    padding-right: 0px;
  }

  section.about-us .about-image-sec .abt-img2 {
    margin: 0 -30% 0 0;
  }

  section.about-us .about-image-sec .abt-img1 {
    margin: 0px 0 30px -30%;
  }

  .abt-info {
    padding-left: 12px;
    padding-right: 12px;
  }

  section.about-us {
    padding-top: 50px;
  }

  section.about-us {
    height: 175vh !important;
  }

  section.about-choose-us {
    padding: var(--p50) var(--p12);
  }

  section.get-in-touch {
    padding: var(--p50) var(--p12);
  }

  section.meet-elp-team {
    padding: var(--p50) var(--p12);
  }
}

@media (max-width: 540px) {

  .page-title {
    height: 280px !important;
    object-fit: cover;
  }

  .opm-welcome-section .opm-link-text {
    font-size: 15px;

  }

  .opm-welcome-section .opm-btn-wrapper {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .opm-welcome-section .opm-left-content h2 {
    font-size: 30px;

  }

  section.get-in-touch .get-in-touch-form {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }

  .opm-contact-cta .opm-cta-left h2 {
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 4px;
    margin: 0;
    color: var(--white-color);
    margin-bottom: 13px;
    text-align: center;
  }

  .opm-contact-cta .opm-cta-right p {
    font-size: 18px;
    line-height: 1.8;
    opacity: 0.9;
    text-align: center;
  }

  .opm-welcome-section {

    text-align: center;
  }

  .opm-story-section .opm-story-content {
    padding-right: 0px;
  }

  .get-in-touch-header p {
    margin-bottom: 10px;
  }

  section.meet-elp-team .team-header h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  section.meet-elp-team .col-md-4 {
    padding-left: 0;
    padding-right: 0;
  }

  section.about-us-new img {
    width: 100%;
  }

  section.meet-elp-team .team-cards {
    width: 100%;
  }

  section.about-us-new .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
  }

  section.about-us-new h4 {
    font-size: 24px;
    margin-top: 20px;
  }

  section.about-choose-us {
    padding: var(--p40) var(--p12);
  }

  section.about-choose-us .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }

  section.about-choose-us h4 {
    font-size: 24px;
  }

  section.get-in-touch {
    padding: var(--p40) var(--p12);
  }

  section.meet-elp-team {
    padding: var(--p40) var(--p12);
  }

  .about-choose-us img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  .page-title h1 {
    /* top: 0px; */
    margin-top: 0;
    margin-bottom: 0px;
  }

  section.about-us .about-image-sec img {
    width: 100%;
  }

  section.about-us .about-image-sec .abt-img1 {
    margin: 0px 0 30px 0;
    width: 100%;
  }

  section.about-us .about-content-sec {
    padding-right: 0px;
  }

  section.about-us .about-image-sec .abt-img2 {
    margin: 0 0 0 0;
    width: 100%;
  }

  .img-2 {
    height: 300px;
  }

  .about_wrapper h2 {
    font-size: 24px;
  }

  .about_wrapper {
    padding: 24px;
  }

  .about-img-0 {
    width: 100%;
    margin-right: 0;
  }

  section.about-us-home .abt-co-img-left {
    position: relative;
  }

  section.about-us-home .abt-co-img {
    padding-right: 0;
    margin-right: 0;
    height: auto;
  }

  section.about-us-home .abt-co-img-right {
    text-align: left;
    z-index: 1;
    transform: translateY(0%) translateX(0px);
    position: relative;
    top: 0;
    margin-top: var(--m20);
  }

  section.about-us-home .abt-co-img-right img {
    height: 300px;
    width: 100%;
  }

  section.about-us-home .abt-co-img-left img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  section.about-us-home .col-5.abt-left {
    padding: 0px;
  }

  .guests .guest-img {
    width: 100%;
    margin-right: 0px;
    float: none;
    margin-bottom: 30px;
  }

  .about_section .about_img img {
    height: 300px;
  }

  .about_section .about_content h5 {
    font-size: var(--f25);
    margin-bottom: 20px;
  }

  .about_section .about_content h4 {
    font-size: var(--f20);
  }

  .about_section .about_img {
    border-radius: 0 20%;
    padding: 0%;
    border: 20px solid var(--territiary-color);
  }

  section.about-us {
    padding-top: 40px;
  }

  h2 {
    font-size: var(--f28);
  }

  section.about-us {
    height: 180vh !important;
  }

  .abt-info {
    padding-left: 0;
    padding-right: 0;
  }

  /* === NEW FIX FOR STORY SECTION (OUR STORY) === */
  .opm-story-section {
    padding: 40px 15px !important;
    width: 100%;
    overflow: hidden;
    /* Screen se bahar kuch na nikle */
  }

  .opm-story-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100% !important;
    margin-bottom: 25px !important;
  }

  .opm-story-item .opm-icon {
    margin-bottom: 10px;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
  }

  .opm-story-item .opm-text {
    width: 100% !important;
    padding: 0 !important;
  }

  /* Text ko failne ka poora space do aur tootne mat do */
  .opm-story-item .opm-text h4 {
    font-size: 22px !important;
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    letter-spacing: normal !important;
    text-align: center;
  }

  .opm-story-item .opm-text p {
    font-size: 14px !important;
    word-break: normal !important;
    /* Yeh text ko 1-1 letter me tootne se rokega */
    word-wrap: break-word !important;
    text-align: center;
  }

  /* Story Image full width ho jaye */
  .opm-story-image img {
    width: 100% !important;
    height: auto !important;
    margin-top: 20px;
  }

  .page-title .auto-container {
    top: 44% !important;
  }
}

@media (max-width: 360px) {
  section.about-us-home .abt-co-img-right img {
    height: 250px;
    width: 100%;
  }

  .guests img {
    height: 200px;
  }

  .about_section .about_img img {
    height: 250px;
  }

  .about_section .about_content h5 {
    font-size: var(--f23);
    margin-bottom: 20px;
  }

  .about_section .about_content h4 {
    font-size: var(--f18);
  }

  section.about-us {
    height: 190vh;
  }

  h2 {
    font-size: var(--f28);
  }
}


/* ================= MOBILE CTA BUTTON ALIGNMENT FIX ================= */
/* ================= MOBILE CTA BUTTON PERFECT ALIGNMENT ================= */
@media (max-width: 768px) {

  .opm-contact-cta .opm-btn-primary,
  .opm-contact-cta .opm-btn-outline {
    display: block !important;
    width: 100% !important;
    /* Dono buttons ko exact same size ka banayega */
    max-width: 280px !important;
    /* Ek perfect limit taaki bahut zyada ajeeb lambe na hon */
    margin: 0 auto !important;
    /* Screen ke bilkul center mein set karega */
    text-align: center !important;
    /* Text ko center align karega */
    padding: 15px 20px !important;
    box-sizing: border-box !important;
  }

  .opm-contact-cta .opm-btn-outline {
    margin-top: 15px !important;
    /* Dono buttons ke beech ka clean gap */
  }
}

/* ================= END FIX ================= */
/* ================= END FIX ================= */