/* laptop device */
@media screen and (max-width:1200px){
    .banner-content h1{
           font-size:48px;
           

     }
     /* .service-card{
        padding: 80px 20px;
     } */
    
}

/* tablet device */
@media screen and (max-width:1024px){
    #banner{
        flex-direction: column-reverse;
        }
     .banner-content{
      width:100%;

     }
     .banner-image{
      width: 100% ;

 }

 #service-card-container{
   flex-direction: column;
 }

 .service-card{
   max-width: 100%;
   margin: 0 20px;
 }

 
 #story-card{
   flex-direction: column;
    margin:30px 30px;
    padding: 20px;
}
 .story-image{
   width: 100%;
 }
    
 .story-content h2{
   font-size: 30px;
 }
  .story-content p{
   font-size: 20px; 
 }
 .review {
   margin:  20px 30px;
 }

}

/* mobile device up to425px*/
@media screen and (max-width:640px){

     .banner-content h1{
           font-size:30px;
      }

      .heading-content h2{
         font-size: 30px;
      }

      .review p{
        font-size: 15px;

      }
      .review h2{
        font-size: 24px;
                                                                                                                                                              
      }
    
    }