@media only screen and (min-width:993px) and (max-width:1100px) {}













@media only screen and (max-width:767px) {

    .menu-icon {
        font-size: 24px;
        color:#fff;
    }
    
    .position-header .menu-icon {
        color:#000;
    }
.scrolled .menu-icon{
    color:#000;
}
    .header {
        padding:0 15px 0 0;
    }
    
    .header.scrolled{
        padding:15px;
    }

    .header-right {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #fff;
        width: 100%;
        z-index: 9;
        visibility: hidden;
        opacity: 0;
        transform: translateX(-20%);
        transition: 0.25s all;
        flex-direction: column;
        align-items: unset !important;
        padding: 30px;
        row-gap: 30px;
    }

    .header-right.show {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
        width:100% !important;
    }

    /*.desktop {*/
    /*    display: none;*/
    /*}*/

    .mobile-sec {
        display: flex;
        align-items: flex-start !important;
        padding-top: 20px;
    }

    .close-header {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 20px;
    }

    .dropdown button,
    .header-right a {
        font-size: 14px;
        color: #3B3B3B;
        width: max-content;
        max-width: 100%;
    }

    .header-right .background-btn {
        width: max-content;
    }

    .section-1 h1 {
        font-size: 30px;
    }


    .section-1 p {
        font-size: 16px;
        padding: 15px 0 36px;
    }

    .banner-btn button,
    .section-5 .banner-btn button,
    .section-5 .banner-btn .view-btn,
    .background-btn,
    .section-2 .banner-btn .background-btn {
        padding: 8px 13px;
        font-size: 12px;
        width: 100%;
    }

    /*.section-1 {*/
    /*    background-attachment: unset;*/
    /*    height: 400px;*/
    /*}*/
    
    .section-1,.abt-hgt{
        
        height: calc(100% - 130px);
    }

    .section-2 {
        padding: 30px 15px;
    }

    .section-2 h2 {
        padding: 20px 0 24px;
        font-size: 30px;
    }

    .section-2 img {
        height: 50px;
    }

    .section-2 p {
        font-size: 16px;
        padding-bottom: 25px;
    }

    .section-3 {
        padding: 30px 15px;
    }

    .section-3 h2 {
        font-size: 30px;
        padding-bottom: 20px;
    }

    .upcoming-row {
        row-gap: 20px;
    }

    .section-3 .background-btn {
        margin: 30px auto 0;
        padding: 12px 69px;
        width: max-content;
    }

    .section-4 {
        background-attachment: unset;
        height: 350px;
    }

    .section-4 h2 {
        font-size: 30px;
    }

    .section-4 p {
        padding: 20px 0 25px;
        font-size: 16px;
    }

    .sec5-left img {
        height: 250px;
        margin-bottom: 20px;
    }

    .section-5 h4 {
        font-size: 30px;
    }

    .section-5 p {
        padding: 16px 0;
        font-size: 16px;
    }

    .section-5 {
        padding: 30px 12px;
    }

    .footer {
        padding: 30px 15px;
        background-color: #fff;
    }

    .footer-row {
        row-gap: 20px;
    }

    .footer-logo img {
        height: 150px;
        margin-bottom: 20px;
    }

    .foot-menu {
        row-gap: 15px;
    }

    .footer h4 {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .foot-menu a {
        font-size: 14px;
    }

    .footer-last {
        padding-top: 30px;
        flex-direction: column;
        row-gap: 10px;
        align-items: flex-start !important;
    }

    .footer-last p a,
    .footer-last p {
        font-size: 14px;
        color: #3B3B3B;
    }


    .our-mission-vision {
        padding: 30px 15px;
    }

    .our-mission-vision .nav-link {
        width: 100%;
    }

    .our-mission-vision .nav-tabs {
        flex-direction: unset;
        flex-wrap: unset;
        column-gap: 20px;
    }

    .our-mission-vision .nav-link {
        padding: 7px 24px;
        font-size: 15px;
    }

    .our-mission-vision .nav-item {
        width: 100%;
    }

    .our-mission-vision p {
        font-size: 20px;
        padding-top: 16px;
    }

    .about-home {
        padding: 0 15px;
    }

    .about-home .section-2 h2 {
        padding: 0 0 24px;
        font-size: 27px;
    }

    .about-home-row {
        flex-direction: column-reverse;
        row-gap: 30px;
    }

    .about-mobile {
        display: block;
    }

    .about-desk {
        display: none;
    }

    .about-home .section-2 img {
        height: 128px;
        object-fit: contain;
    }

    .download-pdf {
        margin: 15px auto 0;
        width: max-content;
        display: block;
    }

    .banner-btn a {
        width: 100%;
    }

    .section3-btn .background-btn {
        margin: 0;
    }

    .section3-btn {
        margin-top: 30px;
    }

    .section3-btn button {
        padding: 12px 19px !important;
        width: 100% !important;
    }

.logo .big-logo {
    height: 130px;
}

.header-section-1 {
        background-attachment: unset;
        height: 470px;
    }
    
  




































    /* About Start */
    .about-sec h2 {
        font-size: 30px;
    }

    /*.about-sec {*/
    /*    height: 300px;*/
    /*}*/

    .vision-mission {
        padding: 30px 15px;
    }

    .vision-row h5 {
        font-size: 18px;
    }

    .vision-row {
        padding: 0;
    }

    .vision-row p {
        font-size: 20px;
        padding-top: 16px;
    }

    .vision-mission img {
        height: 250px;
        margin: 30px 0;
    }

    .timeline-sec {
        padding: 30px 15px;
    }

    .timeline-left h4 {
        font-size: 30px;
    }

    .timeline-left p {
        font-size: 16px;
        padding: 10px 0;
    }

    .timeline-left button {
        width: max-content;
    }

    .timeline-flex {
        row-gap: 68px;
        padding-top: 30px;
    }

    .foundation-sec p {
        font-size: 16px;
    }

    .foundation-sec h6 {
        font-size: 14px;
    }

    .timeline-border {
        padding: 13px 18px;
    }

    .down-arrow img {
        width: 50px;
        height: 50px;
    }

    .down-arrow {
        left: 34px;
        bottom: -26px;
    }

    .down-last img {
        width: 70px;
        height: 70px;
    }

    .core-values {
        padding: 30px 15px;
    }

    .core-values h4 {
        font-size: 30px;
        padding-bottom: 24px;
    }

    .core-sec {
        padding: 15px 10px;
        row-gap: 10px;
        text-align: center;
        flex-direction: column;
    }

    .core-sec img {
        height: 50px;
        width: 50px;
    }

    .core-sec h5 {
        font-size: 20px;
    }

    .core-sec p {
        font-size: 12px;
    }

    .about-section-5 {
        padding: 0 12px;
    }













































    /* Contactus Start */
    .contact-sec {
        padding: 0 15px 30px;
    }

    .contact-sec h2 {
        font-size: 30px;
        padding-bottom: 24px;
    }

    .contact-sec h4 {
        font-size: 24px;
    }

    .contact-sec p {
        font-size: 14px;
        padding: 8px 0 33px;
    }

    .contact-2 p {
        font-size: 20px;
        padding-bottom: 30px;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
        padding: 13px 14px;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .attachment p {
        padding: 0;
    }




















    .family-modal .modal-dialog {
        max-width: 100%;
    }

    .family-modal .modal-content {
        padding: 15px;
    }

    .family-modal h2 {
        font-size: 20px;
        padding-bottom: 20px;
    }

    .close-modal {
        top: 8px;
        right: 8px;
    }

    .new-member {
        padding-top: 0;
    }



























    /* Event Start */
    .event-list {
        padding: 30px 15px;
    }

    .event-right img {
        height: 300px;
    }


    .col-md-4.event-list-heading {
        margin-bottom: 30px;
    }


    .event-p {
        padding-bottom: 27px;
    }

    .event-row {
        flex-direction: column-reverse;
    }




















    /* Arabic Start */
    .ar .header-right {
        transform: translateX(120%);
    }

    .ar .header-right.show {
        transform: translateX(0);
    }

    .ar .close-header {
        right: unset;
        left: 15px;
    }

    .ar .down-arrow {
        right: 34px;
    }
.ar     .header.scrolled {
        padding: 15px;
    }
.ar .header {
        padding: 0  0 0 15px;
    }

.index3-header .logo {
     display: flex !important; 
}
.ban-sec img {
    height: 250px;
}
.ban-sec p {
   
    font-size: 20px;
    width: 100%;
   
    line-height: 27px;
}
.index3-header .logo .big-logo{
    opacity:0;
    visibility:hidden;
    height :0;
}
.index3-header .header-right {
    justify-content: flex-start;
   
}

.scrolled .header-right {
    padding-top: 30px;
}
.scrolled .mobile-sec{
    padding-top : 0;
}

.footer-logo{
    width:max-content;
    margin:0 auto;
    display:block;
}



}