@media screen and (max-width: 1024px) {
 #header .header-content {
 width: 90%;
 padding: 40px 0;
}
 #header.fixed a {
 color: #000;
}
 .nav-toggle {
 display: block;
}
 .navigation {
 position: fixed;
 background-color: #000;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
}
.navigation a {
	color: #fff !important ;
	font-size: 13px;
	font-weight: 700;
	margin-left: 40px;
	text-transform: uppercase;
}
.ln-ar {
	font-size: 30px !important;
	margin-left: 60px !important;
	margin-right: 60px !important;
}
.ln-ar {
	margin-left: 60px !important;
	margin-right: 60px !important;
}
 .navigation .primary-nav {
 position: relative;
 top: 45%;
 -moz-transform: translateY(-45%);
 -ms-transform: translateY(-45%);
 -webkit-transform: translateY(-45%);
 transform: translateY(-45%);
}
 .navigation li {
 display: block;
 margin-bottom: 20px;
}
 .navigation a {
 display: block;
 font-size: 25px;
 margin: 0;
 text-align: center;
}
.banner-text {
	padding-top: 37%;
}
}
@media screen and (max-width: 768px) {
 .banner-text {
 padding-top: 60%;
}
 .banner-text h1 {
 font-size: 42px;
}
.banner-text h2 {
	font-size:24px;
}
.banner-text p {
 font-size: 18px;
}
.services {
	margin-bottom: 30px;
}
/*.strategy .strategy-img {
	min-height: 360px;
}*/
}
@media screen and (max-width: 640px) {
 .banner-text {
 padding-top: 55%;
}
.strategy .strategy-img {
	min-height: 360px;
}
@media screen and (max-width: 480px) {
 .banner-text {
 padding-top: 75%;
}
 .banner-text h1 {
 font-size: 32px;
}
.strategy .strategy-img {
	min-height: 280px;
}
@media screen and (max-width: 320px) {
 .banner-text {
 padding-top: 80%;
}
}