.mycred-dlr-popup {
width: 80%;
margin: 0 auto;
position: absolute;
left: 10%;
top: 6%;
background-color: #fff;
text-align: center;
padding: 10px;
z-index: 9999;
}
.mycred-dlr-popup .row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 15px 0;
}
.item {
padding: 14px 20px;
}
#mycred-dlr-close-popup {
position: absolute;
top: 10px;
right: 20px;
font-size: 30px;
}
.mycred-dlr-shortcode .row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 15px 0;
}
.mycred-dlr-shortcode {
margin: 0 auto;
max-width: 100% !important;
background-color: #fff;
text-align: center;
padding: 10px;
}
@media only screen and (max-width: 900px) {
.mycred-dlr-popup, .mycred-dlr-shortcode {
width: 96%;
left: 2%;
top: 2%;
}
#mycred-dlr-close-popup {
right: 10px;
top:19px;
font-size: 24px;
}
}
@media only screen and (max-width: 825px) {
.mycred-dlr-popup .row {
display: block;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 15px 0;
}
#mycred-dlr-close-popup {
right: 10px;
top:32px;
font-size: 24px;
}
}
@media only screen and (max-width: 704px) {
.mycred-dlr-popup, .mycred-dlr-shortcode {
width: 100%;
left: 2%;
top: 2%;
}
.mycred-dlr-popup .row {
display: block;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 15px 0;
}
.item {
width: 100%; 
}
#mycred-dlr-close-popup {
right: 10px;
font-size: 24px;
}
}
@media only screen and (max-width: 414px) {
.mycred-dlr-popup, .mycred-dlr-shortcode {
width: 95%;
left: 2.5%;
top: 2%;
}
.mycred-dlr-popup .row {
display: block;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 15px 0;
}
#mycred-dlr-close-popup {
right: 5px;
font-size: 20px;
}
}
@media only screen and (max-width: 280px) {
.mycred-dlr-popup, .mycred-dlr-shortcode {
width: 100%;
left: 0;
top: 0;
}
.mycred-dlr-popup .row {
display: block;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 15px 0;
}
#mycred-dlr-close-popup {
right: 2px;
font-size: 16px;
top:43px;
}
}