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

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

  }

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

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

 @media only screen and (max-width: 415px) {
    .img_new {
      width: 35%;
    }
    iframe {
      width: 75px;
      height: 150px;
      resize: both;
      overflow: auto;
    }
  }


  @media only screen and (max-width: 361px) {
   .img_new {
      width: 30%;
    }
    iframe {
      width: 65px;
      height: 60px;
      resize: both;
      overflow: auto;
    }
  }

  @media only screen and (max-width: 320px) {
   .img_new {
      width: 20%;
    }
    iframe {
      width: 55px;
      height: 60px;
      resize: both;
      overflow: auto;
    }
  }