.header-shape {
    transform: rotateY(180deg)
}

.features-shape {
    transform: rotateY(0)
}

.testimonials-shape {
    transform: rotateY(180deg)
}

.faq-shape {
    transform: rotateY(180deg)
}

.option-shape {
    transform: rotateY(180deg) rotateX(180deg)
}

.testimonials-slider {
    direction: ltr
}

.screen-slider, .screen-slider, .screen-slider, .vs-slider {
    direction: ltr
}

    .screen-slider .content {
        padding: 130px 50px 160px 10%;
        text-align: right;
        float: right
    }

    .screen-slider .avatar {
        right: auto;
        left: 30px
    }

    .screen-slider .control.next {
        left: auto;
        right: calc(25% + -47px)
    }

    .screen-slider .control.prev {
        left: auto;
        right: calc(25% + 17px)
    }

.testimonials-slider .control.next {
    left: auto;
    right: calc(-22% + 0px)
}

.testimonials-slider i.control.prev {
    left: auto;
    right: calc(-22% + 54px)
}

.section-title {
    letter-spacing: -.5px
}

.section-description {
    color: #474747;
    padding-right: 0;
    padding-left: 20%;
    font-size: 16px;
    line-height: 24px
}

.head-wrapper .intro-section {
    padding: 70px 0 0 20px
}

.head-wrapper .project-mockup {
    margin-left: 0;
    position: relative
}

    .head-wrapper .project-mockup img {
        width: 100%
    }

.item-blog .blog-info svg {
    margin: 0 0 0 5px;
}

.item-blog .blog-info .blog-cat {
    margin: 0 0 0 10px;
}

.screen-slider .content .title {
    font-size: 29px
}

nav .nav-menu {
    margin-left: 0;
    margin-right: auto
}

nav .lang-select a.en {
    background-color: transparent;
    box-shadow: none
}

nav .lang-select a.ar {
    background-color: #fff;
    box-shadow: 0 0 11px rgba(0,0,0,.23) inset
}

.testimonials-slider .item {
    direction: rtl
}

    .testimonials-slider .item .person .info {
        margin-left: 0;
        margin-right: 10px
    }

.get-free .get-free-form input {
    float: right;
    border-radius: 0 3px 3px 0;
    padding: 10px 25px 10px 10px
}

.get-free .get-free-form a.signup-free {
    float: right;
    border-radius: 3px 0 0 3px
}

@media (max-width:991px) {
    .screen-slider .content {
        padding: 0 30px 80px 30px;
        width: 100%
    }

    .screen-slider .control.prev {
        left: auto;
        right: calc(50% + 17px)
    }

    .screen-slider .control.next {
        left: auto;
        right: calc(50% + -37px)
    }

    .testimonials-slider i.control.next {
        left: auto;
        right: calc(0% + 0px)
    }

    .testimonials-slider i.control.prev {
        left: auto;
        right: calc(0% + 54px)
    }

    .head-wrapper .intro-section {
        padding: 50px 20% 0;
        text-align: center;
        margin-bottom: 100px
    }
}

@media (max-width:767px) {
    .head-wrapper .intro-section {
        padding: 50px 10% 0
    }
}