@media (min-width: 768px){
    .mobile-banner-image {
        display: none;
    }
    .mobile-banner-blocks {
        display: none;
    }
    .form-section{
        background: url(../images/bg-form.webp);
        background-size: cover;
    }
    .home-banner:after {
        content: "";
        position: absolute;
        width: 70%;
        height: 100%;
        background: url(../images/banner-circle-bg.webp);
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        right: 0;
        z-index: 0;
    }
    .testimonials-section {
        background: url(../images/bg-black.webp);
        background-size: cover;
    }


}

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

}

@media (min-width:1300px){
    .container{
        max-width: 1250px;
    }
    .wide .container {
        max-width: 95%;
    }
   .home-banner {
        min-height: calc(100vh - 50px);
        height: auto;
        padding-top: 140px;
    }

}

@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;
    }

    .about-section {
        padding-top: 200px;
    }

}

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

}

@media (max-width:1700px){
    .banner-blocks .block-title {
        font-size: 21px;
    }
    .footer .widget-title {
        font-size: 21px;
    }
}

@media (max-width:1500px){
    body {
        font-size: 18px;
    }
    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: 55px;
    }
    .btn {
        padding: 13px 25px;
    }
    .home-banner .banner-content {
        padding-bottom: 150px;
    }
    .home-banner .banner-title {
        font-size: 75px;
    }
    .home-banner .banner-image {
        height: 570px;
    }
    .banner-blocks .block-inner {
        gap: 30px;
        padding: 20px 20px;
    }
    .banner-blocks .block-title {
        font-size: 18px;
    }
    .footer-top {
        font-size: 16px;
    }
    .footer .footer-col-1 {
        padding-right: 100px;
    }
    .footer .footer-col-3 {
        padding-left: 30px;
    }
    .footer .footer-col-4 {
        padding-left: 30px;
    }
    .footer .widget-title {
        font-size: 20px;
    }
    .footer .social-title, .footer .email-title, .footer .phone-title, .footer .address-title {
        font-size: 18px;
    }
    .footer-contact .icon {
        top: 6px;
    }
    .pd-info-blocks-list {
        --bs-gutter-x: 40px;
    }
    .pd-banner .pd-info-title {
        font-size: 55px;
        margin-bottom: 30px;
    }
    .pd-info-blocks .title {
        font-size: 18px;
    }
    .practice-results-section .inner {
        gap: 20px;
        padding: 20px 20px;
    }
    .sidebar li a {
        font-size: 20px;
    }
    .blog-slider .blog-slider-title {
        font-size: 20px;
    }
    .merch-list .merch-title {
        font-size: 28px;
    }
    .review-categories .item {
        font-size: 18px;
    }
    .causes-listing .title {
        font-size: 24px;
    }

}

@media (max-width:1400px){
    body {
        font-size: 16px;
    }
    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: 50px;
    }
    .btn {
        font-size: 18px;
        padding: 13px 25px;
    }
    .home-banner .banner-content {
        padding-bottom: 120px;
    }
    .home-banner .banner-title {
        font-size: 60px;
    }
    .home-banner .banner-description {
        font-size: 16px;
    }
    .home-banner .banner-image {
        height: 480px;
    }
    .banner-blocks .block-inner {
        gap: 30px;
        padding: 20px 20px;
    }
    .header-phone a {
        gap: 20px;
        padding: 15px 20px;
    }
    .header-logo {
        width: 250px;
    }
    .header-right {
        width: calc(100% - 250px);
    }
    .about-results .result-amount {
        font-size: 35px;
    }
    .faq-accordion .accordion-item .accordion-header button {
        font-size: 28px;
    }
    .faq-case-results .result-amount {
        font-size: 35px;
    }
    .footer .widget-title {
        font-size: 18px;
    }
    .footer .social-title, .footer .email-title, .footer .phone-title, .footer .address-title {
        font-size: 16px;
    }
    .about-results .result-title {
        font-size: 18px;
    }
    .services-sec-list .desc {
        font-size: 16px;
    }
    .testimonials-slider .desc {
        font-size: 16px;
    }
    .work-section .box-title {
        font-size: 28px;
    }
    .blog-slider .blog-slider-title {
        font-size: 20px;
    }
    .about-videos-list .play-icon {
        width: 60px;
        height: 60px;
    }
    .footer-bottom {
        padding: 20px 0;
    }
    .jobs-accordion .accordion-header button {
        padding: 25px 35px;
        font-size: 28px;
    }
    .blog-main-row {
        --bs-gutter-x: 100px;
    }
    .work-section .box-icon {
        width: 75px;
        height: 75px;
    }
    .merch-list .merch-title {
        font-size: 28px;
    }
    .header-phone .phone-title-wrap {
        display: none;
    }
    .header-phone .phone-icon {
        background: transparent;
    }
    .header-phone .phone-icon path {
        stroke: #fff;
    }
    .header-phone .phone-icon {
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .header-phone a {
        background: transparent;
        border: 1px solid #fff;
    }
    .services-sec-list .service-image-title {
        font-size: 20px;
    }
    .page-banner .banner-content-wrap {
        padding-top: 200px;
        padding-bottom: 60px;
    }
    .practice-areas-list .pa-title {
        font-size: 28px;
    }
    .verdicts-page .vtitle {
        font-size: 35px;
    }
    .commercial-videos .video-item {
        height: 550px;
    }
    .causes-listing .item {
        padding: 20px;
        gap: 15px;
    }
    .causes-listing .icon {
        width: 60px;
        height: 60px;
    }
    .causes-listing .title {
        font-size: 22px;
    }
    .injury-accordion .accordion-header button {
        font-size: 28px;
    }

}


@media (max-width:1300px){
    .heading {
        --heading: 45px;
    }
    .header-phone .phone-no {
        font-size: 18px;
    }
    .header-phone a {
        gap: 10px;
        padding: 13px 15px;
    }
    .nav-menu > ul.menu > li {
        margin: 0 10px;
    }
    .banner-blocks .block-icon {
        width: 60px;
        height: 60px;
    }
    .banner-blocks .block-title {
        width: calc(100% - 60px);
    }
    .attorney-section .attorney-image-text {
        padding: 30px 50px;
    }
    .faq-case-results .result-amount {
        font-size: 30px;
    }
    .blog-slider .slick-slide {
        margin: 0 10px;
    }
    .blog-slider .blog-slider-title {
        font-size: 18px;
    }
    .practice-areas-list .pa-title {
        font-size: 28px;
    }

    .footer .footer-col-1 {
        padding-right: 60px;
    }
    .footer .footer-col-3 {
        padding-left: 20px;
    }
    .footer .footer-col-4 {
        padding-left: 20px;
    }

    .pd-banner .pd-info-title {
        font-size: 45px;
    }
    .pd-info-blocks .title {
        font-size: 16px;
    }
    .practice-results-section .amount {
        font-size: 24px;
    }
    .practice-results-section .result-icon {
        width: 60px;
        height: 60px;
    }
    .practice-results-section .inner {
        padding: 10px 10px;
    }
    .about-videos-list .video-title {
        font-size: 24px;
    }
    .about-videos-list {
        --bs-gutter-x: 30px;
    }
    .blog-page-listing .blog-item .title {
        font-size: 20px;
    }
    .blog-detail-page .blog-image {
        height: 400px;
    }
    .about-results .result-icon {
        width: 80px;
        height: 80px;
    }
    .about-results .result-text {
        width: calc(100% - 80px);
    }
    .banner-blocks .block-title {
        font-size: 16px;
    }
    .commercial-videos .video-item {
        height: 500px;
    }

}

@media (max-width:1250px){
    .heading {
        --heading: 40px;
    }


}

@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;
    }
    .section-pd, .spaced {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .header .nav-menu{
        display: none;
    }
    .menu-button {
        display: flex;
    }
.header-phone-text {
    display: none;
}
.header-search {
    margin-left: 15px;
}
    .home-banner .banner-blocks {
        padding: 20px;
    }
    .about-results .result-amount {
        font-size: 28px;
    }
    .about-results .result-title {
        font-size: 16px;
    }
    .about-section .bottom-row {
        --bs-gutter-x: 50px;
    }
    .about-section .html5lightbox .icon-play {
        width: 60px;
        height: 60px;
    }
    .services-sec-list .inner {
        height: 500px;
    }
    .services-sec-list .service-image-title {
        left: 15px;
        font-size: 16px;
    }
    .attorney-section .attorney-image-text {
        font-size: 28px;
    }
    .faq-case-results .result-icon {
        width: 70px;
        height: 70px;
    }
    .faq-accordion .accordion-item .accordion-header button {
        font-size: 24px;
    }
    .work-section .box-title {
        font-size: 24px;
    }
    .form-section .form-control {
        padding: 10px 10px;
    }
    .footer .footer-col-1 {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-bottom: 50px;
    }
    .footer .social-links ul {
        justify-content: center;
    }
    .footer .footer-col-2 {
        width: 33.33%;
    }
    .footer .footer-col-3 {
        width: 33.33%;
    }
    .footer .footer-col-4 {
        width: 33.33%;
    }
    .faq-case-results .result-title {
        font-size: 16px;
    }
    .footer .widget-title {
        font-size: 22px;
    }
    .pd-banner .pd-info-title {
        font-size: 40px;
    }
    .practice-results-section .result-icon {
        width: 45px;
        height: 45px;
    }
    .practice-results-section .amount {
        font-size: 20px;
    }
    .practice-results-section .row {
        padding: 20px 20px;
    }
    .practice-results-section .title {
        font-size: 14px;
    }
    .sidebar-form {
        padding: 40px 20px;
    }
    .sidebar-form .form-title {
        font-size: 24px;
    }
    .sidebar .widgettitle, .sidebar .widget-title {
        font-size: 28px;
    }
    .sidebar li a {
        font-size: 16px;
    }
    .sidebar .widget {
        padding: 40px 20px;
    }
    .about-attorney-section .row {
        align-items: flex-end;
    }
    .form-section .main-row {
        --bs-gutter-x: 50px;
    }
    .cta-section .row {
        --bs-gutter-x: 50px;
    }
    .header-search .search-icon {
        width: 55px;
        height: 55px;
        border: 1px solid #fff;
        border-radius: 10px;
        padding: 15px;
    }
    .header-phone {
        margin-left: 15px;
    }
    .header-phone a {
        border: 1px solid #fff;
        width: 55px;
        height: 55px;
    }
    .pd-banner .pd-banner-content {
        width: 60%;
    }
    .pd-banner .pd-banner-image {
        width: 40%;
    }
    .review-categories .item {
        font-size: 16px;
    }
    .reviews-page .load-more-btn .btn {
        margin-top: 50px;
    }
    .jobs-accordion .accordion-header button {
        font-size: 24px;
    }
    .blog-main-row {
        --bs-gutter-x: 50px;
    }
    .blog-item-wrap {
        --bs-gutter-x: 30px;
    }
    .verdicts-list {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px;
    }
    .about-videos-list .video-image {
        height: 250px;
    }
    .about-videos-list .video-image {
        height: 180px;
    }
    .commercial-videos .video-item {
        height: 450px;
    }
    .causes-listing .title {
        font-size: 18px;
    }
    .causes-listing .row:nth-child(odd) {
        padding-right: 75px;
    }
    .causes-listing .row:nth-child(even) {
        padding-left: 75px;
    }


}

@media (max-width:991px){
    .home-banner .banner-title {
        font-size: 45px;
    }
    .home-banner .banner-image {
        height: 525px;
    }
    .banner-blocks .block-inner {
        gap: 15px;
        padding: 20px 15px;
        flex-direction: column;
        text-align: center;
    }
    .banner-blocks .block-title {
        width: 100%;
    }
    .banner-blocks .block-icon {
        width: 45px;
        height: 45px;
    }
    .about-results .result-item {
        gap: 10px;
    }
    .about-section .bottom-row {
        --bs-gutter-x: 20px;
    }
    .about-results .result-icon {
        width: 50px;
        height: 50px;
    }
    .about-results .result-amount {
        font-size: 22px;
    }
    .attorney-section {
        text-align: center;
    }
    .attorney-section .attorney-image {
        max-width: 500px;
        margin: 50px auto 0;
    }
    .faq-case-results .result-icon {
        width: 50px;
        height: 50px;
    }
    .faq-case-results .result-amount {
        font-size: 22px;
    }
    .faq-case-results {
        margin-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }
    .faq-case-results .result-item + .result-item {
        margin-top: 0;
    }
    .faq-case-results .result-item {
        width: 30%;
    }
    .form-section .form-title {
        font-size: 20px;
    }
    .footer .widget-title {
        font-size: 20px;
    }
    .page-banner .banner-content-wrap {
        padding-top: 150px;
        padding-bottom: 40px;
    }
    .services-sec-list .service-detail {
        padding: 20px;
    }
    .pd-banner .pd-info-title {
        font-size: 35px;
    }
    .practice-results-section .inner {
        display: block;
        padding: 20px;
        text-align: center;
    }
    .practice-results-section .result-icon {
        margin-bottom: 15px;
    }
    .practice-results-section .result-text {
        width: 100%;
    }
    .pd-consultation-section .image {
        max-width: 500px;
        margin: auto;
    }
    .pd-consultation-section .consultation-top {
        margin-bottom: 50px;
    }
    .pd-image-with-content .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .form-section .main-row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 50px;
    }
    .about-attorney-section .row {
        align-items: flex-end;
        --bs-gutter-y: 50px;
        flex-direction: column-reverse;
        text-align: center;
    }
    .about-attorney-section .image {
        max-width: 500px;
        margin: auto;
    }
    .about-attorney-section .content-inner {
        padding-bottom: 0;
    }
    .form-section .form-title {
        font-size: 30px;
    }
    .review-categories .item {
        flex: 48%;
    }
    .scholar-intro-section .row {
        flex-direction: column-reverse;
        text-align: center;
    }
    .scholar-intro-section .image {
        max-width: 500px;
        margin: auto;
    }
    .scholar-content-section .row {
        --bs-gutter-x: 0;
    }
    .scholar-content-section .row {
        --bs-gutter-y: 30px;
    }
    .commercial-videos-tabs .item {
        font-size: 18px;
    }
    .commercial-videos {
        padding: 0;
    }
    .commercial-videos .video-item {
        height: 400px;
    }
    .social-share a {
        width: 40px;
        height: 40px;
    }
    .sidebar-form .form-title {
        font-size: 20px;
    }
    .services-sec-list .inner {
        height: 450px;
    }
    .footer-bottom .container {
        display: block;
        text-align: center;
    }
    .footer-links ul {
        justify-content: center;
        margin-left: 0;
    }
    .verdicts-page .vtitle {
        font-size: 35px;
    }
    .causes-listing .row:nth-child(odd) {
        padding-right: 0;
    }
    .causes-listing .row:nth-child(even) {
        padding-left: 0;
    }
    .causes-listing .item {
        padding: 15px;
    }
    .causes-listing .icon {
        width: 40px;
        height: 40px;
    }
    .causes-listing .title {
        width: calc(100% - 40px);
        font-size: 16px;
    }
    .injury-top-section .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 40px;
    }


}

@media (max-width:767px){
    body{
        font-size: 16px;
    }
    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: 32px;
    }
    .section-pd, .spaced {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .container, .container-sm {
        max-width: 100%;
    }

    .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;
    }
    .btn {
        padding: 7px 20px;
        font-size: 16px;
    }
    .small-heading {
        font-size: 16px;
    }
    .header-logo {
        width: 140px;
    }
    .header-right {
        width: calc(100% - 140px);
    }

    .header-search .search-icon {
        width: 40px;
        height: 40px;
        padding: 10px;
        margin-left: 10px;
    }
    .header-phone {
        margin-left: 10px;
    }
    .header-phone a {
        width: 40px;
        height: 40px;
        padding: 10px;
    }
    .header-phone a:hover {
        background: transparent;
    }
    .menu-button {
        width: 40px;
        height: 40px;
        margin-left: 10px;
        padding: 10px 6px;
    }
    .menu-button .menu-bar-middle {
        margin-top: 6px;
        margin-bottom: 0;
    }
    .home-banner {
        height: auto;
    }
    .home-banner .banner-content {
        padding-top: 150px;
        padding-bottom: 50px;
        max-width: 100%;
    }
    .home-banner .row {
        height: auto;
    }
    .home-banner .banner-image {
        height: auto;
        width: 100%;
        position: relative;
        padding: 0 30px;
    }
    .home-banner .banner-title {
        line-height: 1.2;
    }
    .home-banner .banner-btn-wrap {
        margin-top: 20px;
    }
    .home-banner .banner-description {
        margin-top: 0;
    }
    .mobile-banner-blocks .row {
        background: #1E1E1E;
        text-align: center;
        border-radius: 10px;
        margin-top: -40px;
        position: relative;
        z-index: 1;
        padding: 10px;
    }
    .mobile-banner-blocks .block-inner {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 30px 30px;
        color: #fff;
    }
    .mobile-banner-blocks .block-title {
        font-size: 20px;
    }
    .about-section {
        background: #fff;
        padding-top: 50px;
    }
    .about-section .about-results {
        margin-top: 0;
    }
    .about-results .result-icon {
        width: 80px;
        height: 80px;
    }
    .about-results .result-amount {
        font-size: 32px;
    }
    .about-section .bottom-row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 40px;
    }
    .about-section .html5lightbox .icon-play {
        width: 50px;
        height: 50px;
        border: 1px solid var(--color-two);
        border-radius: 100%;
    }
    .about-section .html5lightbox .icon-play rect {
        fill: transparent;
    }
    .about-section .right-col {
        padding-bottom: 0;
    }
    .about-section .about-image{
        display: none;
    }
    .mobile-about-image {
        display: block;
        margin-top: 40px;
        padding: 0 15px;
    }
    .mob-services-sec-list .item {
        height: 150px;
        position: relative;
        overflow: hidden;
    }
    .mob-services-sec-list .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) 100%);
    }
    .mob-services-sec-list .service-detail {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px;
        color: #fff;
        font-weight: 700;
    }
    .mob-services-sec-list .service-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .attorney-section .attorney-image {
        margin: 0 auto;
    }
    .attorney-section .attorney-image-text {
        font-size: 20px;
    }
    .attorney-section .small-heading {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .attorney-section {
        text-align: left;
    }
    .attorney-section .row {
        flex-direction: column-reverse;
        --bs-gutter-y: 30px;
    }
    .testimonials-slider .name {
        font-size: 20px;
        font-weight: 700;
    }
    .faqs-section {
        background: #fff;
    }
    .faqs-section .btn {
        margin-top: 20px;
    }
    .faq-case-results .result-item {
        width: 100%;
    }
    .faq-case-results .result-icon {
        width: 70px;
        height: 70px;
    }
    .faq-case-results .result-amount {
        font-size: 32px;
    }
    .faq-case-results .result-title {
        font-weight: 500;
    }
    .faqs-section .row-one {
        margin-bottom: 50px;
    }
    .faq-accordion .accordion-item .accordion-header button {
        font-size: 24px;
    }
    .faq-accordion .accordion-item .accordion-header button {
        padding: 20px 45px 20px 0;
    }
    .work-section .work-list {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .blog-slider {
        padding: 0;
    }
    .blog-slider .item {
        background: #222;
    }
    .blog-slider .blog-slider-detail {
        padding: 20px;
    }
    .blog-slider .blog-slider-title {
        font-size: 20px;
    }
    .blog-slider .read-more {
        position: relative;
        bottom: 0;
        margin-top: 10px;
        display: inline-block;
    }
    .cta-section .row {
        flex-direction: column-reverse;
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .form-section iframe {
        margin-top: 30px;
    }
    .footer-top {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .footer .footer-col-1 {
        text-align: left;
        margin-bottom: 40px;
    }
    .footer-logo img {
        max-width: 250px;
    }
    .footer .social-links li + li {
        margin-left: 10px;
    }
    .footer .social-links ul {
        justify-content: flex-start;
    }
    .footer .footer-col-2 {
        width: 100%;
        margin-bottom: 40px;
    }
    .footer .footer-col-3 {
        width: 100%;
        margin-bottom: 40px;
        padding-left: 0;
    }
    .footer .footer-col-4 {
        width: 100%;
        padding-left: 0;
    }
    .footer .widget-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .footer-bottom .container {
        display: block;
        text-align: center;
    }
    .footer-links ul {
        justify-content: center;
        margin-left: 0;
        flex-wrap: wrap;
    }
    .merch-categories {
        gap: 10px;
        margin-bottom: 40px;
    }
    .merch-top-info {
        margin-bottom: 40px;
    }
    .merch-list {
        --bs-gutter-x: 0;
    }
    .practice-areas-list .pa-inner {
        padding: 30px 20px 0;
    }
    .practice-areas-list .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .pd-banner {
        overflow: hidden;
    }
    .pd-banner-row {
        display: block;
    }
    .pd-banner .pd-banner-content {
        width: 100%;
        padding-bottom: 50px;
    }
    .pd-banner .pd-banner-image {
        width: 100%;
        padding: 0 20px;
    }
    .pd-banner .pd-info-title {
        font-size: 28px;
    }
    .sidebar {
        margin-top: 30px;
    }
    .pd-consultation-section .content-inner {
        padding-bottom: 40px;
    }
    .about-videos-list {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .verdicts-list {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .review-categories {
        margin-bottom: 40px;
        gap: 10px;
    }
    .review-categories .item {
        flex: 100%;
    }
    .reviews-list {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }
    .reviews-page .load-more-btn .btn {
        margin-top: 40px;
    }
    .scholar-intro-section .content-inner {
        padding-bottom: 40px;
    }
    .scholar-content-section .bottom-content {
        padding: 30px 20px;
    }
    .scholar-content-section .btn-text {
        font-size: 18px;
    }
    .page-banner .banner-title {
        font-size: 30px;
    }
    .commercial-videos-tabs {
        margin-bottom: 40px;
        gap: 15px;
    }
    .commercial-videos-tabs .item {
        width: 100%;
        text-align: center;
    }
    .commercial-videos .video-item {
        height: 270px;
    }
    .commercial-videos .html5lightbox .play {
        width: 50px;
        height: 50px;
    }
    .jobs-accordion .accordion-header button {
        padding: 20px 50px 20px 20px;
        font-size: 24px;
    }
    .jobs-accordion .accordion-body {
        padding: 0 20px 20px 20px;
    }
    .jobs-accordion .accordion-button .arrow {
        right: 10px;
    }
    .blog-item-col {
        margin-bottom: 30px;
    }
    .sidebar li a {
        font-size: 18px;
    }
    .footer-contact .icon {
        top: 3px;
    }
    .footer .address-wrap {
        padding-left: 30px;
    }
    .footer .phone, .footer .email {
        padding-left: 30px;
    }
    .blog-main-row {
        --bs-gutter-x: 0;
    }
    .blog-item-wrap {
        --bs-gutter-x: 0;
    }
    .sidebar-form .form-title {
        font-size: 24px;
    }
    .search-panel {
        height: 80px;
    }
    .search-panel form#searchform {
        width: 75%;
    }
    .home-banner .banner-blocks{
        display: none;
    }
    .services-sec-list{
        display: none;
    }
    .about-videos-list .play-icon {
        width: 45px;
        height: 45px;
    }
    .reviews-list .review-inner {
        padding: 20px;
    }
    .reviews-page .read-more {
        position: relative;
        bottom: 0;
        margin-top: 10px;
        display: inline-block;
    }
    .jobs-section .form-button-title {
        font-size: 20px;
    }
    .mobile-banner-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .mobile-banner-image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .blog-slider .blog-slider-image img {
        height: 100%;
    }
    .footer .available-text {
        margin-top: -10px;
    }
    .post-tags {
        font-size: 16px;
    }
    .practice-top-info {
        text-align: center;
    }
    .testimonials-section .inner {
        position: relative;
    }
    .testimonials-slider .category-icon {
        width: 25px;
        height: 25px;
        right: 5px;
        top: 0;
    }
    .merch-modal .btn-close {
        top: -5px;
        right: -5px;
        width: 25px;
        height: 25px;
    }
    .injury-accordion .accordion-header button {
        font-size: 18px;
    }
    .injury-bottom-section {
        margin-top: 50px;
    }
    .causes-listing .title {
        font-size: 18px;
    }
    .causes-listing .item {
        margin-top: 15px;
    }

}

@media (max-width:575px){
.header-search {
    margin-left: 0;
}
	.header-search .search-icon {
    width: 35px;
    height: 35px;
		        margin-left: 8px;
}
	.header-phone a {
    width: 35px;
    height: 35px;
    padding: 8px;
}
	.menu-button {
    width: 35px;
    height: 35px;
    margin-left: 8px;
}
	.pll-switcher-select {
    padding: 5px 5px;
    font-size: 14px;
}
}

@media (max-width:440px){
	.header-logo {
    width: 120px;
}
	.header-right {
    width: calc(100% - 120px);
}
}

@media (min-width: 375px) and (max-width: 667px) and (orientation: landscape){
    .commercial-videos .video-item {
        height: 350px;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape){
    .mobile-banner-blocks .row {
        background: #1E1E1E;
        text-align: center;
        border-radius: 10px;
        margin-top: -40px;
        position: relative;
        z-index: 1;
        padding: 10px;
    }
    .mobile-banner-blocks .block-item {
        width: 50%;
    }
    .mobile-banner-blocks .block-inner {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 30px 30px;
        color: #fff;
    }
    .mobile-banner-blocks .block-title {
        font-size: 20px;
    }
    .about-section .top-row {
        margin-bottom: 40px;
    }
    .mob-services-sec-list .item {
        height: 150px;
        position: relative;
        overflow: hidden;
    }
    .mob-services-sec-list .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) 100%);
    }
    .mob-services-sec-list .service-detail {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px;
        color: #fff;
        font-weight: 700;
    }
    .mob-services-sec-list .service-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .blog-slider .item {
        background: #222;
    }
    .footer-top {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .about-section {
        background: #fff;
        padding-top: 50px;
    }
    .about-section .right-col {
        padding-bottom: 50px;
    }
    .testimonials-slider .name {
        font-size: 20px;
        font-weight: 700;
    }

}