/* Responsive Styles */

@media (max-width: 1199px) { /* lg and down */
	
	nav.navbar.bootsnav.scroll .logo {
		width: 250px;
		margin-top: 4px;
	}
	
}

@media (max-width: 991px) {/* md and down */
	
	/* Deletes Dropdown caret */
	.navbar.bootsnav .nav>li>a span.caret{
		display: none;
	}
	
	/* Center floats in small devices */
	.alignright, .alignleft {
			float: none;
			margin: 0 auto 20px;
			width: 100%;
	}
	
	/* Fixes thick line on mobile menu */
	nav.navbar.bootsnav .navbar-nav > li > a{
		border-top: none; 
		border-bottom: solid 1px var(--mainColor);
	}
	
	
	nav.navbar.bootsnav ul.nav.navbar-nav>li.dropdown li a {
    color: #c1c1c1 !important;
	}
	
	nav.navbar.bootsnav.scroll .logo {
		width: 250px;
		margin-top: -8px;
	}
	

	/* Main Slider */
	
	#mainSlider .carouselCaption{
		width: 100%;
		top: auto;
		right: auto;
		bottom: 0;
		padding: 1em 6em;
	}

	
	#mainSlider .carousel-control .glyphicon{
		font-size: 70px;
	}

	#mainSlider .carousel-control .glyphicon.glyphicon-chevron-left{
		margin-left: -40px;
	}
	
	#mainSlider .item{
		height: calc(100vh - 147px) !important;
	}
	
	/* Areas Grid Masonry*/
	
	.areasGridM aside.areaBlockM {
		width: 100% !important;
		padding: 0 0 1em 0 !important;
	}	
	
	.areasGridM aside.areaBlockM:last-child {
		padding-bottom: 0 !important;
	}
	
	.areasGridM .areaBlockM .contentWrapper .content a::before {
		height: calc(100% - 1em) !important;
		width: 100% !important;
	}
	
	.areasGridM aside.areaBlockM:last-child .contentWrapper .content a::before {
		height: 100% !important;
	}
	
	/* Lawyers Grid */
	
	.lawyerGrid div[class*="col-"]:nth-child(odd) {
		padding-right: 15px;
	}
	
	.lawyerGrid div[class*="col-"]:nth-last-child(2) {
		padding-bottom: 15px;
	}
	
}

@media (max-width: 767px) {/* xs & sm and down */
	
	nav.navbar.bootsnav.scroll .logo {
		width: 180px;
		margin-top: -2px;
	}

	nav.navbar.bootsnav .navbar-nav {
  	background-color: var(--SSMenuBarBGColor);
	}
	
	.logoWrapper .mainLogo{
		width: 250px;
	}
	
	.logoWrapper {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	footer .footerContents {
		text-align: center;	
	}
	
	footer .footerContents ul.menu {
		padding-left: 0;
	}
	
	/* Main Slider */
	
	#mainSlider .carousel-control .glyphicon{
		font-size: 50px;
	}

	#mainSlider .carousel-control .glyphicon.glyphicon-chevron-left{
		margin-left: -20px;
	}

	#mainSlider .carousel-control .glyphicon.glyphicon-chevron-right{
		margin-right: -20px;
	}
	

	/* Parallax Hero */
	.parallax-window .caption {
		width: 100%;
		bottom: 0;
		right: 0;
	}
	
	/* Sidebar Layout */

	.sideBarWrapper [class*="col-"] {
		margin-bottom: initial;
		padding-bottom: initial;
	}
	.sideBarWrapper {
		overflow: initial;
	}
	
	.sideBarWrapper .sideBar {
		padding: 0;
		padding-top: .1px;
		
	}
	
	.sideBarWrapper .contentBar {
		padding: 0;
		padding-bottom: 2em;
	}
	
	.sideBar ul.menu li a{
		margin-right: -15px;
	}
	
}


@media (max-width: 400px) {
	
	#mainSlider .carouselCaption{
		padding: 1em 3.3em;
	}
	
}


/* Mobile First */

@media (min-width: 768px ) { /* xs & sm  and up */
	
	/* Center SubMenu */
	nav.navbar.subMenu ul.nav.navbar-nav {
		float: none;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	
	/* SubMenu Sidebar Styles */

	.subMenuSidebar.navbar-default {
		margin: 0;
	}

	.subMenuSidebar #navbar-collapse{
		padding: 0;
	}


	.subMenuSidebar ul.nav.navbar-nav{
		float: none;
	}

	.subMenuSidebar ul.nav.navbar-nav li{
		float: none;
		margin-left: -15px;
		margin-right: -30px;
	}

	.sideBarWrapper .sideBar{
		 margin-bottom: 0;
	}
	
	
}

@media (min-width: 992px) {/* md and up */
	
	/* Bootsnav dropdown line */
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		border-top: solid 5px var(--mainColor);
	}
	
		nav.navbar.bootsnav ul.nav.navbar-nav > li{
		transition: all .5s;
	}
	
	nav.navbar.bootsnav ul.nav.navbar-nav > li:hover,
	nav.navbar.bootsnav ul.nav.navbar-nav > li.active {
		background-color: var(--menuItemsHoverBGColor);
	}
	
	.attr-nav {
		margin-left: 40px;
		border-left: 1px solid rgba(255,255,255,.5);
		padding-left: 20px;
	}

	.attr-nav > ul > li > a {
		height: 79px;
		padding-top: 31px;
	}

}

@media (min-width: 1200px) {/* lg and up */
	nav.navbar.bootsnav ul.nav.navbar-nav>li>a {
		font-size: 1.1em;
	}
}