.w3c-modal { z-index: 10; display: none; padding-top:90px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); padding-bottom: 10px; } .w3c-modal-content{ margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: 600px; height: auto; padding-bottom: 10px; } @media (max-width: 600px) { .w3c-modal-content { margin: 0 10px; width: auto !important } .w3c-modal { padding-top: 30px } } @media (max-width: 768px) { .w3c-modal-content { width: 500px } .w3c-modal { padding-top: 50px } } @media (min-width: 993px) { .w3c-modal-content { width: 900px } }