/*------------------------------------media query new 29/8----------------------------------*/
/*50% > > 2137 px*/
/*75% > > 1994 px
100% > > 1496 px
125% > > 1196 px
150% > > 997 px
200% > > 748 px*/
@media (min-width:2137px) {
    .about-header, .Contact-header, .program-header, .alqaada-header {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
        padding: 5% 0;
    }

    .page-content.ItqanHome .home-hero {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }
}

@media(min-width: 1994px) and (max-width:2137px) {
    .about-header, .Contact-header, .program-header, .alqaada-header {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }

    .page-content.ItqanHome .home-hero {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }

    .about-itqan .video-frame1 {
        margin: 10% 0 0;
    }
}

@media (min-width:1994px) {

    .about-itqan .video-frame1 {
        margin: 12% 0 0;
    }
}

@media (max-width:1994px) {

    /*.about-itqan .video-frame1 {
        margin: 11% 0 0;
    }*/
}

@media(min-width: 1196px) and (max-width:1994px) {
    .about-header, .Contact-header, .program-header, .alqaada-header {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }

    .page-content.ItqanHome .home-hero {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }
}

@media (max-width: 1023px) {
    .uk-child-width-1-4@l {
        width: 100%;
    }

    /* .Itqaan-qaada .uk-subnav {
        width: max-content;
        display: block;
        margin: auto;
    }*/
    .Itqaan-qaada .uk-subnav * {
        padding-left: 0;
    }

    .services-content.eductional-seesion {
        width: 100%;
    }
}

@media(min-width: 997px) and (max-width:1196px) {
    .about-header, .Contact-header, .program-header, .alqaada-header {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }

    .page-content.ItqanHome .home-hero {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }

    .about-itqan .video-frame1 {
        margin: 0% 0 0;
    }

    .services-content.goals-service, .services-content.character-content {
        flex-wrap: wrap;
        margin: 10% auto;
    }

    .Itqaan-qaada .uk-subnav {
        width: max-content;
        display: block;
        margin: auto;
    }

        .Itqaan-qaada .uk-subnav * {
            padding-left: 0;
        }

    .services-content.eductional-seesion {
        width: 100%;
    }

    .counter-content .counterBlock {
        width: 100%;
        left: 0;
    }

    .program-page .itqan-feature-block .course-card {
        margin: 0 auto;
        /* width: 66%;
        height: 170px;*/
    }

    .about-itqan h2::after {
        left: 0;
        text-align: center;
        margin: 0 auto;
    }

    .Itqan-about .Itqan-service-background .course-card {
        height: 331px;
        width: 100%;
        max-width: 70%;
        margin: auto;
    }

    .testimonial-video-container .openion-slider {
        left: auto;
    }
}


@media(min-width: 748px) and (max-width:997px) {
    .about-header, .Contact-header, .program-header, .alqaada-header {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }

    .page-content.ItqanHome .home-hero {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }

    .home-about .page-content-inner {
        text-align: center;
        padding: 0 17%;
    }

    .services-content.goals-service, .services-content.character-content {
        flex-wrap: wrap;
        margin: 10% auto;
    }

    .Itqaan-qaada .uk-subnav * {
        padding-left: 0;
    }

    .services-content.eductional-seesion {
        width: 100%;
    }

    .counter-content .counterBlock {
        width: 100%;
        left: 0;
    }


    .about-itqan h2::after {
        left: 0;
        text-align: center;
        margin: 0 auto;
    }

    .about-itqan h2 {
        text-align: center;
    }

    .Itqan-about .Itqan-service-background .course-card {
        margin-bottom: 20px;
    }
}

@media(max-width: 748px) {
    .about-header, .Contact-header, .program-header, .alqaada-header {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .page-content.ItqanHome .home-hero {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
    }

    .home-about .page-content-inner {
        text-align: center;
        padding: 0 17%;
    }


    .page-content.ItqanHome .home-hero {
        background-image: url("../images/itqan/InnerBackgrounds/homeL0.jpg");
    }

    .Home-Cust-Header {
        display: grid;
        grid-template-columns: auto;
    }

    .about-itqan h2::after {
        left: 0;
        text-align: center;
        margin: 0 auto;
    }

    .about-itqan h2 {
        text-align: center;
    }
}

/* Responsive Styles */
@media (max-width: 991px) {
    .uk-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .services-content {
        flex-wrap: nowrap;
    }
    /*navbar logo*/
    .header.itqan-header a.itqan-logo > img.logo-img {
        position: absolute;
        z-index: 1;
        top: -15px;
        width: 40px;
        left: 28%;
    }

    .header.itqan-header a.itqan-logo {
        position: relative;
        right: 0;
        left: 100%;
    }

    .mmenu-trigger {
        height: 46px;
        width: 100%;
    }

    .uk-navbar-left {
        margin-top: 0 !important;
        width: 100%;
        justify-content: space-between;
    }

    .Home-Cust-Header .main-cust-text {
        margin: 0;
    }

    .program-page .itqan-feature-block .course-card {
        margin: 0 auto;
        width: 80%;
        height: 100px;
    }

    .program-page .course-card {
        width: 100%;
    }

    .footer-links.pl-lg-8 {
        padding-left: 0 !important;
        padding-right: 0rem !important;
    }
}

@media (max-width: 960px) {
    .course-grid-slider > * {
        margin-left: 0px !important;
    }
    .course-grid-slider ul li {
        width: 50%;
    }

    .course-container .uk-position-center-left.slidenav-prev, .course-container .uk-position-center-right.slidenav-next {
        background-image: linear-gradient(to left, #f6f6f600, #fefefe00);
        background-color: transparent;
    }
}

@media (max-width: 768px) {
    .program-page .itqan-feature-block .course-card {
        margin: 0 auto;
        width: 100%;
        height: 170px;
    }

    .service-block {
        flex-basis: 100%;
    }

    .services-content {
        flex-wrap: wrap;
        display: flex;
        text-align: -webkit-center;
    }

    .itqan-cust-steps .services-content .service-block {
        margin: 3% auto;
    }

    .services-content.goals-service .service-block {
        width: 100%;
    }

    .media-content1 iframe {
        border: 0;
        width: 100%;
    }

    .Home-Cust-Header .main-cust-text {
        margin: 0;
    }

    .testimonial-video-container .openion-slider {
        left: auto;
    }
}

@media (max-width: 767px) {
    .service-block {
        flex-basis: 50%;
    }

    .uk-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .w-100 {
        flex-direction: column;
    }

    .w-20, .w-60 {
        width: 100% !important;
    }

    .Itqan-register .uk-button {
        margin-left: 0;
    }

    .uk-width-medium {
        width: 100%;
        margin-top: 1rem;
    }

    .uk-button-default {
        margin-left: 0;
        margin-top: 1rem;
    }

    .uk-child-width-1-1@s,
    .uk-child-width-1-1@m,
    .uk-child-width-1-2@l {
        flex-direction: column;
    }

    .uk-flex-center {
        justify-content: center;
    }

    .Itqaan-qaada .uk-subnav {
        width: max-content;
        display: block;
        margin: auto;
    }

        .Itqaan-qaada .uk-subnav * {
            padding-left: 0;
        }
}

@media (max-width: 640px) {
    .course-container .course-card.program-courses {
        height: auto;
    }

    /*navbar logo*/
    .header.itqan-header a.itqan-logo > img.logo-img {
        position: absolute;
        z-index: 1;
        top: 26px;
        width: 21px;
        left: auto;
    }

    .header.itqan-header a.itqan-logo {
        position: relative;
        right: 0;
        left: 100%;
    }

    .mmenu-trigger {
        height: 46px;
        width: 100%;
    }

    .uk-navbar-left {
        margin-top: 0 !important;
        width: 100%;
        justify-content: space-between;
    }

    .course-card-back {
        width: inherit;
    }

    .Itqaan-qaada .course-card.course-card-list p {
        height: 200px;
        overflow: auto;
    }

    .Itqaan-qaada .course-card.course-card-list.cust-study-methods p {
        height: 200px;
        overflow: auto;
        margin-bottom: 20px;
    }

    .Itqaan-qaada .uk-switcher li > ul > li .course-card-list.course-card .course-card-thumbnail {
        margin-left: 0;
    }

    .Itqaan-qaada .uk-switcher li > ul {
        padding-left: 0;
    }

    .Itqaan-qaada .course-card-list.course-card .course-card-body {
        padding: 13px 11px !important;
        padding: 10px;
        background: #fcfcfc;
        border-radius: 20px;
    }

    .Itqaan-qaada .course-card-list.course-card.cust-study-methods .course-card-body {
        background: none;
        border-radius: 0;
    }
}

@media (max-width: 576px) {
    .service-block {
        flex-basis: 100%;
    }
}

@media (max-width: 480px) {
    .course-grid-slider ul li {
        width: 100%;
    }

    .service-block {
        flex-basis: 100%;
    }

    .character-content {
        margin: auto;
    }

    .Itqan-about .services-content .about-amazing {
        width: auto;
    }

    .Itqan-about .Itqan-service-background .block-details {
        overflow: auto;
        padding-bottom: 20px !important;
    }

    .itqan-feature-block .course-card .course-card-back .course-card-body.client-card .course-card-footer .block-details {
        padding: 0 6px 0 60px;
        overflow: auto;
        height: 140px;
    }

    .Itqan-about .session:nth-child(2n+1) .session-block p, .Itqan-about .session:nth-child(2n+2) .session-block p {
        text-align: center;
        overflow: auto;
        height: 110px;
        padding-bottom: 0;
    }

    .Itqan-about .session:nth-child(2n+1) .session-block, .Itqan-about .session:nth-child(2n+2) .session-block {
        width: auto;
        height: 135px;
        margin-right: 0;
    }

    .Itqan-about .session {
        width: 100%;
        padding: 10px;
    }

    .cust-counter-grid .StackholderBlock {
        width: auto;
        padding: 0;
    }

    .cust-counter-grid {
        margin: auto;
    }

    .counter-content1 .StackholderBlock .counterBlock {
        width: 230px;
    }

    .course-grid-slider > * {
        margin-left: 0;
    }

    .slider-home-position {
        position: relative;
        left: auto;
        right: auto;
        justify-content: start;
    }

    .course-container .uk-grid {
        margin-left: 0;
    }

    .course-container .course-card-back {
        height: auto;
    }
}