#popup1 {width: 100%;height: 100%;left: 0;top: 0;text-align: center;z-index: 9990;position: fixed;background-color: rgba(0, 0, 0, 0.7);display: flex;justify-content: center;align-items: center;}#popupimg1 {width: 35%;height: auto;display: block;position: relative;padding: 2em;border-radius: 5px;}#closebtn {width: 28px;height: 28px;position: absolute;top: 2%;right: 4%;z-index: 500;display: block;border: 0 }@media (max-width:320px) {#popupimg1 {width: 90%;height: 80%;display: block;position: relative;padding: 2em;border-radius: 5px;overflow-x: hidden;overflow-y: scroll;}#popupimg1 img {max-width: 100%;height: auto }#closebtn {width: 28px;height: 28px;position: fixed;top: 13%;right: 9%;z-index: 500;display: block;border: 0 }}@media (min-width:321px) and (max-width:480px) {#popupimg1 {width: 90%;height: 80%;display: block;position: relative;padding: 2em;border-radius: 5px;overflow-x: hidden;overflow-y: scroll;}#popupimg1 img {max-width: 100%;height: auto }#closebtn {width: 28px;height: 28px;position: fixed;top: 13%;right: 9%;z-index: 500;display: block;border: 0 }}@media (min-width:481px) and (max-width:580px) {#popupimg1 {width: 90%;height: 80%;display: block;position: relative;padding: 2em;border-radius: 5px;overflow-x: hidden;overflow-y: scroll;}#popupimg1 img {max-width: 100%;height: auto }#closebtn {width: 28px;height: 28px;position: fixed;top: 13%;right: 9%;z-index: 500;display: block;border: 0 }}@media (min-width:581px) and (max-width:736px) {#popupimg1 {width: 90%;height: 80%;display: block;position: relative;padding: 2em;border-radius: 5px;overflow-x: hidden;overflow-y: scroll;}#popupimg1 img {max-width: 100%;height: auto }#closebtn {width: 28px;height: 28px;position: fixed;top: 13%;right: 9%;z-index: 500;display: block;border: 0 }}