#content .overlay{
    background:#18191b;
    width: 100%;
/*     opacity: 0.4;
 */}
.arabic a ,.arabic p, .arabic li, .arabic h1, .arabic h2, .arabic h3, .arabic input, .arabic textarea, .arabic .project-name{
    font-family: 'El Messiri', sans-serif !important;
    letter-spacing: normal !important;
    text-align: right;
}
.arabic a ,.arabic li{
    font-size: 16px;
}
#mainmenu .thumbnail{
    width: 18%;
    border-radius: 30px;
}
#mainmenu li ul.mega li.title{
    text-align: left;
    line-height: 2px;
}
#mainmenu ul.mega > li ul li:last-child{
    border: none !important;
}
#mainmenu ul.mega > li ul li .spacing{
    letter-spacing: 1px;
}
#section-about p{
    height: 75px;
}
.spaceTop{
    padding-top: 70px;
}
.de_testi blockquote{
    height: 145px;
}
.arabic h1{
    text-align: center !important;
}
.arabic .v-border{
	margin-right: 92px;
    margin-top: 3px;
	}
.arabic .project-name{
    text-align: center;
}
.left{
    text-align: left;
}
.material-list i{
    color:#FAB702 ;
    font-size: 6px;
}
.material-list span{
    font-size: 14px;
}
.span.overlay, #content .overlay{
    background: none;
}
.arabic address span{
    text-align: right;
}

@media (min-width: 308px) and (max-width: 979px) {
     #jpreLoader{
        width:50%;
    }
    #jprePercentage {
        font-size:45px;
    }
    .arabic  #menu-btn{
    float:left !important;
    }
    #particles-js{
        overflow: hidden;
    }
    #particles-js .particles-js-canvas-el{
        height: 75% !important;
    }
}

@media only screen and (max-width: 992px) {
 .arabic  #menu-btn{
    float:left !important;
    }
    
    #particles-js .particles-js-canvas-el{
        height: 75% !important;
    }

}