@media(max-width:1440px) {
    .f77 { font-size: 65px;}
    .f52 { font-size: 42px;}
    .header .nav-links{    gap: 35px;}
    .header .nav-links li a {font-size: 17px;}
    .header .sra-logo {width: 120px;}
    .header .logo img {height: auto;width: 200px;}
    .userImg img {max-width: 305px; }
    .f50 {font-size: 40px;}
    .f24 {font-size: 19px;}
}

@media (max-width: 1368px) {
    .our-practice-areas .heading-area .content-wrap {max-width: 717px;}
    .contact-info-area { width: 473px;flex: 0 0 473px;}
    .f50 {font-size: 35px;}
    .section-padding {padding: 65px 0;}
    .hero { min-height: 650px; }
}

@media(max-width:1280px) {
    .listGroup ul { grid-template-columns: repeat(3, 1fr);}	 
}

@media(max-width:1199px) {
    .header .sra-logo {width: 100px;}
    .header .nav-links {gap: 28px;}
    .header .nav-links li a {font-size: 16px;}
    .header .logo img {width: 180px;}
    .contact-info-area {width: 400px;flex: 0 0 400px;}
    .f77 {font-size: 53px;}
    .f52 {font-size: 36px;}
    .f20 {font-size: 18px;}
    .themeBtn { font-size: 18px;}
    .icon-we-do {width: 60px;height: 60px; padding: 15px;overflow: hidden;}
}

@media(max-width:991px) {
    .header .nav-right {margin-left: auto;margin-right: 20px;}
    .header .nav-icons{display: none;}
    .header .navbar {padding: 12px 20px;min-height: auto;}
    .header .nav-links {top: 75px;padding: 22px 0;}
    .footer-container .col-md-3{width: 50%;margin-bottom: 40px;}
    .listGroup ul { grid-template-columns: repeat(2, 1fr);}
    .f50 { line-height: normal;margin-bottom: 25px;}
    .contact-form-area, .contact-info-area {padding: 63px 28px 30px;}
    .contactWrap {  flex-direction: column}
    .contact-info-area {width: 100%;flex: 0 0 100%;}
    .faqs-container{margin: 0 20px;}
}

@media(max-width:767px) {
    .footer-container .col-md-3{width: 100%;margin-bottom: 30px;}
    .footer {padding: 45px 0 0px 0px;}
    .col-md-4 {width: 50%;}
    .what-we-do-card { min-height: auto;padding: 25px;margin-bottom: 25px;}
    .what-we-do::after {top: 192px; width: 374px;height: 374px;right: 0;}
    .py-16 {padding: 40px 0;}
    .mb-20 {margin-bottom: 15px;}
    .grid-cols-2 {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .gap-8 {gap: 1rem;}
    .mb-30 {margin-bottom: 20px;}
    .our-promise .f36.text-center{text-align: left;}
    .our-promise {background-position: right;background-size: cover;}
}

 
@media(max-width: 575px) {
    .f77 {font-size: 39px;}
    .f52 {font-size: 28px;}
    .f24 {font-size: 18px;line-height: 25px;}
    .userImg img {max-width: 203px;}
    .f20 {font-size: 16px;}
    .hero {min-height: 577px;position: relative;text-align: center;}
    .hero::after {content: "";background: #003e7b38;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;display: none;}
    .hero .hero-content { position: relative;z-index: 1;}
    .starShape {text-align: center;margin-bottom: 30px;margin-left: auto;margin-right: auto;display: flex;justify-content: center;}
    .hero-content .themeBtn { margin: 0 auto;}
    .section-padding {padding: 40px 0;}
    .userChatButton { flex-direction: column;}
    .userChatButton a.themeBtn {width: 100%;max-width: 100%;margin: 0 0 10px 0; }
    .our-practice-areas-inner {padding-right: 7px;}
    .col-md-4 {width: 100%;}
    .userChatButton a.themeBtn { text-align: center;}
    .contact-form-area, .contact-info-area {padding: 40px 22px 30px;}
    .theme-container { padding: 0 20px;}
    .contact-form-area h2 {margin-bottom: 11px;text-align: center;}
    .contact-form-area p{text-align: center;}
    .inner-head {max-width: 370px;text-align: center;}
    .listGroup ul {grid-template-columns: repeat(1, 1fr);}
    .listGroup ul li { margin-bottom: 18px; }
    .listGroup ul { margin-top: 35px;}
}

@media(max-width:480px) {
    .f52 {font-size: 25px;}
    .f50 {font-size: 30px;}
    .themeBtn.liveChat{font-size: 16px;}
    .hero-section{padding-top: 3rem;padding-bottom: 3rem;}
    .hero-section-content h1 {font-size: 2.2rem;}
    .hero-section-content p {font-size: 1.10rem;}
    .f36 {font-size: 30px;}
    .f18 {font-size: 16px;line-height: 24px;}

    .card, .payment {padding: 1.2rem;}
    .transparency{padding: 25px 20px;}
    .card h4 {font-size: 1.4rem;}
    .grid-2, .fee-structures {margin-bottom: 2rem;}
    .yellow-card::after, .blue-card::after {right: 10px;top: auto;bottom: 0;width: 70px;height: 120px;opacity: 0.1;}
    .transparency .flex{flex-direction: column;}
    .transparency p {font-size: 16px;line-height: 24px;}

    .faqs-section::after{display: none;}
    .faqs-hero img{max-width: 200px;}
    .faqs-section .f50.mb-20 {margin-bottom: 25px;}
    .accordion-header {font-size: 18px;}
    .accordion-header .number {display: flex;align-items: center;justify-content: center;height: 60px;width: 60px;flex: 0 0 auto;text-align: center;color: #fff;background: #003e7b;border-radius: 16px;}
    .what-we-deal-with .practice-areas-card p {font-size: 16px;line-height: 26px;}
    .accordion-content {border: 1px solid #EAEAEA;padding: 20px;font-size: 18px;color: #151515;font-weight: 500;line-height: 26px;margin-bottom: 20px;border-radius: 20px;}
    .footer-bottom {padding: 12px 15px;}
}