/* 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;
	}
	.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: #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:40%;
		line-height: 44px;
		text-align: right;
		position: absolute;
		top:0;
		right: 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;
	}
}