/**** Media Query ****/
ul.menu-top .hide-menu {
    display: none;
}
.menu-wrap {
    display: none;
}
.no-scroll {
    overflow: hidden;
}
@media (min-width: 1199px) {
    .what-we-do-sec .item {
        padding: 40px 15px 70px;
        border-radius: 55px 0 0 0;
        border: 1px solid #ddd;
    }
    .what-we-do-sec .item:hover {
        background-color: var(--bs-theme-color);
        transition: background-color 0.3s ease;
        border: 1px solid var(--bs-theme-color);
    }
    .what-we-do-sec .item:hover * {
        color: #fff;
    }
    .what-we-do-sec .item:hover svg {
        fill:#fff;
    }
    .testimonial-slider .quote-content, .testimonials-page .quote-content {
        min-height: 270px;
    }
}
@media (min-width:1700px) {
    .container {
        max-width: 1390px;
    }
    .btn {
        padding: 20px 40px;
    }
    .footer-menu li a {
        font-size: 18px;
    }
    .page-banner .page-banner-title {
        font-size: 90px;
    }
    .what-we-do-sec .item {
        padding: 40px 25px 70px;
    }
    .submit-btn input[type="submit"] {
        padding: 18px 40px;
        font-size: 18px;
    }
    .newsletter-form .form-group::after {
        transform: translateY(calc(-50% - 10px));
    }
    .accordion-button::after {
        width: 45px;
        height: 45px;
        background-size: 45px;
    }
    .why-choose-sec .align-self-center .heading {
        margin-bottom: 0;
        margin-top: -120px;
    }
    .nationally-featured-lists .item {
        padding: 20px 30px;
    }
    .nationally-featured-lists .item:nth-child(7) {
        padding-right: 0;
    }
}
@media (min-width: 1200px) and (max-width: 1799px) {
    .container {
        max-width: 1300px;
    }
    .h2, .heading {
        font-size: 34px;
    }
    ul.menu-top li {
        padding: 0px 10px;
    }
    .header-cta {
        font-size: 18px;
    }
    .header-cta-col > span {
        font-size: 18px;
    }
    /*    .header-logo-col {
            width: 190px;
        }
        .header-menu-col {
            width: calc(100% - 500px);
        }
        .header-cta-col {
            width: 310px;
        }*/
    .search-icon {
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-left: 15px;
    }
    .search-icon svg, .search-icon img {
        width: 15px;
        height: 15px;
        stroke: var(--bs-lightblack);
    }
    /*    .page-banner {
            min-height: 450px;
            padding-bottom: 80px;
        }*/
    .page-banner .page-banner-title {
        font-size: 50px;
    }
    .home-banner .banner-content::before {
        width: 440px;
        height: 440px;
        left: -65px;
    }
    .home-banner .top-title, .home-banner .bottom-title {
        font-size: 24px;
    }
    .home-banner .top-title {
        font-size: 30px;
        color: var(--bs-theme-color-two);
    }
    .home-banner .banner-heading {
        font-size: 70px;
        margin: 12px 0;
    }
    .home-banner .btn {
        font-size: 22px;
        padding: 14px 30px;
    }
    .home-banner .banner-bottom-content {
        font-size: 20px;
        line-height: 1.8;
        margin-top: 40px;
    }
    .our-fans-sec .outer-wraper {
        padding: 80px 80px;
    }
    .testimonial-slider .author-bio .author, .testimonials-page .author-bio .author {
        font-size: 20px;
    }
    .testimonial-slider .author-bio .author-designation, .testimonials-page .author-bio .author-designation {
        font-size: 15px;
    }
    .service-lists .title {
        font-size: 22px;
    }
    .home-featured-sec .heading {
        font-size: 30px;
    }
    .scholarship-head-info h5 {
        font-size: 18px;
    }
    .scholarship-head-info ul li {
        font-size: 16px;
    }
    /*    .scholarship-head-info ul li::before {
            top: 14px;
        }*/
    .accordion-button {
        font-size: 20px;
    }
    .contact-info-aside {
        padding: 50px 25px;
    }
    .contact-info-aside .heading {
        font-size: 26px;
    }
    .sidebar-heading, .sidebar .widget-title {
        margin-bottom: 20px;
        font-size: 26px;
        letter-spacing: 0;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    body {
        font-size: 16px;
        line-height: 1.8;
    }
    .bottom-line {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
/*     .space-pd {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .space-mr {
        margin-top: 80px;
        margin-bottom: 80px;
    } */
    .h2, .heading {
        font-size: 30px;
    }
    .sub-heading {
        font-size: 20px;
    }
    .container {
        max-width: 1200px;
    }
    /*    .page-banner {
            min-height: 450px;
            padding-bottom: 80px;
        }*/
    .page-banner .page-banner-title {
        font-size: 50px;
    }
    /*    .header-logo-col {
            width: 150px;
        }
        .header-menu-col {
            width: calc(100% - 430px);
        }
        .header-cta-col {
            width: 280px;
        }*/
    .header-logo img {
        max-width: 200px;
    }
    ul.menu-top li {
        padding: 0px 5px;
    }
    .menu-top li a, ul.menu-top li .sub-menu li a {
        font-size: 13px;
    }
    .header-cta {
        font-size: 17px;
    }
    .header-cta-col > span {
        font-size: 16px;
    }
    .search-icon {
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-left: 15px;
    }
    .search-icon svg, .search-icon img {
        width: 15px;
        height: 15px;
        stroke: var(--bs-lightblack);
    }
    .home-banner img {
        margin-right: 25px;
        margin-top: -20px;
        max-width: 270px;
    }
    .home-banner .banner-content::before {
        width: 340px;
        height: 340px;
        left: -50px;
    }
    .home-banner .banner-heading {
        font-size: 55px;
        margin: 10px 0;
    }
    .home-banner .top-title, .home-banner .bottom-title {
        font-size: 22px;
    }
    .home-banner .top-title {
        font-size: 28px;
    }
    .home-banner .banner-bottom-content {
        font-size: 16px;
        line-height: 1.7;
        margin-top: 30px;
    }
    .home-banner .btn {
        font-size: 17px;
        padding: 12px 30px;
    }
    .why-choose-sec .item .title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .why-choose-sec .outer-wraper {
        padding-left: 50px;
    }
    .why-choose-sec .btn {
        font-size: 16px;
    }
    .why-choose-sec .btn svg, .why-choose-sec .btn img {
        width: 17px;
        height: 17px;
    }
    .post-lists, .post-default-content, .default-content, .blog-detail post-navigation, .pagination, .blog-detail .post-navigation {
        padding-right: 70px;
    }
    .newsletter-form .form-group::after {
        transform: translateY(calc(-50% - 7px));
    }
    .what-we-do-sec .item .title {
        font-size: 20px;
    }
    .home-video-sec .loop-row {
        margin-bottom: 80px;
    }
}
@media (max-width: 1199px) {
    body {
        line-height: 1.8;
    }
    .page-banner .page-banner-title {
        font-size: 46px;
    }
    .h2, h2, .heading {
        font-size: 36px;
    }
    .space-pd {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .space-mr {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .sidebar-heading, .sidebar .widget-title {
        font-size: 30px;
    }
    .alignleft, .alignright {
        float: none;
        display: block;
        margin: 20px auto;
    }
    /*    .header-row {
            display: none;
        }*/
    header.main-header {
        padding: 1rem 0 0;
    }

    .menu-header {
        display: none;
    }
    ul.menu-top .hide-menu {
        display: block;
    }
    .main-header .container {
        max-width: 100%;
    }
    .main-menu {
        justify-content: end;
    }
    .menu-wrap {
        background-color: var(--bs-theme-color);
        position: fixed;
        top: 110px;
        height: 100%;
        width: 100%;
        right: -100%;
        font-size: 1em;
        font-weight: 700;
        overflow: auto;
        transition: .5s;
        z-index: 12;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .menu-full-wrapper {
        width: 100%;
        position: absolute;
        top: 0;
        text-align: left;
    }
    .menu-show {
        right: 0;
        max-width: 100%;
    }
    .menu-sidebar {
        margin: 0;
        position: relative;
        top: 0;
        width: 100%;
        margin-left: auto;
        height: 100%;
        padding-bottom: 50%;
    }
    .menu-bar-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }
    .menu-sidebar .menu-bar-wrapper li {
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        margin: 0;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
        padding: 0;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sub-menu li:first-child {
        border-top: 1px solid rgba(0, 0, 0, .03);
    }
    .menu-sidebar .menu-bar-wrapper li:last-child {
        border: none;
    }
    .menu-sidebar .menu-bar-wrapper li>a {
        color: var(--bs-white);
        padding: 10px 15px;
        position: relative;
        display: block;
        line-height: 1.6;
        font-weight: 500;
        text-transform: capitalize;
    }
    .menu-sidebar .menu-bar-wrapper li>a:hover:after {
        opacity: 1;
    }
    .menu-sidebar .menu-bar-wrapper li.current-menu-item>a, .menu-sidebar .menu-bar-wrapper li>a:focus,
    .menu-sidebar .menu-bar-wrapper li.current-menu-parent>a,
    .menu-sidebar .menu-bar-wrapper li.menu-item-has-children:hover > a,
    .menu-sidebar .menu-bar-wrapper li>a:hover,
    .menu-sidebar .menu-bar-wrapper li.current_page_ancestor > a{
        background-color: var(--bs-lightblack);
        color: var(--bs-white);
    }
    .menu-sidebar .sidebar-menu-arrow:after {
        content: "";
        cursor: pointer;
        border-left: 2px solid var(--bs-white);
        border-bottom: 2px solid var(--bs-white);
        display: inline-block;
        width: 10px;
        height: 10px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: auto;
        position: absolute;
        right: 15px;
        top: 50%;
        bottom: 0;
        margin-top: -8px;
    }
    .menu-sidebar .menu-bar-wrapper li.current-menu-item>.sidebar-menu-arrow:after, .menu-sidebar .menu-bar-wrapper li.current-menu-parent>.sidebar-menu-arrow.responsive-up-arrow:after, .menu-sidebar .menu-bar-wrapper li.current-menu-parent>.sidebar-menu-arrow:after, .menu-sidebar .menu-bar-wrapper li:hover .sidebar-menu-arrow:after, .testimonials-slider .slick-arrow:hover:after {
        border-left: 2px solid var(--bs-white);
        border-bottom: 2px solid var(--bs-white);
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sidebar-menu-arrow.responsive-up-arrow:after {
        transform: rotate(135deg);
        display: block;
        margin: 0;
        border-left: 2px solid var(--bs-white);
        border-bottom: 2px solid var(--bs-white);
    }
    .current-menu-parent span.sidebar-menu-arrow::after {
        border-left: 2px solid var(--bs-white);
        border-bottom: 2px solid var(--bs-white);
    }
    .menu-sidebar .menu-bar-wrapper li.current-menu-item>a+.sidebar-menu-arrow::after {
        color: #0e2743;
    }
    .menu-sidebar .menu-bar-wrapper .current-menu-parent.menu-item-has-children>.nav-link {
        font-weight: 400;
        background-color: #e93941;
        color: #fff;
        width: 100%;
    }
    .menu-sidebar .menu-bar-wrapper .current-menu-parent.menu-item-has-children>.nav-link:after {
        opacity: 1;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children {
        position: relative;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sidebar-menu-arrow {
        position: absolute;
        right: 0;
        top: 0;
        height: 47px;
        width: 44px;
        background-color: transparent;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sub-menu {
        display: none;
        background: none;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sub-menu li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px;
    }
    .menu-sidebar .menu-bar-wrapper li .sub-menu li a {
        padding-left: 30px;
    }
    .menu-sidebar .menu-bar-wrapper li .sub-menu .sidebar-menu-arrow:after {
        font-size: 16px;
    }
    .sidebar-menu-arrow::after {
        cursor: pointer;
        content: "";
        position: absolute;
        top: 0px;
        margin: auto;
        bottom: 0px;
        right: 0;
        background-size: 14px;
        height: 40px;
        width: 40px;
    }
    .menu-sidebar .menu-bar-wrapper li .sub-menu li a:after {
        display: none;
    }
    .menu-sidebar .menu-bar-wrapper li .sub-menu li .sub-menu li a {
        padding-left: 50px;
    }
    .menu-sidebar .menu-bar-wrapper li .sub-menu li .sub-menu li .sub-menu li a {
        padding-left: 70px;
    }
    .menu-button {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all ease-in-out .4s;
        position: relative;
        border: 1px solid #3E3E3E;
        border-radius: 5px;
        overflow: hidden;
    }
    .menu-button .menu-bar {
        position: absolute;
        transition: .5s;
        opacity: 1;
        margin: 0 auto;
        width: 20px;
        left: 0;
        right: 0;
        background: #3E3E3E;
        height: 2px;
        border-radius: 0px;
    }
    .menu-button:hover {
        cursor: pointer;
    }
    .menu-button .menu-bar-top {
        top: 10px;
    }
    .menu-button .menu-bar-middle {
        top: 50%;
        transform: translateY(-50%);
    }
    .menu-button .menu-bar-bottom {
        top: auto;
        bottom: 10px;
    }
    .menu-button.button-open {
        z-index: 13;
    }
    .menu-button.button-open {
        z-index: 13;
    }
    .button-open .menu-bar-middle {
        background-color: #beccd7;
        transform: translate(230px);
        transition: .1s ease-in;
        opacity: 0;
    }
    .menu-button.button-open .menu-bar-top {
        transform: rotate(45deg) translate(11px, 11px);
        transition: .5s;
        top: 0;
        opacity: 1;
    }
    .menu-button.button-open .menu-bar-bottom {
        transform: rotate(-45deg) translate(10px, -10px);
        transition: .5s;
        top: 30px;
    }
    header .sub-menu li ul.sub-menu {
        position: static;
    }
    .search-icon {
        line-height: 35px;
        width: 35px;
        height: 35px;
        align-items: center;
        justify-content: center;
        transition: all ease-in-out .4s;
        margin-left: 0;
        margin-right: 12px;
        border: 1px solid #3E3E3E;
        border-radius: 5px;
    }
    .search-icon svg,
    .search-icon img {
        width:15px;
        height: 15px;
    }


    .main-header .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
    .home-banner  {
        height: auto !important;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .home-banner .top-title, .home-banner .bottom-title {
        font-size: 28px;
    }
    .home-banner .banner-heading {
        font-size: 70px;
    }
    .home-banner .banner-bottom-content {
        font-size: 18px;
    }
    .home-banner .btn {
        font-size: 22px;
    }

    #footer {
        padding-top: 60px;
        padding-bottom: 25px;
    }
    .footer-about {
        max-width: 600px;
    }
    #footer .inner-info-wrap {
        margin-top: 40px;
    }


    .our-fans-sec .outer-wraper {
        padding: 60px 60px;
    }
    .careers-feature-row {
        margin-top: 20px;
    }
    .why-choose-sec .item .content {
        max-width: 100%;
    }
    .post-lists, .post-default-content, .default-content, .blog-detail post-navigation, .pagination, .blog-detail .post-navigation {
        padding-right: 0;
    }
    .testimonial-slider .author-bio .author, .testimonials-page .author-bio .author {
        font-size: 16px;
    }
    .testimonial-slider .author-bio .author-designation, .testimonials-page .author-bio .author-designation {
        font-size: 12px;
    }
    .testimonial-slider .author-info .author-img, .testimonials-page .author-info .author-img {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }
    .testimonial-slider .quote-content, .testimonials-page .quote-content {
        border-radius: 20px;
        padding: 30px 20px;
    }
    .testimonial-slider .quote-content .quote-icon, .testimonials-page .quote-content .quote-icon {
        width: 34px;
        height: 20px;
        margin-bottom: 15px;
    }
    .testimonial-slider .author-info, .testimonials-page .author-info {
        padding-left: 30px;
        margin-top: 20px;
    }
    .testimonial-slider .quote-content::before, .testimonials-page .quote-content::before {
        border-width: 15px 15px 0 15px;
        bottom: -13px;
        left: 30px;
    }

    .service-lists .title {
        font-size: 20px;
    }
    .service-lists .inner-item {
        height: 450px;
        font-size: 14px;
        line-height: 1.8;
    }
    .service-lists .inner-item .icon-title-wrap > svg, .service-lists .inner-item .icon-title-wrap > svg path,
    .service-lists .hover-content > svg, .service-lists .hover-content > svg path {
        width: 35px;
        height: 35px;
        margin-bottom: 10px;
    }
    .service-lists .inner-item .hover-content {
        width: calc(100% - 20px);
        padding: 20px 15px;
    }
    .bio-wraper {
        padding: 20px;
    }
    .attorney-bio-tab .nav-tabs {
        padding: 20px 15px;
        max-width: 100%;
    }
    .home-featured-sec, .home-awards-sec {
        text-align: center;
    }
    .nationally-featured-lists {
        border-left: none;
        padding-left: 0;
        margin-top: 30px;
    }
    .home-awards-sec .awards-lists {
        border-left: none;
        margin-top: 30px;
    }
    .what-we-do-sec .item .more-btn:hover {
        color: var(--bs-theme-color);
    }
    .what-we-do-sec .item .more-btn:hover svg {
        fill:var(--bs-theme-color);
    }
    .what-we-do-sec .item .more-btn:hover::before {
        background: var(--bs-theme-color);
    }
    .what-we-do-sec .item {
        padding: 30px 15px 55px;
    }
    .why-choose-sec .outer-wraper {
        padding-left: 0;
    }
    .why-choose-sec .outer-wraper::before {
        display: none;
    }
    .why-choose-sec .heading {
        margin-bottom: 40px;
    }
    .header-menu-col, .header-logo-col {
        width: 50%;
    }
    .mobile-header-cta {
        line-height: 35px;
        width: 35px;
        height: 35px;
        align-items: center;
        justify-content: center;
        transition: all ease-in-out .4s;
        margin-right: 12px;
        border: 1px solid #3E3E3E;
        border-radius: 5px;
        display: flex;
    }
    .mobile-header-cta svg, .mobile-header-cta img {
        width: 17px;
        height: 17px;
    }
    .mobile-view-cta a {
        color: #fff;
        justify-content: center;
        align-items: center;
        gap: 8px;
        width: 50%;
        font-size: 18px;
        font-weight: 600;
        display: flex;
        border-radius: 0;
        background: var(--bs-theme-color-two);
        border: 1px solid var(--bs-theme-color-two);
        padding: 10px 15px;
    }
    .mobile-view-cta a:nth-child(2n) {
        background: var(--bs-theme-color);
        border-color: var(--bs-theme-color);
    }
    .mobile-view-cta a svg, .mobile-view-cta a img {
        width: 25px;
        height: 25px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .home-cta-sec .heading {
        font-size: 28px;
    }
}

@media (max-width: 991px) {
    body {
        font-size: 14px;
    }
    /*    .page-banner {
            min-height: 450px;
            padding-bottom: 40px;
        }*/
		.btn-grp {
    flex-flow: wrap;
}
    aside.sidebar {
        margin-top: 60px;
    }
    .h2 .h2, h2, .heading, h2.title {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .heading br {
        display: none;
    }
    .page-banner .page-banner-title {
        font-size: 36px;
    }
    .header-cta {
        font-size: 16px;
    }
    /*    .header-cta-col {
            width: 260px;
        }
        .header-menu-col {
            width: calc(100% - 470px);
        }*/

    .home-banner .banner-content::before {
        width: 440px;
        height: 440px;
        left: -45px;
    }
    .home-banner .banner-heading {
        font-size: 50px;
    }
    .home-banner .btn {
        font-size: 16px;
    }
    .home-banner .top-title, .home-banner .bottom-title {
        font-size: 20px;
    }
    .home-banner .banner-bottom-content {
        font-size: 15px;
    }

    .home-video-sec .loop-row {
        margin-bottom: 60px;
    }
    .home-video-sec .loop-row .html5lightbox {
        margin-bottom: 30px;
    }



    .why-choose-sec .cta-wrap {
        display: block;
        align-items: center;
        gap: 15px;
        justify-content: space-between;
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
    .why-choose-sec .cta-wrap .heading {
        margin-bottom: 12px;
        font-size: 30px;
    }
    .why-choose-sec .cta-wrap br {
        display: none;
    }

    .home-cta-sec .cta-wrap {
        display: block;
        text-align: center;
    }
    .home-cta-sec .cta-wrap .heading {
        max-width: 600px;
        margin: 0 auto;
    }
    .home-cta-sec .cta-wrap .btn {
        padding: 15px 50px;
        margin-top: 20px;
    }

    .nationally-featured-lists {
        border-left: none;
        padding-left: 0;
        margin-top: 0;
    }

    .home-awards-sec .awards-lists {
        border-left: none;
    }
    .home-awards-sec .awards-lists .item {
        padding: 10px 10px;
    }

    .newsletter-form .newsletter-info {
        margin-bottom: 15px;
    }
    .footer-heading {
        margin-bottom: 15px;
    }
    .copyright {
        margin-top: 50px;
    }
    .careers-about-block {
        margin-top: 40px;
    }
    .careers-about-block img {
        margin-bottom: 30px;
    }
    .job-openings-row {
        margin-top: 60px;
        padding: 50px 30px;
    }
    .home-featured-sec .heading {
        text-align: center;
    }
    .home-awards-sec .heading {
        text-align: center;
    }
    .bio-wraper img {
        margin-bottom: 30px;
    }
    .attorney-bio-tab .nav-tabs {
        margin-bottom: 30px;
    }
    .attorney-bio-tab .tab-content .heading-small {
        font-size: 32px;
    }
    .accordion-button {
        font-size: 16px;
        padding: 1rem 45px 1rem 15px;
        line-height: 1.3;
    }
    .accordion-button::after {
        width: 25px;
        height: 25px;
        background-size: 25px;
    }
    .accordion-body {
        padding: 10px 15px;
        border-radius: 0 0 10px 10px;
    }
    .fans-lists {
        margin-top: 20px;
    }
    .our-fans-sec .html5lightbox {
        margin: 20px 0 20px;
    }
    .post-lists .post-image {
        border-radius: 10px 10px 0 0;
    }
    .post-image img {
        border-radius: 10px 10px 0 0;
    }
    .post-lists .post-content {
        border-radius: 0 0 10px 10px;
        padding: 30px 20px;
        border: 1px solid #F0F0F0;
        margin-top: 0;
        border-top: none;
        width: 100%;
    }
    .scholarship-about-sec img {
        margin-bottom: 30px;
    }
    .scholarship-head-info ul {
        flex-flow: wrap;
        gap: 0 15px;
    }
    .scholarship-head-info {
        margin-bottom: 20px;
    }
    .scholarship-head-info ul li {
        font-size: 16px;
    }
    .contact-page .contact-form-col {
        border-radius: 15px 15px 0 0;
        padding: 50px 30px;
    }
    .contact-info-aside {
        border-radius: 0 0 15px 15px;
        padding: 50px 30px;
    }
    .contact-info-aside .loop-col {
        margin-bottom: 30px;
        gap: 20px;
        width: calc(50% - 15px);
    }
    .contact-inner-wraper {
        display: flex;
        flex-flow: wrap;
        gap: 30px;
    }
    .contact-info-aside .heading {
        font-size: 30px;
        text-align: center;
        margin-bottom: 30px;
    }
    .contact-info-aside .loop-col:nth-child(2) {
        order: 3;
    }
    .contact-info-aside .loop-col:nth-child(3) {
        order: 4;
    }
    .contact-info-aside .loop-col:nth-child(4) {
        order: 2;
    }
    .contact-attorney-quote {
        align-items: end;
        gap: 25px;
        margin: 60px 0;
    }
    .contact-attorney-quote .attorney-quote {
        padding: 30px 30px 30px 30px;
        width: calc(100% - 150px);
    }
    .contact-attorney-quote .quote-content {
        font-size: 16px;
        line-height: 1.6;
    }
    .contact-attorney-quote .author {
        font-size: 14px;
        margin-top: 10px;
    }
    .contact-attorney-quote .attorney-img {
        width: 150px;
        margin-right: 0;
        margin-top: 0;
    }
    .contact-page .contact-form-col .form-title {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .newsletter-form .form-group::after {
        transform: translateY(calc(-50% - 15px));
    }
    .contact-page-nap .nap-lists {
        position: static;
        display: flex;
        gap: 15px;
        flex-flow: wrap;
        background: #f5f5f5;
        padding: 15px 15px;
    }
    .contact-page-nap .nap-lists .nap-address-item {
        margin-bottom: 0;
        width: calc(50% - 8px);
    }
    .outreach-about-sec img,
    .scholarship-outreach-sec .loop-row img {
        margin-bottom: 30px;
    }
    .pagination .prev, .pagination .next {
        position: static;
    }
    .pagination .nav-links {
        flex-flow: wrap;
    }
    .founder-bio-wraper {
        padding: 30px 20px;
    }
    .founder-bio-wraper img {
        margin-bottom: 30px;
    }
}

/* Small Devices View  New*/
@media (max-width: 767px) {
    .btn {
        padding: 16px 30px;
        font-size: 16px;
        letter-spacing: 0;
    }
    .sub-heading {
        font-size: 16px;
    }
    /*    .page-banner {
            min-height: 350px;
        }*/
    .submit-btn input[type="submit"] {
        padding: 16px 30px;
        font-size: 16px;
    }
    .btn-grp .btn {
        margin-right: 15px;
    }
    .btn-grp .btn:last-child {
        margin-right: 0px;
    }
    .form-control {
        padding: 15px 15px;
    }
    .h2, h2, .heading {
        font-size: 34px;
    }
    .page-banner .page-banner-title {
        font-size: 34px;
    }
    .space-pd {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .space-mr {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .home-banner {
        height: auto !important;
        padding-top: 30px;
        padding-bottom: 60px;
        clip-path: ellipse(160% 100% at 50% 0%);
    }
    .home-banner .banner-content {
        width: 480px;
        height: 480px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .home-banner .banner-content::before {
        width: 100%;
        height: 100%;
        left: 0px;
    }
    .home-banner .banner-heading {
        font-size: 50px;
    }
    .home-banner .btn {
        font-size: 14px;
        padding: 14px 30px;
    }
    .home-banner .banner-bottom-content {
        font-size: 15px;
        line-height: 1.4;
        margin-top: 25px;
    }
    .home-banner .banner-bottom-content br {
        display: none;
    }
    .home-banner img {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        max-width: 160px;
        /*        margin-bottom: -50px;*/
    }
    .home-banner .banner-img-heading {
        margin: 15px auto 15px;
    }
    .home-team-sec .attorney-item img {
        height: 280px;
    }
    .our-fans-sec .sub-heading {
        font-size: 18px;
    }
    .fans-lists .card-item {
        padding: 30px 20px;
    }
    .our-fans-sec .html5lightbox {
        margin: 30px 0 20px;
    }
    .our-fans-sec .html5lightbox > img {
        border-radius: 20px;
        border: 5px solid #487ABC;
    }
    .home-featured-sec .heading {
        font-size: 30px;
    }
    .why-choose-sec .cta-wrap {
        flex-flow: wrap;
        text-align: center;
        margin-top: 0;
        justify-content: center;
    }
    .bio-wraper .attorney-email svg, .bio-wraper .attorney-email img {
        width: 25px;
        height: 20px;
    }
    .bio-wraper .attorney-email {
        gap: 10px;
        font-size: 16px;
        margin-bottom: 20px;
    }
    .our-fans-sec .outer-wraper {
        padding: 30px 30px;
    }
    .contact-inner-wraper {
        gap: 0;
    }
    .contact-info-aside .loop-col {
        gap: 15px;
        width: 100%;
    }
    .contact-info-aside .loop-col:nth-child(2) {
        order: 2;
    }
    .contact-info-aside .loop-col:nth-child(3) {
        order: 3;
    }
    .contact-info-aside .loop-col:nth-child(4) {
        order: 4;
    }
    .main-header .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    /*    .header-logo-col {
            width: 180px;
        }
        .header-menu-col {
            width: calc(100% - 510px);
        }*/
    .scholarship-outreach-sec .loop-row {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
    .home-video-sec .sub-heading {
        font-size: 12px;
        letter-spacing: 2px;
    }
    .why-choose-sec .btn {
        font-size: 14px;
    }
    .why-choose-sec .btn svg, .why-choose-sec .btn img {
        width: 14px;
        height: 14px;
        margin-right:7px;
    }
    .pagination .nav-links > * {
        width: 40px;
        height: 40px;
    }
    .why-choose-sec .cta-wrap {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: space-between;
        border-top: 1px solid #fff;
        margin-top: 25px;
        padding-top: 25px;
    }
    .why-choose-sec .cta-btn-col {
        width: 100%;
    }
    .why-choose-sec .cta-wrap .heading {
        margin-bottom: 0;
    }
    .page-id-559 aside.sidebar {
        display: none;
    }
}
@media (max-width:575px) {
    body {
        font-size: 14px;
        line-height: 1.8;
    }
    .h2, h2, .heading, .what-we-do-sec .heading {
        font-size: 30px;
        margin-bottom: 15px;
    }
    /*    .page-banner {
            min-height: 300px;
        }*/
    .header-logo img {
        max-width: 100%;
    }
	.sticky-section.footer-active {
    bottom: 2%;
}
    .default-content h1, .post-default-content h1 {
        font-size: 32px;
        font-weight: 700;
        text-transform: none;
    }
    .default-content h2, .post-default-content h2 {
        font-size: 28px;
        font-weight: 700;
        text-transform: none;
    }
    .default-content h3, .post-default-content h3 {
        font-size: 26px;
    }
		.overlay-content .text {
    font-size: 16px;
    margin-bottom: 10px;
}
	.sticky-section {
    width: 200px;
    height: 220px;

}
	.overlay-content {
    padding: 15px 15px;
}
	.home-cta-sec .cta-wrap .btn {
    padding: 12px 42px;
}
	.cta-btn {
    padding: 10px 18px;
}
    .default-content h4, .post-default-content h4 {
        font-size: 22px;
        font-weight: 700;
        text-transform: none;
    }
    .default-content h5, .post-default-content h5 {
        font-size: 20px;
    }
    .default-content h6, .post-default-content h6 {
        font-size: 18px;
    }
    .main-header .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-banner .page-banner-title {
        font-size: 30px;
    }
    .why-choose-sec .heading-underline {
        max-width: 250px;
        position: relative;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }
    .why-choose-sec .heading-underline::before {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 150px;
        height: 1px;
        background: #fff;
    }

    .home-banner .banner-content {
        width: 370px;
        height: 370px;
    }
    .home-banner .banner-heading {
        font-size: 35px;
        margin: 10px 0;
    }
    .home-banner .top-title, .home-banner .bottom-title {
        font-size: 14px;
    }
    .home-banner .btn {
        padding: 14px 25px;
        margin-top: 15px !important;
    }
    .home-banner .top-title, .home-banner .bottom-title {
        font-size: 14px;
    }
    .home-featured-sec .heading {
        font-size: 25px;
    }
    .what-we-do-sec .item .title {
        font-size: 20px;
    }
    .what-we-do-sec .item {
        padding: 30px 20px;
        height: auto;
        background: #F5F5F5;
    }
    .what-we-do-sec .item .more-btn {
        position: static;
        margin-top: 15px;
    }
    .why-choose-sec .item .title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .why-choose-sec .cta-wrap .heading {
        font-size: 25px;
    }
    #footer .inner-info-wrap {
        margin-top: 70px;
    }
    .footer-heading {
        font-size: 20px;
    }

    .our-fans-sec .outer-wraper {
        padding: 30px 20px;
    }
    .our-fans-sec .html5lightbox .play-icon {
        width: 60px;
        height: 40px;
        border-radius: 10px;
    }
    .why-choose-page .sub-heading {
        font-size: 16px;
    }
    .careers-feature-row .title {
        font-size: 22px;
    }
    .attorney-bio-tab .tab-content .heading-small {
        font-size: 28px;
    }
    .bio-wraper .attorney-name {
        font-size: 24px;
    }
    .attorney-bio-tab .nav-tabs li .nav-btn {
        padding: 18px 15px;
    }
    .careers-feature-row .card-wrap {
        padding: 30px 20px;
    }
    .careers-about-block .heading {
        font-size: 24px;
    }
    .post-default-content iframe {
        height: 400px;
    }
    .default-content ol, .post-default-content ol, .default-content ul, .post-default-content ul {
        padding-left: 10px;
    }

    .contact-info-aside .heading {
        font-size: 26px;
    }

    .contact-info-aside {
        padding: 40px 20px;
    }
    .contact-page .contact-form-col {
        padding: 50px 20px;
    }
    .home-video-sec .loop-row .html5lightbox img {
        border-radius: 15px;
    }
    .home-testimonial-sec .sub-heading {
        font-size: 16px;
    }
    .home-testimonial-sec .slick-btn-custom {
        width: 90px;
        margin-left: 15px;
    }
    .home-testimonial-sec .heading-wrap {
        width: calc(100% - 105px);
    }
    .slick-btn-custom .slick-arrow-btn {
        width: 35px;
        height: 35px;
    }
    .slick-btn-custom .slick-arrow-btn svg {
        width: 14px;
        height: 14px;
    }
    .newsletter-form .form-group::after {
        transform: translateY(calc(-50% - 14px));
    }
    .contact-page-nap .nap-lists .nap-address-item {
        width: 100%;
    }
    .contact-page-nap .nap-lists .b-name {
        font-size: 18px;
    }
    .contact-page-nap .nap-lists .adress-wrap {
        font-size: 14px;
    }
    .service-lists .inner-item .hover-content {
        bottom: 20px;
    }
    .service-lists .inner-item .icon-title-wrap {
        bottom: -100%;
    }
}

/* Extra Small Devices View */
@media (max-width: 480px) {
    .h2, h2, .heading, .what-we-do-sec .heading {
        font-size: 25px;
    }
    .home-team-sec .attorney-item img {
        height: 220px;
    }
    .home-testimonial-sec .heading {
        font-size: 20px;
    }
}
@media (max-width: 380px) {
    .home-banner .banner-content {
        width: 350px;
        height: 350px;
    }
    .home-banner .banner-heading {
        font-size: 36px;
    }
    .home-banner .btn {
        padding: 12px 25px;
    }
}



.mobile-header-logo-col {
    width: 40%;
}
.mobile-header-logo-col img {
    max-width: 120px;
}
.mobile-header-menu-col {
    width: 60%;
}

.mobile-attorney-quote .attorney-quote {
    width: 100%;
    padding: 30px 20px;
}

.mobile-social-icon .sociallink {
    justify-content: center;
}
@media screen and (min-width: 1200px) and (max-width: 1800px) {
 .overlay-content .text {
    font-size: 22px;
}
	.sticky-section {
    width: 500px;
    height: 200px;
}
	.cta-btn {
    padding: 8px 19px;
}
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {
.sticky-section {
    width: 400px;
    height: 150px;

}
	  .overlay-content .text {
    font-size: 16px;
    margin-bottom: 5px;
}
}