/**** Media Query ****/
ul.menu-top .hide-menu {
    display: none;
}
.menu-wrap {
    display: none;
}
.no-scroll {
    overflow: hidden;
}
@media (min-width: 992px){
    .member-img {
        float: left;
        width: 32%;
        margin-right: 20px;
    }
}
@media (min-width:1199px){
    .header-logo-col  {
        width: 200px;
    }
    .header-nav-col{
        width: calc(100% - 207px);
        justify-content: flex-end;
    }
}
@media (min-width: 1400px) {
    .container, .wp-block-group__inner-container {
        max-width: 1370px;
    }
    .header-logo-col {
        width: 280px;
    }
    .header-nav-col{
        width: calc(100% - 287px);
        justify-content: flex-end;
    }
    .menu-top li a {
        font-size: 16px;
    }

}
@media (min-width:1700px) {
    .pr-content {
        padding-right: 80px;
    }
    .space-pd, .wp-block-group {
        padding-top: 110px;
        padding-bottom: 110px;
    }
    .h2 .h2, h2, .heading {
        line-height: 1.3;
    }
    .space-mr {
        margin-top: 110px;
        margin-bottom: 110px;
    }
    .container, .wp-block-group__inner-container {
        max-width: 1470px;
    }
    .accordion-button {
        padding: 20px 30px 20px 0;
        font-size: 24px;
    }
    .accordion-body {
        font-size: var(--fontSize-xl);
    }
    .main-header .btn {
        min-width: 150px;
    }
    .main-header {
        padding: 10px 0;
    }
    .header-logo-col {
        width: 330px;
    }
    .header-nav-col {
        width: calc(100% - 338px);
    }
    .btn {
        font-size: var(--fontSize-xl);
    }
    .home-banner .banner-content {
        margin-bottom: 30px;
    }
    .menu-top li a {
        font-size: 18px;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    #breadcrumbs {
        font-size: 14px;
    }
    .h2 .h2, h2, .heading {
        font-size: 36px;
    }
    .btn {
        padding: 12px 50px;
        line-height: 1.4;
        font-size: 14px;
    }
    .service-program-sec .sub-heading {
        font-size: 24px;
    }
    .container, .wp-block-group__inner-container {
        max-width: 1180px;
    }
    .pr-content {
        padding-right: 30px;
    }
    .page-banner .page-banner-title {
        font-size: 40px;
    }
    .header-cta-col {
        gap: 15px;
    }
    ul.menu-top li {
        padding: 0px 12px;
    }
    .menu-top li a {
        padding: 30px 0;
        font-size: 14px;
    }
    .menu-header #mainNav > li.menu-item-has-children .sidebar-menu-arrow::before {
        width: 6px;
        height: 6px;
        right: 24px;
        transform-origin: 6px 3px;
    }
    .list-style ul li::before {

        top: 8px;
    }
}
@media (max-width: 1700px) {
    .main-header .container-fluid {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .footer-heading {
        font-size: 20px;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .team-page .attorney-headshot {
        height: 290px;
    }
    .team-page .name {
        font-size: 20px;
    }
    .team-page .designation {
        font-size: 15px;
        margin-top: 5px;
    }

}
@media (max-width: 1500px) {
ul.menu-top>li.menu-item-has-children {
    padding-right: 30px;
}
	ul.menu-top li {
    padding: 0px 13px;
}
}
@media (max-width: 1400px) {
    :root {
        --fontSize-xl: 18px;
        --fontSize-lg: 16px;
        --fontSize-md: 14px;
    }
    .default-content h1, .wp-block-group h1 {
        font-size: 38px;
    }
    .default-content h2, .wp-block-group h2 {
        font-size: 34px;
    }
    .default-content h3, .wp-block-group h3 {
        font-size: 30px;
    }
    .default-content h4, .wp-block-group h4 {
        font-size: 26px;
    }
    .default-content h5, .wp-block-group h5 {
        font-size: 24px;
    }
    .default-content h6, .wp-block-group h6 {
        font-size: 18px;
    }
    .pagination .nav-links > * {
        border-radius: 45px;
        width: 45px;
        height: 45px;
    }
    .pagination .prev svg, .pagination .next svg {
        width: 12px;
        height: 12px;
    }
    .main-header .container-fluid {
        padding-left: 40px;
        padding-right: 40px;
    }
    .header-nav-col {
        gap: 20px;
    }
    .search-icon svg, .search-icon img {
        width: 16px;
        height: 16px;
    }

    .header-cta .cta-title {
        font-size: 16px;
    }
    .header-cta a {
        font-size: 20px;
        padding-left: 25px;
    }
    .header-cta a svg, .header-cta a img {
        width: 18px;
        height: 18px;
    }
    .menu-top li a, ul.menu-top li .sub-menu li a {
        font-size: 15px;
    }
    .menu-header .sub-menu {
        min-width: 220px;
    }
    .footer-about {
        margin-top: 25px;
    }
    .footer-heading {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .footer-menu li a {
        padding: 6px 0;
        padding-left: 18px;
        font-size: var(--fontSize-md);
    }
    .footer-menu li a::before {
        width: 10px;
        top: 13px;
    }
    .nap-address, .nap-address .direction-link, .nap-phno a {
        font-size: var(--fontSize-md);
    }
    .nap-phno a {
        gap: 12px;
    }
    .nap-phno a svg, .nap-phno a img {
        width: 14px;
        height: 14px;
    }
    .nap-address {
        padding-left: 25px;
    }
    .nap-address > svg, .nap-address > img {
        width: 14px;
        height: 18px;
    }
    .newsletter-form .form-control {
        padding: 12px 10px;
        font-size: var(--fontSize-md);
    }
    .newsletter-form .submit-btn .btn {
        padding: 10px 15px;
        font-size: var(--fontSize-md);
    }
    .footer-social {
        margin-top: 20px;
    }
    .sociallink {
        gap: 8px;
    }
    .sociallink li a {
        width: 30px;
        height: 30px;
    }
    .sociallink li a svg, .sociallink li a img {
        width: 20px;
        height: 20px;
    }
    .copyright-text {
        font-size: var(--fontSize-md);
    }
    .footer-copyright-menu li a {
        font-size: var(--fontSize-md);
    }
    .slick-arrow {
        width: 40px;
        height: 40px;
    }
    .slick-arrow svg, .slick-arrow img {
        width: 13px;
        height: 13px;
    }
}
@media (max-width: 1199px) {
    .page-banner .page-banner-title {
        font-size: 40px;
    }
    .sub-heading {
        font-size: 24px;
    }
    .h2 .h2, h2, .heading {
        font-size: 36px;
    }
    .space-pd, .wp-block-group {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .space-mr {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .sidebar-heading, .sidebar .widget-title {
        font-size: 25px;
    }
    .alignleft, .alignright {
        float: none;
        display: block;
        margin: 20px auto;
    }
    .menu-header {
        display: none;
    }
    ul.menu-top .hide-menu {
        display: block;
    }
    .menu-wrap {
        background-color: var(--color-primary);
        position: fixed;
        height: 100%;
        width: 100%;
        right: -100%;
        font-size: 16px;
        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: flex;
        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(255, 255, 255, 0.20);
    }
    .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: 400;
        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(--color-secondary);
        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;
        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-top: -3px;
        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: 46px;
        width: 42px;
        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: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all ease-in-out .4s;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        border: none;
        background: var(--color-secondary);
    }
    .menu-button .menu-bar {
        position: absolute;
        transition: .5s;
        opacity: 1;
        margin: 0 auto;
        width: 30px;
        left: 0;
        right: 0;
        background: var(--bs-white);
        height: 2px;
        border-radius: 10px;
    }
    .menu-button:hover {
        cursor: pointer;
    }
    .menu-button .menu-bar-top {
        top: 12px;
    }
    .menu-button .menu-bar-top::before {
        position: absolute;
        content: "";
        left: 5px;
        background: var(--bs-light);
        height: 100%;
        top: 0;
        width: 3px;
        border-radius: 10px;
    }
    .menu-button .menu-bar-middle {
        top: 50%;
        transform: translateY(-50%);
    }
    .menu-button .menu-bar-bottom {
        top: auto;
        bottom: 12px;
    }
    .menu-button .menu-bar-bottom::before {
        position: absolute;
        content: "";
        right: 5px;
        background: var(--bs-light);
        height: 100%;
        top: 0;
        width: 3px;
        border-radius: 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(12px, 13px);
        transition: .5s;
        top: 6px;
        opacity: 1;
    }
    .menu-button.button-open .menu-bar-bottom {
        transform: rotate(-45deg) translate(8px, -8px);
        transition: .5s;
        top: 35px;
    }
    .menu-button.button-open .menu-bar-bottom::before, .menu-button.button-open .menu-bar-top::before {
        display: none;
    }
    header .sub-menu li ul.sub-menu {
        position: static;
    }
    .main-header {
        padding: 12px 0;
    }
    .main-menu {
        align-items: center;
    }
    .header-row {
        align-items: center;
    }
    .header-nav-col {
        gap: 15px;
        justify-content: flex-end;
    }
    .header-cta {
        border-left: none;
        border-right: none;
        padding: 0;
        font-family: var(--font-oswald);
    }
    .header-cta .cta-title {
        display: none;
    }
    .header-cta a {
        padding-left: 0;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-secondary);
        border-radius: 5px;
    }
    .header-cta a svg {
        fill: #fff;
    }
    .header-cta span {
        display: none;
    }
    .header-cta a svg, .header-cta a img {
        position: static;
    }
    .ph-icon {
        position: static;
        width: auto;
        height: auto;
        background: none;
        border-radius: 0;
        display: block;
    }
    .ph-cta span {
        display: none;
    }
    .ph-cta svg, .ph-cta img {
        stroke: #fff;
    }
    .search-icon {
        width: 50px;
        height: 50px;
        border-radius: 5px;
        background: var(--color-secondary);
    }
    .search-icon svg, .search-icon img {
        width: 22px;
        height: 22px;
        stroke: var(--bs-white);
    }
    .header-logo-col, .header-nav-col {
        width: 50%;
    }
    .main-header .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }


    .f-about-block {
        text-align: center;
        max-width: 600px;
        margin: 0 auto 50px;
    }
    .footer-logo img {
        margin: 0 auto;
    }
    .footer-about {
        line-height: 1.9;
        margin-top: 30px;
    }
    .footer-social {
        gap: 30px;
        justify-content: center;
    }
    .wp-block-group__inner-container {
        max-width: 92%
    }
    .pr-content {
        padding-right: 0px;
    }
    .team-page .attorney-headshot {
        height: 320px;
    }
}
@media (max-width: 991px) {
    .default-content h1, .wp-block-group h1 {
        font-size: 34px;
    }
    .default-content h2, .wp-block-group h2 {
        font-size: 30px;
    }
    .default-content h3, .wp-block-group h3 {
        font-size: 26px;
    }
    .default-content h4, .wp-block-group h4 {
        font-size: 24px;
    }
    .default-content h5, .wp-block-group h5 {
        font-size: 22px;
    }
    .default-content h6, .wp-block-group h6 {
        font-size: 17px;
    }
    aside.sidebar {
        margin-top: 60px;
    }
    .sidebar-form {
        padding: 30px 20px;
    }
    .sidebar-list, .sidebar-wrap {
        padding: 30px 20px;
    }
    .heading br {
        display: none;
    }
    .pagination .prev, .pagination .next {
        position: static;
    }
    .form-nap-wrap {
        display: flex;
        gap: 30px;
        margin-top: 40px;
    }
    .newsletter-form, .footer-address {
        width: 50%;
    }
    .footer-heading {
        margin-bottom: 20px;
    }
    .accordion-button {
        font-size: 18px;
    }
}

/* Small Devices View  New*/
@media (max-width: 768px) {
    :root {
        --fontSize-xl: 16px;
        --fontSize-lg: 16px;
        --fontSize-md: 14px;
    }
    .btn {
        padding: 14px 25px;
        font-size: 14px;
        letter-spacing: 0;
    }
    .wpcf7 .form-group {
        margin-bottom: 20px;
    }
    .page-banner {
        min-height: 270px;
        background-position: 60% 50%;
    }
    .submit-btn input[type="submit"] {
        padding: 16px 30px;
        font-size: 16px;
    }
    .page-banner .page-banner-title {
        font-size: 30px;
    }
    .pagination .nav-links {
        margin-top: 30px;
    }
    .pagination .nav-links > * {
        width: 40px;
        height: 40px;
    }
    .pagination .nav-links svg, .pagination .nav-links img {
        width: 13px;
        height: 13px;
    }
    .footer-social {
        flex-direction: column;
    }
    ul.sociallink::before {
        display: none;
    }
    .slick-dots {
        margin-top: 25px;
        gap: 8px;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
        border-radius: 10px;
    }
    .footer-menu-wrap {
        margin-top: 30px;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .footer-menu li {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .f-about-block {
        margin: 0 auto;
    }
    .form-nap-wrap {
        margin-top: 30px;
        flex-direction: column;
    }
    .newsletter-form, .footer-address {
        width: 100%;
        margin-bottom: 0;
        order: 2;
    }
    .copyright-menu {
        flex-direction: column;
    }
    .footer-address {
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        align-items: center;
        order: 1;
    }
    .team-page .attorney-headshot {
        height: auto;
    }

    .footer-menu {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        gap: 20px;
    }
    .footer-menu li a::before {
        display: none;
    }
    .footer-menu li a {
        padding: 0;
    }
}
@media (max-width:575px) {
    .h2, h2, .heading {
        font-size: 30px;
    }
    .default-content h1, .wp-block-group h1 {
        font-size: 33px;
    }
    .default-content h2, .wp-block-group h2 {
        font-size: 30px;
    }
    .default-content h3, .wp-block-group h3 {
        font-size: 26px;
    }
    .default-content h4, .wp-block-group h4 {
        font-size: 22px;
    }
    .default-content h5, .wp-block-group h5 {
        font-size: 20px;
    }
    .default-content h6, .wp-block-group h6 {
        font-size: 18px;
    }
    .main-header .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-nav-col {
        gap: 10px;
    }
}