@media (max-width: 369px) {
    body {
        padding-top: 173px;
        padding-bottom: 0px;
    }
}
.modal-contentimg {
    border-radius: 0px;
    margin: auto;
    display: block;
    max-width: 690px;
    max-height: 600px;
    margin-top: 40px;
    margin-bottom: 20px;
    background-color: white;
}
.modal-contentimgb {
    border-radius: 0px;
    margin: auto;
    display: block;
    max-width: 450px;
    margin-top: 40px;
    margin-bottom: 20px;
    background-color: white;
}
@media only screen and (max-width: 500px) {
.modal-contentimgb {
    max-width: 400px;
}
}
@media only screen and (max-width: 450px) {
.modal-contentimgb {
    max-width: 350px;
}
}
@media only screen and (max-width: 400px) {
.modal-contentimgb {
    max-width: 300px;
}
}

@media only screen and (max-width: 350px) {
.modal-contentimgb {
    max-width: 250px;
}
}

@media only screen and (max-width: 300px) {
.modal-contentimgb {
    max-width: 200px;
}
}