/*
#212F44 - Dark Blue
#546D91 - Blue
#E7E4DE - Gray
#917C54 - Gold
*/



/*** PRINT FIENDLY ***/
@media print {
    .masthead,
    .footer,
    .side-nav,
    .sub-contact-form,
    .menu-buttons {
        display: none;
    }
    
    .mobile-masthead {
        visibility: hidden;
        opacity: 0;
    }
    
    .main,
    .content-zone,
    .banner-info,
    .flex-zone {
        width: 100%; 
        flex: 0 1 100%;
        max-width: 100%;
        display: block;
        padding: 0;
        margin: 0;
    }
    
    .banner-image {
        background-image: none;
        height: auto;
        padding-top: 0;
    }
    
    .banner-info {
        left: 0;
        top: 0;
        position: relative;
        width: 100%;
        transform: none;
    }
    
    .banner-info p {
        font-size: 2rem;
        text-transform: capitalize;
    }
}



/*** RESPONSIVE 1440 PX ***/
@media (max-width: 1440px) {
    body {
    }

    h1 {
        font-size: 4.3vw;
    }
    
    .contact-inputs {
        margin: 0 3em 0 1.5em;
    }
}


/*** RESPONSIVE 1350 PX ***/
@media (max-width: 1350px) {
    .desktop-nav .nav-list li a {
        padding: .8em 0;
    }
}


/*** RESPONSIVE 1300 PX ***/
@media (max-width: 1300px) {
    .section-five ul li {
        flex: 0 1 48%;
    }
    
    .section-five ul li p {
        font-size: 1vw;
        width: 40%;
    }
    
    .section-five ul li img {
        flex: 0 1 auto;
        width: 25%;
    }
    
    .section-five ul li img:last-of-type {
        flex: 0 1 auto;
        width: 35%
    }
    
    /* .section-five ul li p .office-header {
        font-size: 2vw;   
    } */
}


/*** RESPONSIVE 1200 PX ***/
@media (max-width: 1200px) {
    body {
        /* font-size: 1vw; */
    }
    
    .desktop-nav .nav-list li a {
        padding: .8em 0;
        font-size: 1.1vw;
    }
    
    .iosSlider {
        padding-top: 13.3vw;
    }
}


/*** RESPONSIVE 1150 PX ***/
@media (max-width: 1150px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }
}


/*** RESPONSIVE 1100 PX ***/
@media (max-width: 1100px) {
    .desktop-nav .nav-list li a {
        /* padding: .8em 1.7em; */
    }
    
    .iosSlider {
        padding-top: 9.7em;
    }
    
    .section-five ul li {
        flex: 0 1 70%;  
        margin: .5em 0;
    }
    
    .section-five ul li p {
        font-size: 1.5vw;
        width: 70%;
    }
    
    .section-five ul li:first-of-type {
        flex: 0 1 70%;   
    }
    
    .section-three .practice-areas ul li:hover:first-of-type {
    padding-right: 9em;
}

    .section-three .practice-areas ul li:hover:nth-of-type(2) {
        padding-right: 11em;
    }

    .section-three .practice-areas ul li:hover:nth-of-type(3) {
        padding-right: 20em;
    }

    .section-three .practice-areas ul li:hover:nth-of-type(4) {
        padding-right: 17em;
    }
}


/*** RESPONSIVE 1024 PX ***/
@media (max-width: 1024px) {
    .masthead .main {
        margin: 0;
    }
}



/*** RESPONSIVE 1000 PX ***/
@media (max-width: 1000px) {    
    .main {
        width: 95%;    
    }
    
    .masthead {
        display: none;
    }

    .mobile-masthead {
        display: block;
        position: fixed;
        z-index: 10;
        background-color: #ffffff;
        border-bottom: 4px solid #546D91;
    }

    .mobile-masthead .mobile-top-logo {
        width: 70%;
        margin: .5em 0 0 .5em;
    }

    .mobile-masthead .mobile-phone-number {
        text-align: left;
        margin: 0;
        padding: 0 0 .4em .5em;
        font-size: 6vw;
        font-family: 'Exo 2', sans-serif;
        letter-spacing: 5px;
    }

    .mobile-masthead .mobilemenu-btn {
        position: absolute;
        top: 20%;
        right: 6%;
        cursor: pointer;
    }

    .mobile-masthead .mobilemenu-btn i {
        font-size: 10vw;
        border: 3px solid #E7E4DE;
        padding: .2em .3em;
        color: #546D91;
        border-radius: 5px;
    }

    .mobile-masthead .mobile-nav {
        position: fixed;
        background-color: rgba(33, 47, 68, 1);
        width: 100%;
        left: 100%;
        overflow: scroll;
        height: 79vh;
        transition: .5s ease;
    }

    .mobile-masthead .mobile-nav.show {
        left: 0;
    }

    .mobile-masthead .mobile-nav li a {
        font-size: 5vw;
        border-bottom: 2px solid #917C54;
        width: 100%;
        display: block;
        color: #ffffff;
        padding: .3em 0 .3em .5em;
    }

    .mobile-masthead .mobile-nav li.has-child {
        position: relative;
    }

    /* .mobile-masthead .mobile-nav li.has-child:before {
        content: '\f054';
        font-family: 'FontAwesome';
        position: absolute;
        top: 50%;
        right: 2%;
        color: #ffffff;
        transform: translateY(-50%);
        cursor: pointer;
    } */

    .mobile-masthead .mobile-nav li.has-child i {
        position: absolute;
        display: block;
        top: 50%;
        right: 2%;
        color: #ffffff;
        transform: translateY(-50%);
        cursor: pointer;
    }

    /*.mobile-masthead .mobile-nav li.has-child .flyouts {
        position: fixed;
        left: 100%;
        opacity: 0;
        background-color: rgba(33, 47, 68, 1);
        width: 100%;
        height: 82vh;
        top: 18.5%;
    }*/
    
    .mobile-masthead .mobile-nav li.has-child .flyouts {
        margin-left: 1.7em;   
    }

    .mobile-masthead .mobile-nav li.has-child .flyouts.show-sub {
        left: 0;
        opacity: 1;
    }
    
    .section-one .content {
        flex: 0 1 95%;
        -webkit-flex: 0 1 95%;
        -moz-flex: 0 1 95%;
        -ms-flex: 0 1 95%;
        -o-flex: 0 1 95%;
        position: relative;
        z-index: 0;
        margin: 0 auto;
    }
    
    .section-one .value-statement {
        align-self: center;
        flex: 0 1 95%;
        -webkit-flex: 0 1 95%;
        -moz-flex: 0 1 95%;
        -ms-flex: 0 1 95%;
        -o-flex: 0 1 95%;
        margin: 0 auto;
    }
    
    .section-one .value-statement p {
        margin: 0;   
    }
    
    .section-three .practice-areas ul li:hover:after {
        right: 31.5%;   
    }
    
    .section-six .contact-flex .contact-image {
        display: none;   
    }
    
    .section-six .contact-flex .contact-right {
        flex: 0 1 100%;   
    }
    
    .footer {
        padding: 1.5em 1em;   
    }
    
    .footer .footer-flex .site-links ul:first-child li {
        flex: 0 1 40%;   
    }
}


/*** RESPONSIVE 900 PX ***/
@media (max-width: 900px) {
    .nav-tabs {
        display: none;
    }
    
    .tab-content > .tab-pane {
        display: block;
    }
    
    .tab-content > .tab-pane h3 {
        color: #6587b5;
        margin-top: 1em;
    }
}


/*** RESPONSIVE 768 PX ***/
@media (max-width: 768px) {

}



/*** RESPONSIVE 450 PX ***/
@media (max-width: 450px) {
    .main {
        width: 100%;
    }
    
    .content-zone {
        padding: 0 .5em;
    }
    
    .iosSlider {
        height: 43vh !important;
    }
    
    .iosSlider .slider .item .slider-text {
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
    }
    
    .iosSlider .slider .item .slider-text span {
        font-size: .9rem;
    }
    
    .iosSlider .slider .item .slider-btn {
        bottom: 4%;
        top: auto;
    }
    
    .scroll-down {
        display: none;
    }
    
    .footer .footer-flex .site-links ul {
        margin: .5em 0;
        justify-content: space-around;
    }
    
    .footer .footer-flex .site-links ul:first-child li {
        flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        -o-flex: 0 1 100%;
        text-align: center;
        padding: .5em 0;
    }
    
    .footer .footer-flex .offices ul li {
        flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        -o-flex: 0 1 100%;
        text-align: center;
    }
    
    .iosSlider .slider .item .slider-btn {
        width: 80%;   
    }
    
    .iosSlider {
        padding-top: 9.1em;
    }
    
    h1 {
        font-size: 11vw;   
    }
    
    .main-zone p:first-of-type {
        padding: 0 2%;
    }
    
    .section-one {
        height: 57em;   
    }
    
    .section-one .content p {
        text-align: left;
        font-size: 3.9vw;
    }
    
    .section-one .show-hide .value-statement,
    .section-one .show-hide.show .value-statement {
        display: none;   
    }
    
    .section-three .practice-areas ul li:before,
    .section-three .practice-areas ul li:after {
        display: none;   
    }
    
    .section-three .practice-areas ul li {
        font-size: 5vw;
        margin: .5em 0;
    }
    
    .section-three .practice-areas ul li a {
        opacity: 1;
        right: auto;
        top: auto;
        transform: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        position: relative;
        display: block;
        padding-left: 0;
        color: #E7E4DE;
    }
    
    .section-three .practice-areas ul li:hover:first-of-type,
    .section-three .practice-areas ul li:hover:nth-of-type(2),
    .section-three .practice-areas ul li:hover:nth-of-type(3),
    .section-three .practice-areas ul li:hover:last-of-type {
        padding-right: 0;   
    }
    
    .section-three .practice-areas ul li:hover a {
        background-color: transparent;
        right: 0;
        opacity: 1;
        transform: none;
        padding-right: 0;
        padding-left: 0;
        position: relative;
    }
    
    .flipster__button {
        top: 95% !important;   
    }
    
    .flipster__nav {
        margin: 0 3em !important;   
    }
    
    .banner-image {
        padding-top: 21em;   
    }
    
    .partners-zone .atty-wrapper {
        flex: 0 1 95%;
        margin: 0 auto;
    }
    
    .section-four .flip-items li .info {
        max-height: none;   
    }
    
    .section-four .flip-items li .info .atty-position, .section-four .flip-items li .info .atty-location, .section-four .flip-items li .info .atty-email {
        opacity: 1;   
    }
    
    .section-five ul li:first-of-type,
    .section-five ul li {
        flex: 0 1 100%;   
    }
    
    .section-five ul li img:last-of-type {
        display: none;   
    }
    
    .section-five ul li p {
        font-size: 4.5vw;   
    }
    
    .section-five ul li p .office-header {
        padding-bottom: .4em;   
    }
    
    .section-five ul li img {
        width: 35%;   
    }
    
    .contact-right p {
        width: 90%;   
    }
    
    .section-two .awards {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .section-two .awards li {
        flex: 0 1 45%;
    }
    
    .section-two .awards li:hover img {
        transform: scale(1);
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
    }
    
    .footer .footer-flex > * {
        flex: 0 1 100%;   
        margin: .5em 0;
    }
    
    .footer .footer-flex .schema {
        order: 1;   
    }
    
    .footer .footer-flex .site-links {
        order: 2;   
    }
    
    .footer .footer-flex .offices {
        order: 3;   
    }
    
    .footer .footer-flex .disclaimer {
        order: 4;   
    }
    
    .atty-bio-image {
        flex-wrap: wrap;   
    }
    
    .atty-bio-image img {
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }
    
    .attorney-zone .atty-wrapper {
        margin: 1em auto;   
    }
    
    .main-zone ul {
        list-style-position: outside;
        margin-left: 2em;
    }
    
    .main-zone ul li {
        margin-bottom: .5em;   
    }
    
    .banner-info p {
        font-size: 8vw;
        padding: .5em .9em;
    }
    
    .flex-zone {
        flex-wrap: wrap;   
    }
    
    .main-zone ul {
        margin: 0;   
    }
    
    .flex-zone .content-zone,
    .flex-zone .side-nav,
    .flex-zone .content-zone,
    .video-section,
    .main-zone .contact-inputs input,
    .main-zone .contact-inputs textarea,
    .main-zone .contact-inputs select {
        flex: 0 1 100%;   
    }
    
    .pdf-popup {
        margin: 0;
    }
    
    .pdf-popup object,
    .pdf-popup .close {
        width: 100%;
    }
    
    .file-referrals .flex-zone .agreement {
        margin: .1em .5em .3em !important;
        height: 5em;
    }
    
    .file-referrals .flex-zone input[type="radio"],
    .file-referrals .flex-zone input[type="checkbox"] {
        width: 5%;   
    }
    
    div.blockquote:before,
    div.blockquote:after {
        display: none;   
    }
    
    .main-zone .contact-form .checkbox .agreement {
        height: 3em;
        width: 18em;
    }
    
    .main-zone .contact-inputs .button {
        margin-bottom: 2.5em;   
    }
    
    .main-zone .offices ul li {
        flex-wrap: wrap;   
    }
    
    .main-zone .offices ul li img {
        display: none;
    }
    
    .main-zone .offices ul li iframe {
        height: 200px !important;
        width: 100% !important;
    }
    
    .main-zone .offices ul li p {
        text-align: center;
        width: 100%;
        margin-top: 2em;
    }
    
    .section-three .show-hide ul li:nth-of-type(odd),
    .section-three .show-hide ul li:nth-of-type(even) {
        transform: translateX(0);
        overflow: hidden;
    }
    
    .section-six .show-hide {
        transform: translateX(0);
    }
    
    .main-zone .contact-inputs > * {
        flex: 0 1 100%;
    }
    
    .main-zone .contact-inputs input:not([type="checkbox"]),
    .main-zone .contact-inputs textarea {
        width: 100%;
    }
    
    .main-zone .contact-form select {
        width: 106%;
    }
    
    .main-zone .contact-form .form-group .checkbox > input {
        flex: 0 1 auto;
    }
    
    .main-zone ul {
        /* display: none; */
    }
    
    .partners-zone .atty-wrapper .profile-link {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.5);
    }
    
    .atty-bio-image .atty-info h2 {
        text-align: center;
    }
    
    table.table thead {
        display: none;
    }
    
    table.table tr {
        border-bottom: 2px solid #dddddd;
        padding: 1em 0;
        display: block;
    }
    
    table.table td {
        display: block;
        border-top: none !important;
        padding: .1em 1em !important;
    }
    
    .atty-bio-image .atty-info {
        flex: 0 1 100%;
        text-align: center;
    }
    
    .atty-bio-image .atty-info h3 {
        text-align: center;
    }
    
    .atty-bio-image .atty-info a.vcard {
        display: none;
    }
}