@media (min-width: 768px){
    .home-banner .banner-image:after {
        content: "";
        position: absolute;
        width: 90%;
        height: 100%;
        background: url(../images/circle-shadow.webp);
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        right: 0;
        z-index: -1;
    }
    .cta-section {
        background: url(../images/bg-cta.webp);
        background-size: cover;
    }
    .team-section{
        background: url(../images/bg-team.webp);
        background-size: cover;
    }
}

@media (min-width:1200px){
    .container{
        max-width: 1150px;
    }

}

@media (min-width:1300px){
    .container{
        max-width: 1250px;
    }
    .home-banner {
        height: 100vh;
    }


}

@media (min-width:1400px){
    .container{
        max-width: 1300px;
    }

}

@media (min-width:1600px){
    .container{
        max-width: 1420px;
    }
    .spaced, .section-pd {
        padding-top: 100px;
        padding-bottom: 100px;
    }

}


@media (min-width:1800px){
    .container{
        max-width: 1620px;
    }

}

@media (min-width:992px){
    .footer .footer-col-3{
        column-count: 2;
    }
}

@media (max-width:1800px){
    .nav-menu > ul> li> a {
        font-size: 14px;
    }
    .header-phone {
        margin-left: 30px;
    }
    .home-banner .banner-top-title {
        font-size: 40px;
    }
    .home-banner .banner-title {
        font-size: 85px;
    }
    .home-banner .banner-tagline {
        font-size: 25px;
    }
    .home-banner .banner-description {
        padding-right: 40px;
    }
    .results-section .dollar {
        font-size: 110px;
    }
    .results-section .recovered-title {
        font-size: 60px;
    }
    .results-section .amount {
        font-size: 165px;
    }
    .results-slider .result-amount {
        font-size: 60px;
    }
    .results-slider .result-title {
        font-size: 13px;
    }
    .results-slider .result-text {
        font-size: 22px;
    }
    .results-slider .result-category {
        font-size: 16px;
    }
    .cta-section .cta-small-heading {
        font-size: 28px;
    }
    .cta-section .cta-heading {
        font-size: 55px;
    }
    .services-sec-list .service-image-title {
        font-size: 20px;
    }
    .attorneys-list .inner {
        width: 280px;
        height: 280px;
    }
    .get-help-sec {
        padding: 30px;
    }

    /* .get-help-sec .inner {
        width: 180px;
        height: 180px;
    } */

    .team-section .inner {
        width: 230px;
        height: 230px;
    }
    .home-banner .banner-image {
        right: -7%;
    }
    .header-phone .phone-no {
        font-size: 18px;
    }
    .home-banner .banner-review-logo {
        right: 20px;
    }

}

@media (min-width:1500px) and (max-width:1600px){
    .header-phone a {
       padding: 15px 15px;
    }
    .header-phone {
        margin-left: 20px;
    }
    .header-gtranslate {
    margin-left: 15px;
    }
    .header-search {
    margin-left: 30px;
    }
    .nav-menu > ul.menu > li {
    margin: 0 12px;
    }
}

@media (max-width:1500px){
    body {
        font-size: 18px;
    }
    .translated-ltr body{
        font-size: 16px;
    }
    h1, .h1{
        --h1: 40px;
    }
    h2, .h2 {
        --h2: 35px;
    }
    h3, .h3{
        --h3: 30px;
    }
    h4, .h4{
        --h4: 25px;
    }
    h5, .h5{
        --h5: 22px;
    }
    h6, .h6{
        --h6: 18px;
    }
    .heading {
        --heading: 45px;
    }

    .header-phone {
        margin-left: 30px;
    }

    .nav-menu > ul.menu > li {
        margin: 0 10px;
    }
    .nav-menu > ul> li> a {
        font-size: 13px;
    }
    .header-phone .phone-no {
        font-size: 18px;
    }
    .home-banner .banner-content {
        padding-bottom: 80px;
    }
    .home-banner .banner-top-title {
        font-size: 40px;
    }
    .home-banner .banner-title {
        font-size: 85px;
    }
    .home-banner .banner-description {
        font-size: 16px;
    }

    .results-section .dollar {
        font-size: 100px;
    }
    .results-section .amount {
        font-size: 160px;
    }
    .results-section .recovered-title {
        font-size: 55px;
    }
    .results-section .recovered-subtitle {
        font-size: 22px;
    }
    .results-slider .result-amount {
        font-size: 55px;
    }
    .results-slider .result-text {
        font-size: 20px;
    }
    .results-slider .result-title {
        font-size: 12px;
    }
    .results-slider .result-category {
        font-size: 16px;
    }
    .cta-section .cta-small-heading {
        font-size: 26px;
    }
    .cta-section .cta-heading {
        font-size: 45px;
    }
    .cta-section .cta-phone-title {
        font-size: 28px;
    }
    .cta-section .cta-phone .btn {
        font-size: 30px;
    }
    .cta-section .cta-tagline {
        font-size: 22px;
    }
    .services-sec-list .service-image-title {
        font-size: 18px;
    }
    .blog-section-list .blog-item-detail {
        padding: 30px 30px 70px;
    }
    .contact-phone-number .btn {
        font-size: 32px;
    }
    .dm-list .dm-title {
        font-size: 28px;
    }
    .attorneys-list .inner {
        width: 260px;
        height: 260px;
    }
    /* .get-help-sec .inner {
        width: 180px;
        height: 180px;
    } */

    .get-help-sec .block-content {
        font-size: 14px;
    }
    .translated-ltr .nav-menu > ul> li> a {
        font-size: 10px;
    }
    .header-phone .phone-no {
        font-size: 16px;
    }
    .header-phone .phone-title {
        font-size: 12px;
    }
    .form-section .main-row {
        --bs-gutter-x: 50px;
    }
}

@media (max-width:1400px){
    body {
        font-size: 16px;
    }
    .translated-ltr body{
        font-size: 14px;
    }
    h1, .h1{
        --h1: 35px;
    }
    h2, .h2 {
        --h2: 32px;
    }
    h3, .h3{
        --h3: 28px;
    }
    h4, .h4{
        --h4: 25px;
    }
    h5, .h5{
        --h5: 22px;
    }
    h6, .h6{
        --h6: 18px;
    }
    .heading {
        --heading: 40px;
    }
    .btn {
        padding: 10px 35px;
    }
    .form-group {
        margin-bottom: 20px;
    }
    .header-logo {
        width: 200px;
    }
    .header-right {
        width: calc(100% - 200px);
    }
    .nav-menu > ul.menu > li {
        margin: 0 10px;
    }
    .nav-menu > .menu > li.menu-item-has-children:after {
        width: 6px;
        height: 6px;
        right: -10px;
    }
    .nav-menu > ul> li> a {
        font-size: 13px;
    }
    .header-search {
        margin-left: 20px;
    }
    .header-phone {
        margin-left: 20px;
    }
    .header-phone .phone-no {
        font-size: 16px;
    }
    .header-phone a {
        padding: 10px 20px;
    }
    .home-banner .banner-top-title {
        font-size: 35px;
    }
    .home-banner .banner-title {
        font-size: 70px;
    }
    .home-banner .banner-tagline {
        font-size: 22px;
    }
    .home-banner .banner-content {
        padding-bottom: 50px;
    }
    .home-banner .banner-description {
        font-size: 16px;
        margin-top: 15px;
        padding-right: 30px;
    }
    .home-banner .banner-image {
        width: 60%;
        right: -5%;
        height: 550px;
    }
    .home-banner .banner-review-logo {
        width: 150px;
        height: 150px;
    }
    .banner-review-logo .review-card img{
        max-width: 64px;
    }
    
    .review-card  .rating-title{
        font-size: 36px;
    }

    .header-gtranslate {
        margin-left: 20px;
    }
    .header-search .search-icon {
        width: 15px;
        height: 15px;
    }

    .results-section .dollar span {
        font-size: 20px;
    }
    .results-section .amount {
        font-size: 150px;
    }
    .results-section .dollar {
        font-size: 95px;
    }
    .recovered-title {
        font-size: 50px;
    }
    .recovered-subtitle {
        font-size: 20px;
    }
    .results-slider .result-amount {
        font-size: 50px;
    }
    .results-slider .result-text {
        font-size: 16px;
    }
    .results-slider .result-title {
        font-size: 13px;
    }
    .results-slider .result-category {
        font-size: 14px;
    }
    .cta-section .cta-small-heading {
        font-size: 28px;
    }
    .cta-section .cta-heading {
        font-size: 45px;
    }
    .cta-section .cta-phone-title {
        font-size: 25px;
    }
    .cta-section .cta-phone .btn {
        font-size: 28px;
    }
    .cta-section .cta-tagline {
        font-size: 20px;
    }
    .awards-logos img {
        max-width: 130px;
    }
    .services-sec-list .service-image-title {
        font-size: 18px;
    }
    .community-section .inner {
        padding: 30px 30px 100px;
    }
    .blog-section-list {
        --bs-gutter-x: 40px;
    }
    .blog-section-list .blog-item-detail {
        padding: 30px 30px 70px;
    }
    .blog-section-list .blog-item-image img {
        height: 270px;
    }
    .footer .footer-col-1 {
        padding-right: 20px;
    }
    .footer-top {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .community-section .comm-text {
        font-size: 16px;
    }
    .location-tabs .tab-item {
        font-size: 16px;
    }
    .selected-nap .location-map iframe {
        height: 400px;
    }
    .services-sec-list .desc {
        font-size: 13px;
    }
    .referral-section .description {
        font-size: 24px;
    }

    .page-banner .banner-content-wrap {
        padding-top: 200px;
        padding-bottom: 80px;
    }

    .locations .location-content {
        font-size: 20px;
    }
    /* .get-help-sec .inner {
        width: 160px;
        height: 160px;
    } */

    .translated-ltr .get-help-sec .block-title {
        font-size: 16px;
    }
    .get-help-sec .block-content {
        font-size: 12px;
    }
    .page-banner .banner-title {
        font-size: 45px;
    }
    .contact-phone-number .btn svg {
        width: 30px;
        height: 30px;
    }
    .contact-phone-number .btn {
        font-size: 28px;
    }
    .dm-list .dm-title {
        font-size: 24px;
    }
    .cta-section-two {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .pagination .nav-links span, .pagination .nav-links a {
        font-size: 20px;
    }
    .pagination .prev.page-numbers, .pagination .next.page-numbers {
        width: 135px;
    }
    .pagination .nav-links span, .pagination .nav-links a {
        width: 60px;
        height: 50px;
    }
    .attorneys-list .inner {
        width: 235px;
        height: 235px;
    }
    .ci-listing .btn {
        font-size: 14px;
    }
    .translated-ltr .home-banner .banner-top-title {
        font-size: 24px;
    }
    .translated-ltr .home-banner .banner-title {
        font-size: 35px;
    }
    .translated-ltr .home-banner .banner-tagline {
        font-size: 18px;
    }
    .translated-ltr .header-phone {
        max-width: 150px;
    }
    .translated-ltr .pagination .prev.page-numbers span, .translated-ltr .pagination .next.page-numbers span {
        font-size: 12px;
    }
    .page-banner .banner-subtitle{
        font-size:16px ;
    }

    .contact-form-section .gtranslate-btn .glink.nturl.notranslate{
        padding: 10px 35px;
    }


}


@media (max-width:1300px){
    .header-logo {
        width: 150px;
    }
    .header-right {
        width: calc(100% - 150px);
    }
    .nav-menu > ul> li> a {
        font-size: 12px;
    }
    .heading {
        --heading: 40px;
    }
    .header .container-fluid {
        padding-left: 40px;
        padding-right: 40px;
    }
    .results-section .amount {
        font-size: 140px;
    }
    .results-slider .result-amount {
        font-size: 45px;
    }
    .results-slider .item {
        padding: 20px 15px;
    }
    .cta-section .cta-heading {
        font-size: 40px;
    }
    .team-section .inner {
        width: 200px;
        height: 200px;
    }
    .blog-section-list .blog-item-title a {
        font-size: 24px;
    }
    .team-section .name {
        font-size: 16px;
    }
    .pa-list .pa-image-title {
        font-size: 28px;
    }
    .ci-listing .item-inner {
        padding: 30px 30px 110px;
    }
    .ci-listing .item-inner .btn {
        font-size: 14px;
    }
    .page-banner .banner-title {
        font-size: 40px;
    }
    .spirit-list .sp-title {
        font-size: 24px;
    }
    .community-images img {
        height: 250px;
    }
    .sh-list .sh-title {
        font-size: 24px;
    }
    .blog-page-listing .blog-item .title {
        font-size: 24px;
    }
    .locations .location-content {
        font-size: 18px;
    }
    /* .get-help-sec .inner {
        width: 145px;
        height: 145px;
    } */
    .team-intro-section .name {
        font-size: 40px;
    }
    .team-intro-section .designation {
        font-size: 22px;
    }
    .ar-awards-logos img {
        max-width: 150px;
    }
    .dm-intro-sec strong {
        font-size: 20px;
    }
    .rating-points .rating-title{
       font-size: 50px;
    }

}

@media (max-width:1250px){
    .nav-menu > ul> li> a {
        font-size: 12px;
    }
    .home-banner .banner-description {
        font-size: 15px;
        padding-right: 0;
    }
    .heading {
        --heading: 40px;
    }
    .results-slider .slick-arrow {
        top: 30%;
    }
    .header-phone .phone-no {
        font-size: 14px;
    }
    .header-phone .phone-title {
        font-size: 12px;
    }
    .header-phone a {
        padding: 10px 12px;
    }

}

@media(min-width:1199px) {
.nav-menu ul li.menu_mega:hover > ul {
    display: flex;
    flex-wrap: wrap;
}
.menu_mega>ul.sub-menu {
    width: 500px;
    column-count: 2;
}
.menu_mega>ul.sub-menu li {
    width: 50%;
}
}

@media (max-width:1199px){
    h1, .h1{
        --h1: 35px;
    }
    h2, .h2 {
        --h2: 32px;
    }
    h3, .h3{
        --h3: 28px;
    }
    h4, .h4{
        --h4: 25px;
    }
    h5, .h5{
        --h5: 22px;
    }
    h6, .h6{
        --h6: 18px;
    }
    .heading {
        --heading: 35px;
    }
    .btn {
        font-size: 16px;
    }

    .section-pd, .spaced {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .header .nav-menu{
        display: none;
    }
    .menu-button {
        display: flex;
    }
    .header-phone {
        width: 45px;
        height: 45px;
        margin-left: 15px;
    }
    .header-phone a {
        padding: 0;
    }
    .header-phone .phone-icon {
        width: 100%;
        height: 100%;
        background: transparent;
        display: flex;
    }
    .header-phone .phone-title-wrap {
        display: none;
    }
    .header-phone a {
        padding: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }
    .header-phone .phone-icon path {
        stroke: #fff;
    }
    .header-gtranslate .glink[data-gt-lang="en"]:after {
        content: "EN";
        font-size: 16px;
    }
    .header-gtranslate .glink[data-gt-lang="es"]:after {
        content: "ES";
        font-size: 16px;
    }
    .header-gtranslate {
        padding: 0;
        margin-left: 15px;
        background: transparent;
    }
    .header-gtranslate .gtranslate_wrapper .glink {
        width: 45px;
        height: 45px;
        border: 1px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        overflow: hidden;
    }
    .header-gtranslate:hover{
        background: transparent;
    }
    .header-search {
        margin-left: 15px;
        width: 45px;
        height: 45px;
        border: 1px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }

    .home-banner .banner-top-title {
        font-size: 30px;
    }
    .home-banner .banner-title {
        font-size: 60px;
    }
    .home-banner .banner-tagline {
        font-size: 18px;
    }
    .home-banner .banner-review-logo {
        width: 100px;
        height: 100px;
    }
    .banner-review-logo .review-card img{
        max-width: 45px;
    }
    .banner-review-logo .review-card{
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
    .review-card  .rating-title{
        font-size: 24px;
    }

    .results-section .dollar span {
        font-size: 14px;
    }
    .results-section .dollar {
        font-size: 65px;
    }
    .results-section .amount {
        font-size: 110px;
    }
    .results-section .recovered-title {
        font-size: 40px;
    }
    .results-section .recovered-subtitle {
        font-size: 16px;
    }

    .cta-section .cta-small-heading {
        font-size: 24px;
    }
    .cta-section .cta-heading {
        font-size: 38px;
    }
    .about-section .btn-wrap {
        gap: 20px;
    }
    .community-list .row {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px;
    }
    .blog-section-list {
        --bs-gutter-x: 30px;
    }
    .blog-section-list .blog-item-title a {
        font-size: 22px;
    }
    .form-section .form-title {
        font-size: 28px;
    }
    .services-sec-list .service-image-title {
        font-size: 13px;
        padding: 20px 10px;
    }
    .page-banner .banner-content-wrap {
        padding-top: 150px;
        padding-bottom: 50px;
    }
    .pa-list .pa-image-title {
        font-size: 24px;
    }
    .cta-section-two .cta-two-title {
        font-size: 28px;
    }
    .cta-section-two .btn {
        font-size: 20px;
    }
    .attorneys-list .inner {
        width: 200px;
        height: 200px;
    }
    .team-intro-section {
        padding-top: 150px;
    }
    /* .team-video-section .video-bottom-content {
        font-size: 20px;
    } */
    .blog-detail-page .blog-image {
        height: 350px;
    }
    .sidebar li a {
        font-size: 18px;
    }
    .services-sec-list .desc {
        display: none;
    }
    .loc-content-with-bg-sec .bg {
        width: 100%;
    }
    .dm-intro-sec strong {
        font-size: 18px;
    }
    .loc-detail-intro-sec .main-row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 40px;
    }
    /* .get-help-sec .inner {
        width: 180px;
        height: 180px;
    } */
    .motorcycle-section .bg:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background: rgba(157, 34, 54, 0.5);
    }
    .translated-ltr .home-banner .banner-top-title {
        font-size: 20px;
    }
    .translated-ltr .home-banner .banner-title {
        font-size: 28px;
    }
    .translated-ltr .home-banner .banner-tagline {
        font-size: 14px;
    }
    .translated-ltr .header-phone a {
        padding: 0;
    }
    .page-template-temp-location-detail .results-slider .result-amount {
        font-size: 35px;
    }
    .location-cta-section .heading {
        font-size: 50px;
    }
    .circle-top-title {
        font-size: 28px;  
    }
    .get-help-sec .block-title {
    font-size: 24px;

    }

}

@media (max-width:991px){
    .btn {
        font-size: 14px;
    }
    .home-banner {
        padding-top: 130px;
    }
    .home-banner .banner-top-title {
        font-size: 20px;
    }
    .home-banner .banner-title {
        font-size: 35px;
    }
    .home-banner .banner-tagline {
        font-size: 14px;
    }
    .home-banner .banner-description {
        font-size: 12px;
        padding-right: 0;
    }

    .results-section .recovered-title {
        font-size: 32px;
    }
    .results-section .amount {
        font-size: 95px;
    }
    .results-section .dollar {
        font-size: 55px;
    }
    .results-section .recovered-subtitle {
        font-size: 14px;
    }
    .results-slider .slick-slide {
        margin: 0 7px;
    }
    .home-banner .banner-review-logo {
        bottom: 50px;
    }
    .results-section .results-slider-title {
        font-size: 24px;
    }
    .cta-section .cta-small-heading {
        margin-left: 50px;
        font-size: 18px;
    }
    .cta-section .cta-small-heading span::first-letter{
        font-size: 34px;
    }
    .cta-section .cta-heading {
        font-size: 24px;
    }
    .cta-section .cta-phone-title {
        font-size: 18px;
    }
    .cta-section .cta-phone .btn {
        font-size: 18px;
    }
    .cta-section .cta-tagline {
        font-size: 16px;
    }
    .services-sec-list .inner {
        height: 230px;
    }
    .services-sec-list .name {
        font-size: 18px;
    }
    .blog-section-list {
        --bs-gutter-y: 30px;
    }
    .testimonials-slider {
        padding: 0 60px;
    }
    .form-section .form-title {
        font-size: 24px;
        letter-spacing: 3px;
    }
    .social-share-post {
        justify-content: flex-start;
        margin-bottom: 15px;
    }
    .blog-detail-page .blog-image {
        height: 250px;
    }
    .locations .row {
        padding: 30px;
    }
    .locations .map {
        height: auto;
        padding-left: 0;
        margin-top: 30px;
    }
    .locations .map iframe {
        height: 300px;
    }
    .get-help-sec {
        margin-top: 50px;
    }
    /* .get-help-sec .inner {
        width: 180px;
        height: 180px;
    } */
    .loc-address-sec iframe {
        margin-top: 30px;
    }
    .cases-handle-list .item {
        border: 1px solid #ddd !important;
    }
    .contact-form-section {
        text-align: center;
    }
    .contact-form-section .contact-detail {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    .page-banner .banner-title {
        font-size: 30px;
    }
    .remember-attorney .attorney-image {
        max-width: 400px;
        margin: 0 auto 30px;
    }
    .team-intro-section .image {
        max-width: 400px;
        margin: 0 auto 30px;
    }
    .team-video-section .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .ci-listing .item-inner {
        padding: 30px 30px;
        text-align: center;
    }
    .ci-listing .item-inner .btn {
        font-size: 14px;
        position: relative;
        top: 0;
    }
    .form-section .form {
        margin-top: 30px;
    }
    .dm-detail-intro .logo-image {
        text-align: center;
    }
    .spirit-intro-sec .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .sh-intro-sec .row {
        --bs-gutter-x: 40px;
    }
    .blog-item .blog-image {
        height: 250px;
    }
    .awards-section .awards-title {
        font-size: 20px;
    }
    .about-section .row {
        --bs-gutter-y: 30px;
        text-align: center;
    }
    .about-section .btn-wrap {
        gap: 20px;
        justify-content: center;
    }
    .services-sec-list .inner {
        height: 180px;
    }
    .remember-attorney .heading, .remember-attorney .sub-heading {
        text-align: center;
    }
    .team-section .inner {
        margin: 20px auto;
    }
    .team-intro-section .name, .team-intro-section .designation {
        text-align: center;
    }
    .pagination .nav-links span, .pagination .nav-links a {
        width: 40px;
        height: 40px;
    }
    .pagination .nav-links span, .pagination .nav-links a {
        font-size: 18px;
    }
    .pagination .prev.page-numbers span, .pagination .next.page-numbers span {
        font-size: 16px;
    }
    .pagination .next.page-numbers span:after{
        display: none;
    }
    .pagination .prev.page-numbers span:after{
        display: none;
    }
    .spirit-intro-sec strong {
        font-size: 20px;
    }
    .sh-intro-sec strong {
        font-size: 20px;
    }
    .about-community .image {
        text-align: center;
    }
    .translated-ltr .home-banner .banner-top-title {
        font-size: 14px;
    }
    .translated-ltr .home-banner .banner-title {
        font-size: 22px;
    }
    .translated-ltr .results-section .recovered-title {
        font-size: 18px;
    }
    .translated-ltr .cta-section .cta-phone-title {
        font-size: 20px;
    }
    .cta-section .cta-tagline {
        font-size: 14px;
    }
    .home-banner .banner-image:after {
        width: 90%;
        height: 65%;
    }
    .motorcycle-section:after{
        display: none;
    }
    .motorcycle-section .bg{
        display: none;
    }
    .rating-points .rating-title{
       font-size: 40px;
    }
    .location-cta-section .desc, .location-cta-section .desc p{
       font-size: 18px;
    }

    .footer .footer-col-1 {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .footer .footer-col-2 {
        width: 100%;
    }
    .footer .footer-col-3 {
        width: 100%;
        padding-left: 0;
        text-align: left;
    }
    .footer .footer-menu{
        align-items: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }
    .footer-menu li + li {
        margin-top: 0px;
    }
    .footer .social-links ul {
        display: flex;
        justify-content: center;
    }
    .footer-phone {
        margin-top: 40px;
    }

    .circle-top-title {
            font-size: 26px;  
        }
        .get-help-sec .block-title {
    font-size: 20px;

    }
}

@media (max-width:767px){
    body{
        font-size: 16px;
    }
    .translated-ltr body{
        font-size: 13px;
    }
    h1, .h1{
        --h1: 30px;
    }
    h2, .h2 {
        --h2: 28px;
    }
    h3, .h3{
        --h3: 24px;
    }
    h4, .h4{
        --h4: 22px;
    }
    h5, .h5{
        --h5: 20px;
    }
    h6, .h6{
        --h6: 18px;
    }
    .heading {
        --heading: 36px;
    }
    .section-pd, .spaced {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .container, .container-sm {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .html5lightbox .icon-play {
        width: 40px;
        height: 40px;
    }
    .list-style li::before {
        top: 12px;
        width: 14px;
        height: 14px;
        background-size: 14px;
    }
    .list-style li {
        padding-left: 25px;
    }
    .small-heading {
        font-size: 16px;
    }

    .header .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home-banner .banner-content {
        max-width: 100%;
        padding-top: 25px;
        padding-bottom: 30px;
    }
    .home-banner .banner-image {
        width: 100%;
        right: 0;
        height: 310px;
        position: relative;
    }

    .home-banner .banner-image:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 40%;
        left: 0;
        bottom: 0;
        background: linear-gradient(360deg, #1B2D51 0%, rgba(28, 67, 122, 0) 100%);
        z-index: 1;
    }
    .header-logo {
        width: 130px;
    }
    .header-right {
        width: calc(100% - 130px);
    }

    .menu-button {
        width: 35px;
        height: 35px;
        margin-left: 7px;
        padding: 8px 8px;
    }
    .menu-button .menu-bar-middle {
        margin-bottom: 3px;
        margin-top: 3px;
    }
    .menu-button .menu-bar-bottom {
        margin-top: 1px;
    }
    .header-phone {
        width: 35px;
        height: 35px;
        margin-left: 7px;
    }
    .header-phone a:hover {
        background: transparent;
    }
    .header-gtranslate .gtranslate_wrapper .glink {
        width: 35px;
        height: 35px;
    }
    .header-gtranslate {
        margin-left: 7px;
    }
    .header-search {
        width: 35px;
        height: 35px;
    }

    .home-banner {
        padding-top: 100px;
    }
    .home-banner .container {
        padding-left: 0;
        padding-right: 0;
    }
    .home-banner .banner-content {
        padding-left: 30px;
        padding-right: 30px;
    }
    .home-banner .banner-image:after {
        content: "";
        position: absolute;
        width: 90%;
        height: 90%;
        background: url(../images/mob-circle-shadow.webp);
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        right: 0;
        z-index: -1;
    }
    .home-banner .banner-review-logo {
        bottom: 15px;
        left: 0;
        right: 0;
        margin: auto;
        width: 150px;
        z-index: 1;
    }
    .home-banner .banner-top-title {
        font-size: 22px;
    }
    .home-banner .banner-title {
        font-size: 40px;
    }
    .home-banner .banner-tagline {
        font-size: 20px;
    }
    .home-banner .banner-description {
        font-size: 16px;
    }
    .home-banner .btn {
        width: 100%;
    }
    .results-section .left-col {
        display: flex;
        justify-content: center;
    }
    .results-section {
        padding-top: 50px;
        padding-bottom: 50px;
        overflow: hidden;
    }
    .results-section .recovered-block {
        padding-top: 0;
    }

    .cta-section {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
    }
    .cta-section .row {
        --bs-gutter-y: 30px;
    }
    .cta-section .cta-phone-title {
        font-size: 24px;
    }
    .cta-section .cta-small-heading {
        margin-left: 0;
        font-size: 19px;
        text-align: center;
    }
    .cta-section .cta-small-heading span::first-letter{
        font-size: 25px;
    }
    .cta-section .cta-heading {
        font-size: 40px;
        text-align: center;
    }
    .cta-section .cta-heading span{
        display: inline-block;
    }
    .cta-section .cta-heading span::first-letter{
        font-size: 50px;
    }
    .cta-section .cta-phone .btn {
        font-size: 24px;
    }
    .cta-section .cta-tagline {
        font-size: 18px;
    }

    .about-section {
        background: #fff;
    }
    .about-section .image {
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .results-section .recovered-amount {
        display: flex;
        justify-content: center;
    }
    .results-section .recovered-block {
        padding-bottom: 50px;
    }
    .results-section .results-slider-title {
        font-size: 20px;
    }
    .about-section .row {
        text-align: left;
    }
    .about-section .btn-wrap {
        gap: 15px;
        justify-content: center;
        flex-direction: column;
    }
    .about-section .btn-wrap .btn {
        width: 100%;
    }
    .awards-logos img {
        max-width: 100px;
    }
    .awards-logos {
        padding-left: 0;
    }
    .mob-services-sec-list .accordion-item {
        position: relative;
        z-index: 1;
        color: #fff;
        background-size: cover;
        background-position: center;
        border: 0;
        border-radius: 0;
    }
    .mob-services-sec-list .accordion-item:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.8%, rgba(0, 0, 0, 0.8) 81.45%);
        z-index: -1;
    }
    .mob-services-sec-list .accordion-button {
        background: transparent;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        box-shadow: none;
        padding: 60px 50px 15px 15px;
        line-height: 1.2;
    }
    .mob-services-sec-list .img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
    }
    .mob-services-sec-list .btn {
        margin-top: 15px;
        font-size: 14px;
        background: var(--color-three);
        border-color: var(--color-three);
        padding: 7px 20px;
        min-width: auto;
    }
    .mob-services-sec-list .accordion-button .arrow {
        border: 0;
        right: 15px;
        width: 25px;
        height: 25px;
        margin-bottom: 15px;
    }
    .mob-services-sec-list .accordion-button .arrow:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(135deg) skew(8deg, 8deg);
        top: 0;
        bottom: -2px;
        margin: auto;
        right: 0;
        left: 0;
    }
    .mob-services-sec-list .accordion-button[aria-expanded='true'] .arrow {
        transform: rotate(180deg);
    }
    .mob-services-sec-list .accordion-item.active:before {
        background: rgba(0,0,0,0.75);
    }
    .mob-services-sec-list .accordion-item.active .accordion-button {
        padding: 15px 50px 15px 15px;
    }
    .mob-services-sec-list .accordion-item.active .accordion-body{
        padding-top: 0;
    }
    .team-slider {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .team-slider .item {
        width: 50%;
    }
    .team-section .inner {
        box-shadow: 4px 4px 38.5px 0px rgba(50, 154, 239, 0.5);
        transform: scale(1);
        width: 150px;
        height: 150px;
        margin: 15px auto;
    }
    .team-section .inner img {
        filter: grayscale(0);
    }
    .team-section .inner .detail {
        opacity: 1;
    }
    .motorcycle-section {
        background: var(--color-two);
        /* padding-top: 0; */
    }
    .motorcycle-section .bg {
        position: relative;
        z-index: 1;
    }
    .motorcycle-section .bg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 70px;
        top: auto;
        bottom: -1px;
        left: 0;
        background: linear-gradient(0deg, #9D2236 50%, rgba(157, 34, 54, 0) 100%);
    }
    .community-section .heading {
        text-align: center;
    }

    .community-section {
        overflow: hidden;
    }
    .community-slider {
        padding: 0 30px;
    }
    .community-slider .inner{
        box-shadow: none;
    }
    .community-slider .slick-arrow {
        position: absolute;
        top: 50%;
        width: 20px;
        height: 20px;
        margin: 0;
    }
    .community-slider .slick-next.slick-arrow {
        right: 0;
    }
    .community-slider .slick-prev.slick-arrow {
        left: 0;
    }
    .community-slider .slick-next.slick-arrow:before {
        border-top: 2px solid var(--color-one);
        border-right: 2px solid var(--color-one);
        left: auto;
    }
    .community-slider .slick-prev.slick-arrow:before {
        border-top: 2px solid var(--color-one);
        border-left: 2px solid var(--color-one);

    }
    .community-slider .slick-arrow.slick-disabled{
        opacity: 0.5;
    }
    .community-section .btn {
        width: 100%;
    }
    .community-section .comm-title {
        font-size: 20px;
    }
    .community-section .comm-img {
        margin-bottom: 20px;
        height: 150px;
    }


    .blog-section-list {
        padding: 0 30px;
    }
    .blog-section-list .item{
        box-shadow: none;
    }
    .blog-section-list .blog-item-detail {
        padding: 20px;
    }
    .blog-section-list .slick-arrow {
        position: absolute;
        top: 30%;
        width: 20px;
        height: 20px;
        margin: 0;
    }
    .blog-section-list .slick-next.slick-arrow {
        right: 10px;
    }
    .blog-section-list .slick-prev.slick-arrow {
        left: 0;
    }
    .blog-section-list .slick-next.slick-arrow:before {
        border-top: 2px solid var(--color-one);
        border-right: 2px solid var(--color-one);
    }
    .blog-section-list .slick-prev.slick-arrow:before {
        border-top: 2px solid var(--color-one);
        border-left: 2px solid var(--color-one);
    }
    .blog-section-list .slick-arrow.slick-disabled{
        opacity: 0.5;
    }
    .testimonials-section .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .testimonials-section .heading {
        text-align: center;
    }
    .testimonials-slider {
        padding: 0 20px;
        margin-top: 30px;
    }
    .testimonials-slider .slick-arrow {
        width: 30px;
    }
    .testimonials-slider .slick-arrow.slick-prev:before {
        width: 30px;
        height: 30px;
        left: 0;
    }
    .testimonials-slider .slick-arrow.slick-next:before {
        width: 30px;
        height: 30px;
        right: 0;
    }
    .testimonials-slider .slick-slide {
        padding: 20px;
        margin: 0 10px;
    }
    .testimonials-section .review-logo {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
    .testimonials-section .review-logo img{
        border-radius: 3px;
    }
    .form-section .heading {
        text-align: center;
    }
    .location-tabs {
        width: 100%;
    }
    .location-tab-content {
        display: none;
    }
    .location-tabs .tab-item {
        border: 1px solid #fff !important;
        margin-left: 0;
    }
    /* .footer .footer-col-1 {
        width: 100%;
        position: relative;
        padding-right: 150px;
    } */

    .footer .footer-menu{
        align-items: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }
    .footer-menu li + li {
        margin-top: 0px;
    }
    
    .footer-bottom .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .footer .social-links ul {
        display: flex;
        justify-content: center;
    }
    .footer-top {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .footer .social-links li a{
        background: transparent;
    }
    .footer-phone {
        margin-top: 80px;
    }
    .footer-logo {
        text-align: center;
    }
    .page-banner .banner-content-wrap {
        max-width: 100%;
        padding-top: 50px;
    }
    .page-banner .banner-title {
        font-size: 24px;
    }
    .blog-section-list {
        --bs-gutter-y: 0;
    }
    .about-community .row {
        flex-direction: column-reverse;
    }
    .community-images {
        margin-top: 20px;
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .about-community .row {
        flex-direction: column-reverse;
        --bs-gutter-y: 30px;
    }
    .attorneys-list .inner {
        width: 250px;
        height: 250px;
        margin: 20px auto;
    }
    .locations-section .location-top-info {
        margin-bottom: 20px !important;
    }
    .team-intro-section {
        padding-top: 150px;
    }
    .team-intro-section .row {
        --bs-gutter-x: 0;
    }
    .team-intro-section .name {
        font-size: 30px;
    }
    .team-intro-section .designation {
        font-size: 18px;
    }
    .team-video-section iframe, .team-video video {
        height: 350px;
    }
    /* .team-video-section .video-bottom-content {
        font-size: 18px;
    } */
    .team-content-block {
        padding: 40px 20px;
    }
    .sidebar {
        margin-top: 40px;
    }
    .navigation.pagination {
        padding: 0 15px;
    }
    .pagination .nav-links span, .pagination .nav-links a {
        width: 24px;
        height: 24px;
    }
    .pagination .nav-links span, .pagination .nav-links a {
        font-size: 14px;
    }
    .pagination .prev.page-numbers, .pagination .next.page-numbers {
        width: 70px;
    }
    .sh-list {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .locations .row {
        padding: 30px 15px;
    }
    .loc-detail-intro-sec .main-row {
        --bs-gutter-x: 0;
    }
    .loc-address-sec .row {
        --bs-gutter-x: 0;
    }
    .loc-address-sec iframe {
        height: 350px;
    }
    .loc-content-with-bg-sec .bg {
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
        width: calc(100% - 40px);
        margin: 0 auto 20px;
    }
    .loc-content-with-bg-sec {
        background: var(--color-two);
    }
    .contact-form-section .form-title {
        font-size: 20px;
    }
    .search-panel form#searchform {
        width: 80%;
    }
    .search-close {
        right: 15px;
    }
    .about-section .image img {
        transform: scale(1.15);
        pointer-events: none;
    }
    .pa-list {
        margin-top: 40px;
    }
    .pa-list .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .pa-list .pa-inner {
        height: 300px;
    }
    .cta-section-two .btn {
        font-size: 18px;
    }
    .cases-handle-list .title {
        font-size: 24px;
    }
    .ar-awards-section .awards-title {
        font-size: 22px;
    }
    .ar-awards-logos {
        padding-left: 15px;
    }
    .contact-form-section .main-row {
        --bs-gutter-x: 0;
    }
    .why-refer-sec .row-two {
        --bs-gutter-x: 0;
        margin-top: 30px;
    }
    .cta-section {
        background: url(../images/mob-bg-cta.webp);
        background-size: cover;
    }
    .team-section{
        background: url(../images/mob-bg-team.webp);
        background-size: cover;
    }
    .blog-section-list .read-more {
        position: relative;
        bottom: 0;
        margin-top: 10px;
    }
    .locations .btns-wrap {
        gap: 10px;
    }
    .locations .btns-wrap .btn {
        min-width: auto;
        padding: 10px 15px;
        font-size: 12px;
    }
    .team-section .inner:before {
        opacity: 1;
    }
    .team-section .btn {
        width: 94%;
    }
    .community-section .inner {
        padding: 30px;
    }
    .community-section .btn {
        position: relative;
        bottom: 0;
    }
    .form-section .wpcf7-submit {
        width: 100%;
    }
    .news-page-list .news-title {
        font-size: 24px;
    }
    .dm-list .dm-detail {
        padding: 20px 0;
    }
    .dm-list .dm-detail {
        padding: 20px 0;
    }
    .dm-list .dm-detail {
        padding: 20px 0;
    }
    .sh-list .sh-detail {
        padding: 20px 0;
    }
    .about-main-section .description strong {
        font-size: 20px;
    }
    .about-main-section .description iframe {
    width: 100%;
    }

    .translated-ltr .home-banner .banner-description {
        font-size: 13px;
    }
    .form-section .main-row {
        --bs-gutter-x: 0;
    }
    .testimonials-section {
        overflow: hidden;
    }
    .results-slider {
        padding: 0;
    }
    .results-section .container {
        padding: 0;
    }
    .translated-ltr .pagination .prev.page-numbers span, .translated-ltr .pagination .next.page-numbers span {
        font-size: 10px;
    }
    .get-help-sec {
        margin-top: 0;
    }
    .team-slider:before{
        display: none;
    }
    .team-slider:after{
        display: none;
    }
    .practice-section .btn {
        width: 100%;
    }
    .team-section .name {
        font-size: 14px;
    }
    .team-section .detail {
        bottom: 25px;
    }
    .footer-logo img {
        max-width: 280px;
    }
    .form-section .description strong {
        font-size: 20px;
        font-weight: 300;
    }
    .form-section .description a {
        font-size: 14px;
    }
    .blog-section-list .slick-arrow {
        top: 50%;
    }
    .community-section .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .community-list .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }
    .footer .social-links {
        margin-top: 60px;
    }
    .blog-section .slick-slide {
        margin: 0 10px;
    }
    .community-slider .slick-slide {
        margin: 0 5px;
    }

    .page-banner{
        position: relative;
    }
    .page-banner::before{
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        background: linear-gradient(to right, #000000a3 , #ffffff00);
    }

    .results-slider .slick-slide{
        max-width: 170px;
    }
    .page-banner .banner-subtitle{
        font-size:15px ;
    }
    .page-banner .banner-subtitle {
        max-width: 100%;
    }
    .rating-points .rating-title{
       font-size: 42px;
    }

    .location-cta-section .heading{
        font-size: 35px;
    }

  .pa-list .pa-inner:hover:before {
		background: linear-gradient(180deg, rgba(26, 115, 232, 0.5) 0%, rgba(28, 67, 122, 0.9) 10.19%);
	}

}
  

@media (min-width: 375px) and (max-width: 667px) and (orientation: landscape){
    .team-section .inner {
        width: 200px;
        height: 200px;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape){
    .home-banner .banner-image:after {
        width: 100%;
        height: 70%;
    }
    .mob-services-sec-list .accordion-item {
        position: relative;
        z-index: 1;
        color: #fff;
        background-size: cover;
        background-position: center;
        border: 0;
        border-radius: 0;
    }
    .mob-services-sec-list .accordion-item:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.8%, rgba(0, 0, 0, 0.8) 81.45%);
        z-index: -1;
    }
    .mob-services-sec-list .accordion-item.active:before {
        background: rgba(0,0,0,0.75);
    }
    .mob-services-sec-list .accordion-item.active .accordion-button {
        padding: 15px 50px 15px 15px;
    }
    .mob-services-sec-list .accordion-item.active .accordion-body {
        padding-top: 0;
    }
    .mob-services-sec-list .accordion-button {
        background: transparent;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        box-shadow: none;
        padding: 60px 50px 15px 15px;
        line-height: 1.2;
    }
    .mob-services-sec-list .accordion-button .arrow {
        border: 0;
        right: 15px;
        width: 25px;
        height: 25px;
        margin-bottom: 15px;
    }
    .mob-services-sec-list .accordion-button .arrow:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(135deg) skew(8deg, 8deg);
        top: 0;
        bottom: -2px;
        margin: auto;
        right: 0;
        left: 0;
    }
    .mob-services-sec-list .accordion-button[aria-expanded='true'] .arrow {
        transform: rotate(180deg);
    }
    .mob-services-sec-list .btn {
        margin-top: 15px;
        font-size: 14px;
        background: var(--color-three);
        border-color: var(--color-three);
        padding: 7px 20px;
        min-width: auto;
    }
    .team-slider {
        display: flex;
        flex-wrap: wrap;
    }
    .team-slider .item {
        width: 48%;
    }
    .motorcycle-section {
        background: var(--color-two);
        /* padding-top: 0; */
    }
    .motorcycle-section .bg {
        position: relative;
        z-index: 1;
    }
    .motorcycle-section .bg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 70px;
        bottom: -1px;
        left: 0;
        background: linear-gradient(0deg, #9D2236 50%, rgba(157, 34, 54, 0) 100%);
    }
    .community-slider {
        padding: 0 40px;
    }
    .community-slider .slick-arrow {
        position: absolute;
        top: 30%;
        width: 20px;
        height: 20px;
        margin: 0;
    }
    .community-slider .slick-prev.slick-arrow {
        left: 0;
    }
    .community-slider .slick-next.slick-arrow {
        right: 10px;
    }
    .blog-section-list {
        --bs-gutter-y: 0;
        padding: 0 40px;
    }
    .blog-section-list .slick-arrow {
        position: absolute;
        top: 30%;
        width: 20px;
        height: 20px;
        margin: 0;
    }
    .blog-section-list .slick-next.slick-arrow {
        right: 10px;
    }
    .blog-section-list .slick-prev.slick-arrow {
        left: 0;
    }
    .blog-section-list .slick-arrow.slick-disabled {
        opacity: 0.5;
    }
    .location-tabs {
        width: 100%;
    }
    .location-tabs .tab-item {
        border: 1px solid #fff !important;
        margin-left: 0;
    }
    .location-tab-content {
        display: none;
    }
    .footer .footer-menu {
        display: none;
    }
    .footer .social-links {
        margin-top: 0;
    }
    .footer-top .row{
        align-items: center;
    }
    .footer .footer-col-3 {
        padding-left: 0;
    }
    .home-banner .banner-review-logo {
        width: 150px;
    }
    .testimonials-section .review-logo {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
    .blog-section-list .item {
        box-shadow: none;
    }
    .contact-form-section {
        text-align: left;
    }
    .contact-form-section .form-title {
        font-size: 23px;
    }
    .ar-awards-section .awards-title {
        font-size: 24px;
    }

}