@media screen and (min-width:900px) {
.extra-row{
	margin-left:-25px;
	margin-right:-25px;}
	.extra-row>[class^=col-]{
		padding-left:25px;
		padding-right:25px;}
	.menu i{
		margin-right:5px;}
	.menu .pull-left{
		width:50%;
		text-align:center}
	}
@media screen and (max-width:900px) {
	.logo{
		left:20px;
		right:auto}
	.menu .pull-left{
		float:right !important;
		text-align:center}
	ul.accordion{
		margin-bottom:25px;}
	.counter>div+div{
		margin-top:25px;
		}
}
@media screen and (max-width:767px) {
header{
	top:36px;}
	.logo{
		width:86px;
		height:87px;}
	.menu .pull-left, .menu .pull-right{
		float:none !important;
		width:100%}
	.menu .pull-right{
		text-align:right}
	.menu .pull-left{
		position:absolute;
		opacity:0;
		visibility:hidden;
		text-align:left;
		padding-top:26px;
		background-color:#fff;
		-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;}
	header.fixed .menu .pull-left{
		padding-top:62px;}
	.menu .pull-left.mobile-menu{
		opacity:1;
		visibility:visible}
	.menu ul>li>a{
		padding:5px 10px}
	.menu ul.pull-left>li{
		display:block;
		}
	h2{
		margin:0 0 15px 0}
	h2,.counter>div::before{
		font-size:30px;}
	h2 small{
		font-size:17px;
		text-transform:capitalize;
		display:block;
		margin-top:5px;}
	section#What-We-Offer, section#Who-We-Are{
		padding:97px 0 50px 0;
		height:auto}
	section#Home h2{
		line-height:normal}
	.counter>div{
		min-height:54px;
		height:auto;
		padding-left:74px;}
	.counter>div::before{
		bottom:auto;
		width:54px;
		height:54px;
		line-height:54px;}
	
.grayscale{
	padding-top:19px;
	padding-bottom:	17px;}
.copyright .pull-left, .copyright .pull-right{
	width:100%;
	text-align:center}
}

@media screen and (min-width:769px) {

}

@media (max-width: 991px) and (min-width: 768px) {}