@media (max-width: 1400px) {
  .image-card {
    flex: 0 0 calc(50% - 20px);
  }
  .avm_container,
  .ecosystem_container,
  .about_container,
  .space_container {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 0;
  }
  .opl_container,
  .ppa_container,
  .image-section,
  .leadership_container,
  .acv_container,
  .aop_container,
  .awho_container {
    padding: 50px;
  }
  .opl_container,
  .ppa_container,
  .image-section {
    padding: 50px;
    padding-bottom: 0;
  }
}
@media (max-width: 1200px) {
  .space_col_1 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    flex-direction: column-reverse;
    display: flex;
    margin-bottom: 30px;
    padding-right: 0;
  }
  .space_col_2 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 30px;
  }
  .space_col_3 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    height: min-content;
  }
  .space_col_3_row_2 {
    height: auto;
    margin-top: 30px;
  }
  .space_col_3_row_1 > img {
    object-fit: contain;
  }
  .space_col_2_row > img {
    height: 90vh;
    object-fit: cover;
  }
  .about_col_1 {
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 0;
    width: 100%;
    padding-bottom: 30px;
  }
  .about_col_1 img {
    height: 90vh;
    width: 100%;
    object-fit: cover;
  }
  .about_col_2 {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-bottom: 30px;
  }
  .about_sub_col_1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .about_col_2_row_2 {
    height: inherit;
  }
  .ecosystem_row_col_1,
  .ecosystem_row_col_2,
  .ecosystem_row_col_3 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 30px;
    border: none;
  }
  .ecosytem_img_wrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .slide {
    flex: 0 0 calc(100% / 2);
  }
  .op_col_one {
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 15px;
    padding-left: 15px;
    height: 80vh;
  }
  .op_col_two {
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 15px;
    padding-left: 15px;
    border-left: none;
  }
  .op_col_btn_row,
  .op_col_main_row {
    background-color: #ffffff;
  }
  .jst_col_left {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .jst_col_right {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .space_col_1_row_1 {
    height: auto;
  }
  .arch-section {
    margin-top: -50%;
  }
  .op_col_row_1 {
    height: auto;
  }
  .footer_col_center {
    border-left: 1px solid #707070;
  }
  .footer_col_right,
  .footer_col_center {
    max-width: 50%;
    flex: 0 0 50%;
    border-top: none;
    border-bottom: none;
  }
  .footer_col_left {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .footer_col_left .footer_logo_wrapper {
    justify-content: center;
  }
  .awho_right_col {
    flex: 0 0 100%;
    max-width: 100%;
    border-left: none;
  }
  .acv_col_1,
  .acv_col_2,
  .acv_col_3,
  .acv_col_4,
  .aop_col_1,
  .aop_col_2,
  .aop_col_3,
  .aop_col_4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .acv_col_2,
  .aop_col_2 {
    border-right: none;
  }
  .ah_img_wrapper {
    width: 80vw;
    height: 50vw;
  }
  .cu_filed_col {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .team_row {
    width: 100vw;
  }
  .team_col_4 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 70vh;
  }
  .team_hanger_black_wrapper {
    padding: 15px;
    height: 70vh !important;
  }
  .tean_profile_pic,
  .team_hanger_sub_wrapper {
    height: 70vh;
    object-fit: cover;
  }
  .team_hanger_black_wrapper > .text_20 {
    font-size: 15px;
  }
  .parallax-slider-wrapper {
    width: 100vw;
    max-width: 100%;
  }
  .parallax-item,
  .parallax-content {
    width: 85vw;
  }
  .parallax-content {
    padding: 15px;
  }
  .ourp_bottom_wrapper {
    left: 15px;
    bottom: 15px;
  }
  .pl_units {
    bottom: 15px;
    right: 15px;
  }
  .fpl_units {
    bottom: 15px;
    right: 15px;
  }
  .home_property_feature.ourp_top_wrapper {
    right: 15px;
    top: 15px;
  }
  .feature-property-home .ourp_btn_wrapper {
    top: 15px;
    left: 15px;
  }
  .parallax-slider-inner {
    padding-right: 300px;
  }
}
@media (max-width: 1000px) {
  .navbar {
    padding-left: 15px;
    padding-right: 15px;
  }
  .leadership_container,
  .acv_container,
  .aop_container,
  .avm_container,
  .awho_container,
  .ecosystem_container,
  .about_container,
  .space_container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .space_col_2 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .space_col_1 {
    margin-bottom: 15px;
  }
  .space_col_3_row_2 {
    margin-top: 15px;
  }
  .about_col_1 {
    padding-bottom: 15px;
  }
  .arch-section {
    margin-top: -50%;
  }
  .nav.prev {
    left: 25%;
  }
  .nav.next {
    right: 25%;
  }
  .about_sub_col_4,
  .about_sub_col_3,
  .about_sub_col_2,
  .about_sub_col_1 {
    max-width: 100%;
    flex: 0 0 100%;
    border: none;
    border-top: 1px solid #707070;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .about_sub_col_1 {
    border-top: 0px solid #707070;
  }
  .about_col_2_row_3,
  .about_col_2_row_2 {
    border: none;
    padding: 0;
    height: auto;
  }
  .jst_row .col-md-12,
  .jst_col_right,
  .jst_col_left,
  .op_col_one,
  .op_col_two,
  .ecosystem_row_col_3,
  .ecosystem_row_col_2,
  .ecosystem_row_col_1 {
    padding-left: 0;
    padding-right: 0;
  }
  .project-slider-wrap {
    padding: 15px 0px;
  }
  .project_card {
    padding: 0;
  }
  .op_container {
    padding: 15px;
  }
  .rbf_text_wrapper {
    width: 100%;
  }
  .arch-mask,
  .arch-mask img {
    aspect-ratio: 9 / 16;
    border-radius: 45% 45% 0px 0px;
  }
  .op_col_row_1 {
    height: auto;
  }
  .footer_social_wrapper .col-md {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .jst_details_wrapper,
  .jst_container h1 {
    padding-left: 15px;
  }
  .footer_container {
    display: none;
  }
  .mob_footer {
    display: block;
  }
  .footer_police_wrapper,
  .footer_social_wrapper,
  .footer_call_wrapper,
  .footer_location_wrapper,
  .footer_about_wrapper {
    padding: 15px;
    height: auto;
  }
  .footer_about_wrapper p {
    padding-bottom: 0;
  }
  .footer_social_wrapper {
    border-bottom: none;
  }
  .navbar_toggle_wrapper {
    display: block;
  }
  .navbar .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .profile_toggle {
    padding: 0;
  }
  .acv_col_1,
  .acv_col_2,
  .acv_col_3,
  .acv_col_4,
  .aop_col_1,
  .aop_col_2,
  .aop_col_3,
  .aop_col_4 {
    flex: 0 0 100%;
    max-width: 100%;
    border-left: none;
    border-right: none;
  }
  .acv_col_2,
  .aop_col_2 {
    border-right: none;
  }
  .acv_img_wrapper h1 {
    text-align: left;
  }
  .acv_col_1,
  .acv_col_2,
  .acv_col_3,
  .acv_col_4 {
    padding: 15px;
  }
  .avm_col_left,
  .avm_col_right {
    flex: 0 0 100%;
    max-width: 100%;
    border: none;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  .avm_col_left {
    padding-bottom: 15px;
  }
  .ah_img_wrapper {
    width: 100vw;
    height: 100vw;
  }
  .ah_text_wrapper {
    width: 100%;
    padding: 15px;
  }
  .space_col_2_row > img,
  .about_col_1 img {
    height: auto;
  }
  .cu_input_row .col-6 {
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .about_icon {
    width: 50px;
  }
}
@media (max-width: 900px) {
  .slide {
    flex: 0 0 50%;
  }
  .cu_filed_col,
  .checkbox-container,
  .about_col_2_row > p,
  .space_col_3_row_2 > p,
  .space_col_1_row_1 > p,
  .gruham_title_ami,
  .gruham_title {
    padding-left: 0;
    padding-right: 0;
  }
  .about_col_text_wrapper {
    display: block;
  }
  .about_sub_col_4,
  .about_sub_col_3,
  .about_sub_col_2,
  .about_sub_col_1 {
    text-align: center;
  }
  .jst_details_wrapper {
    height: auto;
  }
  .jst_details_wrapper > p {
    margin-bottom: 0;
    font-size: 16px;
  }
  .jst_container {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .op_col_btn_row {
    padding-top: 15px;
  }
  .footer_copyright_wrapper {
    padding: 15px;
  }
  .footer_icon {
    margin-right: 10px;
    width: 25px;
  }
  .footer_about_wrapper,
  .footer_social_wrapper,
  .footer_call_wrapper,
  .footer_location_wrapper {
    padding-left: 5px;
    padding-right: 5px;
  }
  .oplight_btn_wrapper > button,
  .nav img {
    width: 60px;
  }
  .nav {
    padding: 5px;
  }
  .ppa_container,
  .team_col_4 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .parallax-slider-inner {
    gap: 15px;
  }
  .ppa_container,
  .opl_container,
  .image-section {
    padding: 15px;
  }
  .image-card {
    flex: 0 0 100%;
  }
  .image-card img {
    border-radius: 0;
  }
  .engineering-label {
    writing-mode: horizontal-tb;
    transform: rotate(360deg);
    letter-spacing: 0;
    text-align: center;
    width: 100%;
  }
  .ami_img_wrapper {
    position: relative;
  }
  .ppa_col_1 {
    flex-direction: column-reverse;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ppa_col_2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ppa_col_2,
  .ppa_row {
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
  .ppa_col_2 > .accordion {
    padding: 0;
  }
  .opl_wrapper > iframe,
  .opl_btn_wrapper {
    border-radius: 0;
  }
}
/* Tablet: 2 visible slides */
/* Mobile: 1 visible slide */
@media (max-width: 600px) {
  .slide {
    flex: 0 0 100%;
  }
  .awho_col_text_wrapper {
    height: 150px;
  }

  .aop_col_1, .aop_col_2, .aop_col_3, .aop_col_4 {
    height: 220px;
  }

  .oj_title_wrappper h1 {
    font-size: 12vh;
    margin-right: 15px;
    margin-left: 15px;
  }

  .parallax-slider-inner {
    left: 0;
    gap: 12px;
    padding-right: 35vw;
  }

  .parallax-item:first-child {
    width: clamp(72px, 18vw, 92px);
  }

  .ourp_title_wrappper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-right: 8px;
    overflow: visible;
  }

  .ourp_title_wrappper h1 {
    font-size: 8.5vh;
    margin: 0;
    line-height: 0.9;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }

  .ecosystem_row {
    flex-direction: column;
    justify-content: center;
  }
  .ecosystem_row .col-9,
  .ecosystem_row .col-3 {
    max-width: 100%;
    flex: 0 0 100%;
    width: 100%;
  }
}