/* Responsive For Mobile Device */
@media screen and (max-width:576px){
    .navbar{
        display: none;
    }
    .mobile-menu{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid orange;
        padding: 15px;
   }
   .mobile-menu i{
       font-size: 1.8rem;
   }
   .banner{
    flex-direction: column-reverse;
    justify-items: center;
    align-items: center;
    text-align: center;
    margin: 0 10px;
   }
   .class-container{
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
   }
   .next-slid{
    display: none;
   }
   .classes-title{
       font-size: 1.6rem;
      margin-bottom: -10px;
   }
   .stories1{
    display: none;
   }
   .stories,.our-stories{
    grid-template-columns: repeat(1,1fr);
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
   }
   .second-story-btn{
        position:absolute;
        top:40%;
        left: 17px;
        padding: 9px 17px;
        font-size: 0.6rem;
    }
    .footer-content{
        grid-template-columns: repeat(1,1fr);
        gap: 30px;
        margin: 0  15px;
        justify-content: flex-start;
    }
    .item2{
    margin-left: 0px;
    }

}