iframe {
  width: 950px;
  height: 500px;
  margin-left: 320px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.body1 {
  background-color: #fafafa;
}

@media only screen and (max-width: 767px) {
  /* Styles for mobile devices */
  iframe {
    width: 100%;
    height: 300px;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  /* Update other styles as needed for mobile devices */
 
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Styles for tablets */
  iframe {
    width: 700px;
    height: 400px;
    margin-left: 200px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
  /* Update other styles as needed for tablets */
  .body1 {
    /* Example: Change background color */
    background-color: #dcdcdc;
  }
}