@media all and (min-width: 350px) {

    /* ----------- LandingSection ----------- */
    .headerNav img{
height: 50px;
}
.upperHeadSmall .smallBrandImage img{
height: 50px;
margin-top: 15px;
}
.closebtnCurtain {
font-size: 28px;
cursor: pointer;
position: absolute;
top: 10px;
right: 35px;
color: var(--themeColor);
}
 
    #LandingSection .carousel-container {
        border-radius: 0px;
    }

    #LandingSection .container-fluid {
        padding: 17% 0% 0% 0%;

    }

    #LandingSection .contentLandComp {
        padding: 65px 25px 70px 25px;
        text-align: center;
    }

    #LandingSection .carousel-images {
        height: 100%;
    }

    #LandingSection .contentLandComp h2 {
        font-size: 1.7em;
        line-height: 35px;
        padding-bottom: 0px;
        letter-spacing: 1px;
    }

    #LandingSection .contentLandComp .text-slider {
        font-size: 1.3em;
        margin: 0px 0px 0px 0px;
    }

    #LandingSection .contentLandComp h5 {
        padding-top: 5%;
    }

    #LandingSection .controls {
        visibility: hidden;
    }

    /* ----------- LandingSection ends -----------  */

    /* ----------- inSliderText starts ----------- */
    #inSliderText .container-fluid {
        padding: 1.2% 5% 2.5% 5%;
    }

    .typeContainer {
        height: 60px;
    }

    .typing-container {
        font-size: 2.1rem;
        color: var(--themeColor);
        display: inline-block;
        position: relative;
        white-space: nowrap;
    }

    .aboutBIMContainer .well {
        padding: 25px;
        border-radius: 10px;
        background-color: white;
        box-shadow: var(--box-shadow40);
        height: 100%;
        border: none;
        transition: 0.3s ease-in;
    }

    .whatsImageComp {
        height: 60px;
        padding: 15px;
        aspect-ratio: 1;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: -15px;
        background-color: var(--themeColor);
        transition: 0.3s ease-in;
        border: 2px solid var(--themeColor);
    }

    .whatSetsComp {
        padding: 5px 0px 30px 0px;
    }

    .bridge-section .sliderLogo {
        display: flex;
        animation: slide 7s linear infinite;

    }

    .bridge-section {
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    #inSliderText .textSlider .well {
        margin-top: 5px;
    }

    #inSliderText .textSlider h2 {
        font-size: 1.5em;
        padding-bottom: 10px;
        line-height: 35px;
    }

    /* ----------- inSliderText ends ----------- */

    /* ------------- inCourseComp STARTS ----------------*/
    #inCourseComp .container-fluid {
        padding: 4% 5% 2% 5%;
    }

    .courseTypesLanding .well {
        padding: 0px;
    }

    .courseDetailsLanding {
        padding-top: 0px;
    }

    .courseTitleLanding h3 {
        height: 80px;
        font-size: 1.4em;
        padding: 10px 10px 0px 10px;
        text-align: center;
    }

    .courseDetailsLanding h4 {
        font-size: 1em;
    }

    .courseDetailsLanding h5 {
        font-size: 1.2em;
    }

    /* ------------- inCourseComp ENDS ----------------*/

    /* ------------- inPerformCount STARTS ----------------*/
    #inPerformCount .container-fluid {
        padding: 10% 5% 5% 5%;
    }

    #inPerformCount .counterComp {
        padding: 25px 15px;
    }

    /* ------------- inPerformCount ENDS ----------------*/

    /* -------------- inTextSlider STARTS -------------- */
    .sliderTextTrack {
        display: flex;
        white-space: nowrap;
        animation: scrollText 5s linear infinite;
    }

    /* -------------- inTextSlider ENDS -------------- */

    /* -------------- inMentors STARTS -------------- */
    #inMentors .container-fluid {
        padding: 10% 5% 7% 5%;
    }

    #inMentors .sectionHeader {
        padding: 0% 0%;
    }

    .countryComp {
        height: 300px;
    }

    .countryBIMText h4 {
        font-size: 1.8em;
        font-weight: bold;
    }

    .countryText .INDIA {
        top: 7%;
        left: 5%;
    }

    .countryText .CANADA {
        top: 0%;
        left: 35%;
    }


    .countryText .GERMANY {
        top: 30%;
        right: 10%;
    }


    .countryText .USA {
        top: 30%;
        left: 5%;
    }

    .countryText .SINGAPORE {
        top: 75%;
        left: 5%;
    }


    .countryText .UNITEDKINGDOM {
        top: 85%;
        left: 47%;
    }

    .countryText .DUBAI {
        top: 5%;
        right: 5%;
    }


    .countryText .SWITZERLAND {
        top: 60%;
        right: 15%;
    }

    /* -------------- inMentors ENDS -------------- */

    /* -------------- inCardSlider STARTS -------------- */
    #inCardSlider .container-fluid {
        padding: 10% 5% 5% 5%;
        background-color: var(--bgColor);
    }

    #inCardSlider .cardImageComp .well {
        box-shadow: var(--box-shadow40);
        background-color: white;
        padding: 10px;
        border-radius: 10px;
    }

    .cardImageComp .well img {
        border-radius: 5px;
    }

    .cardImageComp .well h4 {
        line-height: 25px;
    }

    /* -------------- inCardSlider ENDS -------------- */

    /* -------------- inProPeers ENDS -------------- */
    #inProPeers .container-fluid {
        padding: 5% 5%;
        height: 100%;
    }

    .practicalExposure .wellComp {
        margin-bottom: 25px;
    }

    #inProPeers .well {
        height: 100%;
    }

    /* -------------- inProPeers ENDS -------------- */


    /* ------------- inTestimonials STARTS ----------------*/
    #inTestimonials .container-fluid {
        padding: 10% 5% 5% 5%;
    }

    #inTestimonials .swiper-slide {

        padding: 0% 0% 2% 0%;
    }

    /* ------------- inTestimonials ENDS ----------------*/

    /* ------------- inBookAppointment STARTS ----------------*/
    #inBookAppointment .container-fluid {
        padding: 2% 5% 2% 5%;
    }

    /* ------------- inBookAppointment ENDS  ----------------*/

    /* ------------- inLatestResearch STARTS ----------------*/
    #inLatestResearch .container-fluid {
        padding: 10% 5% 8% 5%;
    }


    /* ------------- inLatestResearch ENDS ----------------*/


    /*FOOTER SECTION STARTS*/
    .newsLetterComp .container-fluid {
        padding: 0% 4% 0% 4%;
        background-color: white;
    }

    .newsLetterComp .well {
        padding: 15px 20px 15px 20px;
    }

    .newsLetterInput .buttonSubsribe {
        padding: 12px 20px;
        position: absolute;
        right: 20px;
        font-size: 1em;
        top: 40px;
        border-radius: 50px;
    }

    .footerFooterComp .container-fluid {
        padding: 5% 6% 0% 6%;
        margin: 0px;
    }

    .footerFooterComp img {
        height: 60px;
    }

    .footerHead h4 {
        padding-left: 0px;
        padding-top: 25px;
        padding-bottom: 5px;
    }

    .footerHead h5 {
        padding-left: 0px;
        line-height: 20px;
    }

    .copyrightComp {
        padding-bottom: 15px;
    }

    .copyrightComp h4 {
        padding: 5px 0px 0px 0px;
        font-size: 1em;
    }

    .copyrightComp h5 {
        padding: 0px 0px 0px 0px;
    }

    .copyrightComp h6 {
        padding: 5px 0px 0px 0px;
        text-align: left;
    }

    #sideBtnComp {
        top: 86%;
        height: 40px;
    }

    #sideBtnComp.show {
        right: 5px;
        /* slide in */
    }

    .whatsappChat {
        top: 93%;
        left: 86%;
        width: 40px;
        overflow: hidden;
        z-index: 5555;
    }

    /*FOOTER SECTION ENDS*/

    /*ABOUT US STARTS*/
    .sectionAboutHead .container-fluid {
        padding: 15% 2% 0% 2%;
    }

    .sectionAboutHead .well h1 {
        font-size: 2em;
        line-height: 40px;
    }

    .sectionAboutHead .well h3 {
        font-size: 1.5em;
        line-height: 30px;
    }

    .sectionAboutHead .well h5 {
        font-size: 1.5em;
        line-height: 30px;
    }

    .boxComp {
        background-image: var(--bgImage);
        border-radius: 15px;
        position: relative;
        padding: 10px 25px;
        margin-bottom: 10px;
    }

    .sectionAboutBody .container-fluid {
        padding: 2% 5% 2% 5%;
    }

    .sectionAboutBody .brandLogo h3 {
        font-size: 2.2em;
    }

    .founderDesk {
        padding: 0% 5%;
        background-color: var(--bgColor);
    }

    .founderDesk img {
        height: 100%;
        width: 100%;
        border-radius: 15px;
        margin-top: 25px;
    }

    .ourMissonVision {
        padding: 10% 5% 10% 5%;
        height: 100%;
        background-color: var(--bgColor);
    }

    .ourMissonVision .missionComp {
        margin-top: 25px;
    }

    .preimiumSerComp {
        padding-bottom: 5%;
    }

    .preimiumSerComp .founderDeskHeading {
        padding: 0% 5% 1% 5%;
    }

    .howitbegin .container-fluid {
        padding: 2% 5% 4% 5%;
        background-color: var(--themeColor);
    }

    .howitbegin h2 {
        font-size: 2em;
        line-height: 30px;
    }

    .howitbegin .well {
        margin-top: 5%;
    }

    .learnBuild {
        padding: 5% 5% 2% 5%;
    }

    .learnBuild .text-slider {
        font-size: 0.6em;
        padding: 0px;
    }

    .learnBuild h4 {
        font-size: 2.5em;
        margin: 0px 0px 25px 0px;
        line-height: 40px;
    }

    .learnBuild .well {
        padding: 15px 0px;
    }

    .learnBuilComp {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .learnBuilComp .learnComp {
        padding: 15px 40px;
        border-radius: 10px;
        margin-right: 10px;
        box-shadow: none;
        margin-bottom: 30px;
    }

    .callUsDoubt {
        background-color: var(--themeColor);
        padding: 5% 5% 3% 5%;
        margin-top: 35%;
        margin-bottom: 3%;
    }

    .callUsDoubt .well h2 {
        font-weight: bold;
        font-size: 2.2em;
    }

    .callUsDoubt .well .BtnServices {

        width: 70%;
    }

    .callUsDoubt .well {
        background-color: white;
        border-radius: 15px;
        margin-top: -35%;
        padding: 3% 5%;
    }

    /*ABOUT US ENDS*/

.hidden_section{ 
              height: 70px;
              }

    /*CONTACT US STARTS*/
    .commonSection .container-fluid {
        padding: 22% 5% 2% 5%;
    }

    .paggignationHeader .container-fluid {
        padding: 0% 5% 2% 5%;
    }
.paggignationHeader h3{
    padding-left: 15px;
}
    .addressCompText h3 {
        margin-left: 0px;
    }

    .addressCompText h4 {
        margin-left: 0px;
        line-height: 25px
    }

    .contactComp .well img {
        height: 40px;
        margin-top: 20px;
        margin-left: 0px;
    }

    .contactComp .well {
        padding: 15px;
    }

    .contactUsForm {
        padding-top: 25px;
    }

    .loginCardStud .well {
        padding: 0px 15px 10px 15px;
    }

    #passwordPopup {
        margin-right: 80px;
        position: relative;
    }

    .popup {
        background: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
        padding: 15px;
        width: 270px;
        margin: 10px 20px;
        border-radius: 5px;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transform: translateY(-10px);
        transition: all 0.4s ease;
    }

    #ForgotPassword .modal-content {
        margin-top: 25%;
    }

    /*CONTACT US ENDS*/

    /*COURSE VIEW STARTS*/
    .wrapperCourseHeader .container-fluid {
        padding: 20% 0% 0% 0%;
    }

    .wrapperCourseHeader {
        padding: 2% 5% 15% 5%;
    }

    .sectionCourseHeader h1 {
        font-size: 2.2em;
        font-weight: bold;
        line-height: 40px;
    }

    .sectionCourseHeader h3 {
        font-size: 1.3em;
        padding: 0% 0%;
        color: white;
        line-height: 30px;
    }

    .sectionCourseHeader .BtnServices {
        padding: 12px 5px;
        margin: 25px 0px 0px 0px;
    }

    .sectionCourseHeader .BtnBookAppoint {
        padding: 12px 5px;
        margin: 25px 0px 0px 0px;
    }

    .sectionCourseHeader h5 {
        color: white;
        line-height: 25px;
        padding-top: 15px;
    }

    .sectionCourseHeader h4 {
        font-weight: bold;
        color: white;
        letter-spacing: 1px;
        font-size: 1.2em;
    }

    .whyUsComp {
        padding: 0% 0% 2% 0%;
        margin-top: -6%;
    }

    .whyUsWrapper .well h4 {
        height: 100%;
    }

    .whyUsWrapper {
        padding: 15px 15px 5px 15px;
    }

    #Overview .container-fluid {
        padding: 5% 5% 10% 5%;
    }

    .courseHighlightHeading h2 {
        font-size: 2em;
        line-height: 35px;
    }

    .courseHighlights span {

        margin-top: 0px;
        padding: 0px 15px 0px 0px;
        position: relative;
    }

    .courseHighlights .well {
        margin-top: 15px;
    }

    .coursePraiseComp {
        padding: 0% 5% 2% 5%;
        margin-top: 0%;
    }

    .courseGrowth h1 {
        font-size: 2em;
        line-height: 35px;
    }

    .countingComp {
        flex-wrap: wrap;
    }

    .countingComp h4 {
        padding: 15px 15px;
    }

    .whyToLearn h2 {
        font-size: 2em;
        line-height: 35px;
    }

    .aboutFeatures {
        padding: 4% 0% 8% 0%;
    }

    .boxComp {
        background-image: var(--bgImage);
        border-radius: 15px;
        position: relative;
        padding: 10px 25px;
    }

    .aboutFeatures img {
        height: 100%;
    }

    #Mentors .MentorsHeading {
        padding: 0% 5%;
    }

    #Mentors .MentorsHeading h2 {
        font-size: 2em;
        line-height: 35px;
    }

    #Mentors .whyWeAreBetter {
        padding: 5% 0% 2% 0%;
        background: var(--bgColor);
    }

    #Mentors .WhyWeHeading h2 {
        font-size: 2em;
        line-height: 35px;
    }

    .enrollmentProcessComp .container-fluid {
        padding: 5% 5% 5% 5%;
    }

    #EnrolmentProcess .EnrollmentHeading h2 {
        font-size: 2em;
        line-height: 35px;
    }

    #EnrolmentProcess .EnrollmentHeading h4 {
        padding-bottom: 25px;
    }

    #EnrolmentProcess .enrollProcess {
        display: flex;
        justify-content: space-between;
        padding: 2%;
        margin-top: 0%;
    }

    #EnrolmentProcess .coursePricingComp {
        padding-top: 0%;
    }

    .communityHeading h2 {
        font-size: 2em;
        line-height: 35px;
    }

    #CarrersService .container-fluid {
        background: var(--bgColor);
        padding: 2% 5%;
    }

    .CarrersServiceProcessComp {
        padding: 3% 0%;
    }

    .communityProcessComp {
        padding: 0% 5%;
    }

    #faq .container-fluid {
        padding: 0%;
    }

    .startApplication {
        padding: 10% 10%;
        margin-top: 0px;
    }

    .startApplication .BtnServices {
        margin-top: 25px;
        width: 100%;
    }

    .faqComp {
        padding: 2% 5%;
    }

    .faqHeading h2 {
        font-size: 2em;
        line-height: 35px;
    }

    .FaqApp .panel-heading {
        padding: 20px 10px;
        background-color: var(--bgColor);
        border-radius: 10px;
    }

    .FaqApp h5 {
        text-align: center;
        font-size: 1em;
        line-height: 25px;
    }

    #Curriculum .container-fluid {
        padding: 5% 5% 5% 5%;
    }

    .CurriculumHeading h2 {
        font-size: 2em;
        line-height: 35px;
    }

    .image-gallery img {
        height: 65px;
        object-fit: cover;
    }

    .whyToLearn h3 {
        color: var(--themeColor);
    }

    .whyToLearn h5 {
        color: var(--themeColor);
    }

    .whyToLearn a {
        color: var(--themeColor);
    }

    /*COURSE VIEW ENDS*/


    /*POLICIES PAGES STARTS*/
    .sectionPrivacy .SectionHeadComp h3 {
        font-size: 2em;
        line-height: 35px;
    }


    /*POLICIES PAGES ENDS*/

    /*STUDENT DASHBOARD STARTS*/
    .main-content {
        flex: 2;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        transition: margin-left 0.3s ease;
    }

    .sidebarColl.collapsedSidebar~.main-content {
        margin-left: 15px;
    }

    .founderImage {
        height: 90px;
        aspect-ratio: 1;
        border-radius: 50%;
        overflow: hidden;
        margin-left: 0px;
    }

    .courseWell {
        border: 1px solid rgba(0, 46, 105, 0.3);
        border-radius: 10px;
        padding: 10px 10px 0px 10px;
        background-color: white;
    }

    /*STUDNET DASHBOARD ENDS*/
.featNews .well{
    height: 440px;
}
 .cardAppoint {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
      }
      .cardAppoint.show {
      opacity: 1;
      transform: translateY(0);
      }
            .cardBlogs {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
      }
      .cardBlogs.show {
      opacity: 1;
      transform: translateY(0);
      }
      		 .cardTesti {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
      }
      .cardTesti.show {
      opacity: 1;
      transform: translateY(0);
      }
}