@media (max-width: 1300px) {}

@media (max-width: 1120px) {}

@media (max-width: 992px) {
  .hero_area {
    min-height: auto;
  }

  .custom_nav-container .navbar-nav {
    padding-top: 15px;
    align-items: center;
  }


  .custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 25px;
    margin: 5px 0;
  }

  .slider_section .carousel-indicators {
    margin-top: 45px;
  }

  .client_section .carousel-control-prev {
    left: 15%;
  }

  .client_section .carousel-control-next {
    right: 15%;
  }

}


@media (max-width: 767px) {
  .e-card .boxes {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
  }

  .e-card .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    /* height: auto !important; */
    width: 100% !important;
    border-radius: 15px;
  }

  .e-card .boximg {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 15px; */
    padding: 0 10px;
  }

  .e-card .boximg p {
    font-size: 18px;
    text-align: justify;
    padding: 0;
    margin: 0;
  }

  .e-card .boximg img {
            width: 80%;
        max-width: 130px;
        height: auto;
        border-radius: 10px;
        margin: 0px 56px;
  }

  .e-card .h4_div {
    margin: 10px 0 0 0 !important;
  }

  .e-card .h4_div h4 {
    font-size: 1.2rem;
    text-align: center;
    margin: 0 auto;
    color: white;
  }
}



@media (max-width: 576px) {
  .heading_container h2 {
    font-size: 1.6rem;
    text-align: center;
  }
}

@media (max-width: 576px) {
  p {
    /* padding: 0 15px; */
    text-align: left;
    font-size: 19px;
  }
}

@media (max-width: 767px) {
  .e-card.playing {
    padding: 30px 15px !important;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    /* margin-top: 100px; */
  }

  .e-card .wave {
    height: 300px !important;
    width: 1500px !important;
    margin-top: -100px;
    opacity: 0.3;
  }

  .boxes {
    flex-direction: column !important;
    align-items: center;
    gap: 20px;
  }

  .box {
    width: 100% !important;
    height: 235px !important;
    padding: 15px;
  }

  .img_inner img {
    width: 62% !important;
    height: auto !important;
    border-radius: 20px;
  }

  .h4_div {
    position: static !important;
    height: auto !important;
    margin-top: 10px;
    padding: 10px;
    background: none;
    color: white;
  }

  .h4_div h4 {
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
  }
}

@media (max-width: 767px) {
  .custom_nav-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    /* padding: 0 15px !important; */
    /* Equal padding on both sides */
  }

  .navbar-brand {
    margin: 0 !important;
    padding: 0 !important;
  }

  .navbar-toggler {
    /* margin:0px 41px 0px 0px !important; */
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  .slider_section .detail-box h1 {
    font-size: 2.5rem;
    line-height: 1.2;
  }

  .slider_section .detail-box p {
    font-size: 1rem;
    text-align: center;
    /* padding: 0 15px; */
  }
}

@media (max-width: 767px) {
  .slider_section .detail-box p {
    font-size: 20px !important;
    line-height: 1.5;
    /* text-align: center; */
    padding: 0 15px;
  }
}


@media (max-width: 767px) {
  .navbar-toggler {
    margin-right: 0;
    margin-left: auto;
    padding: 0;
    transform: translateX(-5px);
    /* 👈 shifts it slightly left */
  }

  .custom_nav-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}


/* 📱 Mobile Image Styling */
@media (max-width: 767px) {
  .responsive-img {
    display: block;
    max-width: 96%;
    height: auto;
    margin: 0px 0px 0px 16px;
    border-radius: 20px;
  }

  .why_section .row {
    flex-direction: column-reverse;
    align-items: center;
  }

  .why_section p {
    text-align: justify;
    padding: 0 15px;
  }
}


@media (max-width: 767px) {
  footer .row2 {
    flex-direction: column !important;
    align-items: center;
    text-align: center;
  }

  footer .col-md-4,
  footer .col-md-8,
  footer .col-md-6,
  footer .col-md-7 {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .logo_footer img {
    margin: 0 auto;
    display: block;
  }

  .information_f p,
  .widget_menu ul li a {
    font-size: 19px;
  }

  .widget_menu {
    text-align: center;
    margin-left: 15px;
  }

  .widget_menu ul {
    padding: 0;
    list-style: none;
  }
}




@media (max-width: 767px) {
  .slider_section {
    min-height: 900px !important;
    height: 900px !important;
    padding: 0;
    overflow: hidden;
  }

  .slider_section .carousel-inner,
  .slider_section .carousel-item {
    height: 800px !important;
  }

  .slider_section .slider_bg_box img {
    height: 900px !important;
    width: 100%;
    object-fit: cover;
  }

  .slider_section .detail-box {
    /* padding: 20px; */
  }

  .slider_section .detail-box h1 {
    font-size: 2rem;
    line-height: 1.3;
  }

  .slider_section .detail-box p {
    font-size: 1rem;
  }
}


@media (max-width: 767px) {

  .why_section p,
  .why_section .heading_container,
  .why_section .abt {
    text-align: left !important;
    /* padding: 0px 2px 0px 16px; */
    ;
  }

  .why_section p {
    text-align: left !important;
  }
}


@media (max-width: 768px) {
  .footer_section .row {
    flex-direction: column;
    text-align: center;
  }

  .footer_section .col-md-6 {
    margin-bottom: 20px;
  }
}


@media (max-width: 767px) {
  .why_section .row {
    display: flex;
    flex-direction: column-reverse;
  }
}


@media (max-width: 480px) {
  .heading_container h2 {
    font-size: 2rem;
    /* text-align: left; */
  }

  .carousel_btn_box {
    display: flex;
    justify-content: center;
    margin-top: 25px;
  }

  .client_section .carousel-control-prev,
  .client_section .carousel-control-next {
    position: unset;
    transform: none;
    position: relative;
    z-index: 3;
  }
}

@media (max-width: 1206px) {}

@media (max-width: 1206px) {
  .slider_section .detail-box h1 {
    font-size: 3rem;
    padding: 0 15px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}



/* misson page */

@media (max-width: 767px) {
  /* ✅ Target only Mission page via sub_page class */

  body.sub_page .home-page .inner_page_head h3 {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 60px;
    margin-bottom: -7px;
  }
  

  body.sub_page .why_section .row {
    flex-direction: column-reverse;
    align-items: center;
  }

  body.sub_page .why_section p {
    /* font-size: 1rem; */
    /* text-align: justify; */
    /* padding: 0 16px; */
    padding: 0px 0px 0px 7px;
    /* margin-top: 63px; */
  }

  body.sub_page .image-placeholder {
    width: 90% !important;
    margin: 20px auto;
  }

  body.sub_page .image-placeholder img {
    width: 100% !important;
    height: auto !important;
    border-radius: 20px;
  }

  body.sub_page .e-card.playing {
    padding: 30px 15px;
  }

  body.sub_page .boxers {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    width: 100% !important;
    margin-left: 0 !important;
  }

  body.sub_page .boxer {
    width: 90% !important;
    margin: 0 !important;
    height: auto !important;
  }

  body.sub_page .img_inner img {
    width: 100% !important;
    height: auto !important;
    border-radius: 20px;
  }

  body.sub_page .h4_div {
   position: static !important;
   height: auto !important;
    /* margin-top: 50px !important; */
    /* padding: 10px; */
    /* background: white !important; */
   border-radius: 20px;
   color: black !important;
  }

  body.sub_page .h4_div h4 {
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: black;
  }



  @media (max-width: 767px) {
  .img_inner {
    /* width: 100%; */
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* margin-bottom: 10px; */
    height: 0px;
  }

  .img_inner img {
    width: 100%;
    max-width: 200px;
    height: auto;
    border-radius: 10px;
  }
}

  body.sub_page footer .row2 {
    flex-direction: column !important;
    text-align: center;
  }

  body.sub_page footer .col-md-4,
  body.sub_page footer .col-md-8 {
    width: 100% !important;
    margin-bottom: 20px;
  }

  body.sub_page .logo_footer img {
    margin: 0 auto;
  }

  body.sub_page .information_f p,
  body.sub_page .widget_menu ul li a {
    padding: 2px 0;
    text-align: center;
  }

  body.sub_page .widget_menu {
    text-align: center;
  }
}


@media (max-width: 767px) {
  .inner_page_head h3 {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 10px;
  }

  .inner_page_head {
    padding: 30px 10px;
  }
}

@media (max-width: 767px) {
  .inner_page_head .container-fluid {
    padding-left: 30px;
    padding-right: 15px;
  }

  .inner_page_head h3 {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 50px;
  }
}

/* service-mobile-v */

@media (max-width: 1206px) {

  /* Target only sub_page like services.html */
  body.sub_page .inner_page_head h3 {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 60px;
  }

  /* Section titles */
  body.sub_page .heading_container h2 {
    font-size: 2.5rem !important;
    text-align: center !important;
    margin: 10px 0 !important;
  }

  /* Paragraph text */
  body.sub_page p {
    /* font-size: 1rem; */
    /* padding: 0 15px; */
    /* text-align: justify; */
  }

  /* Ensure sections stack properly */
  body.sub_page .why_section .row {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  /* Image placeholders */
  body.sub_page .image-placeholder {
    width: 94% !important;
    margin: 20px auto;
    text-align: center;
  }

  body.sub_page .image-placeholder img {
    width: 100% !important;
    height: auto !important;
    border-radius: 20px;
  }

  /* Footer responsiveness */
  body.sub_page footer .row2 {
    flex-direction: column !important;
    text-align: center;
  }

  body.sub_page footer .col-md-4,
  body.sub_page footer .col-md-8 {
    width: 100% !important;
    margin-bottom: 20px;
  }

  body.sub_page .logo_footer img {
    margin: 0 auto;
  }



  body.sub_page .widget_menu {
    text-align: center;
  }

  body.sub_page .widget_menu ul {
    padding: 0;
    list-style: none;
  }
}



/* oursupport m-v */

@media (max-width: 767px) {
  body.sub_page .inner_page_head h3 {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 60px;
  }

  body.sub_page .why_section .row,
  body.sub_page .why_section .container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  body.sub_page p,
  body.sub_page .abt {
        /* width: 90%; */
        /* margin: 0px 0px 0px 0px; */
        text-align: left;
    }

  body.sub_page .image-placeholder {
    width: 90%;
    margin: 20px auto;
    text-align: center;
  }

  body.sub_page .image-placeholder img {
            width: 105% !important;
        margin-top: -27px;
        height: auto !important;
   border-radius: 20px;
  }

  /* e-card playing section fix */
  body.sub_page .e-card.playing {
    padding: 30px 15px;
  }

  body.sub_page .e-card .boxes {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  body.sub_page .box {
    width: 100% !important;
    height: auto !important;
    padding: 15px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    color: white;
  }

  body.sub_page .box h4 {
    font-size: 1.2rem !important;
    text-align: left;
    margin: 10px 0 !important;
  }

  body.sub_page .box p {
    margin: 10px 0 !important;
        /* padding: 0 5px; */
        /* font-size: 1rem; */
        text-align: left;
  }

  body.sub_page .box img {
               width: 72% !important;
        height: auto !important;
        /* margin: 10px auto;
  }

  /* Footer fix */
  body.sub_page footer .row2 {
    flex-direction: column !important;
    text-align: center;
  }

  body.sub_page footer .col-md-4,
  body.sub_page footer .col-md-8 {
    width: 100% !important;
    margin-bottom: 20px;
  }

  body.sub_page .logo_footer img {
    margin: 0 auto;
  }

  body.sub_page .information_f p,
  body.sub_page .widget_menu ul li a {
    padding: 2px 0;
    text-align: center;
  }

  body.sub_page .widget_menu {
    text-align: center;
  }
}



/* partners-mobile-v */

@media (max-width: 1206px) {

  /* Only for sub pages like partners.html */
  body.sub_page .inner_page_head h3 {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 80px;
  }

  body.sub_page .heading_container h2 {
    font-size: 1.5rem;
    margin: 20px 0;
    /* text-align: left !important; */
  }

  /* Responsive grid rows */
  body.sub_page .p-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
  }

  body.sub_page .p-row a img {
    width: 42vw !important;
    height: auto !important;
    max-width: 160px;
    border-radius: 10px;
  }

  /* Reduce spacing for section container */
  body.sub_page .why_section .container {
    padding: 0 10px;
  }

  /* Footer fix */

  @media (max-width: 767px) {
    footer .row2 {
      flex-direction: column !important;
      align-items: center;
      text-align: center;
    }

    footer .col-md-4,
    footer .col-md-8,
    footer .col-md-6,
    footer .col-md-7 {
      width: 100% !important;
      margin-bottom: 20px;
    }

    .logo_footer img {
      margin: 0 auto;
      display: block;
    }

    .information_f p,
    .widget_menu ul li a {
      padding: 2px 0;
      text-align: center;
    }

    .widget_menu {
      text-align: center;
      margin-left: 15px;
    }

    .widget_menu ul {
      padding: 0;
      list-style: none;
    }
  }

  body.sub_page footer .row2 {
    flex-direction: column !important;
    text-align: center;
  }

  body.sub_page footer .col-md-4,
  body.sub_page footer .col-md-8 {
    width: 100% !important;
    margin-bottom: 20px;
  }

  body.sub_page .logo_footer img {
    margin: 0 auto;
  }


  body.sub_page .widget_menu {
    text-align: center;
  }

  body.sub_page .widget_menu ul {
    padding: 0;
    list-style: none;
  }
}




/* @media (max-width: 767px) {
  .oursupport-page .boxes {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .oursupport-page .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto !important;
    width: 100% !important;
    padding: 20px 10px;
    background: #2f2f2f;
    border-radius: 15px;
    text-align: center;
  }

  .oursupport-page .boximg img {
            /* order: 1; */ */
            /* width: 80%; */
            max-width: 135px;
            height: auto;
            border-radius: 10px;
            /* margin-bottom: 15px;
   */

  @media (max-width: 767px) {
  body.misson-page .boxers {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    width: 100% !important;
    margin: 0 auto;
    padding: 0 15px;
  }

  body.misson-page .boxer {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    width: 100%;
    max-width: 350px;
    text-align: center;
  }

  body.misson-page .boxer .img_inner {
    margin-bottom: 10px;
  }

  body.misson-page .boxer .img_inner img {
    width: 90%;
    max-width: 200px;
    height: auto;
    border-radius: 15px;
    margin: 0 auto;
  }

  body.misson-page .boxer .h4_div {
    margin-top: 10px;
    background: none;
    padding: 0;
    height: auto !important;
  }

  body.misson-page .boxer .h4_div h4 {
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    text-align: justify;
  }
}