.home-services-item {
	transform: scale(1);
	-webkit-transition: all 500ms ease-in-out;
	z-index: 1;
}
.home-services-item:hover {
	transform: scale(1.1);
	-webkit-transition: all 500ms ease-in-out;
	z-index: 2;
}
@media only screen and (min-width:1200px){ 
	.home-services-item{
		width: calc(25% -10px);
		margin-left:5px;
		margin-right: 5px;
	}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	.home-services-item{
		width: calc(25% -10px);
		margin-left:5px;
		margin-right: 5px;
	}
}
@media only screen and (min-width:768px) and (max-width:991px){
	.home-services-item{
		width: calc(33.33% -10px)!important;
		margin-left:5px;
		margin-right: 5px;
	}
}
@media only screen and (min-width:576px) and (max-width:767px){
	.home-services-item{
		width: calc(50% -10px)!important;;
		margin-left:5px;
		margin-right: 5px;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width:575px){
	.home-services-item{
		width: calc(100% -10px);
		margin-left:5px;
		margin-right: 5px;
		margin-bottom: 10px;
	}
}
.fa-bars, .fa-window-close{
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.fa-bars:active, .fa-window-close{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

@media only screen and (min-width:992px){
	.fa-bars, .fa-window-close{
		display: none;
	}
}
@media only screen and (max-width:992px){
	.mobile-menu{
		display: none;
	}
	.main-navigation{
		position: relative;
		display: block;
		float: left;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		vertical-align: top;
		border:none;
		outline: none;
	}
	.main-navigation-ul {
		display: block;
		float: left;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		background: #333;
		text-align: left;
		vertical-align: top;
		border:none;
		outline: none;
	}
	.main-navigation-ul > li {
		max-width: 300px;
		display: block ;
		float: none ;
	}
	.main-navigation-ul > li > a {
		color: white;
	}
	.hero-top{
		display: none!important;
	}
	.main-navigation-ul li .sub-menu {
		position: relative;
		width: 200px;
		margin-top: 1em !important;
		height: auto;
		padding: 1em;
		text-align: left;
		background-color: #18489B;
		border: 0 none;
		display: none;
		right: 0;
		top: -14px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		transition: all 500ms linear;
	}
	/*.main-navigation-ul li.has-children:hover .sub-menu {
		transition: all 500ms linear;
		display: block; 
	}*/
}

.main-navigation-ul li:hover a, .main-navigation-ul li.active a {
    background: #18489B;
    color: #fff;
    transition: all 0ms linear;
}