﻿.owl-carousel .owl-stage-outer {
    direction: ltr;
}

.columns_margin_bottom_30 [class*="col-"], .row.columns_margin_bottom_30 [class*="col-"] {
    text-align: right;
}

.page_breadcrumbs.parallax {
    background-image: url(../files/bg/About.jpg)!important;
    padding: 59px 0;
}
.col-md-6.about {
    height: 175px;
    overflow: hidden;
}

.col-md-6.abou {
    background-image: linear-gradient(to right,#efefef,#dfe1de);
}

.progress {
    transform: rotateY(180deg);
}
h2.section_header.highlight {
    font-size: 20pt;
}

.about > h3 {
    font-size: 16pt;
}

.progress-bar span {
    transform: rotateY(180deg);
}

.read-more {
    float: left;
}

    .read-more:after {
        font-family: FontAwesome;
        padding-right: 5px;
        float: left;
        transform: rotateY(180deg);
    }
/*.progress-bar span {
    transform: rotateZ(180deg);
}*/

.spans {
    margin-left: 5px;
}

.section_padding_top_100 > [class*="container"] {
    padding-top: 35px !important;
}

.section_padding_bottom_100 > [class*="container"] {
    padding-bottom: unset !important;
}

.khadamat {
    width: 50px;
    height: 50px;
    margin-left: 10px;
    border-radius: 50%;
    border: 2px solid #ea1f25;
}

.fontsize_18 {
    font-size: 16px !important;
}

.item-media img {
    max-width: 350px;
    max-height: 300px;
}

.logoshobe {
    max-height: 100px;
    float: left;
    margin: 30px;
    max-width: 133px;
}

.about {
    float: none !important;
    display: inline-block;
}


@media(max-width:480px) {
    .ds .highlight2 {
        font-size: 15pt;
    }

    .header_left_logo .logo img {
        max-width: 145px;
    }

    .header_left_logo .logo img {
        float: right !important;
        margin-top: 10px;
        margin-left: -15pt;
    }

    a.theme_button.color2.two_lines_button {
        font-size: 7pt;
        padding: 8px 5px;
        top: -22px;
    }

    .intro-layer.animated.fadeInUp {
        max-width: 534px;
        margin-right: -175px;
        width: 100%;
        text-align: right;
        font-size: 10pt;
        margin-bottom: -25px;
    }

    .with_padding.gradient_bg_color.cs {
        width: unset !important;
    }

    .teaser.gradient_bg_color.icon-background-teaser.hoverable-banner.before_cover.text-center {
        width: unset !important;
    }

    .intro_section .nav-container {
        display: none !important;
    }

    .intro_section [class*="col-"] {
        margin-top: unset !important;
        margin-bottom: unset !important;
    }

    .page_topline span {
        display: none;
    }

    .galleryitem {
        margin-top: 45px;
        background: #d1ab6a;
        border-radius: 75px;
        display: inline-block;
        padding: unset;
    }

    ul.slides {
        width: 1602% !important;
    }

    .container .flex-direction-nav .flex-prev {
        display: none;
    }

    .container .flex-direction-nav .flex-next {
        display: none;
    }

    .imgteachers {
        width: 446px !important;
        height: 446px !important;
    }

    .imgzabanamooz {
        width: 446px !important;
        height: 446px !important;
    }

    header.item-content.gradient_bg_color.cs {
        width: 100% !important;
    }

    .flexslider .slides img {
        width: 480px;
        opacity: 0.5;
    }

    header.gradient_bg_color.cs.post-relater-person {
        width: 100%;
    }

    .with_pos_button.left_button {
        margin: 0 auto !important;
        padding: unset;
    }

    .with_pos_button {
        padding: unset;
    }

    .logo {
        width: 100%;
    }

    .display_table_cell {
        width: 100%;
    }

    .teaser .icon-background {
        left: unset !important;
        right: unset !important;
        width: 170px;
        height: 170px;
        margin: 0 auto;
    }

    p.col-md-3.bo {
        float: right;
        width: 100%;
    }

    .about > h3 {
        font-size: 15pt;
    }
}

@media (max-width: 767px) and (max-width: 991px) {

    .header_left_logo .logo img {
        max-width: 145px;
    }

    .about > h3 {
        font-size: 15pt;
    }
}

@media(max-width: 991px) {
    .header_left_logo .logo img {
        max-width: 145px;
    }

    .about > h3 {
        font-size: 15pt;
    }
}
