@media (min-width:1201px) {
    .header-menu-list2 li:nth-last-child(2) .sub-menu {
        left: 50%;
        transform: translateX(-50%);
    }
    .header-menu-list2 li:last-child .sub-menu {
        left:auto;
        right:0;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .als-box strong {
        font-size: 16px;
        padding:0;
    }
    .services-title-left {
        padding-left: 17px;
    }
    .services-left img {
        width: 160px;
    }
}

@media (max-width: 1199px) {
    .sub-menu {
        display:none;
    }
    #contactbox {
        padding: 30px;
    }
    .cform-testi-box {
        padding: 25px;
    }
    h2.member-name {
        font-size: 40px;
    }
}

@media only screen and (min-width: 1201px) {
    /**********
    submenu popup
    **********/
    nav.nav .sub-menu-inner {
        /* max-height: 0; */
        /* overflow: hidden; */
        position: absolute;
        flex-wrap: wrap;
        transition: all 200ms;
        display: none;
    }
    .menu-item-has-children::after {}
    nav.nav .menu-item-has-children.sub-menu-active>.sub-menu-inner {
        display:block;
    }
    nav.nav .sub-menu li {
        width: 100%;
        margin-left: 0;
        display: inline-block;
        white-space: unset;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
	.footer-top-right, .footer-top-left {
		width: 26%;
	}
	.footer-top-mid {
		width:48%;
	}
}

@media (min-width:1201px) {
    .header-nav ul {
        list-style: none;
        display: flex;
        margin-bottom: 0;
        padding-left:0;
        flex-direction: row;
        justify-content: center;
    }
    .hb-left {
        width: 12%;
    }
    .hb-right {
        width: 88%;
    }
}


@media only screen and (max-width: 1200px) {
    .logo-img {
        max-width: 165px;
    }
    .blogpage {
        padding-bottom: 0;
    }
    .mobile-header-cta {
        display: block !important;
        margin: 0 40px;
    }
    .fix .innerBurger span {
        background-color: #262b5b !important;
    }
    #home-hero:before {
        content: '';
        height: 30%;
        width: 100%;
        background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        position: absolute;
        top: 0;
        z-index: 4;
        opacity: 0.5;
    }
    /**********
    HEADER NAV
    **********/
    body.fix {
        overflow: hidden;
    }
    .header-right {
        display:none;
    }
    #home-hero {
        padding: 150px 0 300px;
    }
    header .nav {
        position: fixed;
        left: -120%;
        z-index: 21;
        height: 100%;
        width: 340px;
        top: 0;
        background-color: #fff;
        transition: all 300ms;
        overflow:scroll;
    }
    header .nav.navActive {
        box-shadow: 51px 0px 117px rgba(0, 0, 0, 0.2);
        left: 0%;
        transition: all 300ms;
    }
    header .nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    header .nav>ul {
        margin-top: 120px;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        flex-direction: column;
    }
    header .nav>ul li {
        position: relative;
    }
    header .nav>ul li a {
        font-weight: 700;
        display: block;
        padding-left: 10px;
        width: 100%;
    }
    .menu-item-has-children::after {
        position: absolute;
        right: 0;
    }
    #burgerNav {
        position: absolute;
        top: 6px;
        left: 10px;
        display: flex;
        height: 40px;
        cursor: pointer;
        z-index: 90;
        align-items: center;
        column-gap: 4px;
    }
    
    #burgerNav .innerBurger {
        position: relative;
        height: 12px;
        width: 24px;
    }
    
    #burgerNav .innerBurger span {
        width: 20px;
        height: 3px;
        border-radius: 25px;
        background-color: #0a0a0a;
        position: absolute;
        opacity: 1;
        transition: all 300ms;
        transform: rotate(0deg);
    }
    
    .menushow #burgerNav h3 {
        opacity:1;
        transition: 0.8s all ease-out; /* fade in slow */
        visibility: visible;
    }
    #burgerNav h3 {
        visibility: hidden;
        margin-bottom: 0;
        padding-bottom: 0;
        font-family: avenir-lt-pro, sans-serif;
        font-size: 18px;
        font-weight: 700;
        position: relative;
        opacity: 0;
        transition: 0.1s all ease-out; /* fade out fast */
        top: -1px;
    }
    
    #burgerNav.navActive .innerBurger span {
        transition: all 300ms;
    }
    
    #burgerNav .innerBurger span:nth-child(1) {
        top: 0%;
        width: 20px !important;
    }
    
    #burgerNav .innerBurger span:nth-child(2) {
        top: 50%;
    }
    
#burgerNav .innerBurger span:nth-child(3) {
        top: 100%;
    }
    
    #burgerNav.change .innerBurger span:nth-child(1) {
        top: 22%;
        transform: rotate(-45deg);
    }
    
    #burgerNav.change .innerBurger span:nth-child(2) {
        opacity: 0;
    }
    
    #burgerNav.change .innerBurger span:nth-child(3) {
        top: 22%;
        transform: rotate(45deg);
    } 
    nav.nav .sub-menu {
        max-height: 0;
        overflow: hidden;
        flex-wrap: wrap;
        transition: all 200ms;
    }
    .menu-item-has-children::after {}
    nav.nav .menu-item-has-children.sub-menu-active .sub-menu {
        max-height: 900px;
    }

    header .nav>ul {
        margin-top:0;
    }
    header .nav {
        background-color: #47414F;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100vw;
    }
    header .nav .header-menu-list2 {
        background-color: #fff;
        justify-content: flex-start !important;
        width: 100%;
        flex: 0 0 auto !important;
        padding-top: 60px;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        padding-top:50px;
    }
    /*header .nav .header-menu-list2:before {
        content: "Legal Services";
        position: absolute;
        top: 21px;
        left: 50px;
        font-weight: 700;
        font-size: 18px;
    } */
    .header-menu-list2 .menu-item-has-children > a::after {
        display:none;
    }
    header .nav .header-menu-list2 {
        
    }
    ul.header-menu-list2 .sub-menu {
        position: fixed;
        width: 100% !important;
        z-index: 55;
        top: 0;
        left: 100%;
        height: 100vh;
        max-height: 100vh !important;
        display: block;
        transition: all 0.5s ease;
    }
    .sub-menu-active ul.sub-menu {
        left: 0;
    }
    .sub-menu {
        background-color:#fff;
    }
    .sub-menu-inner {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        height: 100vh;
        padding-bottom: 50px;
        padding-top: 15px;
        overflow: scroll;
    }
    .nav .header-menu-list2 > li {
        justify-content: space-between;
        display: flex;
        width: 100%;
        border-top: 1px solid #ededed;
        padding: 10px 0;
    }

    .submenu-toggle {
        background: none;
        border: none;
        color:#0a0a0a;
        padding: 0;
        margin-left: 0.5em;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
        width: 40px;
        height: 40px;
    }
    .sub-menu-show #burgerNav {
        opacity:0;
        visibility:hidden;
    }
    #burgerNav {
        transition: opacity 0.5s linear;
        opacity:1;
        visibility:visible;
    }
    header .nav>ul li a {
        font-weight: 500;
        color: #484251;
        padding-left: 18px;
    }
    .goBackBtn i {
        font-size: 16px;
        position: relative;
        top: -1px;
    }
    button.goBackBtn {
        border: 0;
        background-color: transparent;
        display: flex;
        align-items: center;
        font-size: 18px;
        color: #0a0a0a;
        margin-left: 8px;
        font-weight: 600;
        column-gap: 5px;
        padding-bottom: 5px;
    }
    li.current-menu-item > a {
        color: var(--primary) !important;
        font-weight: 600 !important;
    }
    header ul.header-menu-list li a {
        color: #fff;
        padding-left: 5px;
        margin-top: 15px;
    }
    .header .nav ul.header-menu-list {
        margin-top: 10px;
        display: flex;
    }
    .headermobile-bottom {
        position: relative;
        bottom: 15px;
        width: 100%;
        margin-top: 40px;
    }
    .headermobile-bottom a {
        color: #fff;
    }
    .headermobile-bottom a {
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 8px;
        margin-top: 10px;
    }
    .header-socials a {
        font-size: 21px;
        margin-bottom: 3px;
    }
    .burgerNavContainer.menushow {
        background-color: #fff;
        width: 100%;
        height: 50px;
        /* height: auto; */
        z-index: 55;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 55555;
        border-bottom: 1px solid #F1F1F1;
    }
}

@media (min-width: 1201px) {
    .submenu-toggle {
        display: none !important;
    }
        .aboutbottom .lg-space-left {
        padding-left:75px;
    }
    .aboutbottom .lg-space-left:before {
        left:0;
    }
}


@media (max-width: 991px) {
    #bottomhero .row > div:nth-child(2) {
        border-right:0;
    }
    .services-title-left {
        padding-left: 0px;
        border-left:0;
    }
    .services-title-left:before {
        content: '';
        width: 60px;
        height: 5px;
        background-color: var(--primary);
        display: block;
        margin: 0 auto 20px;
    }
    .wov-wrapper2 {
        margin-bottom:0;
    }
    .bottomherobox {
        padding: 25px 20px;
    }
    .practice-areas-wrap {
        margin:0;
    }
    .cform-testi-box {
        margin-top:0;
    }
    .cform-testi-text {
        font-size: 18px;
    }
    #contactbox {
        padding: 20px;
    }
    .theteambox .lg-space-left {
        padding-left: 0;
    }

    .locationsbox h3 {
        font-size: 27px;
    }
    .cform-testi-text {
        width: 560px;
        max-width: 100%;
    }
    .footer-top-mid-inner {
        width: 100%;
    }
    ul.footer-menu-list {
        flex-wrap: wrap;
    }
    .ttb-text {
        background: #fff;
        padding: 15px 15px 20px;
    }
}

@media (max-width: 767px) {
    .page-template-template-book-a-consultation section#innerhero {
        padding: 50px 0 170px;
    }
    #gform_wrapper_5 .gform_title {
        font-size: 45px;
    }
    .services-left img {
        width: 160px;
    }
    section#innerhero {
        padding: 110px 0 150px;
    }
    #innerhero h1 {
        font-size:65px;
    }
    #mainhero .mainheroslide {
        height: 750px;
    }
    #home-logos img {
        max-height: 130px;
        width: auto;
    }
    #innerhero {
        padding: 100px 0 170px;
        text-align: center;
    }
    #contactbox {
        padding: 30px;
    }
    .services-left img {
        width: 160px;
        margin-bottom: 50px;
    }
    .services-title-left {
        text-align: center;
        padding-left: 0;
        border-left: 0;
        position: relative;
    }
    .herotextinner {
        padding-left: 0;
    }
    .herotextinner:before {
        top: -20px;
    }
    .bottomherobox {
        padding: 20px 10px;
    }
    .bottomherobox h3 {
        font-size:27px;
    }
    .bhb-text-top {
        font-size: 14px;
        margin-bottom: 2px;
    }
    .bhb-img {
        width: 35px;
    }
    .herotexttop {
        font-size: 20px;
        width: 400px;
        max-width: 100%;
    }
    #mainhero .slick-arrow {
        display:none !important;
    }
    #bottomhero .row > div:nth-child(3) {
        border-top:1px solid #979797;
    }
    .practice-areas-columns {
        display: block;
    }
    .the-post-content-inner {
        margin-top:20px;
    }
    img.member-image {
        width: 310px;
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    .wov-wrapper1 {
        margin-bottom:30px;
    }
}


@media (max-width: 991px) and (min-width: 768px) {
    #home-logos img {
        width: auto;
        margin: 0 auto;
        display: block;
        max-height: 130px;
    }
    .bottomherobox h3 {
        font-size: 25px;
        margin-top: -3px;
    }
    .bhb-img {
        width: 30px;
    }
    .bhb-text-top {
        font-size: 12px;
    }
    .bottomherobox {
        padding: 20px 20px;
    }
    .herotextinner h1 {
        font-size: 70px;
    }
    .benefits ul li {
        width: 100%;
        margin-bottom:15px;
        margin-top:0;
    }
    .benefits ul {
        margin-bottom:0 !important;
        flex-direction: column;
    }
    #bottomhero .row > div:nth-child(3) {
        border-top:1px solid #979797;
    }

    #gform_wrapper_5 .gform_title {
        font-size: 45px;
    }
}

@media (min-width: 576px) {
    #herotext {
        margin-top: -80px;
    }
}

@media (max-width: 575px) {
    .about2-cta {
        padding: 40px 25px;
    }
    .locationsbox {
        max-width: 100%;
        width: 330px;
        margin: 0 auto;
    }
    .home-team-main-slider {
        width: 320px;
        margin:0 auto;
    }
    div#contactbox h2 {
        font-size: 35px;
        margin-top: 10px;
    }
    .section-offset-inner.servicespage {
        padding: 15px;
    }
    .innerhero-description {
        font-size: 16px;
        width: 350px;
        margin: 0 auto;
    }
    .single-post #innerhero h1 {
        font-size: 45px;
    }
    #home-logos img {
        max-width: 250px;
    }
    
    #contactbox {
        padding: 20px;
    }
    .fc-list {
        column-count: 1;
        margin-bottom: 0 !important;
    }
    .breadcrumbs {
        font-size: 13px;
    }
    #innerhero h1 {
        font-size:55px;
    }
    #bottomhero .row > div:nth-child(2) {
        border-right:0;
        border-top:1px solid #979797;
    }
    section.section-offset {
        margin-top: -70px;
    }
    #herotext {
        margin-top: -120px;
    }
    #bottomhero .row > div:nth-child(1) {
        border-right:0;
    }
    .bottomheroboxwrap {
        width:100% !important;
    }
    .header-cta-wrap .btn {
        padding: 8px 15px 6px;
        font-size: 13px;
    }
    .herotextinner h1 {
        font-size: 61px;
    }
    .herobtn .btn {
        font-size: 14px;
    }
    #gform_wrapper_5 .gform_title {
        font-size: 45px;
    }
}

@media (max-width:520px) {
    .teamlist-text {
        padding: 10px 0;
    }
    .teamlist-text h3 {
        font-size: 24px;
        padding-bottom: 0px;
        text-align: center;
    }
    span.team-role {
        font-size: 12px;
        opacity: 0.6;
        text-align: center;
    }
    .teamlist-btns .btn {
        padding: 8px 18px;
    }
    .team-intro {
        margin-top: 10px;
    }
}

@media (max-width:479px) {
    .logo-img {
        max-width: 150px;
    }
    
}

@media (max-width:430px) {
    .teamlistboxx {
        width: 100%;
    }
    .header-cta-wrap .btn {
        padding: 6px 10px 6px;
        font-size: 12px;
    }
    .logo-img {
        max-width: 140px;
    }
}