/*====================================================

FOOTER

====================================================*/

@media(max-width:992px){

.footer-container{

grid-template-columns:1fr;

text-align:center;

}

.footer-contact{

align-items:center;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

}

/*====================================================
MOBILE NAVIGATION
====================================================*/

.mobile-toggle{

display:none;

cursor:pointer;

}

@media(max-width:992px){

.mobile-toggle{

display:block;

}

.nav{

flex-wrap:wrap;
min-height:72px;

}



.nav-links{

    display:none;

    width:100%;

    flex-direction:column;

    align-items:center;

    gap:18px;

    margin-top:25px;

    padding:25px 0;

    border-top:1px solid rgba(0,0,0,.08);

}

.nav-links.active{

display:flex;

}

.logo{

    gap:12px;

}

.logo img{

    width:42px;

}

.brand h1{

    font-size:1.28rem;
    line-height:1.05;

}

.brand span{

    font-size:.82rem;

}
.header{

    padding:12px 6%;

}

}

/*====================================================

HERO

====================================================*/

@media(max-width:992px){

.hero{

    padding:20px 6% 50px;

}

.hero-container{

    grid-template-columns:1fr;

    text-align:center;

    gap:15px;

}

.hero-content{

    order:1;

}

.hero-image{

    order:2;

    margin-bottom:10px;

    display:flex;

    justify-content:center;

}

.hero-image img{

    width:min(68%,280px);

    max-width:280px;

}

.hero h1{

    margin:0 auto 20px;

    font-size:clamp(2.3rem,7vw,3.4rem);

    line-height:1.1;

}

.hero p{

    margin:0 auto 30px;

    max-width:550px;
    font-size:1rem;
    line-height:1.7;

}

.hero-buttons{

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
    margin:30px 0;

}

.hero-buttons a,
.hero-buttons .btn-primary,
.hero-buttons .btn-secondary{

    width:100%;
    max-width:300px;
    justify-content:center;

}

.hero-trust{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:25px;
    text-align:center;

}

}



/*====================================================

TRUST STRIP

====================================================*/

@media(max-width:1200px){

.trust-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.trust-grid{

grid-template-columns:1fr;

}

}

/*====================================================

WHY CHOOSE US

====================================================*/

@media(max-width:992px){

.why-grid{

grid-template-columns:1fr;

text-align:center;

gap:40px;

}

.why-features{

grid-template-columns:1fr;

}

.feature{

justify-content:center;

text-align:left;

}

.why-buttons{

justify-content:center;

}

}

/*====================================================

CONDITIONS

====================================================*/

@media(max-width:1200px){

.conditions-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.conditions-grid{

grid-template-columns:1fr;

}

}



/*====================================================
FAMILY CARE
====================================================*/

@media(max-width:992px){

    .family-grid{

        grid-template-columns:1fr;
        text-align:center;

    }

    .family-image{

        order:1;

    }

    .family-content{

        order:2;

    }

    .family-list{

        grid-template-columns:1fr;

    }

    .family-list div{

        justify-content:center;

    }

    .family-buttons{

        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:15px;

    }

}

/*====================================================

MEET YOUR CHIROPRACTOR

====================================================*/

@media(max-width:1200px){

.doctor-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.doctor-grid{

grid-template-columns:1fr;

}

.doctor-philosophy blockquote{

font-size:1.6rem;

}

}

/*====================================================

PATIENT JOURNEY

====================================================*/

@media(max-width:1200px){

.journey-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.journey-grid{

grid-template-columns:1fr;

}

.journey-cta{

padding:40px 25px;

}

}

/*====================================================

LOCATIONS

====================================================*/

@media(max-width:1100px){

.locations-grid{

grid-template-columns:1fr 1fr;

}

.featured{

grid-column:span 2;

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.locations-grid{

grid-template-columns:1fr;

}

.featured{

grid-column:span 1;

}

.location-buttons{

flex-direction:column;

}

.location-buttons a{

width:100%;

justify-content:center;

}

}

/*====================================================

BOOKING

====================================================*/

@media(max-width:992px){

.booking-review-grid{

grid-template-columns:1fr;

}

}

/*====================================================

HEALTH RESOURCES

====================================================*/

@media(max-width:1100px){

.resources-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.resources-grid{

grid-template-columns:1fr;

}

section{

    padding-top:var(--section-space-mobile) !important;

    padding-bottom:var(--section-space-mobile) !important;

}

}
/* @media(max-width:600px){

.top-bar{

    min-height:36px;
    padding:5px 0;

}

.top-message{

    font-size:.86rem;
    line-height:1.35;

}

.top-message img{

    width:15px;
    height:15px;

}

.top-contact{

    font-size:.92rem;

}

.top-contact img{

    width:18px;
    height:18px;

}
*/

@media(max-width:600px){

.top-bar{

    height:76px;
    padding:6px 0;

}

.top-bar-inner{

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:4px;

    text-align:center;

}

.top-message{

    font-size:.78rem;

    line-height:1.2;

    white-space:normal;

}

.top-message img{

    width:15px;

    height:15px;

    flex-shrink:0;

}

.top-contact{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    font-size:.92rem;

    line-height:1.1;

}

.top-contact a{

    color:#fff !important;

    opacity:1;

}

.top-contact img{

    width:18px;

    height:18px;

    flex-shrink:0;

}

.top-phone-link{

    color:#fff !important;

    font-weight:600;

    text-decoration:none;

    white-space:nowrap;

}

.top-bar-inner{

flex-direction:column;

gap:6px;

text-align:center;

}

.header{

top:76px;  /*was 58 */
 
}
.hero-buttons{

    margin-bottom:20px;

}

body{

padding-top:148px;

}

}

@media(max-width:1200px){

    .nav-links{

        gap:18px;

    }

}