@media only screen and (max-width: 1285px) {
    .allah-sec {
        height: 147px;
        padding-bottom: 1.3rem;
    }

    .above .flag {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width: 1140px) {
    .above .langs-holder-c1 {
        display: none;
    }

    .above .desc {
        min-height: auto;
    }

    .header .switch-lang {
        display: block;
    }
}

@media only screen and (min-width: 1100px) {
    .child-navbar {
        display: none !important;
    }

    .header .header-title.mini img {
        opacity: 1;
    }
}

@media only screen and (max-width: 1100px) {
    .members .member {
        width: calc(100% / 8);
    }

    .about-box-c1 {
        height: auto;
    }

    .sl-c1 {
        display: block !important;
    }

    .footer .spc-t {
        padding-top: 4rem;
    }
}

@media only screen and (max-width: 1000px) {
    .about-box .col-r {
        width: 300px;
    }

    .about-box .col-l {
        width: calc(100% - 300px);
    }
}

@media only screen and (max-width: 991px) {
    .cards-c1 .col-l {
        position: relative;
        height: auto;
    }

    .cards-c1 .col-l .block {
        height: auto;
        margin-bottom: 1rem;
        padding: .5rem;
    }

    .cards-c1 .col-l .block p {
        line-clamp: 10;
        -webkit-line-clamp: 10;
    }

    .header .menu-bar-s1 {
        display: block;
    }

    .header .navs {
        display: none;
    }

    .header {
        padding: 1rem 0;
    }

    .header .c-logo {
        top: -2rem;
    }

    .home-h .header.c-logo {
        padding: 3rem 0;
        top: -4.5rem;
    }

        .home-h .header .c-logo img {
            width: 80px;
        }

    .header-search {
        left: 2.75rem;
    }

    .footer .row-t {
        padding: 3rem;
    }

    .footer .spc-t {
        padding-top: 0;
    }

    .footer .spc-t a:first-child {
        margin-bottom: .25rem;
        display: block;
    }
}

@media only screen and (max-width: 900px) {
    .programs .star {
        width: 280px;
        min-width: 280px;
        height: 280px;
    }

    .programs .star-box::after {
        width: calc(100% - 280px + 60px);
        height: 198;
    }

    .members .member {
        width: calc(100% / 6);
    }

    .about-box-c1 .slide-1 .t-top {
        flex-flow: column wrap;
    }

    .about-box-c1 .slide-1 .img-holder {
        text-align: center;
    }

    .about-box-c1 .slide-1 .content {
        padding: 0;
    }

    .about-box-c1 .slide-1 img.main-img {
        width: 100%;
        max-width: 443px;
        min-width: auto;
        margin: 0 auto 2rem auto;
    }

}

@media only screen and (min-width: 768px) {
    .side-cats .blocks {
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 87.5%;
    }

    .above-container {
        padding: 0 !important;
    }

    .header-search {
        bottom: 0;
        width: 70%;
        left: 4.75rem;
    }

    .header-search::before {
        display: none;
    }

    .above {
        min-height: auto;
        border-radius: 0;
    }

    .about-box .col-r {
        width: 100%;
    }

    .about-box .col-l {
        width: 100%;
    }

    .post-blocks .img-box {
        width: 130px;
    }

    .post-blocks .content {
        width: calc(100% - 130px);
    }

    .members .member {
        width: calc(100% / 5);
    }

    .programs .star-box {
        align-items: flex-start;
    }

    .programs .star {
        width: 120px;
        min-width: 120px;
        height: 120px;
        z-index: 60;
        margin-right: 1rem;
    }

    .programs .star-box::after {
        display: none;
    }

    .programs .star-box .content {
        border: 1px solid #c1c6cf;
        border-radius: 0.5rem;
        margin-top: -4.3rem;
        padding: 5rem 1rem 1rem 1rem;
    }

    .route ul {
        margin-right: 0;
    }

    .route.light ul {
        margin-right: 1rem;
    }

    .route.light {
        right: 0;
    }

    .side-cats .head {
        cursor: pointer;
    }

    .side-cats .head i {
        display: block;
    }

    .side-cats .blocks {
        display: none;
    }

    .duty-block .title {
        flex-wrap: wrap;
    }

    .duty-block .title span {
        flex-grow: 1;
    }

    .duty-block .title .line-break {
        display: block;
    }

    .duty-block .title i.sm-icon {
        display: block;
    }

    .duty-block .title i.md-icon {
        display: none;
    }

    .duty-block .title h4 {
        margin: .3rem 0 0 0;
    }

    .duty-block .title span::after {
        content: ''
    }

    .sec-7 .img-star-box {
        right: 0;
    }

    .sec-7 .star-box .desc {
        width: calc(100% - 150px);
        float: left !important;
        padding: 0 2rem 0 0 !important;
    }

    .sec-7 .star-box .block::before {
        right: 74px;
    }

    .sec-14 .child-c1 .col-r .blocks {
        height: auto;
        position: relative;
        display: flex;
        flex-flow: row nowrap;
    }

    .sec-14 .child-c1 .col-r .block {
        width: 100%;
        min-width: 100%;
        margin-left: 1rem;
    }

    .sec-16 .sliders-holder {
        padding: 0;
    }

    .child-navbar {
        top: 4.5rem;
    }

    .members .member:hover .cover-link {
        display: none;
    }

    .jqc-6::after {
        display: none;
    }

    .card-c2 {
        position: relative;
        display: flex;
        padding-bottom: 1rem;
    }

    .card-c2 .block {
        width: 100%;
        min-width: 100%;
        margin: 0 0 0 .5rem;
    }

    .card-c2,
    .sc-c1 {
        position: relative;
        direction: rtl;
    }

    .card-c2::-webkit-scrollbar,
    .sc-c1::-webkit-scrollbar {
        height: 4px;
    }

    .map {
        min-height: auto !important;
    }

    .sc-c1 {
        margin-bottom: 1rem;
    }

    .gallery-sec-c1 .col-l {
        position: relative;
        height: auto;
    }

    .above .desc {
        position: relative;
        width: 100%;
        border-radius: 0;
        background: rgb(13, 48, 117);
        background: linear-gradient(180deg, rgba(13, 48, 117, 0) 0%, rgba(255, 255, 255, 0.6278886554621849) 27%, rgba(255, 255, 255, 1) 100%);
        color: #000;
        margin-top: -5rem;
        padding-top: 7rem;
    }

    .header .c-logo {
        top: -2.5rem;
    }
}

@media only screen and (max-width: 639px) {
    .members-slider::before {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    .about-box .col-l {
        margin-top: 2rem;
        padding: 0;
    }

    .about-box .col-l {
        margin-top: 2rem;
        padding: 0;
    }

    .news h2 {
        width: 100%;
        text-align: center;
    }

    .news .tabs {
        width: 100%;
        text-align: center;
        margin-top: .5rem;
    }

    .members .member {
        width: calc(100% / 3);
    }

    .members .member .name {
        font-size: 0.714rem;
        width: 100%;
        right: 0;
        background: rgba(0, 0, 0, .7);
        z-index: 50;
        padding: .3rem;
        border-radius: .5rem;
    }

    .members .member.active .name::before {
        display: none;
    }

    .comments-sec button.send {
        width: 100%;
    }

    .sec-1.gallery-sec p {
        padding: 2rem 3rem;
    }

    .sec-7 .img-star-box {
        position: relative;
        margin: 0 auto 1rem auto;
    }

    .sec-7 .star-box .desc {
        width: 100%;
        padding: 0 !important;
        float: none;
    }

    .sec-7 .star-box .block::before {
        display: none;
    }

    .sec-7 .star-box .block .holder {
        text-align: center;
    }

    .sec-8 .project.active .img-star-box {
        transform: none;
    }

    .sec-8 .project::before {
        display: none;
    }

    .sec-8 .project {
        margin-bottom: 4rem;
    }


    .sec-8 .project .img-box {
        position: absolute;
        right: 1rem;
        top: -40px;
        width: 80px;
        min-width: 80px;
    }

    .sec-8 .project .duty-block .title {
        padding-top: 3rem;
    }

    .card-holder-c1 .col-l .m-card {
        flex-flow: column wrap;
        text-align: center;
    }

    .card-holder-c1 .col-r .m-card {
        flex-flow: column wrap;
    }

    .card-holder-c1 .col-r .m-card .img-box {
        width: 100%;
        min-width: 100%;
        margin: 0 0 1rem 0;
    }


    .card-holder-c1 .col-l .m-card .img-box {
        margin-bottom: 1rem;
        padding: 0;
    }

    .about-box .btn-holder {
        display: flex;
        flex-flow: column wrap;
    }

    .about-box button {
        margin: 0 0 1rem 0 !important;
    }

    .about-box button a {
        padding: .7rem 0;
    }

    .news .post-blocks {
        display: flex;
        flex-flow: row nowrap;
        overflow: auto;
        padding-bottom: 1rem;
    }

    .news .col-l .block {
        min-width: 100%;
        width: 100%;
        height: auto;
        margin-left: 5px;
    }

    .jqc-c3 {
        display: flex;
        height: auto !important;
    }

    .jqc-c3 .block {
        width: 100%;
        min-width: 100%;
        margin-left: 1rem;
    }
}