/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px) {

    .nav-collapser {
        display: none;
    }


}


/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {


    .practice-left-top-right-img {
        float: left;
        margin-top: 20px;
    }

    header .logo {
        float: none !important;
        text-align: center;
    }

    .mainmenu .nav-holder > ul > li > a {
        line-height: 49px;
        padding: 0px 12px;
    }

    .mainmenu {
        float: none !important;
        text-align: center;
    }

    .mainmenu .nav-expander .nav-collapser {
        display: none;
    }

    header.stricky-fixed .logo img {
        width: auto;
        padding-top: 15px;
    }


}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* Start=========================================================index.html page css================================== */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single-attorney {
        margin-bottom: 35px;
    }

    #our-attorneys-area {
        padding-bottom: 40px;
    }

    .lawyer-info {
        padding-top: 35px;
    }

    .lawyer-count h1 {
        font-size: 60px;
    }

    .single-lawyer-info {
        border-right: 0 solid #cccccc;
        margin-bottom: 70px;
    }

    .widget-get-intouch {
        padding-top: 20px;
        padding-left: 0px;
    }

    .testimonial-control {
        left: 380px;
        top: 16%;
    }

    .testimonial-control.right {
        right: 380px;
    }

    .attorney-overlay .social-links {
        margin-top: 270px;
    }

    #featured-services-area {
        padding-bottom: 50px;
        padding-top: 75px;
    }

    /* End=========================================================index.html page css=================================== */
    /*Start legal-problem-area css */
    .get-free-consultation-button {
        margin-left: -90px;
    }

    .get-free-consultation-button a {
        padding: 15px 24px;
    }

    /*End legal-problem-area css */
    header .logo {
        float: none !important;
        text-align: center;
    }

    .mainmenu .nav-holder > ul > li > a {
        line-height: 49px;
        padding: 0px 12px;
    }

    .mainmenu {
        float: none !important;
    }

    .mainmenu .nav-expander .nav-collapser {
        display: none;
    }

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    /* Start=========================================================index.html page css================================== */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single-featured {
        margin-bottom: 20px;
    }

    #our-attorneys-area {
        padding-bottom: 40px;
    }

    .single-attorney {
        margin-bottom: 35px;
    }

    .lawyer-info {
        padding-top: 35px;
    }

    .lawyer-count h1 {
        font-size: 60px;
    }

    .single-lawyer-info {
        border-right: 0 solid #cccccc;
        margin-bottom: 70px;
    }

    .about-trust-text .section-title {
        margin-bottom: 43px;
        margin-top: 30px;
    }

    .single-news-item {
        margin-bottom: 35px;
    }

    .legal-problem-text h2 {
        padding-left: 0px;
    }

    .widget-get-intouch {
        padding-left: 0;
    }

    .section-title h1 {
        line-height: 30px;
    }

    .single-footer-widget {
        margin-bottom: 40px;
    }

    .attorney-overlay .social-links {
        margin-top: 200px;
    }

    .testimonial-control {
        left: 220px;
        top: 10%;
    }

    .testimonial-control.right {
        right: 220px;
    }

    .civil-titigation {
        padding-bottom: 30px;
    }

    .our-law img {
        padding-bottom: 20px;
    }

    .our-law {
        padding-bottom: 30px;
    }

    #welcome-area {
        padding: 40px 0;
    }

    #featured-services-area {
        padding-bottom: 50px;
        padding-top: 75px;
    }

    .single-featured {
        border-bottom: 0px solid #e6e5e5;
    }

    /* End=========================================================index.html page css==================================== */
    /* navigation styles */
    .nav-collapser {
        display: block;
    }

    header.stricky {
        position: static;
        background: #1F1F1F;
    }

    header .logo {
        float: none !important;
        /* margin-bottom: 0; */
        line-height: 0;
        margin: 0;
        display: block;
        text-align: center;
        padding: 0;
    }

    .mainmenu .nav-expander ul li i.icon-Search {
        position: relative;
        bottom: 6px;
    }

    .call-to-action-area {
        overflow: hidden;
        margin-top: 0;
    }

    .call-to-action-area .dtc {
        display: block;
        text-align: center;
    }

    .call-to-action-area .text-one h3 {
        font-size: 16px;
    }

    .call-to-action-area .text-two h3 {
        font-size: 16px;
    }

    .call-to-action-area .text-one {
        margin-top: 20px;
    }

    .call-to-action-area .text-two {
        margin-top: 10px;
        padding: 0 15px;
    }

    .call-to-action-area .text-two h4 {
        font-size: 21px;
        line-height: 38px;
    }

    .case-evaluation-form {
        padding-right: 0px;
    }


}


/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Start=========================================================index.html page css ==================================*/
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single-news-item {
        margin-bottom: 35px;
    }

    .legal-problem-text h2 {
        padding-left: 0px;
    }

    .widget-get-intouch {
        padding-left: 0;
    }

    .attorney-overlay .social-links {
        margin-top: 350px;
    }

    .testimonial-control {
        left: 312px;
        top: 12%;
    }

    .testimonial-control.right {
        right: 312px;
    }

    /* End=========================================================index.html page css==================================== */
    .mainmenu .nav-holder > ul {
        width: 70%;
        margin: auto;
    }

    .get-free-consultation-button {
        text-align: center;
    }

    .get-free-consultation-button a {
        float: none;
    }

    .call-to-action-area .text-one h3 {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #271313;
        line-height: 26px;
    }

}


.slicknav_menu {
    display: none;
}

/* menu responsive styles */


@media only screen and (max-width: 767px) {


    header.stricky {
        z-index: 999;
        position: fixed;
        right: 10px;
        top: 20px;
        background-color: #1d2655 !important;
    }

    .js #menu {
        display: none;
    }

    .js .slicknav_menu {
        display: block;
    }


    .mainmenu .nav-holder {
        margin-bottom: 0;
        margin-top: 20px;
    }

    .mainmenu .nav-holder > ul {
        transition: none;
        display: none;
    }

    .mainmenu .nav-holder > ul > li,
    header.stricky-fixed .mainmenu .nav-holder > ul > li > a,
    header.stricky-fixed .mainmenu .nav-expander ul li button {
        display: block;
        line-height: 42px;
        border-bottom: 1px solid rgba(185, 160, 64, .5);
    }

    .mainmenu .nav-holder > ul > li > a {
        display: block;
        line-height: 40px;
        border-bottom: 1px solid #2A2A2A;
    }

    .mainmenu .nav-holder ul li.dropdown a .fa {
        display: inline-block;
    }

    .mainmenu .nav-holder > ul > li > ul {
        position: static;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transition: none;
        display: none;
    }

    .mainmenu .nav-holder > ul > li > ul > li > ul {
        position: static;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transition: none;
        display: none;
    }

    .mainmenu .nav-expander,
    .mainmenu .nav-holder {
        display: block;
    }

    .mainmenu {
        float: none !important;
    }

    .mainmenu .nav-expander {
        padding-left: 20px;
        padding-bottom: 11px;
        text-align: right;
    }

    .mainmenu .nav-expander ul li {
        padding-right: 0;
    }

    .mainmenu .nav-holder > ul > li.dropdown > a:after {
        display: none;
    }

    .mainmenu .nav-holder > ul > li.dropdown > ul > li.dropdown > a:after {
        display: none;
    }

    header .top-line {
        /*        display: none; */
    }

    #associates .owl-carousel .owl-stage-outer, #clients .owl-carousel .owl-stage-outer {
        height: 110px;
    }

    .head-menu-main {
        background-color: transparent;
        /*        display: none;*/
    }

    header .logo {
        position: absolute;
        background-color: transparent;
        top: -69px;
    }

    .fluid-section-one .image-column {
        width: 100%;
    }

    .modal .modal-body .modal-boy-content {
        padding: 10px 10px;
    }

    .fluid-section-one .content-column .inner-column {
        max-width: 100%;
        padding: 40px 30px;
        clear: both;
    }

    .fluid-section-one .content-column {
        float: none;
        width: 100%;
    }

    .sec-title h2 {
        font-size: 28px;
    }

    .feature-block .inner-block {
        padding-left: 86px;
    }

    .feature-block .inner-block h3 {
        font-size: 24px;
    }

    .section-title h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .we-are-here .left-block .details {
        padding: 60px 36px;
    }

    .we-are-here .left-block .details h2 {
        font-size: 40px;
        line-height: 50px;
        text-transform: capitalize;
    }

    .we-are-here .left-block .details h4 {
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 0px;
    }

    .we-are-here .right-block.cases-box {
        padding: 14px 0;
    }

    .modal-body .contact-form {
        padding: 10px 20px;
    }

    #our_team .sec_pull {
        padding: 0;
        padding-left: 20px;
    }

    .stage_slider .slick-track {
        padding: 30px 0;
    }

    #our_team .sec_pull h1 {
        margin-top: .6em;
    }

    .contact_address {
        margin-bottom: 0;
    }

    .contact-form {
        padding: 10px 20px;
    }

    #footer-widget-area .container, #latest-news-area .container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .stage_slider .slick-track {
        min-height: 480px;
    }

    .fluid-section-one .image-column .image-box img {
        position: relative;
        right: 0;
        left: auto;
        top: auto;
    }

    .fluid-section-one .image-column {
        position: relative;

    }

    figure.image-box {
        margin: 0;
    }

    .visible-xs-only {
        display: block;
    }

    .slicknav_menu {
        position: fixed;
        z-index: 90;
        width: 100%;
        top: 65px;
    }

    .pull-left.visible-xs-only {
        /*        position: relative;
                top: 0;
                left: 0;*/
        z-index: 89;
    }

    .logo .xs-logo {
        display: block;
    }

    .logo img.xs-logo {
        height: 46px;
        margin: 8px 12px;
        position: fixed;
        top: 67px;
        z-index: 99;
    }

    .call-info > ul li:nth-child(2n) {
        background-color: transparent;
    }

    header.header-area.is-sticky .top-line {
        background-color: rgba(185, 160, 64, 1);
    }

    header .top-line .top-text {
        padding: 0;
    }

    .tparrows.preview4 {
        z-index: 88;
    }

    #banner .forcefullwidth_wrapper_tp_banner {
        top: 100px;
    }

    .news-events .news-box {
        margin-bottom: 16px;
    }

    #contact_main .pos-bld_img {
        position: relative;
    }

    .contact_img_bld {
        padding: 5px;
    }

    .contact_address {
        padding: 10px 10px 10px 20px;
        margin-top: 0;
    }

    #news_slick_slider button.slick-prev.slick-arrow, #news_slick_slider button.slick-next.slick-arrow {
        bottom: -46px;
    }

    #news_slick_slider button.slick-next {
        right: 0;
    }

    #news_slick_slider button.slick-prev {
        left: 0;
        right: auto;
    }

    #global_map .sec_pull {
        padding: 0;
    }

    #testimonial-area {
        padding: 30px 0;
    }

    #latest-news-area {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    #about-trust-area {
        padding-bottom: 50px;
    }

    /*header .logo img { 
            height: 120px;
            float: left;
        }*/


}