#showimage1 {
  z-index: 9999;
   width:30%;
   height: auto;
   position: absolute;
   top: 11%;
   right: 2%;
   border: 1px solid #ccc;
   box-sizing: border-box;
}

#showimage1 img {
   width: 100%;
}

#showimage2 {
  z-index: 9999;
   width:23%;
   height: auto;
   position: absolute;
   top: 20%;
   left: 2%;
}

#showimage2 img {
   width: 100%;
}

/* #showimage3 {
  z-index: 9999;
   width:25%;
   height: auto;
   position: absolute;
   top: 17%;
   right: 56%;
   border: 1px solid #ccc;
}

#showimage3 img {
   width: 100%;
} */

.check_pop{
  background-color: #fff;
  width: 100%;
  font-size: 14px;
  padding: 5px;
  box-sizing: border-box;
  cursor: pointer;
}

































/* mobile */
@media screen and (max-width: 767px){

    #showimage1,
    #showimage2 {
       width: 80%;
       left: 50%;
       transform: translateX(-50%);
    }

    #showimage2{
      top: 10%;
      z-index: 999999999999;
    }
    /* #showimage2 {
       width: 80%;
       left: 50%;
       transform: translateX(-50%);
    }

    #showimage3 {
       width: 80%;
       left: 50%;
       transform: translateX(-50%);
    } */

    .check_pop{
      background-color: #fff;
      width: 100%;
      font-size: 12px;
      padding: 5px;
      box-sizing: border-box;
      cursor: pointer;
    }

}























/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px){

  #showimage1 {
     width: 70%;
     left: 3%;
  }

  #showimage2 {
     width: 50%;
     left: 3%;
     top: 13%;
  }

  /* #showimage2 {
     width: 30%;
     left: 50%;
     transform: translateX(-50%);
  }

  #showimage3 {
     width: 30%;
     right: 3%;
  } */

  .check_pop{
    background-color: #fff;
    width: 100%;
    font-size: 12px;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
  }

}