
/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .wm-container {
        width: min(100% - 32px, 760px);
    }

    .wm-comprehensive,
    .wm-built {
        padding: 65px 0;
    }

    .wm-comprehensive-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wm-faq-inner {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 38px 35px;
    }

    .wm-faq-left {
        padding-right: 0;
    }
     .locations-section {
        padding: 80px 25px 90px;
    }

    .locations-intro {
        margin-bottom: 50px;
    }

    .locations-intro h1 {
        font-size: 52px;
    }

    .locations-intro p {
        font-size: 16px;
        max-width: 760px;
    }

    .locations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .location-image {
        height: 205px;
    }

    .location-content {
        min-height: 150px;
        padding: 24px 23px 22px;
    }
}

@media (max-width: 767px) {

    .wm-container {
        width: min(100% - 30px, 600px);
    }

    .wm-heading {
        font-size: 46px;
    }

    .wm-description {
        font-size: 15px;
        line-height: 1.6;
    }

    .wm-comprehensive,
    .wm-built {
        padding: 55px 0;
    }

    .wm-comprehensive-grid,
    .wm-built-grid {
        grid-template-columns: 1fr;
        gap: 33px;
        margin-top: 40px;
    }

    .wm-card {
        min-height: auto;
        padding: 24px;
    }

    .wm-built-card {
        min-height: auto;
        padding: 24px;
    }

    .wm-buttons {
        margin-top: 35px;
    }

    .wm-btn {
        font-size: 13px;line-height: 44px;
    }

    .wm-faq {
        padding-bottom: 45px;
    }

    .wm-faq-inner {
        padding: 30px 25px;
    }

    .wm-faq-heading {
        font-size: 46px;
    }

    .wm-faq-question {
        font-size: 14px;
    }
    .locations-section {
        padding: 65px 20px 70px;
    }

    .locations-intro {
        margin-bottom: 40px;
    }

    .eyebrow {
        margin-bottom: 13px;

        font-size: 12px;
    }

    .locations-intro h1 {
        margin-bottom: 17px;

        font-size: 42px;
        line-height: 1.1;
    }

    .locations-intro p {
        font-size: 15px;
        line-height: 1.65;
    }

    .locations-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .location-image {
        height: 220px;
    }

    .location-content {
        min-height: auto;
        padding: 23px 22px 25px;
    }

    .location-content h2 {
        font-size: 18px;
    }

    .address {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {

    .wealth-management-services-main{padding: 80px 0px;}
    .wealth-management-top{margin-bottom: 60px;}
    .principles-top-title{margin-top: 85px;}
    .principles-top-title h2{font-size: 65px;}
    .wealth-management-slider{width: 88%;margin: 0 auto;}
    .fl-arrows .swiper--prev.button-arrow{left: -34px;}
    .fl-arrows .swiper--next.button-arrow{right: -76px;}
    .wealth-management-buttons{margin-top: 68px;}
    .fl-home-hero{min-height: 560px;}
    .fl-hero-block-right span{font-size: 16px;}
    .fl-hero-block-right h1{font-size: 70px;}
    .fl-hero-block-right p{font-size: 16px;margin-bottom: 40px;}
    .fl-hero-block-right{max-width: 540px;}
    .fl-arrows .button-arrow{width: 40px;}
    .the-principles-top-block{min-height: 420px;}
    .wealth-management-top h2{font-size: 70px;}
    .the-principles-block-inner{margin-bottom: 90px;}
    .latest-news-main{padding: 90px 0px;}
    .cta-block-info{max-width: 640px;}
    .cta-info{padding-left: 85px;}
    .cta-info span{font-size: 16px;}
    .cta-info h3{font-size: 70px;}
    .news-right-top h2 span{font-size: 16px;}
    .news-right-top h2{line-height: 64px;font-size: 64px;}
    .small-info-right a h4{font-size: 16px;}
    .small-post-card-md .image{width: 140px;height: 115px;}
    .small-post-card-md .small-info-right{width: calc(100% - 170px);}
    .news-inner-cardblock .image {margin-bottom: 30px;}
    .cta-btns{margin-top: 30px;}

    .inner-page-hero-info{max-width: 685px;}
    .inner-page-hero-info h1{font-size: 70px;}
    .inner-page-hero-info p{font-size: 16px;margin-bottom: 40px;}
    .wm-comprehensive{padding: 60px 0px;}
    .wm-built{padding: 60px 0 60px;}
    .wm-buttons{margin-top: 55px;}
    .wm-heading span{font-size: 16px;}
    .wm-description p{font-size: 16px;}
    .wm-heading{line-height: 80px;font-size: 70px;}
    .wm-comprehensive-intro{max-width: 800px;}
    .wm-comprehensive-grid{margin-top: 60px;}
    .wm-card{padding: 22px 24px;}
    .wm-card-title{font-size: 18px;}
    .wm-card-description p{font-size: 14px;}
    .wm-btn{font-size: 14px;}
    .wm-built-intro {max-width: 745px;}
    .wm-built-card-title{font-size: 16px;}
    .wm-built-card-description p{font-size: 14px;}
    .wm-faq-heading{line-height: 80px;font-size: 70px;}
    .wm-faq-question{font-size: 16px;}
    .wm-faq-button a{font-size: 14px;}
    .page-id-5716 .cta-block-info{max-width: 640px;padding-left: 50px;}
    .page-id-5716 .cta-info{max-width: 615px;}
    .wm-faq-answer p{font-size: 14px;}

    .show-card {position: relative; top: 0%; visibility: visible; opacity: 1; border: 1px solid #c6b16a; border-top: 0px;}
    .card-in-hov {background: #fcfbf8; padding-top: 0px;}
    .that-guide-inner {padding: 0px 5px;}
    .principle-card a.btn{display: none;}

}

@media (max-width: 992px) {
    .fl-hero-block-right span{font-size: 14px;}
    .fl-hero-block-right h1{font-size: 54px;}
    .fl-hero-block-right p{margin-bottom: 30px;}
    .fl-hero-button a.btn{font-size: 14px;line-height: 42px;}
    .fl-hero-button{gap: 10px;}
    .fl-hero-button a.btn{max-width: 166px;}
    .hreo-image::before{width: 100%; background: rgba(0,0,0,0.40);}
    .fl-home-hero{min-height: 449px;}
    .hreo-image img{object-position: -100px;}
    .wealth-management-services-main{padding: 40px 0px;}
    .wealth-management-top h2 span{font-size: 15px; }
    .wealth-management-top h2 {line-height: 42px;font-size: 42px;}
    .wealth-management-top{margin-bottom: 40px;}
    .wealth-block-hover h3{font-size: 16px;}
    .welth-top h3{font-size: 16px;}
    .welth-top{gap: 20px;}
    .wealth-management-buttons{flex-wrap: wrap;justify-content: center;}
    .wealth-management-buttons a.btn{font-size: 14px;}
    .wealth-management-buttons{margin-top: 40px;}
    .fl-arrows .swiper--prev.button-arrow{left: -18px;}
    .fl-arrows .swiper--next.button-arrow{right: -48px;}
    .wealth-management-slider{width: 85%;margin: 0 auto;}
    .fl-arrows .button-arrow{width: 30px;}

    .principles-top-title{margin-top: 60px; }
    .principles-top-title h2 span{font-size: 15px;margin-bottom: 15px;}
    .principles-inner-block{flex-wrap: wrap;gap: 20px;}
    .principle-card h3{font-size: 16px;}
    .principle-card{width: 100%;min-height: 180px;}
    .the-principles-block-inner{margin-top: -120px; margin-bottom: 60px;}
    .principles-top-title h2{font-size: 42px;}
    .latest-news-main{padding: 60px 0px;}
    .latest-news-wrapper{flex-wrap: wrap;gap: 45px;}
    .big-post-leftfull{width: 100%;}
    .fl-small-posts{width: 100%;}
    .news-inner-cardblock .image{margin-bottom: 24px;}
    .news-inner-cardblock a{margin-bottom: 20px;}
    .news-right-top h2 span{font-size: 15px;}
    .news-right-top h2{line-height: 42px;font-size: 42px;}
    .the-principles-top-block{min-height: 400px;}
    .small-info-right a h4{font-size: 15px;}
    .small-info-right a.read-btn{font-size: 14px;}
    .small-info-right .date small{font-size: 11px;}
    .small-post-card-md .image{width: 140px;height: 120px;}
    .fl-inner-crad-right .small-post-card-md{margin-bottom: 24px;}
    .news-right-top {margin-bottom: 30px;}
    .news-right-btns{flex-wrap: wrap; justify-content: center;margin-top: 34px;}

    .cta-image-card{min-height: 400px;position: relative;}
    .cta-main .container{padding: 0px;min-height: auto;width: 100%;}
    .cta-image-card img{width: 100%;height: 100%;object-fit: cover;position: absolute;object-position: left;top: 0px;left: 0px;}
    .cta-block-info {padding: 45px 20px;max-width: none;}
    .cta-info{ padding-left: 0px;min-height: auto; margin: 0 auto;}
    .cta-info span{font-size: 15px;}
    .cta-info h3{line-height: 42px;font-size: 42px;}
    .cta-btns{flex-wrap: wrap;margin-top: 22px;}
    .cta-btns a.btn{font-size: 14px;}
    .news-right-btns a.btn{font-size: 14px;}
    .new-footer-logo a p{justify-content: center;}
    .linkdinicon{font-size: 24px;}
    .small-post-card-md .small-info-right{width: calc(100% - 165px);}

    .fl-inner-crad-right{max-width: none;}
    .news-inner-cardblock{max-width: none;}


    .inner-page-hero-info h1{font-size: 42px;line-height: 42px;}
    .common-inner-hero{min-height: 490px;}
    .wm-heading {line-height: 46px;font-size: 42px;}
    .wm-description p {font-size: 14px;}
    .wm-comprehensive-grid {margin-top: 40px;}
    .wm-faq-left{max-width: none;}
    .wm-faq-list{max-width: none;}
    .wm-faq-heading{font-size: 45px; line-height: 48px;}
    .wm-faq-inner{gap: 45px;}
    .wm-faq-button{margin-top: 30px;}
    .wm-faq-heading span{font-size: 16px;}

    .page-id-5716 .cta-block-info{padding-left: 20px;}
    .page-id-5716 .cta-info{padding-left: 0px;}


    .show-card {position: relative; top: 0%; visibility: visible; opacity: 1; border: 1px solid #c6b16a; border-top: 0px;}
    .card-in-hov {background: #fcfbf8; padding-top: 0px;}
    .that-guide-inner {padding: 0px 5px;}
    .principle-card a.btn{display: none;}

     .planning-tree-main {
        padding: 60px 0;
    }

    .planning-block-in {
        width: min(100% - 50px, 850px);
        gap: 25px;
    }

    .wealth-content {
        width: 58%;
    }

    .wealth-image {
        width: 42%;
    }

    .wealth-eyebrow {
        font-size: 15px;
    }

    .wealth-content h1 {
        font-size: 48px;
        letter-spacing: -1.5px;
    }

    .wealth-content p {
        font-size: 15px;
        line-height: 1.6;
    }

    
    .wealth-btn {
        padding: 0 20px;
        font-size: 14px;
    }

}

@media (max-width: 767px) {

    .fl-hero-block-right span{font-size: 14px;}
    .fl-hero-block-right h1{font-size: 54px;}
    .fl-hero-block-right p{margin-bottom: 30px;}
    .fl-hero-button a.btn{font-size: 14px;line-height: 42px;}
    .fl-hero-button{gap: 10px;}
    .fl-hero-button a.btn{max-width: 166px;}
    .hreo-image::before{width: 100%; background: rgba(0,0,0,0.40);}
    .fl-home-hero{min-height: 449px;}
    .hreo-image img{object-position: -100px;}
    .wealth-management-services-main{padding: 40px 0px;}
    .wealth-management-top h2 span{font-size: 15px; }
    .wealth-management-top h2 {line-height: 42px;font-size: 42px;}
    .wealth-management-top{margin-bottom: 40px;}
    .wealth-block-hover h3{font-size: 16px;}
    .welth-top h3{font-size: 16px;}
    .welth-top{gap: 20px;}
    .wealth-management-buttons{flex-wrap: wrap;justify-content: center;}
    .wealth-management-buttons a.btn{font-size: 14px;}
    .wealth-management-buttons{margin-top: 40px;}
    .fl-arrows .swiper--prev.button-arrow{left: -18px;}
    .fl-arrows .swiper--next.button-arrow{right: -48px;}
    .wealth-management-slider{width: 85%;margin: 0 auto;}
    .fl-arrows .button-arrow{width: 30px;}

    .principles-top-title{margin-top: 60px; }
    .principles-top-title h2 span{font-size: 15px;margin-bottom: 15px;}
    .principles-inner-block{flex-wrap: wrap;gap: 20px;}
    .principle-card h3{font-size: 16px;}
    .principle-card{width: 100%;min-height: 180px;}
    .the-principles-block-inner{margin-top: -120px; margin-bottom: 60px;}
    .principles-top-title h2{font-size: 42px;}
    .latest-news-main{padding: 60px 0px;}
    .latest-news-wrapper{flex-wrap: wrap;gap: 45px;}
    .big-post-leftfull{width: 100%;}
    .fl-small-posts{width: 100%;}
    .news-inner-cardblock .image{margin-bottom: 24px;}
    .news-inner-cardblock a{margin-bottom: 20px;}
    .news-right-top h2 span{font-size: 15px;}
    .news-right-top h2{line-height: 42px;font-size: 42px;}
    .the-principles-top-block{min-height: 400px;}
    .small-info-right a h4{font-size: 15px;}
    .small-info-right a.read-btn{font-size: 14px;}
    .small-info-right .date small{font-size: 11px;}
    .small-post-card-md .image{width: 140px;height: 120px;}
    .fl-inner-crad-right .small-post-card-md{margin-bottom: 24px;}
    .news-right-top {margin-bottom: 30px;}
    .news-right-btns{flex-wrap: wrap; justify-content: center;margin-top: 34px;}

    .cta-image-card{min-height: 400px;position: relative;}
    .cta-main .container{padding: 0px;min-height: auto;}
    .cta-image-card img{width: 100%;height: 100%;object-fit: cover;position: absolute;object-position: left;top: 0px;left: 0px;}
    .cta-block-info {padding: 45px 20px;}
    .cta-info{ padding-left: 0px;min-height: auto; }
    .cta-info span{font-size: 15px;}
    .cta-info h3{line-height: 42px;font-size: 42px;}
    .cta-btns{flex-wrap: wrap;margin-top: 22px;}
    .cta-btns a.btn{font-size: 14px;line-height: 42px;}
    .news-right-btns a.btn{font-size: 14px;}
    .new-footer-logo a p{justify-content: center;}
    .linkdinicon{font-size: 24px;}
    .small-post-card-md .small-info-right{width: calc(100% - 165px);}

    .inner-page-hero-btns{flex-wrap: wrap;}
    .inner-page-hero-btns a.btn{font-size: 14px;line-height: 44px;}

    .common-inner-hero {min-height: 450px;}
    .wm-faq-answer{padding: 0 20px 18px 28px;}

    .show-card {position: relative; top: 0%; visibility: visible; opacity: 1; border: 1px solid #c6b16a; border-top: 0px; margin-top: -20px;}
    .card-in-hov {background: #fcfbf8; padding-top: 0px;}
    .that-guide-inner {padding: 0px 5px;}
    .principle-card a.btn{display: none;}


    .planning-tree-main {
        padding: 50px 0 45px;
    }

    .planning-block-in {
        width: calc(100% - 40px);
        flex-direction: column;
        align-items: stretch;
        gap: 35px;
    }

    .wealth-content {
        width: 100%;
        text-align: left;
    }

    .wealth-eyebrow {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .wealth-content h1 {
        margin-bottom: 18px;

        font-size: clamp(40px, 11vw, 54px);
        line-height: 1;
        letter-spacing: -1px;
    }

    .wealth-content p {
        font-size: 15px;
        line-height: 1.65;
    }

   

    .wealth-btn {
        min-height: 45px;
        padding: 0 20px;
        font-size: 14px;
    }

    .wealth-image {
        width: 100%;
        justify-content: center;
    }

    .wealth-image img {
        width: 85%;
        max-width: 420px;
    }

    .planning-buttons.wwm {flex-wrap: wrap;margin-top: 30px;}
    .wealth-image{max-width: none;}
    .planning-block-in{flex-direction: column-reverse;}
    .wealth-image img{max-width: none;width: 100%;}
    .contact-layout{display: flex;flex-wrap: wrap;gap: 36px;}
    .ft-full {margin-bottom: 15px;}
    .ft-form-grid{grid-template-columns: 1fr;gap: 15px;}

    .intro-copy h2 span {font-size: 16px;}
    .intro-copy h2 {font-size: 40px;line-height: normal;}
    .intro-copy {margin-bottom: 35px;}
    .ft-field input, .ft-field textarea, .ft-field select{font-size: 14px;}
    .infos-address p{font-size: 14px !important;line-height: normal !important;}
    .map-card .gm-style .gm-style-iw-c{max-width: 240px !important;}
    .map-card{height: 600px;}
    .textd a{font-size: 12px;}
    .contact-intro{padding: 55px 0px;}
    .contact-info{width: 100%;}
    .contact-info h3{margin-bottom: 30px;}
    .info-item.address-item {margin-bottom: 24px;}
    .call-list-item ul{margin-bottom: 28px;}
    .call-list-item ul li a{font-size: 14px;}
    .contact-info h3{font-size: 16px;}
    .ft-submit input[type="submit"]{font-size: 14px;}
    .inner-page-hero-info span{font-size: 14px;}
    .inner-page-hero-info p br {display: none;}

}

@media (max-width: 480px) {

    .wm-heading {
        font-size: 40px;
    }

    .wm-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .wm-faq-heading {
        font-size: 40px;
    }
}