@media (max-width: 1920px) {
  header nav.nav-menu {
    margin-top: -10.8vh ;
  }

  .dropdown:hover ~ li:nth-child(4) {
    margin-top: 52px;
  }

  .dropdown:hover ~ li:nth-child(n + 4) > a {
    transform: translateY(92px);
  }

  .cus_um_res_fix {
    white-space: nowrap;
  }

  .cus_mph_mb_menu_container {
    display: none ;
  }
}

/* Udara 03-04-2026 */

@media (max-height: 929px) {
  .right-panel {
    height: 808px;
  }
}

@media (max-height: 919px) {
  .right-panel {
    height: 798px;
  }
}

@media (max-width: 1745.45px) {
  .project-grid {
    row-gap: 70px;
    max-width: 1432px;
  }

  .cus_um_de_description {
    max-height: 72vh;
  }

  .project-grid {
    left: 5.8vw;
  }

  .cus_mph_pj_single_image-section {
    width: 1106px;
  }

  .cus_mph_pj_single_image-section1 img {
    height: 740px;
    width: 1090px;
  }

  .cus_mph_pj_single_image-section2 img {
    height: 660px;
    width: 540px;
  }

  .dropdown-content {
    margin-left: 52px;
  }
  .cus_mph_pj_single_image-section3 img {
    height: 572px;
    width: 356px;
  }

  .cus_mph_pj_single_text-section {
    overflow: hidden;
    top: 60px;
    bottom: 20px;
    left: -90px;
    padding: 0 0 0 15px;
  }

  .cus_mph_ft_footer {
    margin-left: -8dvh ;
  }

  .cus_um_fs {
    font-size: 13px;
  }

  #animation-container {
    left: -21px ;
    top: -21px ;
  }

  header nav.nav-menu ul.menu-list li {
    font-size: 16px ;
    line-height: 55px;
  }

  .cus_ml_prtf_img {
    height: 20dvh ;
    width: 24dvh ;
  }

  .cus_mph_mb_menu_container {
    display: none ;
  }

  .cus_ml_hm_subnav_txt {
    line-height: 20px ;
  }
  
  .cus_um_fix_contact {
    padding-bottom: 20px;
  }

  .right-panel {
    height: 752px;
  }

  .cus_um_ft_footer {
    padding: 20px 65px 20px 250px;
  }

  .cus_mph_mod13 {
    width: 98%;
    height: 98dvh;
  }

  .cus_um_header_gap3 {
    padding: 0 53px 0 14.3vw;
  }

  .cus_mph_mod13 {
    width: 94.5%;
    height: 98dvh;
  }

  .cus_um_content {
    padding-left: 249px;
  }

  .cus_mph_ab_sec2_team-section {
    max-width: 1235px;
    margin: 60px auto;
  }
}



@media (max-width: 1536px) {

  .dropdown-content {
    margin-left: 38px;
  }

  .project-section {
    padding: 80px 0;
  }

  .cus_um_de_description {
    max-height: 74vh;
  }

  .cus_um_de_description.expanded {
    max-height: 74vh;
  }

  .cus_mph_mod6 {
    font-size: 18px ;
  }

  .cus_mph_mod7,
  .cus_mph_mod10 {
    font-size: 15px ;
  }

  .cus_mph_ab_sec2_team-section {
    margin-left: 15% ;
  }

  .cus_mph_ab_sec3_profile_card img {
    height: 37dvh ;
  }

  header nav.nav-menu ul.menu-list li {
    line-height: 45px;
  }

  .cus_popup_close {
    position: absolute;
    top: -65px;
    right: -128px;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
  }

  .cus_nav_arrow {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    user-select: none;
    z-index: 7000;
  }

  .cus_nav_arrow.left {
    left: 40px;
  }

  .cus_nav_arrow.right {
    right: 40px;
  }

  #cus_popup_img {
    margin-top: -9%;
  }

  .cus_thumb_strip {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    justify-content: center;
    overflow-x: auto;
  }

  #content {
    margin-left: 185px;
  }

  .row {
    margin-left: 0;
  }

  .cus_mph_ft_footer {
    margin-left: -1dvh ;
  }

  .project-grid {
    left: 90px;
    max-width: 1260px;
    margin: -15px auto;
    row-gap: 60px;
  }

  .project-item {
    height: 294px;
  }

  .cus_mph_pj_single_text-section {
    height: 195vh;
    padding-left: 16px;
  }

  .cus_mph_pj_single_image-section {
    height: 100vh;
    overflow-y: auto;
    width: 995px;
    padding-top: 60px;
    margin-left: -80px;
  }

  .cus_mph_pj_single_image-section1 img {
    height: 655px;
    width: 955px;
    
  }

  .cus_mph_pj_single_image-section2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .cus_mph_pj_single_image-section2 img {
    height: 615px;
    width: 473px;
    
  }

  .cus_mph_pj_single_image-section3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
  }

  .cus_mph_pj_single_image-section3 img {
    height: 530px;
    width: 312px;
  }

  .cus_um_btn_outline {
    padding: 10px -1px;
    white-space: nowrap;
  }

  .cus_um_row {
    margin-left: 100px ;
  }

  .cus_um_fix_contact {
    padding-bottom: 20px;
  }

  .right-panel {
    height: 650px;
  }

  .cus_um_ft_footer {
    padding: 20px 58px 20px 220px;
  }

  .cus_mph_ab_ct {
    width: 124%;
    margin-left: 7%;
    margin-top: 15%;
  }

  .cus_mph_mod13 {
    width: 92%;
    height: 98dvh;
    margin-left: 9%;
  }

  .cus_um_ft_logo {
    max-width: 7%;
    height: auto;
  } 

  .cus_mph_mod13 {
    width: 85.5%;
    height: 98dvh;
  }

  .cus_um_header_gap3 {
    padding: 0 6px 0 14.3vw;
  }

  .cus_um_content {
    padding-left: 183px;
  }

  .cus_mph_ab_sec2_team-section {
    max-width: 1113px;
    margin: 60px auto;
  }

  .cus_mph_mod1 {
    margin-left: 5vh !important;
}
}



@media (max-width: 1440px) {
  .cus_ml_prtf_img {
    height: 20dvh ;
    width: 21dvh ;
  }

  .cus_mph_ab_sec2_team-section {
    max-width: 1030px;
    margin: 60px auto;
  }

  .cus_mph_pj_single_image-section1 img {
    height: 615px;
    width: 895px;
  }

  header nav.nav-menu ul.menu-list li {
    font-size: 14px ;
    line-height: 40px;
  }

  .cus_um_menu_sub {
    font-size: 12px ;
  }

  .dropdown-content {
    margin-left: 36px;
  }

  .cus_mph_pj_single_image-section3 img {
    height: 500px;
    width: 292px;
  }

  .cus_mph_pj_single_image-section2 img {
    height: 570px;
    width: 443px;
  }

  .cus_um_de_description {
    max-height: 72vh;
  }

  .cus_um_ft_footer {
    padding: 20px 56px 20px 207px;
  }

  .project-grid {
    left: 88px;
    max-width: 1184px;
    margin: 0px auto;
    row-gap: 60px;
  }

  .project-section {
    padding: 64px 0;
  }

  header nav.nav-menu {
    margin-top: -2vh ;
  }


  .cus_mph_mb_menu_container {
    display: none ;
  }

  .cus_ml_hm_nav {
    margin-top: -12dvh ;
  }

  header nav.nav-menu {
    margin-top: -12vh ;
  }


  section.portfolio-section .portfolio-box .project-post .hover-box {
    bottom: 50px ;
  }

  section.portfolio-section .portfolio-box .project-post .hover-box-home {
    bottom: 5px ;
  }

  .right-panel {
    height: 600px;
  }
}



@media (max-width: 1367px) {
  header nav.nav-menu {
    margin-top: -14vh ;
  }

  .cus_mph_pj_single_image-section1 img {
    height: 580px;
    width: 850px;
  }

  .cus_mph_ab_sec2_team-section {
    max-width: 960px;
    margin: 60px auto;
  }

  .cus_um_de_main-area {
    min-height: 470px;
  }

  .dropdown-content {
    margin-left: 31px;
  }

  .cus_um_de_description {
    max-height: 70vh;
  }

  .cus_um_de_description.expanded {
    max-height: 70vh;
  }

  .cus_um_ft_footer {
    padding: 20px 55px 20px 195px;
  }

  .project-grid {
    left: 85px;
    max-width: 1110px;
    margin: -25px auto;
    row-gap: 60px;
  }

  .project-section {
    padding: 80px 0;
  }

  .cus_ml_prtf_img {
    height: 20dvh ;
    width: 23dvh ;
  }

  .cus_mph_pj_single_image-section {
    width: 80%;
    max-width: 950px;
    padding-top: 50px;
  }


  .cus_mph_pj_single_image-section2 img,
  .cus_mph_pj_single_image-section3 img {
    height: 550px;
    width: 100%;
  }

  .cus_um_btn_outline {
    padding: 10px 0;
    white-space: nowrap;
  }

  .cus_popup_close {
    position: absolute;
    top: -45px;
    right: -90px;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
  }

  .cus_mph_ft_footer {
    margin-left: 1dvh ;
  }

  .cus_mph_ct_content {
    padding: 40px 35px 0 200px;
  }

  .cus_mph_mod6 {
    font-size: 15px ;
  }

  .cus_mph_mod7 {
    font-size: 12px ;
  }


  .project-item {
    height: 230px;
  }

  .cus_um_fs {
    font-size: 8.5px;
  }

  .cus_ml_hm_subnav_txt {
    line-height: 21px ;
  }

  .right-panel {
      height: 525px;
  }

  header nav.nav-menu ul.menu-list li {
    line-height: 30px;
  }

  .cus_um_de_top-fixed p {
    font-size: 22px;
  }
}



@media (max-width: 1280px) {
  #animation-container {
    display: none ;
  }

  .dropdown-content {
    margin-left: 30px;
  }

  .cus_mph_pj_single_image-section1 img {
    height: 550px;
    width: 795px;
  }

  header nav.nav-menu ul.menu-list li {
    font-size: 12px ;
    line-height: 35px;
  }


  .cus_um_menu_sub {
    font-size: 10px ;
  }

  .cus_um_de_description {
    max-height: 72vh;
  }

  .cus_um_ft_footer {
    padding: 20px 52px 20px 185px;
  }

  .project-grid {
    left: 80px;
    max-width: 1050px;
    margin: 0px auto;
    row-gap: 60px;
  }
    
  .cus_mph_ab_sec3_profile_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cus_mph_ft_footer {
    flex-direction: column;
    text-align: center;
  }

  .cus_mph_ft_footer_right {
    margin-top: 20px;
    text-align: center;
  }

  .cus_mph_ab_sec2_profiles {
    flex-direction: column;
    gap: 60px;
  }

  .cus_mph_ab_sec2_profile {
    flex: 1 1 100%;
  }

  .cus_mph_ab_sec2_title,
  .cus_mph_ab_sec2_profile-info h2,
  .cus_mph_ab_sec2_profile-info h4,
  .cus_mph_ab_sec2_degree,
  .cus_mph_ab_sec2_bio {
    text-align: center;
  }

  .cus_mph_ab_sec2_title,
  .cus_mph_ab_sec2_profile-info h2 {
    font-size: 18px;
  }

  .cus_mph_aw_sec1_images {
    display: none;
    margin-top: 15px;
    margin-left: 3%;
    gap: 50px;
    flex-direction: column;
    align-items: center;
  }

  .cus_mph_aw_sec1_images img {
    width: 100%;
    height: 100% ;
    border-radius: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }

  .cus_mph_aw_sec1_img {
    width: 100% ;
    height: 100% ;
  }

  .cus_mph_aw_sec1_item.active .cus_mph_aw_sec1_images {
    display: flex;
  }

  .cus_mph_pj_single_image-section {
    width: 116%;
  }


  .cus_mph_pj_single_image-section2,
  .cus_mph_pj_single_image-section3 {
    gap: 10px;
  }

  .cus_mph_pj_single_image-section2 img {
    height: 350px;
    width: 100%;
  }

  .cus_mph_pj_single_image-section3 img {
    height: 280px;
    width: 100%;
  }

  .cus_mph_pj_single_text-section {
    padding-left: 30px;
    height: 105dvh;
  }

  .cus_um_btn_outline {
    padding: 10px 120px;
    white-space: nowrap;
  }

  #content {
    margin-left: 0;
  }

  .cus_img_close_btn,
  .cus_popup_close,
  .cus_nav_arrow.left,
  .cus_nav_arrow.right {
    display: none ;
  }

  .cus_img_overlay {
    justify-content: center ;
    align-items: center ;
  }

  .cus_img_overlay img {
    max-width: 95% ;
    max-height: 80vh ;
  }

  .cus_popup_overlay {
    left: 0;
  }

  .cus_thumb_strip {
    position: fixed;
    bottom: 26px;
    left: 207px;
    width: 92.1%;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    justify-content: flex-start;
    overflow-x: auto;
    z-index: 10001;
  }

  .cus_thumb_strip img {
    width: 70px;
    height: 50px;
  }

  .cus_mph_mod13 {
    width: 88%;
  }

  .project-section {
    padding: 48px 20px;
  }

  .project-grid {
    left: 115px;
    max-width: 962px;
    margin: 5px auto;
    row-gap: 60px;
  }

  .project-link {
    text-decoration: none;
    display: block;
  }

  .project-item {
    position: relative;
    height: 250px;
    overflow: hidden;
  }

  .project-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
  }

  .project-item:hover img {
    transform: scale(1.05);
  }

  .project-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    color: #fff;
  }

  .project-overlay h2 {
    font-size: 18px;
    margin: 0;
  }

  .project-overlay span {
    font-size: 14px;
    opacity: 0.85;
  }

  .cus_ml_hm_subnav_txt {
    line-height: 22px ;
  }

  .right-panel {
    height: 555px;
  }

  header .social-box ul.social-icons li a {
    width: 25px;
    height: 25px;
  }
}

@media (min-device-width: 1024px) and (max-device-width: 1024px) {
  body.cus_ml_mb_menu_open {
    overflow: hidden;
  }

  .cus_mph_ab_sec2_team-section {
    max-width: 1280px;
    margin: 0;
  }

  #content {
    margin-top: -6dvh;
    padding: 0 ;
    min-height: 200vh;
    max-height: 100%;
    width: 82% ;
  }

  .cus_ml_prtf_sec {
    left: 0 ;
    width: 115% ;
  }

  section.portfolio-section .portfolio-box .project-post {
    width: 100%;
  }

  .cus_main_header_menu {
    display: none ;
  }

  .cus_mph_mb_menu_container {
    display: block !important;
  }

  .cus_ml_mb_brand {
    display: inline-flex;
    align-items: center;
    max-width: 132px;
  }

  .cus_ml_mb_brand_logo {
    display: none;
  }

  .cus_ml_mb_brand_text {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
  }

  .cus_um_hm_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
  }


  .cus_um_home_gap {
    padding: 70px 0 0 0;
  }


  .cus_ml_mb_backdrop.cus_ml_mb_active {
    opacity: 1;
    visibility: visible;
  }

  .cus_um_hm_grid {
    height: 200vh;
  }

  .cus_ml_mb_menu.cus_ml_mb_active {
    left: 0;
  }

  .cus_ml_mb_menu a,
  .cus_ml_mb_dropdown_toggle {
    display: block;
    width: 100%;
    padding: 16px 22px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: transparent;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  #cus_mph_prj_front_section {
    margin-left: 0 ;
  }

  .cus_mph_mod13 {
    height: 35dvh ;
  }

  .cus_mph_ab_ct {
    padding-left: 12% ;
    width: 100% ;
  }

  .cus_mph_ab_sec2_team-section {
    margin-left: 9% ;
    margin-top: -93dvh ;
  }

  .cus_mph_mod1,
  .cus_mph_mod3 {
    margin-left: -7vh ;
  }

  .cus_mph_ab_sec2_title {
    width: 85% ;
  }

  .cus_mph_ab_sec3_main {
    padding: 0 ;
  }

  .cus_mph_ab_sec3_profile_grid {
    grid-template-columns: 1fr;
  }

  .cus_mph_ft_container,
  .cus_mph_ft_footer {
    margin-left: 0 ;
  }

  .cus_mph_mod6 {
    font-size: 20px ;
  }

  .cus_mph_mod7 {
    font-size: 18px ;
    margin-bottom: -3dvh;
  }

  .cus_mph_pj_single_text-section {
    width: 136% ;
  }

  .cus_mph_aw_sec1_images img {
    height: 35vh ;
  }

  .cus_ml_mb_menu .dropdown {
    position: relative;
    margin: 0;
  }

  .cus_ml_mb_dropdown_toggle {
    position: relative;
    border: 0;
    line-height: 1.3em;
    white-space: nowrap;
  }

  .cus_ml_mb_menu .dropdown ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition:
      max-height 0.5s ease-in-out,
      opacity 0.4s ease-in-out,
      transform 0.4s ease-in-out;
    transform: translateY(-8px);
  }



  .cus_ml_mb_menu .dropdown > .cus_ml_mb_dropdown_toggle::after {
    float: right;
    font-size: 16px;
    margin-top: -1px;
    transition: transform 0.3s ease;
  }

  .cus_ml_mb_menu .dropdown.open ul {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
  }

  .cus_ml_mb_menu .dropdown.open > .cus_ml_mb_dropdown_toggle::after {
    transform: rotate(45deg);
  }

  .cus_img_close_btn {
    display: none;
  }

  .cus_ml_prtf_img {
    margin-top: 36%;
    margin-left: 6% ;
  }

  .section.portfolio-section .portfolio-box .project-post .hover-box {
    right: 0 ;
    bottom: 0 ;
  }

  body.cus_ml_mb_menu_open {
    overflow: hidden;
  }

  .cus_main_header_menu {
    display: none !important;
  }

  .cus_mph_mb_menu_container {
    display: block !important;
  }

  .cus_ml_mb_navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #333333;
    backdrop-filter: blur(14px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    transition: top 0.3s ease;
    z-index: 9999;
  }

  .cus_ml_mb_brand {
    display: inline-flex;
    align-items: center;
    max-width: 148px;
  }

  .cus_ml_mb_brand_logo {
    display: none;
  }

  .cus_ml_mb_brand_text {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
  }

  .cus_ml_mb_hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 25px;
    height: 40px;
    padding: 10px 0;
    border: none;
    background: transparent;
  }

  .cus_ml_mb_hamburger span {
    height: 3px;
    width: 100%;
    background: #ffffff;
    border-radius: 2px;
    transition: 0.3s;
  }

  .cus_ml_mb_hamburger.cus_ml_mb_active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }

  .cus_ml_mb_hamburger.cus_ml_mb_active span:nth-child(2) {
    opacity: 0;
  }

  .cus_ml_mb_hamburger.cus_ml_mb_active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }

  .cus_ml_mb_backdrop {
    position: fixed;
    inset: 70px 0 0 0;
    background: rgba(17, 17, 17, 0.28);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    z-index: 9997;
  }

  .cus_ml_mb_backdrop.cus_ml_mb_active {
    opacity: 1;
    visibility: visible;
  }

  .cus_ml_mb_menu {
    position: fixed;
    top: 70px;
    left: -100%;
    width: min(56vw, 250px);
    height: calc(100vh - 0px);
    background: #333333;
    padding: 12px 0 28px;
    transition: left 0.3s ease;
    overflow-y: auto;
    box-shadow: 18px 0 40px rgba(0, 0, 0, 0.12);
    z-index: 9998;
  }

  .cus_ml_mb_menu.cus_ml_mb_active {
    left: 0;
  }

  .cus_ml_mb_menu a,
  .cus_ml_mb_dropdown_toggle {
    display: block;
    width: 100%;
    padding: 17px 24px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: transparent;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .cus_ml_mb_dropdown_toggle {
    position: relative;
    border: 0;
  }

  .cus_ml_mb_menu .dropdown ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transform: translateY(-8px);
  }

  .cus_ml_mb_menu .dropdown ul li a {
    padding: 16px 22px 16px 40px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: none;
  }

  .cus_ml_mb_menu .dropdown > .cus_ml_mb_dropdown_toggle::after {
    float: right;
    font-size: 16px;
    margin-top: -1px;
    transition: transform 0.3s ease;
  }

  .cus_ml_mb_menu .dropdown.open ul {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
  }

  .cus_ml_mb_menu .dropdown.open > .cus_ml_mb_dropdown_toggle::after {
    transform: rotate(45deg);
  }

  .cus_um_mb_home {
    padding-top: 7%;
  }

  .cus_um_sec_top_pd {
    margin: 0;
  }

  .cus_um_header_gap2 {
    padding: 105px 0 0 0;
  }

  .cus_um_aw_accordion-header {
    padding: 20px 0;
  }

  .cus_um_aw_accordion-container {
    padding: 0 20px;
  }

  .heading1, h1, h1 {
    margin: 0 0 10px;
  }

  .cus_um_ft_footer {
    padding: 20px;
  }

  .cus_um_ft_logo {
    max-width: 12%;
  }

  .cus_mb_ft {
    line-height: 12px !important;
  }

  .cus_mb_aw {
    padding: 0 !important;
  }

  .cus_um_aw_accordion-content {
    padding: 0;
  }

  .cus_mb_contact {
    padding: 105px 20px 20px 20px ;
  }

  .cus_mb_map {
    height: 36vh;
  }

  .cus_mb_btn {
    padding: 8px 215px;
  }

  .cus_mph_ct_icons {
    justify-content: center;
  }

  .cus_mph_ct_socials p {
    text-align: center;
  }

  .project-grid {
    left: 0;
  }

  .project-section {
    padding: 110px 20px 0 20px;
  }

  .cus_um_header_gap {
    padding: 0;
  }

  .cus_um_ft_footer_left, .cus_um_ft_footer_right {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  } 

  .page-layout {
    max-width: 100%;
    padding: 0 20px;
  }

  .cus_um_gl_wd {
    padding: 0;
  }

  .left-panel {
    flex: 0 0 30%;
    max-width: 30%;
    width: 30%;
  }

  .cus_um_de_content {
    padding: 2vh 0 7vh 0;
  }

  .right-panel {
    flex: 0 0 68%;
    height: 915px;
  }

  .cus_um_de_description {
    max-height: 77vh;
  }

  .cus_mph_pj_single_image-section1 img {
    height: 450px;
    width: 670px;
  }

  .cus_mph_pj_single_image-section3 img {
    height: 346px;
  }

  .cus_mph_pj_single_image-section2 img {
    height: 404px;
  }

  .cus_ab_mb_content {
      padding: 50px 6px 0;
  }

  .cus_mph_ab_sec2_profile img {
    max-height: 470px;
  }

  .cus_ab_mb_hero {
      width: 100%;
      margin: 0;
  }

  .cus_mb_tr {
    margin-top: 0 !important;
  }

  .cus_ab_mb_hero_row {
      display: flex;
      flex-direction: column-reverse;
      margin: 0;
      gap: 24px;
  }

  .cus_ab_mb_text_col,
  .cus_ab_mb_image_col {
      width: 100%;
      max-width: 100%;
      flex: 0 0 100%;
      padding: 0;
  }

  .cus_ab_mb_intro {
      width: 100%;
      margin: 0;
      padding: 0 10px;
  }

  .cus_ab_mb_hero_image {
      width: 100%;
      height: auto;
      margin: 0;
  }

  .cus_ab_mb_partners {
      padding: 0px 15px;
      margin-top: 0;
      margin-left: 0;
  }

  .cus_ab_mb_partners_row {
      margin: 0;
      display: block;
  }

  .cus_ab_mb_title {
      width: 100%;
      margin: 0 0 28px;
      padding: 0;
      text-align: left;
      line-height: 1.1;
  }

  .cus_ab_mb_profiles {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 28px;
      margin: 0;
  }

  .cus_ab_mb_profile {
      width: 100%;
      margin: 0;
      padding: 0;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .cus_ab_mb_profile.cus_mph_mod1,
  .cus_ab_mb_profile.cus_mph_mod3 {
      margin-left: 0 !important;
  }

  .cus_ab_mb_profile img {
      width: 100%;
      height: auto;
  }

  .cus_ab_mb_family_section {
      padding: 0px 15px 20px 15px;
  }

  .cus_ab_mb_family_wrap {
      width: 100%;
  }

  .cus_ab_mb_family_main {
      padding: 0;
  }

  .cus_ab_mb_family_grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 28px;
      margin: 0;
  }

  .cus_ab_mb_family_card {
      width: 100%;
  }

  .cus_ab_mb_family_card img {
      width: 100%;
      height: auto;
  }
}

@media (max-width: 560px) {
  body.cus_ml_mb_menu_open {
    overflow: hidden;
  }

  #content {
    margin-top: -6dvh;
    padding: 0 ;
    min-height: 200vh;
    max-height: 100%;
    width: 82% ;
  }

  .cus_ml_prtf_sec {
    left: 0 ;
    width: 115% ;
  }

  section.portfolio-section .portfolio-box .project-post {
    width: 100%;
  }

  .cus_main_header_menu {
    display: none ;
  }

  .cus_mph_mb_menu_container {
    display: block !important;
  }

  .cus_ml_mb_brand {
    display: inline-flex;
    align-items: center;
    max-width: 132px;
  }

  .cus_ml_mb_brand_logo {
    display: none;
  }

  .cus_ml_mb_brand_text {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
  }

  .cus_um_hm_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
  }


  .cus_um_home_gap {
    padding: 70px 0 0 0;
  }


  .cus_ml_mb_backdrop.cus_ml_mb_active {
    opacity: 1;
    visibility: visible;
  }

  .cus_ml_mb_menu {
    position: fixed;
    top: 73px;
    left: -100%;
    width: min(84vw, 200px);
    height: calc(100vh - 73px);
    background: #333333;
    padding: 12px 0 28px;
    transition: left 0.3s ease;
    overflow-y: auto;
    box-shadow: 18px 0 40px rgba(0, 0, 0, 0.12);
    z-index: 9998;
  }

  .cus_ml_mb_menu.cus_ml_mb_active {
    left: 0;
  }

  .cus_ml_mb_menu a,
  .cus_ml_mb_dropdown_toggle {
    display: block;
    width: 100%;
    padding: 16px 22px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: transparent;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  #cus_mph_prj_front_section {
    margin-left: 0 ;
  }

  .cus_mph_mod13 {
    height: 35dvh ;
  }

  .cus_mph_ab_ct {
    padding-left: 12% ;
    width: 100% ;
  }

  .cus_mph_ab_sec2_team-section {
    margin-left: 9% ;
    margin-top: -93dvh ;
  }

  .cus_mph_mod1,
  .cus_mph_mod3 {
    margin-left: -7vh ;
  }

  .cus_mph_ab_sec2_title {
    width: 85% ;
  }

  .cus_mph_ab_sec3_main {
    padding: 0 ;
  }

  .cus_mph_ab_sec3_profile_grid {
    grid-template-columns: 1fr;
  }

  .cus_mph_ft_container,
  .cus_mph_ft_footer {
    margin-left: 0 ;
  }

  .cus_mph_mod6 {
    font-size: 20px ;
  }

  .cus_mph_mod7 {
    font-size: 18px ;
    margin-bottom: -3dvh;
  }

  .cus_mph_pj_single_text-section {
    width: 136% ;
  }

  .cus_mph_aw_sec1_images img {
    height: 35vh ;
  }

  .cus_ml_mb_menu .dropdown {
    position: relative;
    margin: 0;
  }

  .cus_ml_mb_dropdown_toggle {
    position: relative;
    border: 0;
    line-height: 1.3em;
    white-space: nowrap;
  }

  .cus_ml_mb_menu .dropdown ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition:
      max-height 0.5s ease-in-out,
      opacity 0.4s ease-in-out,
      transform 0.4s ease-in-out;
    transform: translateY(-8px);
  }



  .cus_ml_mb_menu .dropdown > .cus_ml_mb_dropdown_toggle::after {
    float: right;
    font-size: 16px;
    margin-top: -1px;
    transition: transform 0.3s ease;
  }

  .cus_ml_mb_menu .dropdown.open ul {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
  }

  .cus_ml_mb_menu .dropdown.open > .cus_ml_mb_dropdown_toggle::after {
    transform: rotate(45deg);
  }

  .cus_img_close_btn {
    display: none;
  }

  .cus_ml_prtf_img {
    margin-top: 36%;
    margin-left: 6% ;
  }

  .section.portfolio-section .portfolio-box .project-post .hover-box {
    right: 0 ;
    bottom: 0 ;
  }

  body.cus_ml_mb_menu_open {
    overflow: hidden;
  }

  .cus_main_header_menu {
    display: none !important;
  }

  .cus_mph_mb_menu_container {
    display: block !important;
  }

  .cus_ml_mb_navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #333333;
    backdrop-filter: blur(14px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    transition: top 0.3s ease;
    z-index: 9999;
  }

  .cus_ml_mb_brand {
    display: inline-flex;
    align-items: center;
    max-width: 148px;
  }

  .cus_ml_mb_brand_logo {
    display: none;
  }

  .cus_ml_mb_brand_text {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
  }

  .cus_ml_mb_hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 25px;
    height: 40px;
    padding: 10px 0;
    border: none;
    background: transparent;
  }

  .cus_ml_mb_hamburger span {
    height: 3px;
    width: 100%;
    background: #ffffff;
    border-radius: 2px;
    transition: 0.3s;
  }

  .cus_ml_mb_hamburger.cus_ml_mb_active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }

  .cus_ml_mb_hamburger.cus_ml_mb_active span:nth-child(2) {
    opacity: 0;
  }

  .cus_ml_mb_hamburger.cus_ml_mb_active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }

  .cus_ml_mb_backdrop {
    position: fixed;
    inset: 70px 0 0 0;
    background: rgba(17, 17, 17, 0.28);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    z-index: 9997;
  }

  .cus_ml_mb_backdrop.cus_ml_mb_active {
    opacity: 1;
    visibility: visible;
  }

  .cus_ml_mb_menu {
    position: fixed;
    top: 70px;
    left: -100%;
    width: min(56vw, 200px);
    height: calc(100vh - 0px);
    background: #333333;
    padding: 12px 0 28px;
    transition: left 0.3s ease;
    overflow-y: auto;
    box-shadow: 18px 0 40px rgba(0, 0, 0, 0.12);
    z-index: 9998;
  }

  .cus_ml_mb_menu.cus_ml_mb_active {
    left: 0;
  }

  .cus_ml_mb_menu a,
  .cus_ml_mb_dropdown_toggle {
    display: block;
    width: 100%;
    padding: 17px 24px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: transparent;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .cus_ml_mb_dropdown_toggle {
    position: relative;
    border: 0;
  }

  .cus_ml_mb_menu .dropdown ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transform: translateY(-8px);
  }

  .cus_ml_mb_menu .dropdown ul li a {
    padding: 16px 22px 16px 40px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: none;
  }

  .cus_ml_mb_menu .dropdown > .cus_ml_mb_dropdown_toggle::after {
    float: right;
    font-size: 16px;
    margin-top: -1px;
    transition: transform 0.3s ease;
  }

  .cus_ml_mb_menu .dropdown.open ul {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
  }

  .cus_ml_mb_menu .dropdown.open > .cus_ml_mb_dropdown_toggle::after {
    transform: rotate(45deg);
  }

  .cus_um_mb_home {
    padding-top: 7%;
  }

  .cus_um_sec_top_pd {
    margin: 0;
  }

  .cus_um_header_gap2 {
    padding: 105px 0 0 0;
  }

  .cus_um_aw_accordion-header {
    padding: 20px 0;
  }

  .cus_um_aw_accordion-container {
    padding: 0 20px;
  }

  .heading1, h1, h1 {
    margin: 0 0 10px;
  }

  .cus_um_ft_footer {
    padding: 20px;
  }

  .cus_um_ft_logo {
    max-width: 45%;
  }

  .cus_mb_ft {
    line-height: 12px !important;
  }

  .cus_mb_aw {
    padding: 0 !important;
  }

  .cus_um_aw_accordion-content {
    padding: 0;
  }

  .cus_mb_contact {
    padding: 105px 20px 20px 20px ;
  }

  .cus_mb_btn {
    padding: 8px 162px;
  }

  .cus_mph_ct_icons {
    justify-content: center;
  }

  .cus_mph_ct_socials p {
    text-align: center;
  }

  .project-grid {
    left: 0;
    margin: 0;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 20px;
  }

  .project-section {
    padding: 92px 15px 20px 15px;
  }

  .page-layout {
    display: flex;
    flex-direction: column;
    max-width: 100%;
  }

  .cus_um_gl_top_pd {
    margin: 0;
  }

  .cus_um_header_gap {
    padding: 0;
  }

  .left-panel {
    order: 1;
    width: 100%;
    max-width: 100%;
  }

  .right-panel {
    order: 2;
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: visible;
  }

  .cus_um_de_navigation {
    margin-bottom: 24px;
  }

  .cus_um_gl_wd {
    width: 100%;
    padding: 0 2vh;
  }

  .cus_um_de_navigation {
    margin-bottom: 0;
  }

  .cus_um_de_content {
    padding: 11vh 2vh 0 2vh;
  }

  .cus_mph_pj_single_image-section1 img {
    height: 240px;
    width: 375px;
  }

  .cus_um_ft_footer_left, .cus_um_ft_footer_right {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .cus_ab_mb_content {
    padding: 88px 16px 0;
  }

  .cus_ab_mb_hero {
      width: 100%;
      margin: 0;
  }

  .cus_ab_mb_hero_row {
      display: flex;
      flex-direction: column-reverse;
      margin: 0;
  }

  .cus_ab_mb_text_col,
  .cus_ab_mb_image_col {
      width: 100%;
      max-width: 100%;
      flex: 0 0 100%;
      padding: 0;
  }

  .cus_ab_mb_intro {
      width: 100%;
      margin: 20px 0 0;
      padding: 0;
  }

  .cus_ab_mb_intro .text-center,
  .cus_ab_mb_intro .cus_justi,
  .cus_ab_mb_intro .cus_mph_mod11 {
      text-align: left;
  }

  .cus_ab_mb_intro .cus_mph_mod11 {
      margin-top: 20px;
  }

  .cus_ab_mb_hero_image {
      width: 100%;
      height: auto;
      margin: 0;
  }

  .cus_ab_mb_partners {
      padding: 48px 16px 0;
      margin-top: 0;
      margin-left: 0;
  }

  .cus_ab_mb_partners_row {
      margin: 0;
      display: block;
  }

  .cus_ab_mb_title {
      width: 100%;
      margin: 0 0 24px;
      padding: 0;
      text-align: left;
      line-height: 1.1;
  }

  .cus_ab_mb_profiles {
      display: flex;
      flex-direction: column;
      gap: 28px;
      margin: 0;
  }

  .cus_ab_mb_profile {
      width: 100%;
      margin: 0;
      padding: 0;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .cus_ab_mb_profile img {
      width: 100%;
      height: auto;
  }

  .cus_ab_mb_profile.cus_mph_mod1,
  .cus_ab_mb_profile.cus_mph_mod3 {
      margin-left: 0 !important;
  }

  .cus_ab_mb_family_section {
      padding: 0 15px 20px;
  }

  .cus_ab_mb_family_wrap {
      width: 100%;
  }

  .cus_ab_mb_family_main {
      padding: 0;
  }

  .cus_ab_mb_family_grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
      margin: 0;
  }

  .cus_ab_mb_family_card {
      width: 100%;
  }

  .cus_ab_mb_family_card img {
      width: 100%;
      height: auto;
  }

  .cus_mb_lh {
    line-height: 72px;
  }

  .cus_mb_img {
    padding-left: 0;
  }

  .div-center {
    display: flex;
    justify-content: center;
  }
}