@media(max-width:960px){
    main article img{
        max-width:100%;
        height:auto;
    }
}

@media(max-width:990px){

	section#top header{
		padding:22px 20px 0 20px;
	}

	section#mid{
		padding:70px 20px 0 20px;
	}

	ul.services-list li{
		border:0 !important;
	}	

}

@media(max-width:962px){
	ul.related-cases li{
		text-align: center;
		padding:20px 0 !important;
		display: inline-block;
		vertical-align: middle;
		border:0 !important;
	}
}

@media(max-width:900px){
	
	main.with-sb{
		max-width: 68.3%;
		padding-right: 28px;
	}

}

@media(max-width:860px){
	
	.banner-txt h1{
		font-size:20px;
	}

	.banner-txt{
		padding:12px 10px 0 10px;
	}

	section#mid{
		padding:40px 20px 0 20px;
	}

	ul.main-nav > li{
		padding-right: 20px;
	}

}

@media(max-width:800px){
	main.with-sb{
		max-width:64.3%;
		
	}

	nav{
		width:100%;
		text-align: center;
	}

	#logo {
	    width: 100%;
	    margin-bottom:0;
	    text-align: center;
	}
}

@media(max-width: 768px){
	section#mid{
		padding:20px 20px 0 20px;
	}

	.home .intro {
		font-size:19px;
	}

	ul.main-nav > li{
		padding-right: 20px;
		margin-left: 8px;
	}

}

@media(max-width:760px){
	
	.banner-nav-box{
		display: none;
	}


	.footer-contact ul li{
		width:100% ! important;
		border:0 !important;
		padding:0 !important;
		margin:0 !important;
		line-height: 40px !important;
	}

}

@media(max-width:730px){
	
	#mobile{
		display:block;
	}

}

@media(max-width:700px){

	ul.main-nav{
		display: none;
	}

	ul.mobile-nav{
		/*display: block;*/
	}

	main.with-sb{
		max-width:100%;
		float:none;
		padding-right: 0;
		border-right: 0;
	}

	aside {
	    float: none;
	    width: 100%;
	}

	.sidenav{
		display: none;
	}

	.sidenav-buttons{
		text-align: center;
		width: 50%;
		margin: 0 auto 20px auto;
	}
}

@media(max-width:680px){
	ul.services-list li{

		padding:10px !important;
	}
}

@media(max-width:600px){
	
	.banner-txt h1{
		font-size:16px;
	}

	.interior-banner-txt h1{
		font-size:18px;
	}

	.interior-banner-txt{
		padding:3px;
	}

	ul.areas-of-practice li {
	    float: none;
	    width: 100%;
	    margin: 0px 0 60px 0 !important;
	}

	ul.related-cases li{
		text-align: center;
		padding:20px !important;
		margin:0 !important;
		display: inline-block;
		vertical-align: middle;
		border:0 !important;
	}

}

@media(max-width:560px){

}

@media(max-width:500px){
	ul.services-list li{

		padding:10px 0px !important;
	}

	.profile-info {
	    float: none;
	    clear:both;
	    width: 100%;
	}
    .profile-image{
        float:none;
        clear:both;
        width:100%;
        text-align:center;
    }

    .profile-image img{
        width:auto;
        max-width:100%;
        heigth:auto;
        display:inline-block;
    }

	.profile-info h4 {
    	background-image: none;
    }
}

@media(max-width:440px){
	.sidenav-buttons{
		width: 100%;
	}
}

@media(max-width:360px){
	h1.section-title{
		border:0;
	}

	h1.section-title span {
		border:0;
	}

	ul.related-cases li{
		text-align: center;
		padding:10px !important;
		margin:0 !important;
		display: inline-block;
		vertical-align: middle;
		border:0 !important;
	}
}