/* Responsive CSS Document */

/* 
    Created on : 21/6/2016. 
    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 {
		width:18%;
	}
	header.fixed .logo>img {
		margin-top:12px;
	}
	.testimonial .overlay .content-wrapper {
		width:75%;
	}
	.latest-news .news-post .text {
		padding-top: 45px;
	}
	.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;
		min-height: 400px;
	}
	.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%;
	}
}
/*(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;
		padding-right: 30px;
		padding-top: 0;
		padding-bottom: 10px;
	}
	.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;
	}
}
/*(max-width: 991px)*/


@media (max-width: 767px) {
	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: #fff;
	}
	.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;
	}*/
	header.fixed .logo {
		display: none;
	}
	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;
	}
	.banner-heading h1 {
		font-size: 45px;
	}
	.latest-news .news-post .text {
		padding-top: 40px;
	}
	.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 screen and (max-width: 1200px) and (min-width: 767px){
	  .provide-legal .row{ margin-left:0px; margin-right:0px;}
  .provide-legal .col-lg-4{    padding-right: 15px;
    padding-left: 15px;}

.practice-area .row{ margin-left:0px; margin-right:0px;}
.practice-area .col-lg-4{    padding-right: 15px;
    padding-left: 15px;}

.dbdh{ display: none; }


.top-footer .row {
    padding-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
}


.top-footer .jl01{width: 45%;float:left;padding:0 26px;padding-top:10px;}
.top-footer .jl02{width: 55%;float:left;padding: 0 24px;padding-top:10px; padding-bottom: 10px; height:auto; border-right:none; border-left:1px solid rgba(255, 255, 255, 0.15);}
.top-footer .jl03{ width:100%; float:left; text-align:center; padding-top:30px; padding-bottom: 50px;}


.about-legal img {
     margin: 0; 
}

.testimonial .overlay .content-wrapper .altp{ display: none; }

.testimonial .overlay .content-wrapper .alwz{ width: 100%; }


.top-footer .jl02 h1{ line-height: 24px;  }

.sjduan{ display: none !important; }


.top-footer .jl02 h1 span {
    display: block;
    float: none;}

	.testimonial .overlay .content-wrapper {
		width: 87%;
	}













}


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




.top-footer .jl01 .item {
    float: none;
    margin: 10px auto;
    text-align: center;
}
.top-footer .jl01 .item img{ margin: 0 auto; }

.top-footer .jl01 .item2 h1 {
    font-size: 22.5px;}
.top-footer .jl01 .item2 h3 {
    font-size: 27px;}


	.testimonial .overlay .content-wrapper {
		width: 87%;
	}

.about-legal .text .theme-button{ margin-bottom: 30px;}














}



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


.banner-heading h2 {
    font-size: 18px;}

.banner-heading h1 {
    font-size: 22px;
}
.banner-heading h3 {font-size: 20px;}


.company-facts .overlay {
    width: 100%;
    height: auto;}

.company-facts .row .single-facts i {
    height: 30px;
    display: block;
}


.top-footer .row{ padding-top:0px; margin-left:0px; margin-right:0px;}
.top-footer .jl01{ width:100%; float:left; padding:0px; padding-top:10px; padding-bottom: 20px;}
.top-footer .jl02{ width:100%; float:left; padding: 20px 0px; padding-top:10px; 
height:auto;border-right:none; border-left:none;}
.top-footer .jl03{ width:100%; float:left; text-align:center; padding-top:10px; padding-bottom: 50px;}


  .provide-legal .row{ margin-left:0px; margin-right:0px;}
  .provide-legal .col-lg-4{    padding-right: 15px;
    padding-left: 15px;}


.practice-area .row{ margin-left:0px; margin-right:0px;}
.practice-area .col-lg-4{    padding-right:15px;
    padding-left:15px;}

.dbdh{ display: none; }


.top-footer .jl02 h1 {line-height: 22px;
    font-size: 14px;}

.top-footer .jl02 h1 span{ float: none; }
.top-footer .jl01 .item img{ height: 80px; }
.top-footer .jl01 .item2 {
    float: left;
    padding-left: 15px;}


.top-footer .jl01 .item2 h1 {
    font-size: 20px;}

.top-footer .jl01 .item2 h3 {
    font-size: 18px;}


.top-footer .jl01 .item2 h2 {
    font-size: 14px;}

.bottom-banner p {
    line-height: 32px;
    margin-bottom: 20px;
    font-size: 20px;
}

.theme-button {
    width: 150px;
    font-size: 15px;
    line-height: 38px;}

.ljgd {
    display: block;
    width: 160px;
    height: 42px;
    line-height: 42px;    margin-top: 38px;}

.latest-news .news-post .text {
    padding-top: 0px;
}

.latest-news .news-post .img-container .date b {
    font-size: 18px;
    font-weight: 400;
    display: block;
    line-height: 24px;
}

.latest-news .news-post .text h6 {
    font-size: 16px;}

.latest-news .news-post {
    margin-top: 30px;
}

.theme-title h2 {
    margin-bottom: 8px;
    font-size: 22px;}


.testimonial .overlay .content-wrapper .altp{ display: none; }

.testimonial .overlay .content-wrapper .alwz{ width: 100%; }

.testimonial .theme-title {
    padding-top: 50px;
}
.testimonial .testimonial-slider .item {
    padding-bottom: 16px;
}

.testimonial .overlay .content-wrapper p{ font-size: 14px; }
.testimonial .theme-title p {
    font-size: 16px;
    margin-top: 16px;}

.our-responsibility h2{ font-size: 22px; }

.our-responsibility .gai01 { color: #666666; line-height: 26px; font-size: 14px; margin: 16px 0 28px; }

.we-are-best h2 {
    font-weight: 500;
    color: #fff;
    font-size: 22px;
}


.about-legal .text ul li { line-height: 46px; text-transform: uppercase; width: 50%; font-weight: 500; color: #333333; font-size: 16px; margin-bottom: 20px; float: left; }

.about-legal .text ul li i{ margin-right: 15px; }

.about-legal .text .theme-button { width: 160px; height: 44px; line-height: 44px; font-weight: 400; border: 1px solid #00409a; font-size: 15px;}

.about-legal { background: #f8f8f7; padding: 50px 0 50px; }
.about-legal .text h2 { text-transform: capitalize; margin-bottom: 20px; font-weight: 600; font-size: 22px; color: #333333; }

.about-legal .text p {
    font-size: 14px;}

.banner-heading {
    text-align: center;
    padding: 80px 0 0 0;
}

#banner{ height: 720px !important; }


#owl-insix .owl-nav .owl-prev{ display: none !important; }
#owl-insix .owl-nav .owl-next{ display: none !important;}


.practice-area-three .single-practice-area{ padding-left: 0; }

.practice-area-three .single-practice-area .text{ border: 1px solid #e8e3e3; }

.practice-area-three .single-practice-area .icon{ display: none; }
.practice-area-three .single-practice-area .text:after{ display: none; }


.inner-banner .overlay h2{ font-size: 22px; margin-bottom: 22px; }


.inner-banner .overlay{ padding: 175px 0 70px 0; }
.inner-banner { height: 390px; }


.gailb01 h4{font-size: 18px; padding-left: 25px;}

.gailb01 p{font-size: 14px; padding-left: 25px;}

.gailb01 .text{ padding-left: 0 !important; }


.contact-us-area .contact-address .wrapper{     margin-top: 0px; margin-bottom: 40px; }

.contact-us-area .contact-address p {
    margin: 36px 0 26px 0;
}


.our-advocate.advocate-single-profile .advocate-name h3 {
    font-size: 22px;}


.sjduan{ display: none !important; }

.blog-page-two {
    margin: 30px 0 100px 0;
}





}



.xzys1{
	overflow: hidden; 
	transition: all 1s;

}
.xzys1 img{
	transition: all 1s;
}
.xzys1:hover img{
	transform: scale(1.2);
}