#mobile-nav{ display: none; }

@media only screen and (max-width: 1199px) {
	
	.site-branding{ text-align: center; }
	
	#masthead .header-col{ float: none !important; text-align: center; }
	
}

@media only screen and (max-width: 991px) {
	
	#open-nav{
		position: absolute;
		top: 1em;
		left: 1em;
		z-index: 99989;
		display: inline-block;
	}

	#open-nav .icon{
		font-size: 3em;
		color: #fff;
		background: #171314;
		width: 1em;
		height: 1em;
		cursor: pointer;
	}

	#open-nav .title{ display: none; margin-top: 8px; font-size: 1.5em; }
	
	.sticky-mobile-nav{
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		display: block !important;
		width: 100%;
		z-index: 99999 !important;
		background: #fff;
		padding: 0 0 0 10px;
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	}
	.sticky-mobile-nav .title{
		display: inline-block !important;
	}
	
	.mm-navbar{ background: #0d0d0d; }

	.mm-navbar a{ color: #fff !important; }

	#mobile-nav li a{ background: none; }

	#mobile-nav .current-menu-item > a{ color: #292929; }

	.mm-menu.mm-offcanvas.mm-current{ display: block !important; }
	
	#slideshow .caption .line_1, #slideshow .caption .line_3{ font-size: 30px; }
	
	#slideshow .caption .line_2{ font-size: 75px; }
	
	#services, #cb .contain{ padding: 50px 0; }
	
	#services .hr{ display: none; }
	
	#services .service{ width: 24%; margin: 20px -4px 20px 0; }
	
	#services .service:first-child{ border-left: 1px solid #fff; }
	
	#cb .title{ font-size: 50px; }
	
	#cb .title span{ font-size: 40px; }
	
	#locations .map{ position: static; width: 100%; }
	
	#colophon .footer .services, #colophon .footer2{ text-align: center; }
	
	#colophon .footer .services .service{ width: 10%; }
	
	#colophon .footer .services a > .icon img{ width: auto; }
	
	#colophon .footer .services a{ height: 60px; padding: 6px; }
	
	#primary{ min-height: 0; }
	
	#services-cards .services-card-list li{ width: 49%; }
	
}
@media (min-width:0) and (max-width: 767px) {
#practice .sidebar ul .page_item a {font-size: 12px;}
}

@media only screen and (max-width: 767px) {
    
     #blog ul li {width:50%;padding: 1%;}

	.site-title img{ width: 75%; }
	
	#slideshow .caption .line_1, #slideshow .caption .line_3,
	#cb .entry-content, #cb .entry-content p,
	#locations .entry-content, #locations .entry-content p{ font-size: 15px; }
	
	#slideshow .caption .line_2{ font-size: 50px; }
	
	#slideshow .caption .readmore a, .cbtn{ font-size: 14px; padding: 7px 13px; }
	
	#services .service{ width: 49%; }
	
	#services, #cb .contain, #colophon .footer .overlay{ padding: 25px 0; }
	
	#cb .title{ font-size: 40px; }
	
	#cb .title span{ font-size: 25px; }
	
	#colophon .footer .cb2{ padding: 20px 0; }
	
	#colophon .footer .services .service{ width: 19%; }
	
	#colophon .footer .scontain{ margin-top: 25px; }
	
	#primary{ padding: 25px 0; }
	
	.entry-title{ font-size: 30px; }
	
	#services-cards .services-card-list li{ width: 100%; margin-right: 0; }
	
}

@media only screen and (max-width: 480px) {
    
    #practice .content .wpcf7 {margin-top: 10px;}
    #practice .sidebar {width: 100%;}
    #practice .content {width: 100%;}
    #practice .content input[type="text"],#practice .content input[type="email"],#practice .content textarea {width: 99%;}
    .name-practice {width: 100%;margin-bottom: 5px;}
    
    #blog ul li {width:100%;}
    #blog ul li .thumb {height: auto;}
    #blog ul li .excerpt {height: auto;}
    
    .site-main .bio .left, .site-main .bio .right {width:100%;}
	
	.site-title img{ width: 60%; }
	
	#masthead .header-col .hbutton a{ font-size: 15px; }
	
	#slideshow .caption .line_2{ font-size: 20px; }
	
	#services .service{ 
		width: 100%; 
		margin: 0;
		border-left: none !important;
		height: auto;
		border-bottom: 1px solid #fff;
	}
	
	#locations .entry-content ul{
		-moz-column-count: 1;
		-moz-column-gap: 10px;
		-webkit-column-count: 1;
		-webkit-column-gap: 10px;
		column-count: 1;
		column-gap: 10px;
	}
	
}