@media screen and (min-width:575px){

  /* index page */
    .featured-card {
        grid-template-columns: repeat(3, 1fr);
    }


  .mob_video_container video {
  height: 350px;
}




  /* profile page */
  .profile_cat {
    padding: 20px 0;
  }
  .tab-content{
    padding: 20px 35px;
  }
  .per-det{
    padding:20px 35px;
  }
  .profile-menu-item{
    padding:20px 35px;
  }

  .all_images{
  grid-template-columns: repeat(3, 1fr); /* 3 equal-width columns */

  }
}

@media screen and (min-width:425px){
  .all_images img {
  width: 180px;     /* makes images fill their grid cell */
  height: 180px;  
}
}