.archive-career .career-wrapper-content .body-content p,
.savvy-news p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.archive-career .career-wrapper-content .body-content {
    max-height: 75px;
    min-height: 75px
}

.archive-career .career-wrapper-content .body-content p {
    font-size: 12px;
    color: #838383;
    -webkit-line-clamp: 3
}

.archive-career .btn-blue-normal {
    right: auto;
    left: 20px
}

.offer-list .offer-list-sec .one-offer .read-btn,
.register .steps .first .num:after {
    left: 0;
    right: auto
}

.contact-us .form-contact .form-group .form-control {
    font-family: FontAwesome, DroidArabicKufi;
    font-size: 14px
}

.contact-us .map ul li img {
    margin-left: 19px;
    margin-right: 0
}

.contact-us .map ul li span {
    font-size: 15px
}

.register .form-contact .form-group .form-control,
.register p {
    font-size: 12px
}

.contact-us i {
    margin-left: 15px;
    margin-right: 0
}

.offer-list .start-now .button {
    float: left
}

@media (max-width:990px) {
    .offer-list .offer-list-sec .one-offer .read-btn {
        text-align: left
    }
}

@media (max-width:660px) {
    .offer-list .start-now .button {
        float: none
    }
}

.register .steps li {
    float: right
}

.register .steps .third .num:before {
    right: 0;
    left: auto
}

.register .step .register-social-wrapper .title {
    font-size: 16px
}

.archive-faq .savvy-news .title {
    padding-left: 0;
    padding-right: 45px
}

.archive-faq .savvy-news .title .count {
    float: left
}

.faq-search-result .single-section .new-question .content {
    padding: 35px 20px
}

@media (max-width:1024px) {
    .archive-faq .savvy-news .title {
        padding-left: 0;
        padding-right: 20px
    }
    .archive-faq .savvy-news .body .more {
        float: left!important;
        padding: 10px 20px
    }
    .archive-faq .savvy-news .body .more:after {
        content: "\f100"!important;
        left: 0
    }
}

.more:after,
footer .site-map li:before {
    content: "\f100"
}

@-moz-document url-prefix() {
    .listing-p {
        height: 114px
    }
    @media (max-width:1600px) {
        .savvy-service .service-details p,
        .savvy-service p {
            max-height: 75px!important
        }
        .archive-topics .one-topic p {
            max-height: 85px
        }
        .savvy-subjects .media p {
            width: 55%!important
        }
    }
    @media (max-width:1400px) {
        .savvy-service .column-wide p,
        .savvy-service .service-details p,
        .savvy-service p {
            max-height: 50px!important
        }
    }
    @media (max-width:1024px) {
        .savvy-service .column-wide p,
        .savvy-service .service-details p,
        .savvy-service p {
            max-height: 50px!important
        }
        .archive-topics .one-topic p {
            max-height: 110px
        }
    }
    @media (max-width:600px) {
        .savvy-service .column-wide p,
        .savvy-service .service-details p,
        .savvy-service p {
            max-height: 80px!important
        }
        .archive-topics .one-topic p {
            max-height: 100%
        }
    }
    @media (max-width:480px) {
        .savvy-news .media-heading {
            max-height: 45px
        }
        .savvy-service .column-wide p,
        .savvy-service .service-details p,
        .savvy-service p {
            max-height: 50px!important
        }
    }
    @media (max-width:360px) {
        .savvy-service .column-wide p,
        .savvy-service .service-details p,
        .savvy-service p {
            max-height: 100px!important
        }
    }
}

footer .site-map {
    padding-right: 0;
    border-right: none;
    border-left: 1px solid #333639;
    padding-top: 13px;
    padding-bottom: 13px
}

footer .site-map li {
    float: right;
    padding-left: 0;
    padding-right: 18px
}

footer .site-map li:before {
    left: auto;
    right: 0
}

footer .top-layer .col-sm-6:first-child {
    padding-right: 0;
    padding-left: 15px
}

footer .top-layer .col-sm-6:last-child {
    padding-right: 15px;
    padding-left: 0
}

footer .bottom-layer .col-xs-4:first-child {
    padding-left: 15px;
    padding-right: 0
}

footer .bottom-layer .social-media-wrapper {
    padding-left: 0;
    padding-right: 15px
}

footer .bottom-layer .social-media {
    float: left
}

footer .bottom-layer .social-media li {
    margin-left: 10px;
    margin-right: 0
}

footer .bottom-layer .social-media li:last-child {
    margin-left: 0
}

footer .bottom-layer p {
    font-size: 13px
}

header .bottom-layer .main-nav li a,
header .top-layer .nav-right li:first-child a {
    font-size: 16px
}

footer .savvy-subscribe .btn-blue,
footer .savvy-subscribe input {
    float: right!important
}

footer .savvy-subscribe input {
    margin-right: 0;
    margin-left: 10px
}

.copyright .content {
    font-family: cairo
}

@media (max-width:1024px) {
    footer .bottom-layer .social-media li {
        margin-left: 10px
    }
}

@media (max-width:767px) {
    footer .bottom-layer .col-xs-4:first-child,
    footer .top-layer .col-sm-6:first-child {
        padding-right: 15px
    }
    footer .top-layer .col-sm-6:last-child {
        padding-left: 15px
    }
    footer .site-map {
        border-left: none
    }
    footer .bottom-layer .social-media-wrapper {
        padding-left: 15px
    }
}

@media (max-width:640px) {
    .copyright img,
    .copyright p,
    .copyright span {
        margin-right: 2px;
        margin-left: 0
    }
    footer .bottom-layer .social-media li {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:480px) {
    .copyright .content-mobile span {
        float: right
    }
    .copyright .content-mobile .dar,
    .copyright .content-mobile .savvy {
        width: 48%
    }
    .savvy-news .media-heading {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width:360px) {
    .copyright .savvy img,
    .copyright .site-logo {
        width: 25px;
        height: auto
    }
}

@media (max-width:320px) {
    .copyright .container {
        padding: 0
    }
    .copyright .site-logo {
        height: auto;
        width: 20px
    }
    .copyright .savvy img {
        width: 20px
    }
    .copyright .content-mobile .dar,
    .copyright .content-mobile .savvy {
        text-align: right
    }
}

.pull-right {
    float: left!important
}

.pull-left {
    float: right!important
}

header .logo,
header nav,
header ul li {
    float: right
}

header .nav-right {
    float: left
}

header .top-layer .nav-right {
    margin-right: 0;
    margin-left: 90px;
    margin-top: 10px
}

header .top-layer .nav-right li {
    margin-left: 20px;
    margin-right: 0
}

header .top-layer .nav-right li:last-child img {
    margin-right: 0;
    margin-left: 5px
}

header .top-layer .nav-right li:last-child a {
    margin-top: 3px
}

header .bottom-layer .nav-right {
    margin-right: 0;
    margin-left: 20px
}

header .bottom-layer .nav-right button,
header .bottom-layer .nav-right input {
    float: right
}

header .bottom-layer .nav-right input {
    padding-right: 10px;
    padding-left: 70px
}

header .bottom-layer .nav-right .btn-blue-normal {
    right: auto;
    left: 0
}

header .bottom-layer .nav-right .btn-blue-normal i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

header .bottom-layer .main-nav li {
    margin-right: 0;
    margin-left: 1px
}

header .bottom-layer .main-nav li:last-child {
    margin-left: 0
}

header .bottom-layer .main-nav li:first-child {
    border-left: none;
    border-right: 1px solid #d3d3d3
}

header .bottom-layer .main-nav .parent>ul {
    left: 0;
    right: 10px
}

header .bottom-layer .lang {
    font-family: Cario!important
}

@media (min-width:1900px) {
    header .bottom-layer .main-nav {
        margin-top: 9px
    }
}

@media (max-width:1200px) and (min-width:990px) {
    header .bottom-layer .main-nav li a,
    header .top-layer .nav-right li:first-child a {
        font-size: 13px
    }
    header .top-layer .nav-right li:last-child a {
        margin-top: 0
    }
}

@media (max-width:1024px) {
    header .bottom-layer ul li:first-child:after,
    header .top-layer .search-label,
    header .top-layer .search-label .btn-blue-normal {
        right: auto;
        left: 0
    }
    header .bottom-layer nav,
    header .mobile-logo,
    header .top-layer .menu-btn,
    header .top-layer .search-item {
        float: right
    }
    header .top-layer .menu-btn {
        border-right: none;
        border-left: 2px solid #c9c9c9
    }
    header .top-layer .search-btn {
        border-left: none;
        border-right: 2px solid #c9c9c9
    }
    header .top-layer .search-label input {
        padding-right: 10px;
        padding-left: 70px
    }
    header .bottom-layer .lang {
        padding: 16px 0;
        border-left: none;
        border-right: 2px solid #c9c9c9
    }
    header .bottom-layer .main-nav li a,
    header .top-layer .nav-right li:first-child a {
        font-size: 13px
    }
    header .top-layer .nav-right li:last-child a {
        margin-top: 0
    }
    .mobile-menu {
        left: auto;
        right: 0
    }
    .mobile-menu .side-menu ul {
        right: auto;
        left: 0
    }
}

@media (max-width:320px) {
    header .bottom-layer a {
        font-size: 14px
    }
    header .bottom-layer,
    header .bottom-layer nav {
        height: 60px;
        overflow: hidden
    }
    header .bottom-layer nav {
        line-height: 60px
    }
}

@font-face {
    font-family: DroidArabicKufi;
    src: url(../fonts/DroidArabicKufi/DroidArabicKufi.eot);
    src: url(../fonts/DroidArabicKufi/DroidArabicKufi.eot?#iefix) format("embedded-opentype"), url(../fonts/DroidArabicKufi/DroidArabicKufi.woff) format("woff"), url(../fonts/DroidArabicKufi/DroidArabicKufi.ttf) format("truetype"), url(../fonts/DroidArabicKufi/DroidArabicKufi.svg#DroidArabicKufi) format("svg");
    font-style: normal;
    font-weight: 400
}

*,
body {
    font-family: DroidArabicKufi
}

.section-title:after {
    left: auto;
    right: 0
}

@media (min-width:1200px) {
    .offer-calculator-wrapper.fixed {
        right: auto;
        left: 7.9%
    }
}

.contact-us .text-right {
    text-align: left
}

.questionnaire.offer-list .questionnaire-buttons div {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.questionnaire.offer-list .questionnaire-buttons .next {
    right: auto;
    left: 45px
}

.questionnaire.offer-list .questionnaire-buttons .prev {
    left: auto;
    right: 45px
}

.dar-atadawulat-single-offer .offer-details .savvy_faq_icon,
.pull-right {
    float: left!important
}

.savvy-service:nth-child(odd) .service-details {
    border-left: none;
    border-right: 7px solid #1d1568
}

.savvy-service:nth-child(even) .service-details {
    border-left: none;
    border-right: 7px solid #1d1568
}

.more {
    padding-right: 20px;
    padding-left: 35px;
    font-size: 18px;
    font-weight: 400;
    color: #00418f
}

.more:after {
    right: auto;
    left: 0;
    top: 13px;
    font-size: 16px
}

.savvy-ul {
    padding-right: 0
}

.owl-theme .description .title {
    font-size: 25px;
    margin-bottom: 25px
}

.owl-theme .description .owl-theme .description p {
    font-size: 16px;
    color: #5c5c5c
}

.owl-theme .description a {
    font-size: 16px
}

.owl-nav i:before {
    line-height: 18px
}

.savvy-service .service-details p,
.savvy-service p {
    font-size: 12px
}

.savvy-service .service-details .service-title {
    margin-bottom: 45px;
    font-size: 25px
}

.savvy-service .service-details p {
    width: 70%
}

.savvy-service .media .media-heading {
    font-size: 18px
}

.savvy-news .more {
    font-size: 18px;
    color: #00418f
}

.savvy-news .list a:before {
    content: " "
}

.savvy-news .list li a {
    padding-left: 10px;
    padding-right: 20px
}

.savvy-news .list li a:before {
    content: "\f100";
    right: 5px;
    left: auto
}

.faq-banner .description .search-label .btn-blue-normal,
.scroll-top {
    right: auto;
    left: 0
}

.savvy-news .list h3 {
    font-size: 20px;
    font-weight: 400
}

.savvy-news .date {
    border-top-right-radius: 0;
    border-top-left-radius: 5px
}

.savvy-news .media-group {
    border-right: none;
    border-left: 1px solid #c9c8c8
}

.savvy-news p {
    -webkit-line-clamp: 3
}

.savvy-subjects {
    background-color: #ebe9e5
}

.single .plus-content .media-left {
    padding-right: 0;
    padding-left: 30px
}

.single-news .single-section .content,
.single-topic .single-section .content {
    padding-right: 0;
    padding-left: 55px
}

.home .savvy-subjects .media-body {
    position: relative
}

.home .savvy-subjects .media-body .read-link {
    position: absolute;
    bottom: 0
}

.home .savvy-news .media-body {
    position: relative
}

.home .savvy-news .media-body .read-link {
    position: absolute;
    bottom: 0
}

.faq-list .title .count {
    margin-right: 0;
    margin-left: 45px
}

.faq-list .panel-title {
    padding-left: 0;
    padding-right: 30px
}

.faq-list .savvy_faq_icon {
    float: right
}

.faq-list .panel-heading.collapsed .savvy_faq_icon i:first-child {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.share-question li {
    border-right: none;
    border-left: 1px solid #e1dfdb;
    float: right
}

.share-question .share-count {
    float: left;
    border-left: none;
    border-right: 1px solid #e1dfdb
}

.share-question .shared-data {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid #fff
}

.share-question .shared-data .count-num {
    float: left
}

.faq-banner .description input {
    padding-right: 20px;
    padding-left: 70px
}

.pagination>li {
    margin-right: 0;
    margin-left: 10px;
    float: right
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0
}

.pagination>li>a,
.pagination>li>span {
    font-size: 27px
}

.single-news p {
    max-height: 50px;
    overflow: hidden
}

@media (min-width:1900px) {
    .savvy-news p,
    .savvy-service .service-details p,
    .savvy-service p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .savvy-service .column-wide .media-left {
        padding-left: 0
    }
    .savvy-service .service-details .service-title {
        margin-bottom: 30px
    }
    .savvy-service .service-details p,
    .savvy-service p {
        max-height: 95px
    }
    .savvy-news p {
        max-height: 115px
    }
}

@media (max-width:1200px) and (min-width:990px) {
    .savvy-main-slider-ar .dar-atadawulat-banner .description {
        left: auto;
        right: 10%
    }
    .savvy-service .service-details .savvy-service .service-details .service-title {
        font-size: 20px
    }
    .savvy-service .service-details .savvy-service .service-details {
        height: 200px;
        margin-bottom: 15px
    }
    .savvy-service .service-details .savvy-service .savvy-news .list h3 {
        font-size: 18px
    }
    .savvy-service .service-details .savvy-service .service-details p {
        width: 100%
    }
    .savvy-service .service-details .savvy-service .service-details .service-title {
        margin-bottom: 25px
    }
    .savvy-news .list-group {
        min-height: 380px
    }
}

@media (max-width:1024px) {
    .savvy-news .list-group {
        min-height: 380px
    }
    .savvy-service .service-details {
        height: 97px;
        margin-bottom: 15px
    }
    .savvy-service .service-details p {
        width: 100%
    }
    .savvy-service .service-details .service-title {
        font-size: 20px;
        margin-bottom: 25px
    }
    .savvy-service p {
        font-size: 14px
    }
    .savvy-service .more {
        float: none!important;
        padding-right: 0
    }
    .savvy-news .list h3 {
        font-size: 18px
    }
    .savvy-news p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 80px
    }
    .savvy-news .media-group {
        border-left: none
    }
    .savvy-main-slider-ar .dar-atadawulat-banner .description {
        left: auto;
        right: 0
    }
    .savvy-news .more {
        padding-right: 0;
        padding-left: 0
    }
    .faq-list .title .count {
        margin-left: 10px
    }
    .owl-theme .description .title {
        line-height: 1.2
    }
}

@media (max-width:988px) {
    .single-news .single-section .content,
    .single-topic .single-section .content {
        padding-left: 0
    }
    .single .single-section .column-wide p {
        max-height: 80px
    }
    .single .single-section .column-wide .media-body,
    .single .single-section .column-wide .media-left {
        float: right
    }
}

@media (max-width:800px) {
    .single-news .wysiwyg {
        max-height: 80px
    }
}

@media (max-width:767px) {
    .pagination>li {
        float: right
    }
    .pagination>li>a,
    .pagination>li>span {
        font-size: 20px
    }
}

@media (max-width:533px) {
    .single .single-section .column-wide .media-heading {
        text-align: right
    }
}

@media (max-width:516px) {
    .savvy-news p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 50px
    }
}

@media (max-width:480px) {
    .more,
    .savvy-news .more {
        float: none!important
    }
    .savvy-service .media .media-heading {
        font-size: 18px
    }
    .savvy-service p {
        font-size: 12px
    }
    .savvy-news .date .day {
        font-size: 34px
    }
    .savvy-news .date .month {
        font-size: 13px
    }
    .savvy-news .date .year,
    .savvy-news .media-heading {
        font-size: 15px
    }
    .savvy-news p {
        font-size: 12px
    }
    .savvy-subjects .media img {
        width: 126px;
        height: 119px
    }
    .savvy-subjects .media h3 {
        font-size: 16px;
        margin-bottom: 7px
    }
    .savvy-subjects .media p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 10px
    }
    .more {
        padding-left: 0
    }
}

.apply-form h4 {
    font-size: 14px
}

a.read {
    float: left
}

@media (max-width:400px) {
    .single-news p {
        max-height: 85px
    }
}

@media (max-width:360px) {
    .pagination>li>a,
    .pagination>li>span {
        font-size: 12px
    }
}

@media (max-width:320px) {
    .single-news p {
        max-height: 75px
    }
}

.search-list-content {
    min-height: 447px
}

.search-list-content .container>.single-section {
    min-height: 400px
}

.search-list-content h3 {
    font-size: 18px
}

.single-offer .get-offer-wrapper .get-offer-content .offer-option a,
.single-offer .offer-data .calculator .calculator-content .btn-blue-normal {
    font-size: 16px
}

.search-list-content h4 {
    font-size: 16px;
    margin: 30px 5px
}

.owl-theme .description .title {
    max-height: 30px
}

.savvy-main-slider-ar .owl-nav .owl-prev {
    float: right;
    margin-left: 0;
    margin-right: 10px;
    transform: rotate(180deg)
}

.savvy-main-slider-ar .owl-nav .owl-next {
    float: left;
    margin-left: 10px;
    margin-right: 0;
    transform: rotate(180deg)
}

.savvy_margin {
    margin-bottom: 20px
}

@media (max-width:568px) {
    .questionnaire.offer-list .questionnaire-buttons .prev {
        left: auto;
        right: 6px
    }
    .questionnaire.offer-list .questionnaire-buttons .next {
        right: auto;
        left: 6px
    }
}

@media (max-width:320px) {
    .questionnaire.offer-list .questionnaire-buttons .prev {
        left: auto;
        right: 0
    }
    .questionnaire.offer-list .questionnaire-buttons .next {
        right: auto;
        left: 0
    }
}

.search-list .offer-list-sec .one-offer .read-btn {
    left: 0;
    right: auto
}

.search-list .offer-list-sec .one-offer .read-btn a,
.search-list .one-topic .read {
    float: left
}

.search-list .single-news {
    background-color: #fff
}

.search-list .single-news .single-section {
    border: none;
    margin: 0;
    padding: 0
}

.search-list .content,
.search-list .single-news .single-section .content {
    padding-left: 30px;
    padding-right: 0
}

@media (max-width:991px) {
    .search-list .offer-list-sec .one-offer .read-btn a {
        float: left
    }
}

.single-offer .get-offer-wrapper .get-offer-content .offer-option,
.single-offer .offer-data .tabbed ul,
.single-offer .offer-data .tabbed ul li {
    float: right
}

@media (max-width:988px) {
    .search-list .single-news .media-left {
        width: 50%;
        margin: 0 auto 30px
    }
    .search-list .single-news .media-left img {
        float: right
    }
}

@media (max-width:480px) {
    .search-list .single-news .media-left {
        width: 100%
    }
}

.single-offer .get-offer .btn-blue-normal,
.single-offer .savvy_faq_icon,
.special-title img {
    float: left
}

.single-offer .get-offer-wrapper .get-offer-content .offer-option:first-child {
    margin-right: 0;
    margin-left: 6%
}

.single-offer .panel-heading:after {
    right: 42px
}

.special-title {
    border-left: none;
    border-right: 6px solid #00418f
}

.single.single-offer .plus-content .media-left {
    padding-left: 0
}