/* Responsive */
@media (max-width: 1800px) {
    .free-guide-image {
        width: 550px !important;
        height: 550px !important;
    }
}
@media (max-width: 1600px) {
    .banner-lawyers {
        width: 600px;
        height: 600px;
        max-width: 600px;
    }
    body{
        padding: 0 30px;
    }
    .free-guide-image{
        width: 650px;
        height: 650px;
    }
    .free-guide{
        padding: 145px 124px 125px 0;
    }
    .navbar{
        padding: 56px 50px;
    }
    header.scrolled .navbar{
        padding: 30px 50px;
    }
    .navbar-nav{
        gap: 30px;
        margin-left: 30px !important;
        padding-left: 30px;
    }
    .navbar-nav .nav-item .nav-link{
        font-size: 18px;
    }
    .standing-img{
        width: 400px;
        height: 400px;
    }
}
@media (max-width: 1450px) {
    .attorney-image{
        display: none;
    }
}
@media (max-width: 1200px) {
    .banner{
        height: 700px;
    }
    .banner-content{
        padding-left: 50px;
        padding-top: 120px;
        max-width: 700px;
    }
    .banner-content h1{
        font-size: 55px;
        line-height: 60px;
    }
    .banner-content h2{
        font-size: 18px;
        line-height: 22px;
    }
    .banner-content p{
        font-size: 18px;
        line-height: 22px;
    }
    .banner-lawyers{
        width: 600px;
        height: 600px;
    }
    .banner-btns{
        flex-wrap: wrap;
        gap: 20px;
    }
    .banner-points{
        margin-top: 60px;
        gap: 20px;
        flex-wrap: wrap;
    }
    .navbar{
        padding: 40px 30px;
    }
    header.scrolled .navbar{
        padding: 20px 30px;
    }
    .navbar-brand img{
        width: 220px;
    }
    .navbar-nav{
        gap: 20px;
        margin-left: 20px !important;
        padding-left: 20px;
    }
    .navbar-nav .nav-item .nav-link{
        font-size: 16px;
        padding: 15px 0;
    }
    .navbar-right{
        gap: 15px;
    }
    .navbar-right .banner-btns a{
        padding: 10px 20px;
    }
    .navbar-right .banner-btns a p{
        font-size: 14px;
    }
    .work-step-three, .work-step-four, .work-step-two, .step-right {
        margin: 0;
    }
    .work-step{
        margin-bottom: 30px;
    }
    .free-guide {
        padding: 145px 124px 0px 0;
        height: auto;
    }
    .free-guide-image {
        width: 400px;
        height: 400px;
        position: relative;
    }
    .slick-arrow{
        display: none !important;
    }
    .arc-story {
        padding: 150px 0 70px 0;
    }
    .single-expect{
        margin-bottom: 50px;
    }
    .expertise-header h2, .faq-left h2, .arc-story-content h2, .get-help-today h3, .attorney-details h2, .free-guide-content h2, .nationwide-reach-wrapper h2, .common-questions h2, .safe-here-wrapper h2, .common-questions h2, .detention-row-left h2, .case-overview h2, .expect-wrapper h2, .testimonials-heading h2, .next-steps-content h2, .banner-content h1, .support-resources h2, .touch-left h2 {
        font-size: 50px;
        line-height: 55px;
    }
    .single-expect{
        text-align: center;
    }
    .standing-content p, .featured-content-left p, .expertise-header p, .expertise-card p, .arc-story-content p, .nationwide-reach-wrapper p, .safe-here-wrapper p {
        font-size: 18px;
        line-height: 25px;
    }
    .submit-info {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .attorney-image{
        display: none;
    }
    .map-image{
        width: 300px;
        height: 300px;
    }
    .nations{
        flex-wrap: wrap;
    }
    .nations p, .nations button{
        width: 125px;
        height: 40px;
    }
    .nations p, .nations button{
        font-size: 16px;
    }
    .nations-border{
        margin: 30px auto;
    }
    .nation-points{
        gap: 30px;
        flex-wrap: wrap;
    }
    .nationwide-reach-wrapper{
        height: auto;
        padding: 50px;
    }
    .nations-content-wrapper{
        max-width: 100%;
    }
    .map-image{
        width: 300px;
        height: 300px;
    }
    .safe-here {
        padding-top: 50px;
    }
    .safe-here-wrapper{
        padding: 0 30px;
        height: 300px;
    }
    .single-case{
        height: auto;
    }
}

@media (max-width: 992px) {
    body{
        padding: 0;
    }
    .banner{
        height: 650px;
    }
    .banner-content{
        padding-left: 30px;
        padding-top: 100px;
        max-width: 600px;
    }
    .banner-content h1{
        font-size: 45px;
        line-height: 50px;
    }
    .banner-content h2{
        font-size: 16px;
        line-height: 20px;
    }
    .featured-left-cards{
        flex-direction: column-reverse;
    }
    .banner-content p{
        font-size: 16px;
        line-height: 20px;
    }
    .banner-lawyers{
        width: 450px;
        height: 450px;
    }
    .banner-btns a{
        padding: 12px 25px;
        gap: 10px;
    }
    .banner-btns a p{
        font-size: 16px;
    }
    .banner-points .point p{
        font-size: 15px;
        line-height: 18px;
    }
    .banner-points{
        margin-top: 40px;
        gap: 15px;
    }
    .navbar{
        padding: 20px 15px;
    }
    header.scrolled .navbar{
        padding: 15px;
    }
    .navbar-brand img{
        width: 180px;
    }
    .navbar-collapse{
        background-color: #fff;
        padding: 20px;
        margin-top: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        flex-direction: column;
    }
    .navbar-nav{
        flex-direction: column;
        gap: 0;
        margin-left: 0 !important;
        padding-left: 0;
        border-left: none;
        width: 100%;
    }
    .navbar-nav .nav-item{
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
    }
    .navbar-nav .nav-item:last-child{
        border-bottom: none;
    }
    .navbar-nav .nav-item .nav-link{
        color: #333 !important;
        padding: 15px 10px;
        font-size: 16px;
    }
    .navbar-nav .nav-item .nav-link:hover{
        color: #b69d74 !important;
    }
    .navbar-right{
        flex-direction: row-reverse;
        align-items: flex-start;
        gap: 15px;
        width: 100%;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #f0f0f0;
    }
    .navbar-right button{
        order: 2;
    }
    .navbar-right .banner-btns{
        order: 1;
        width: 100%;
    }
    .navbar-right .banner-btns a{
        background-color: #b69d74 !important;
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }
    .navbar-right .banner-btns a p{
        font-size: 14px;
        color: #fff !important;
    }
    .navbar-toggler{
        border: 1px solid rgba(255,255,255,0.5);
        padding: 8px 12px;
    }
    header.scrolled .navbar-toggler{
        border-color: #333;
    }
    .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        width: 24px;
        height: 24px;
    }
    header.scrolled .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(51, 51, 51, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .stand-for-section h2{
        font-size: 40px;
        position: relative;
        z-index: 10;
    }
    .next-steps-content{
        padding: 0 60px;
    }
    .get-help-today h3{
        font-size: 30px !important;
    }
    .contact-card{
        padding: 30px;
    }
    .contact-card-left{
        gap: 20px;
    }
    .get-in-touch{
        padding: 50px 0 0 0;
    }
    .standing-img {
        display: none;
    }
    .standing-box {
        gap: 30px;
        padding: 20px 0;
    }
    .featured-case-content{
        padding: 20px;
    }
    .featured-case-content:after{
        width: 100%;
    }
    .testimonials-heading h2, .next-steps-content h2 {
        font-size:40px;
        line-height: 45px;
    }
    .single-contact{
        margin-bottom: 20px;
    }
    .arc-story img{
        display: none;
    }
    .arc-story{
        padding: 50px 0;
    }
    .arc-story-content, .get-help-today{
        padding: 40px;
        max-width: 100%;
    }
    .get-help-today{
        margin-top: 20px;
    }
    .expertise-header h2, .faq-left h2, .arc-story-content h2, .get-help-today h3, .attorney-details h2, .free-guide-content h2, .nationwide-reach-wrapper h2, .common-questions h2, .safe-here-wrapper h2, .detention-row-left h2, .common-questions h2, .detention-row-left h2, .case-overview h2, .expect-wrapper h2, .banner-content h1, .support-resources h2, .touch-left h2{
        font-size: 40px;
        line-height: 45px;
    }
    .single-case{
        height: auto;
    }
    .next-steps{
        padding-top: 0px;
    }
    .single-expect{
        margin-bottom: 30px;
    }
    .contact-card h6{
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .detention-abuse{
        padding: 50px 0;
    }
    .standing-content p, .featured-content-left p, .expertise-header p, .expertise-card p, .arc-story-content p, .nationwide-reach-wrapper p, .safe-here-wrapper p{
        font-size: 16px;
        line-height: 22px;
    }
    .submit-info{
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .attorney-blocks{
        flex-direction: column;
    }
    .attorney-details-left{
        padding: 0;
    }
    .attorney-detail-right{
        width: 100%;
    }
    .nations{
        flex-wrap: wrap;
    }
    .nations p, .nations button{
        width: 125px;
        height: 40px;
    }
    .nations p, .nations button{
        font-size: 16px;
    }
    .nations-border{
        margin: 30px auto;
    }
    .nation-points{
        gap: 30px;
        flex-wrap: wrap;
    }
    .detention-row-left{
        padding: 0;
    }
}

@media (max-width: 768px) {
    .banner-lawyers {
        width: 300px;
        height: 400px;
    }
    .single-contact img{
        width: 30px;
    }
    .banner {
        min-height: 500px;
        height: 600px;
        border-radius: 0 0 20px 20px;
    }
    body{
        padding: 0;
    }
    .banner-content{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 150px;
        max-width: 100%;
        gap: 15px;
    }
    .banner-content h1{
        font-size: 35px;
        line-height: 40px;
    }
    .banner-content h2{
        font-size: 14px;
        line-height: 18px;
    }
    .banner-content p{
        font-size: 14px;
        line-height: 18px;
    }
    .banner-btns{
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .banner-btns a{
        padding: 10px 20px;
        width: 100%;
        max-width: 280px;
        justify-content: center;
    }
    .banner-btns a p{
        font-size: 14px;
    }
    .banner-points{
        margin-top: 30px;
        padding-top: 15px;
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }
    .banner-points .point{
        gap: 8px;
    }
    .free-guide{
        padding: 40px;
        height: auto;
    }
    .form-footer{
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 20px;
    }
    .free-guide-content form{
        align-items: flex-start;
    }
    .expertise{
        padding-bottom: 50px;
    }
    .banner-points .point p{
        font-size: 13px;
        line-height: 16px;
    }
    .banner-points .point img{
        width: 16px;
        height: 16px;
    }
    .stand-for-section h2 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 30px;
    }
    .stand-for-section{
        margin: 0;
    }
    .our-mission, .featured-case {
        padding: 50px 0;
    }
    .mission-box{
        margin-bottom: 20px;
    }
    .our-mission h3, .featured-case-header h2, .expertise-header h2, .faq-left h2{
        font-size: 40px;
        line-height: 45px;
    }
    .expertise-cards{
        margin: 0;
    }
    .get-in-touch{
        padding: 60px 0;
    }
    .touch-left p{
        text-align: center;
    }
    .contact-card-left p{
        text-align: left;
    }
    .contact-card h6{
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .testimonials-heading h2, .next-steps-content h2, .how-we-work h2, .free-guide-content h2, .common-questions h2, .detention-row-left h2, .case-overview h2, .expect-wrapper h2, .support-resources h2, .banner-content h1, .support-resources h2, .touch-left h2 {
        font-size: 40px;
        line-height: 45px;
        text-align: center;
    }
    .detention-abuse, .what-to-expect, .support-resources{
        padding: 50px 0;
    }
    .single-case, .single-expect{
        margin-bottom: 20px;
    }
    .single-support-card{
        margin-bottom: 20px;
        height: auto;
    }
    .testimonial-card{
        margin-bottom: 30px;
        border: none !important;
    }
    .testimonial-card h4 {
        font-size: 30px;
        line-height: 35px;
        margin-top: 20px;
    }
    .step-right h4, .featured-content-right h4, .have-question>div h4, .have-question>div a, .next-steps-content p{
        font-size: 22px;
    }
    .next-steps{
        padding-top: 50px;
    }
    .have-question{
        margin-bottom: 30px;
    }
    .faq-wrapper{
        padding: 30px;
    }
    .work-step{
        gap: 30px;
    }
    .step-right h4 br{
        display: none;
    }
    .step-right{
        margin-bottom: 30px;
        gap: 10px;
    }
    .works-steps{
        grid-template-columns: repeat(1, 1fr);
    }
    .step-left{
        gap: 5px;
    }
    .next-steps-content{
        text-align: center;
        padding: 40px;
    }
    .next-steps-content .banner-points{
        flex-direction: row;
    }
    .free-guide-image{
        display: none;
    }
    footer, .testimonials, .how-we-work{
        padding: 50px 0;
    }
    .footer-links{
        margin-top: 30px;
        gap: 20px;
    }
    .footer-contact{
        margin: 30px 0;
    }
    .footer-bottom{
        flex-direction: column;
        gap: 10px;
    }
    footer small{
        margin: 0;
    }
    .faq{
        padding: 60px 0;
    }
    .footer-links ul{
        gap: 10px;
    }
    .discuss-case{
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    .featured-content-right{
        margin-top: 30px;
    }
    .testimonials-box{
        margin: 0 10px;
    }
    .questions-blocks{
        margin: 20px auto 0 auto;
    }
    .single-common-question{
        gap: 20px;
    }
    .common-questions-wrapper{
        padding: 80px 0 50px 0;
    }
    .safe-here{
        padding-top: 30px;
    }
    .safe-here-wrapper{
        padding: 0 30px;
        height: 300px;
    }
}

@media (max-width: 576px) {
    .banner-lawyers {
        width: 200px;
        height: 300px;
        opacity: 0.3;
    }
    .banner{
        height: auto;
        min-height: 550px;
        padding-bottom: 40px;
    }
    .small-banner{
        min-height: 300px !important;
        max-height: 300px !important;
    }
    .small-banner .banner-content{
        padding-top: 100px;
    }
    .banner-content{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 120px;
        gap: 12px;
    }
    .banner-content h1{
        font-size: 28px;
        line-height: 32px;
    }
    .footer-bottom p, .footer-bottom ul li a{
        font-size: 15px;
    }
    .footer-bottom ul{
        gap: 5px;
    }
    .banner-content h2{
        font-size: 12px;
        line-height: 16px;
    }
    .banner-content p{
        font-size: 13px;
        line-height: 16px;
    }
    .banner-btns a{
        padding: 10px 18px;
        max-width: 100%;
    }
    .banner-btns a p{
        font-size: 12px;
    }
    .banner-btns a img{
        width: 14px;
        height: 14px;
    }
    .banner-points{
        margin-top: 25px;
        padding-top: 12px;
    }
    .banner-points .point p{
        font-size: 12px;
        line-height: 14px;
    }
    .navbar{
        padding: 15px 10px;
    }
    header.scrolled .navbar{
        padding: 12px 10px;
    }
    .navbar-brand img{
        width: 150px;
    }
    .navbar-collapse{
        padding: 15px;
        margin-top: 15px;
    }
    .navbar-nav .nav-item .nav-link{
        font-size: 14px;
        padding: 12px 8px;
    }
    .navbar-right .banner-btns a p{
        font-size: 13px;
    }
    .navbar-right button img{
        width: 18px;
        height: 18px;
    }
    .standing-content h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .standing-content p, .featured-content-left p, .expertise-header p, .expertise-card p {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width: 375px) {
    .banner{
        min-height: 500px;
    }
    .banner-content{
        padding-top: 100px;
    }
    .banner-content h1{
        font-size: 24px;
        line-height: 28px;
    }
    .banner-content h2{
        font-size: 11px;
        line-height: 14px;
    }
    .banner-content p{
        font-size: 12px;
        line-height: 15px;
    }
    .banner-btns a p{
        font-size: 11px;
    }
    .banner-points .point p{
        font-size: 11px;
        line-height: 13px;
    }
    .navbar-brand img{
        width: 130px;
    }
    .navbar{
        padding: 12px 8px;
    }
    .navbar-nav .nav-item .nav-link{
        font-size: 13px;
        padding: 10px 5px;
    }
    .navbar-right .banner-btns a p{
        font-size: 12px;
    }
}