#popup-dialog-window { position: absolute; width: 80%; padding: 15px; background: #ffffff; margin: 0 auto; border: 5px solid #3a3a3a; z-index: 1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media all and (min-width: 460px) { #popup-dialog-window { width: auto; } } /*@media all and (min-width: 768px) {*/ /*#popup-dialog-window {*/ /*width: 30%;*/ /*}*/ /*}*/ #popup-header { display: inline-block; width: 100%; border-bottom: 1px solid #d4d4d4; } #popup-dialog-title { float: left; } #close-dialog { float: right; text-indent: -9999px; background: url("close.png") no-repeat; width: 12px; background-size: 100%; cursor: pointer; } #popup-dialog-background { background: rgba(0, 0, 0, 0.30); position: fixed; width: 100%; height: 100%; top: 0; }