.modal {
display: none; position: fixed; z-index: 3001; left: 0;
top: 0;
width: 100vw; height: 100vh; overflow: auto; background-color: rgba(0,0,0,0.6); justify-content: center;
align-items: center;
padding:0!important;
margin:0!important;
}
.modal-content {
background: #fff;
margin: 0!important; padding: 0!important;
border-radius: 8px;
width: 100%;
max-width: 100vw;
height: auto;;
position: relative; }
iframe{
margin:0;
padding:0;
}
.close-button {
color: #aaa;
float: right; font-size: 28px;
font-weight: bold;
cursor: pointer;
position: absolute; top: 10px;
right: 16px;
z-index:10000;
}
.close-button:hover,
.close-button:focus {
color: #333;
text-decoration: none;
cursor: pointer;
} @media (max-width: 768px) { .wpgb-area-top-1 {
display: none!important; }
.modal-content .wpgb-area-top-1 {
display: block!important; }
}
@media (min-width: 769px) { .modal {
display: none !important; }
}