@media only screen and (max-width: 768px){
  .events_img{
    width: 98%;
  }

  .service_section_row .card{
    height: 320px;
  }

  .before_img{
    padding-top:20px;
  }
  .before_img img{
    width:98%;
  }

  .bottom_slider_img{
    width: 98%;
  }
  .copyright_area{
    padding-top: 50px;
    color: #ffffff;
  }

  video{
    width:100%;
    height: auto;
  }

  .g_map{
    width: 98%;
    padding: 20px;
  }

  /* About-us page css*/
  .about_us_img{
    width: 98%;
  }



}