@media screen and (max-width:767px) {
    .container {
        max-width: 100%;
        padding: 0 20px;
    }

    .annoucement ul {
        justify-content: center;
        flex-direction: column;
        row-gap: 5px;
    }

    .annoucement ul li:last-child a {
        padding: 7px 18px;
    }



    /* .header-menu ul li:last-child a {
        text-align: center;
        margin: 0 20px;
        padding: 7px 13px;
        line-height: 18px;
    } */

    .header-menu ul li:nth-child(6) a,
    .header-menu ul li:nth-child(7) a {
        text-align: center;
        margin: 0 15px;
        padding: 7px 7px;
        line-height: 20px;
        background-color: var(--c-459867);
        border-radius: 50px;
        color: var(--c-FFFFFF);
    }
    .annoucement-bar {
        display: none;
    }

    .header-menu ul li:not(:last-child) {
        margin-bottom: 20px;
    }

    .hamburgur_icon span {
        width: 25px;
        height: 2px;
        border-radius: 50px;
        background: #459867;
        display: block;
        transition: 0.3s;
    }


    /* .hamburgur_icon {
        display: flex;
    } */
    .hamburgur_icon.open-ham span:nth-child(1) {
        transform: rotate(45deg) translate(8px, 8px);
    }

    .hamburgur_icon.open-ham span:nth-child(2) {
        opacity: 0;
    }

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

    .hamburgur_icon span:not(:last-child) {
        margin-bottom: 7px;
    }

    .header-menu ul li a {
        padding: 0 20px;
        display: block;
    }

    .header-menu ul,
    .main-header button#menuToggle {
        display: block;
        background: none;
        color: var(--c-FFFFFF);
        font-size: 30px;
    }

    .main-header {
        border-radius: 0;
        margin-top: 0;
        padding-block: 10px;
    }

    .header-menu {
        position: absolute;
        top: 100%;
        left: 0;
        transition: 0.4s;
        height: 100vh;
        backdrop-filter: blur(35px);
        z-index: 1;
        background: var(--c-FFFFFF);

        padding: 20px 0;
        transform: translate3d(-100%, 0px, 0px);
    }

    .header-menu.open-menu {
        transform: translateZ(0);
        max-width: 50%;
        width: 100%;
    }

    .video-section video {
        object-fit: cover;
        height: 50vh;
    }

    .hero-video-title {
        left: 50%;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        transform: translate(-50%, -70%);
        padding-inline: 30px;
        text-align: center;
        top: 60%;
    }

    .hero-video-title h1 {
        font-size: var(--fs-35);
        line-height: 40px;
        margin-bottom: 15px;
    }

    .hero-video-title p {
        font-size: var(--fs-14);
        line-height: 15px;
    }

    section:not(.hero-video, .our-services-main, .financial-section, .present-cities-main) {
        padding: 30px 0;
    }

    /* employe counter section css start */

    .employe-title h4 {
        font-size: var(--fs-14);
        line-height: 14px;
    }

    .employe-title p {
        font-size: var(--fs-12);
        line-height: 15px;
    }

    .employe-counter-box ul {
        column-gap: 45px;
    }

    /* employe counter section css end */

    /* tailored wealth section css start   */

    .tailored-wealth-wraper {
        grid-template-columns: auto;
    }

    .tailored-content-right h3 {
        font-size: 30px;
        line-height: 37px;
        letter-spacing: -1.44px;
        margin: 15px 0;
    }

    .tailored-content-right {
        padding: 0 20px;
    }
    .tailored-wealth-wraper .tailored-content-right {
        padding: 0;
    }

    .tailored-content-right p {
        margin-bottom: 13px;
    }

    /* tailored wealth section css end   */

    /* our services section css start */

    .our-services-wraper {
        grid-template-columns: auto;
    }

    .tailored-content-right.our-title {
        order: 1;
    }

    .our-boxes-wraper ul {
        gap: 7px;
        max-width: 100%;
        grid-template-columns: 30% calc(70% - 7px);
    }

    .our-boxes-wraper ul li {
        height: 100%;
        word-wrap: break-word;
        padding: 15px;
    }

    .our-title-para h5 {
        font-size: var(--fs-18);
        letter-spacing: -1.04px;
        margin-bottom: 7px;
    }

    .our-title-para h6 {
        margin-bottom: 7px;
    }

    .tailored-content-right.our-title {
        text-align: left;
    }

    .tailored-content-right h3 br {
        display: none;
    }

    /* our services section css end */

    /* leadership team section css start */

    .leadership-team-main .leadership-wrap p {
        margin-bottom: 30px;
    }

    .leadership-team-main .leadership-item {
        margin: 0 0px;
    }

    .leadership-team-main .leadership-slick {
        padding: 0 10px;
    }

    .leadership-slick .slick-next,
    .leadership-slick .slick-prev {
        width: 20px;
        height: 20px;
    }

    .leadership-slick .slick-next {
        right: -15px;
    }

    .leadership-slick .slick-prev {
        left: -15px;
    }

    section.leadership-team-main {
        padding: 0;
    }

    .tab-buttons {
        float: unset;
    }

    .leadership-name h4 a {
        font-size: var(--fs-20);
    }

    /* leadership team section css end */

    /* financial clarity section css start */

    .financial-content {
        bottom: unset;
        max-width: 100%;
        padding: 0;
        text-align: center;
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .get-btn a {
        padding: 7px 13px;
        line-height: 18px;
    }

    .financial-banner:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #01010130;
        top: 0;
        left: 0;
    }

    .financial-banner img {
        height: 50vh;
        object-fit: cover;
    }

    .financial-section .financial-content h3,
    .financial-section .financial-content p {
        color: var(--c-FFFFFF);
    }

    .financial-section .get-btn a {
        color: var(--c-FFFFFF);
        border: 1px solid var(--c-FFFFFF);
    }

    /* financial clarity section css end */

    /* visit our blog section css start */

    .blog-item-wraper {
        grid-template-columns: auto;
    }

    .visit-our-blog .tailored-content-right h3 {
        margin: 0 0 15px 0;
    }

    /* visit our blog section css end */

    /* member section css  */

    .membership_sec .tailored-content-right{
        margin-bottom: 20px;
    }

    .member_img{
        margin: 0 7px;
    }
    .member_img img {
        max-width: 100px;
        aspect-ratio: 5/2;
        margin: auto;
        object-fit: contain;
    }

    /* member section css end */


    /* present cities section css start */

    .present-cities-bg img {
        height: 50vh;
        object-fit: cover;
    }

    .cities-menu ul li a {
        font-size: var(--fs-14);
        letter-spacing: normal;
    }

    .cities-header {
        max-width: min-content;
        padding: 10px 20px;
    }

    .cities-menu ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        column-gap: 0;
        overflow-x: auto;
    }
    .annoucement ul li:last-child {
        display: none;
    }

    .cities-btn a {
        padding: 7px 18px;
        font-size: var(--fs-14);
    }

    .cities-menu ul li {
        min-width: 27%;
    }

    /* present cities section css end */

    /* footer section css start */

    .footer-wraper {
        grid-template-columns: auto;
    }

    .footer-heading h3 {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: -1.68px;
        margin-bottom: 20px;
    }

    .footer-menu ul {
        display: block;
    }

    .get-touch ul li {
        text-align: left;
    }

    .get-touch ul li a {
        font-size: var(--fs-20);
        line-height: 33px;
        letter-spacing: normal;
        margin: 20px 0;
    }

    .footer-menu ul li:not(:last-child):after {
        border: none;
    }

    /* footer section css end */

    /* new css boxes start */

    .grid-container {
        gap: 15px;
        max-width: 100%;
    }

    .row {
        gap: 15px;
    }

    .box {
        padding: 10px;
    }

    .our-title-para h6 {
        font-size: var(--fs-12);
    }

    .our-title-para p {
        font-size: var(--fs-12);
    }

    
/* Default state - first box is larger */
/* .row:first-child .box:first-child {
    width: 30%;
} */

.row:first-child .box:last-child {
    /* width: 70%; */
  /*  background-color: var(--c-e6f4e8);*/
}
/* 
.row:last-child .box {
    width: 70%;
}

.row:last-child .box:last-child {
    width: 30%;
} */

    /* new css boxes end */

    section.membership_sec {
        padding-top: 0;
    }
    .box {
        width: 50% !important;
    }
    div.popup-container {
        padding: 15px;
        max-width: 95%;
        width: 100%;
        grid-template-columns: auto;
        overflow-y: auto;
    }
    button.popupclose {
        top: -25px;
        right: 5px;
        z-index: 1;
        filter: invert(1) brightness(100);
    }
    .popup-content-text p {
        margin-bottom: 0;
    }
    .video-section img {
        height: 40vh;
    }
    .hero-video-title {
        z-index: 1;
    }
    .hero-video-title {
        max-width: 100%;
    }

}

@media screen and (min-width: 767px){
    
/* Hover effects */
.row:hover .box:hover {
    width: 70%;
}

.row:hover .box:not(:hover) {
    width: 30%;
}

.box:hover {
    background-color: var(--c-e6f4e8);
}
.our-title-para p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.4s ease;
}

.box:hover .our-title-para p:hover {
    -webkit-line-clamp: unset;
}


/* new css boxes end */
}