@media (max-width: 600px) {
    body {
        font-size: clamp(16px, 2vw, 20px);
    }
    .top-area {
        grid-template-columns: 1fr;
    }
    /* 1) white frame */
.main-menu .navbar-toggler {
  border: 2px solid #fff;
  background-color: transparent; /* optional: keep button transparent */
}

/* 2) white hamburger lines (single-line, percent-encoded data URI) */
.main-menu .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: center;
}
    .header-mid1, .header-mid2 {
        margin-left: 50px;
        display: none;
    }
    .header-left {
        margin-left: 40px;
    }
    .header-left img {
        width: 170px;        
    }
    .header-left-i {
        margin: 20px 0 20px 120px;
        /* margin-top: 20px; */
    }
    .acinek-about-2 {
        grid-template-columns: 1fr;
    }
    .acinek-about-2b {
        margin: 20px 0 0 -30px;
    }
    .acinek-projects-inner {
        grid-template-columns: 1fr;
    }
    .acinek-projects-inner1, .acinek-projects-inner2, .acinek-projects-inner3 {
        margin: 0 0 20px 0;
    }
    .acinek-about-2a button {
        margin-left: 80px;
        width: 120px;
        height: 40px;
        line-height: 20px;
    }
    .acinek-projects-inner {
        width: 100px;
        margin-left: -30px;
    }
    .image-overlay-container img {
        width: 100%;
    }
    .our-pride {
        grid-template-columns: 1fr;
    }
    .our-pride1 h1, .our-pride1 p, .our-pride2 h1, .our-pride2 p, .our-pride3 h1, .our-pride3 p {
        margin-left: 0 !important;
        text-align: center;
    }    
    .clientelle-imgs {
        grid-template-columns: 1fr;
        margin-bottom: 25px;
    }
    .clientelle-imgs1 img, .clientelle-imgs2 img, .clientelle-imgs3 img, .clientelle-imgs4 img {
        margin: 0 auto 20px auto;
        width: 100%;
        height: 120px;
    }
    .newsletter {
        grid-template-columns: 1fr;
        min-height:270px;
    }
    .newsletter1 {
        padding-top: 30px;
    }
    .newsletter1 p {
        margin-left: -15px;
    }
    .newsletter2 {
        padding-top: 10px;
    }
    .newsletter2 form {
        margin-left: 40px !important;
        margin-top: -30px !important;
    }    
    .footer-main {
        grid-template-columns: 1fr;
        padding-top: 15px !important;
    }
    .footer-inner4 h3, .footer-inner2 h3 {
        font-size: 18px;
    }
    .footer-inner2 h3 {
        margin-left: 10px;
        font-size: 15px;
    }
    .footer-inner3 h3 {
        margin-left: -26px;
        font-size: 15px;
    }   
    .footer-inner2 ul li {
        margin-left: -30px !important;
        font-size: 15px;
    }
    .footer-inner3 ul li {
        margin-left: -60px !important; 
        font-size: 15px;
    }
    .footer-end p {
        font-size: 13px;
    }
    .footer-end p {
    padding: 10px 0 30px;
    }

    /* About us */
    .visimiss-inner {
        grid-template-columns: 1fr;
    }
    .visimiss1 h4, .visimiss2 h4 {
        padding-top: 20px;
        line-height: 40px;
    }
    .boardl1 {
        text-align: center;
    }
    .boardimgx {
        grid-template-columns: 1fr;
    }
    .boardimgx1 img, .boardimgx2 img, .boardimgx3 img {
        width: 300px;
        height: 220px;
    }

    /* Contact Form */
    .contact-form-left {        
        border-right: none;
    }
    .contact-message {
        text-align: center;
    }    
    
    /* Career Page */
    .career-banner {
        height: 380px;
    }
    .career-banner h3 {
        font-size: 35px;
    }
    .career-main {
        margin-top: -20px !important;
    }
    .career-main-inner {
        grid-template-columns: 1fr;
    }
    .career-main-inner2 button {
        margin-left: 95px;
        height: 4
        50px;
    }
    .career-main-inner2 p {
        text-align: center;
    }
}