/*===================================*/
  /*--------------------*/
  @media only screen and (max-width: 1900px) {
    .img {
      width: 95%;
    }
    iframe {
      width: 280px;
      height: 300px;
      resize: both;
      overflow: auto;
    }

  }
  @media only screen and (max-width: 1200px) {
    img {
      width: 90%;
    }
    iframe {
      width: 230px;
      height: 300px;
      resize: both;
      overflow: auto;
    }

  }

  @media only screen and (max-width: 1000px) {
    img {
      width: 80%;
    }
    iframe {
      width: 200px;
      height: 240px;
      resize: both;
      overflow: auto;
    }
  }

  @media only screen and (max-width: 800px) {
    img {
      width: 60%;
    }
    iframe {
      width: 150px;
      height: 240px;
      resize: both;
      overflow: auto;
    }
  }
  @media only screen and (max-width: 600px) {
    img {
      width: 40%;
    }
    iframe {
      width: 100px;
      height: 250px;
      resize: both;
      overflow: auto;
    }
  }
  @media only screen and (max-width: 340px) {
    img {
      width: 20%;
    }
    iframe {
      width: 50px;
      height: 70px;
      resize: both;
      overflow: auto;
    }
  }

