/*---------------- CSS for tablet 991 and below ---------------- */
@media screen and (max-width: 991px) {

  /*  .storyCardText.listingPage {
      
        max-height: 360px;
    } */
    .approachNewMainInner {
        gap: 40px;
    }
    
    img.aligncenter {
        margin: 0;
    }
    
    .dNoneMobile {
        display: none !Important;
    }
    
    .successStoryMainCard {
        flex-direction: column-reverse;
    }
    
    .storyImageDiv {
        max-width: none;
    }
    
    .storyLeftDiv {
        max-width: none;
    }
    
    p.timetext {
    text-align: right;
    text-wrap: unset;
}
    
    

    .approachNewLeftDiv {
        max-width: none;
        margin: 0 !important;
    }

    .approachNewMainInner {
        flex-direction: column;
    }

    p.approachNumber {
        display: none;
    }

    p.approachTextHeading.descktopHeading {
        display: none;
    }



    .approachMainDiv {
        
        padding: 60px 40px;
    }
    .approachNewMainInner {
        flex-direction: column !IMPORTANT;
    }

    .approachNewLeftDiv {
        background: none !IMPORTANT;
        padding: 0 !important;
    }

    .sectionStatsGreenMainDiv {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        max-width: 1280px;
        gap: 40px;
    }

    img.teamGalleryImage {
        height: 300px;
        width: auto;
        object-fit: contain;
    }


    .headingDiv.singlePage {
        display: flex;
        align-items: center;
        align-content: flex-start;
    }

    .contactLeftDiv {
        display: flex;
        align-content: center;
        align-items: center;
        text-align: center;
        gap: 20px;
    }
    .studentSuccessMap {
        display: flex;
        justify-content: center;
        align-content: center;
        max-width: none;
        width: 100%;
    }

    .aboutInfoDiv {
        display: flex;
        flex-direction: column-reverse;
    }
    .infoLeftDiv {
        max-width: none;
    }

    .infoRightDiv {
        max-width: none;
    }

    .approachMainInner.storyPage {
        flex-direction: column-reverse;
    }

    .storyImageDiv.singleStoryPage {
        max-width: none;
    }
    
    .approachMainInner.storyPage {
        gap: 30px;
    }

    .reviewMain {
        max-width: 500px;      
    }


    .stickyDivMain {
        position: sticky;
        top: 100px;
        left: 0;
        max-width: 250px;
        width: 100%;
    }

    .mainContainer.contactSection {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        gap: 40px;
    }


    .contactLeftDiv {
        max-width: none;
    }

    .contactDetailsMain {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: flex-start;
        gap: 25px;
        text-align: left;
        width: 100%;
    }


    .approachLeftDiv {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        max-width: 50%;
        width: 100%;
    }


    .approachRightDiv {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        max-width: 250px;
        border-radius: 10px;
        overflow: hidden;
        max-height: 250px;
    }


    .teamMemberCardMain.col-3 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 320px;
    }

    .card {
        margin: 0px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        width: auto !important;
        cursor: pointer;
        max-width: 300px;
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }


    .navbar-collapse {
        margin-top: 10px;
    }


    ul#menu-primary-menu {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 10px;
        text-wrap: nowrap;
    }
   
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 20px;
        padding-left: 20px;
        display: flex;
        justify-content: flex-start;
    }

    .servicesCardMain {
        padding: 0;
        flex: 1 1 40%;
    }

    .servicesMainDiv {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 20px;
    }

    .whyFoundationCard.col-4 {
        width: 50%;
    }

    section.sectionFoundationInNumbers {
        padding: 60px 40px;
    }


    ul#pills-tab { 
        flex-direction: column; 
    }

    .foundationNumberDiv.col-3 {
        width: 100%;
    }

    .foundationInNumberDivMain {
        row-gap: 20px;
    }


      /* aboutsec */
      .about-container {
        flex-direction:column;
        gap: 40px;
        }
        .about-leftside {
          width:100%;
        }

        .about-rightside{
            width:100%;
            height: auto;
            
          }

  
        /* video-sec */
  
        .modal-dialog {
            max-width: 680px;}
  
            .modal-body iframe {
          height: 360px;
          
        }
        /* counter-sec */
  
        .counter-container {
            display: flex;
            gap:40px;
            flex-direction: column-reverse;
        }
        .counter-leftside {
            width: 100%;
            justify-content: space-between;
        }
        .counter-map-right {
            width: 100%;
        }
  
        .title {
            font-size: 30px;}
  
  

            .sectionNumbersDivLeft {
                display: none;
            }
            img.sectionNumbersbgImage {
                display: none;
            }


            section.sectionNumbers {
                background: #F3FBFB;
            }

}





/*---------------- tablet only ---------------- */
@media screen and (max-width: 991px) and (min-width: 601px) {

    .office_card.col-3 {
        width: 45%;
    }


    section.sectionReview {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
        background: #f5f5f5;
        padding: 60px 20px;
    }


    .footerUpperDivMain {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 1280px;
        width: 100%;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        gap: 60px;
        margin-bottom: 50px;
    }

    .footerAssocaitionsDiv {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        max-width: none;
    }

    .associationsDiv {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
    }

    img.associationImg {
        width: 100%;
        max-width: 300px;
    }

    .footerMiddleDivMain {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: space-around;
        align-items: flex-start;
        gap: 60px;
        width: 100%;
    }

    .footerSubscribeDivMain {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 5px;
        max-width: none;
    }
}