/* Responsive CSS Document */

/* 
    Created on : 21/6/2016. 
    Author     : Jubayer Al hasan (jubayer.hasan1991@gmail.com)
    Theme Name : Legal Station.
    Description: LEGAL STATION- Responsive html5 legal solution template.
    Version    : 1.0.
    Author     : @TheMazine.
   
*/



@media (min-width: 992px) {
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 1366px) {
    .scroll-top {
        bottom: 30px;
        right:30px;
    }
}

@media (max-width: 1199px) {
    .provide-legal .legal-item {
        padding: 0;
    }
    .practice-area .practice-item {
        padding-left: 0;
        padding-right: 0;
    }
    .our-responsibility .pull-right,.top-footer .footer-easy-link,.top-footer .footer-latest-news {
        padding-left: 15px;
    }
    .side-bar .wrapper {
        padding: 0;
    }
    .our-advocate.advocate-single-profile .advocate-name {
        padding-left: 15px;
    }
    .advocate-bio .advocate-skill>.wrapper,.side-bar .wrapper-fix {
        padding-left: 0;
    }
    .advocate-bio .advocate-education .panel-group {
        padding-right: 0;
    }
    .latest-news .news-post .img-container>img {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    header nav.navbar-default .nav>li a {
        padding: 28px 11px;
    }
    header .logo {
    }
    header.fixed .logo>img {
        margin-top:12px;
    }
    .testimonial .overlay .content-wrapper {
        width:75%;
    }
    .latest-news .news-post .text {
        padding-top: 25px;
    }
    .bottom-banner p {
        font-size: 25px;
    }
    .practice-area-single-page .page-main-content .sub-text div p {
        margin-top: 0;
    }
    .practice-area-single-page .page-main-content .sub-text div img {
        width: 65%;
    }
    .bottom-banner a {
        width: 100%;
    }
    .side-bar-latest-post .post-wrapper .single-post .text {
        width:63%;
    }
    .blog-single-page .comment-area .text {
        width: 75%;
    }
    .blog-single-page .comment-area .reply-comment .text {
        width: 70%;
    }
}
/*(min-width: 992px) and (max-width: 1199px)*/



@media (min-width: 768px) and (max-width: 991px) {
    header nav.navbar-default {
        float:none !important;
        clear:both;
        text-align: center;
    }
    .navbar-nav,.navbar-nav > li {
        float:none;
    }
    header nav.navbar-default .nav>li {
        display: inline-block;
    }
    header nav.navbar-default .nav>li .sub-menu li a {
        text-align: left;
    }
    header.fixed .logo,header.fixed form {
        /*display: none;*/
    }
    .company-facts .row .single-facts p {
        font-size: 15px;
    }
    .company-facts .row .single-facts i {
        font-size: 40px;
    }
    .theme-title p {
        width:90%;
    }
    footer .top-footer [class*="col-"] {
        margin-bottom: 50px;
    }
    .inner-banner .overlay {
        padding-top: 230px;
    }
    .practice-area-single-page .page-main-content .sub-text div p {
        margin-top: 0;
    }
    .practice-area-single-page .page-main-content .sub-text div img {
        width: 65%;
    }
    
    footer .top-footer .pull-right {
        float: none !important;
    }
}
/*(min-width: 768px) and (max-width: 991px)*/







@media (max-width: 991px) {
    .about-legal img {
        margin: 50px auto 0 auto;
    }
    .about-legal {
        margin-bottom: 0;
    }
    .testimonial .overlay .content-wrapper {
        width:100%;
    }
    .bottom-banner {
        text-align: center;
    }
    .bottom-banner p {
        line-height: 35px;
        margin-bottom: 20px;
    }
    .top-footer {
        padding-bottom: 0;
    }
    .style-two header {
        position: absolute;
        width:100%;
        top:0;
        left:0;
        z-index: 999;
    }
    .style-two .banner-heading {
        padding-top: 250px;
    }
    .inner-banner {
        margin-top: 0;
    }
    .top-footer .footer-easy-link ul.pull-right {
        float:left !important;
        padding-left: 40px;
    }
    .side-bar {
        margin-top: 40px;
    }
    .best-attorneys .attorney-profile .img-container>img,
    .our-advocate .advocate-profile .img-container>img {
        width: 100%;
    }
    .our-advocate.advocate-single-profile .advocate-name {
        padding-left: 30px;
    }
    .advocate-single-profile .advocate-information .wrapper,
    .advocate-bio .advocate-skill>.wrapper {
        padding-left: 0;
        margin-top: 30px;
    }
    .our-advocate.advocate-single-profile .advocate-profile .img-container .advocate-info .icon {
        right:0;
    }
    .blog-page-two.blog-single-page .single-news-postTwo .post {
        padding-left: 0;
    }
    .blog-page-two.blog-single-page .single-news-postTwo .post .date {
        position: relative;
        margin-bottom: 30px;
    }
    .contact-us-area .contact-address .wrapper {
        padding-left: 0;
        margin-top: 50px;
    }

    .we-are-best .button-numeri {
        max-width: 90%;
    }

}
/*(max-width: 991px)*/


@media (max-width: 767px) {
    h1 {
        font-size: 35px;
    }


    .we-are-best h2 {
        font-size: 36px;
    }

    header nav.navbar-default,.navbar-default .navbar-toggle {
        float:none !important;
        clear:both;
    }
    header nav.navbar-default {
        margin:0;
    }
    .navbar-default .navbar-toggle {
        border-radius: 0;
        margin-top: 20px;
        border-color: #cf9455;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    header {
        margin-top:20px;
    }
    header nav.navbar-default .nav>li .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        display: none;
        width:100%;
    }
    header nav.navbar-default .nav>li a {
        padding: 0 0 0 15px;
        line-height: 44px;
    }
    .navbar-default .navbar-collapse {
        border: none;
        box-shadow: none;
        background: rgba(0,0,0,0.6);
    }
    .main-menu nav ul li.dropdown_menu .fa {
        display: block;
        cursor: pointer;
        width:100%;
        line-height: 44px;
        text-align: right;
        position: absolute;
        top:0;
        left: 0;
        padding-right: 15px;
        color:#fff;
        font-size: 22px;
    }

    .logo {
        margin-bottom: -80px;
    }
    header.fixed .logo {
        /*display: none;*/
        margin-bottom: -80px;
    }
    header.fixed form {
        position: absolute;
        top:10px;
        right:15px;
        margin:0;
        z-index: 99;
        width:200px;
    }
    header.fixed .navbar-default .navbar-toggle {
        margin-top:13px;
        margin-bottom: 13px;
    }
    header.fixed {
        max-height: 100%;
        overflow-y:auto;
    }
    .company-facts .row .single-facts {
        border:none;
    }
    .our-advocate .advocate-profile .img-container img {
        margin:0 auto;
    }
    footer .top-footer [class*="col-"] {
        margin-bottom: 50px;
    }
    .theme-title p {
        width:100%;
    }
    .practice-area-three .single-practice-area .text {
        padding: 25px 45px 25px 25px;
    }
    .practice-area-three .single-practice-area .text a.tran3s {
        width:45px;
    }
    .practice-area-single-page .page-main-content .sub-text div p {
        width: 100%;
        margin-top: 20px;
    }
}
/*(max-width: 767px)*/





@media (max-width: 690px) {
    .blog-single-page .comment-area .text {
        width:100% !important;
        margin-top: 20px;
        margin-left: 0;
    }
    .contact-us-form #success,
    .contact-us-form #error {
        width: 84%;
        height: auto;
        top: calc(50% - 50px);
        left: 8%;
        padding: 30px 10px;
    }
}




@media (max-width: 550px) {
    .scroll-top {
        right:5px;
        bottom: 10px;
    }
    .practice-area-three .single-practice-area .icon {
        width: 40px;
        height:40px;
        font-size: 20px;
        line-height: 40px;
    }
    .practice-area-three .single-practice-area .icon:before {
        width:15px;
        height:15px;
        top:7px;
        right: -8px;
    }
    .practice-area-three .single-practice-area .text {
        padding: 25px 0 0 25px;
    }
    .practice-area-three .single-practice-area {
        padding-left: 58px;
    }
    .practice-area-three .wrapper:before {
        left: 20px;
        height:83%;
    }
    .practice-area-three .single-practice-area .text a.tran3s {
        border:none;
        height: 45px;
        line-height: 45px;
        position: relative;
        width: 100%;
        margin-top: 20px;
    }
    .practice-area-three .single-practice-area .text:after {
        top:13px;
    }
}
@media (max-width: 450px) {
    header .logo,header form {
        width:100%;
    }
    header .logo img {
        margin: 0 auto;
        max-width: 50px;
    }
    .logo-text {
        line-height: 50px;
        font-size: 14px;
    }

    header #languages {
        padding: 15px 5px;
    }

    header.fixed .logo>img {
        height: 50px;
    }

    header.fixed .logo > span  {
        line-height: 50px;
    }

    .banner-heading h1 {
        font-size: 45px;
    }
    .latest-news .news-post .text {
        padding-top: 20px;
    }
    .inner-banner {
        height:auto;
    }
    .inner-banner .overlay {
        padding: 250px 0 70px 0;
    }
    .inner-banner .overlay h2 {
        font-size: 32px;
    }
    .best-attorneys [class*="col-"] {
        width: 100%;
    }
    .our-advocate.advocate-single-profile .advocate-name .icon {
        right: 15px;
    }
    .advocate-bio .advocate-education .education-panel .panel-heading .icon {
        width:40px;
        height:40px;
        line-height: 40px;
        font-size: 22px;
        left: -60px;
    }
    .advocate-bio .advocate-education .panel-group {
        padding-left: 60px;
    }
    .advocate-bio .advocate-education .education-panel .panel-heading a {
        padding: 23px 20px 20px 8px;
    }
    .advocate-single-profile .advocate-information .wrapper ul li {
        width: 100%;
    }
    .side-bar-latest-post .post-wrapper .single-post .text {
        width:61%;
    }
    .blog-page-two .single-news-postTwo .post {
        padding-left: 0;
    }
    .blog-page-two .single-news-postTwo .post .date {
        position: relative;
        margin-bottom: 20px;
    }
    .blog-single-page .comment-area .reply-comment {
        margin-left: 30px;
    }
}

@media (max-width: 400px)  {
    .latest-news .news-post .text ul li {
        margin-right: 12px;
    }
}

@media (max-width: 620px) {
    iframe {
        max-width: 100% !important;
        width: 100% !important;
    }
}