@media screen and (max-width: 768px) {
    .container:before {
       left: 8px;
       width: 2px;
    }
    .timeline-block {
       width: 100%;
       margin-bottom: 30px;
    }
    .timeline-block-right {
       float: none;
    }

    .timeline-block-left {
       float: none;
       direction: ltr;
    }
    .card {
        width: calc(50% - 20px); /* 2 cards per row on tablets */
    }
    .card:hover {
        transform: translateY(-10px);
    }
    .branch-card {
        width: calc(50% - 20px); /* 2 cards per row on tablets */
    }
    .common-heading {
        font-size: 24px; /* Adjust font size for tablets */
    }
 }

@media screen and (max-width:767px) and (min-width:320px) {
    .header-bg .navbar-brand{
        width: 150px;
    }
    .custom-carousel {
        margin-top: 65px;
    }
    .about-section {
        flex-direction: column-reverse;
    }
    .about-left-section{
        width: 100%;
        height: 400px;
    }
    .about-right-section{
        width: 100%;
    }
    .navbar-expand-lg .navbar-collapse, .header-bg nav{
        height: auto;
    }
    .header-bg nav{
        background: #fff;
    }
    .header-bg .navbar-nav li a{
        color: #343434;
    }
    .navbar-expand-lg .navbar-nav{
        align-items: flex-start;
    }
    .navbar-nav li{
        width: 100%;
    }
    .header-bg .navbar-nav li a.active .menu-active-img{
        left: unset;
    transform: unset;
    right: 0;
    }
    .homepage-galley-individual img{
        position: unset;
    }
    .homepage-galley-individual{
        width: 150px;
        height: 150px;
        margin-top: 30px;
    }
    .homepage-galley-images{
        flex-direction: column;
    align-items: center;
    }
    .teacherinformation-container:before{
        display: none;
    }
    .gallery-area .nav{
        justify-content: flex-start;
    }
    .gallery-images{
        margin:15px 0;
    }
    .login-form{
    width: 100%;
    }
.carousel-inner{
height:auto;
}
.teacherinformation-container .timeline-content{
flex-direction:column;
}
.teacher-info-img{
margin-right:0;
}
.teacher-info-img img {
display:block;
margin: 0 auto;
}
.timeline-content h3{
    word-wrap: break-word;
}
.card {
    width: 100%; /* 1 card per row on mobile */
}
.card:hover {
    transform: translateY(-10px);
}
.branch-card {
    width: 100%; /* 1 card per row on mobile */
}

.branch-container {
    padding: 20px; /* Adjust padding for smaller screens */
}
.common-heading {
    font-size: 20px; /* Adjust font size for mobile */
    padding-bottom: 15px; /* Reduce padding */
    margin-bottom: 15px; /* Reduce margin */
}
}