@media(max-width:1400px){

}


@media(max-width:991px){
html{font-size: 14px;}

.same-section{padding: 3rem 0;}
.same-heading{margin-bottom: 3rem;}

/*  header css */
.mobile-menu-toggle { display: inline-flex;  align-items: center; justify-content: center;}
.header .nav{display: none; }
.header .call-button{display: none; }

.body-overlay.active{display: block;}
.mobile-sidemenu{position: fixed; top: 0; right: -100%; width: 17rem; height: 100%; background: var(--WhiteColor); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2); transition: right 0.3s ease; padding: 1rem; z-index: 9999; gap: 1rem;}
.mobile-sidemenu .close-sidebarmenu{background: var(--PrimaryColor); color: var(--WhiteColor); width: 2rem; height: 2rem;display: flex; align-items: center; justify-content: center; margin-left: auto; padding: 0.2rem; border-radius: 50%; line-height: 0; border: solid 1px var(--PrimaryColor); font-size: 1rem; cursor: pointer;}
.mobile-sidemenu .close-sidebarmenu svg{width: 1rem; color: var(--WhiteColor);}
.mobile-sidemenu a:not(.btn-primary){ color: var(--BlackColor); font-size: 1rem; font-weight: 400;}
.mobile-sidemenu.active {right: 0;}
.hero-section{padding-top: 3rem;}
.hero-section h1{font-size: 2.6rem;}
.max-wid-50{max-width: 100%;}


}

@media(max-width:767px){
.same-heading.text-center .max-wid-50{max-width: 100%;}

.same-heading h2{font-size: 2rem;}
.same-heading h3{font-size: 1.6rem;}
.site-footer{padding: 2rem 0; text-align: center;}
.site-footer .footer-logo-wrap{ width: 100%; max-width: max-content; margin:0 auto 1rem;}

}


@media(max-width:567px){
html{font-size: 13px;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-left: 15px; padding-right: 15px;}
.header .top-bar .top-bar-menu{flex-direction: column;}
.attorneys-section .attorney-card .attorney-img img{height: auto;}
/* .contact-section .contact-form{padding-left: 15px; padding-right: 15px;} */
.contact-section .accessibility-note{padding: 0 15px;}
.dual-intake-section{padding-bottom: 0;}
}

@media(max-width:420px){
.hero-section .hero-buttons{flex-direction: column;}
.hero-section .hero-buttons .btn {width: 100%;}
.dual-intake-section .same-heading{padding: 1.5rem; margin-bottom: 0;}
}