@media(max-width:900px){
	.container, .container.fw{
		width: 100%;
		padding: 0 20px;
	}


	header{
		padding:15px 0;
		background: #fff;
	}
	header.fixed{
		padding:15px 0;
	}
	a.logo{
		font-size:30px;
	}
	a.logo img{
		width: 135px;
	}
	header.fixed a.logo img{
		width: 135px;
	}


	a.showmenu, a.hidemenu{
		display: block;
	}

	.header_menu{
		display: none;
		position: relative;
		z-index: 20;
	}
	nav{
		position: fixed;
		left: 0; top: 0;
		z-index: 20;
		background: rgba(0,0,0,0.95);
		overflow-y: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 60px 40px;
		width: 100%;
		height: 100%;
	}
	nav ul{
		margin: auto;
	}
	nav ul li{
		float: none;
		text-align:center;
		font-size:16px;
		margin:0 0;
		padding: 15px 0;
	}
	nav ul li a{
		color: #fff;
	}
	a.showmenu{
		display: block;
		position: absolute;
		right: 20px; top: 15px;
		font-size: 21px;
		color: #fff;
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		background: #261b9f;
	}
	a.hidemenu{
		position: fixed;
		right: 15px; top: 15px;
		font-size: 30px;
		color: #fff;
		z-index: 21;
		display: block;
	}



	a.phone{
		float: left;
		margin-left: 0;
		margin-right: 40px;
		padding: 7px 10px;
		font-size: 13px;
	}
	.banner{
		padding: 70px 0 20px 0;
	}
	.bannertext{
		width: 70%;
		padding:20px;
		left: 20px;
	}
	.bannertext h1{
		font-size: 24px;
	}



	.brands img{
		width: 19%;
		max-width: 23%;
		margin: 0 2%;
	}


	.about .text h2{
		font-size: 32px;
		margin-bottom: 20px;
	}
	.about .text p{
		font-size: 15px;
		line-height: 120%;
		margin-bottom: 20px;
	}



	.practiceareas{
		padding:40px 0;
	}
	.practiceareas h2{
		font-size: 32px;
		margin-bottom: 25px;
	}


	.pitemswrap .pitem{
		flex-basis: 48%;
		margin-bottom: 30px;
	}
	.pitemswrap .pitem .thumb{
		margin-bottom: 10px;
	}
	.pitemswrap .pitem h3{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.pitemswrap .pitem p{
		font-size: 14px;
		margin-bottom: 10px;
	}



	.testimonials{
		padding:40px 0;
	}
	.testimonials h2{
		font-size: 32px;
		margin-bottom: 25px;
	}
	.t_items_wrap .item{
		flex-basis: 100%;
		margin: 20px 0;
	}
	.t_items_wrap .item .picture img{
		float: left;
		width:60px;
		height: auto;
	}
	.t_items_wrap .item .itemtext{
		width: calc(100% - 80px);
	}
	.t_items_wrap .item .itemtext p{
		font-size: 13px;
		margin-bottom:20px;
	}
	.t_items_wrap .item .itemtext h4{
		font-size: 16px;
	}
	.t_items_wrap .item .itemtext h5{
		font-size: 13px;
	}




	.contact{
		padding:45px 0;
	}
	.contact h2{
		font-size: 32px;
		margin-bottom: 20px;
	}
	.contact h3{
		font-size: 35px;
		margin-bottom: 20px;
	}
	.contact h4{
		font-size: 16px;
	}
	.contact form{
		margin-top: 20px;
	}
	.contact form input[type="text"], 
	.contact form input[type="email"],
	.contact form textarea{
		width: 47%;
		height: 42px;
		padding: 0 0 0 15px;
		font-size: 15px;
	}
	.contact form textarea{
		width: 100%;
		height: 100px;
		margin-top: 20px;
		padding:15px;
	}
	.contact form button{
		height:52px;
		font-size: 15px;
		padding: 0 20px;
		margin-top: 20px;
	}
	.contact form button span{
		margin-left: 5px;
	}



	.map iframe{
		height: 250px;
	}



	footer{
		padding: 20px 0;
	}
	footer .copyright{
		font-size:14px;
	}
	footer .social{
		font-size:14px;
	}
}



@media(max-width:540px){
	.about .contentblock{
		flex-wrap: wrap;
	}
	.about .text{
		width: 100%;
		margin-bottom: 20px;
	}
	.about .picture{
		width: 100%;
	}
}