

body {
    background-color: #fff;
    font-family: 'SakkalMajalla', sans-serif;
    line-height: 24px;
    font-size: 16px;
    color: #818181;
}

.sec-title h2:after {
    left: 45%;
}

.battery:after {
    right: -5px;
    top: 7px;
    width: 3px;
}

.sl-slider {
    left: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, #nav {
    font-family: 'THARWATEMARARUQAA', serif;
    color: #252525;
}

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
    left: 0;
}

.slide-caption {
    left: 0;
}

.sl-slide-horizontal .sl-content-slice {
    left: -200px;
}

.sl-slide-vertical .sl-content-slice:first-child {
    left: -200px;
    padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
    left: 50%;
}

.fancybox-item.fancybox-close {
    right: 0;
}

.fancybox-next span {
    right: 0;
}

.fancybox-prev span {
    left: 0;
}

.owl-buttons {
    float: right;
    padding: 1px 8px 5px;
}

.welcome-message img {
    float: left;
}

.welcome-message p {
    margin-left: 135px;
}

figcaption.mask {
    text-align: left;
}

ul.external {
    right: 0;
}

.testimonial-item > div:before {
    left: -60px;
}

.testimonial-item > div:after {
    right: 0;
    width: 45px;
}



.contact-details p i {
    margin-right: 10px;
}

.contact-details span {
    display: block;
    margin-right: 24px;
}

.service-item-container {
    /*margin-left: 2.6%;*/
}

.service-icon {
    line-height: 60px;
}

.service-item h3 {
    font-size: 15px;
}
/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (max-width: 767px) {
    .container > .navbar-collapse {
        text-align: right;
        padding-right: 10px;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border: 0px;
        margin-top: 18px;
        padding-right: 30px;
    }

    .navbar-header {
        padding-left: 23px;
    }
}

p {
    direction: rtl;
}

@media only screen and (max-width: 767px) {
    .sec-title h2:after {
        left: 30%;
    }
}

.news-item a {
    float: left;
}

.glyphicon {
    margin-left: 4px !important;
}

.contact-details {
    direction: rtl;
}

.count {
    font-family: 'SakkalMajalla', sans-serif;
}
