/* The Modal (background) */ .modal { display: block; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; overflow: auto; /* Enable scroll if needed */ } /* Modal Content */ .modal-Anodaz { background-color: transparent; margin: auto; padding: 20px; width: 300px; height: 250px; position: fixed; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index: 999; } @media (min-width: 768px){ .modal-content{ margin-top: 100px; } } /* The Close Button */ .close { color: #fff; float: right; font-size: 25px; padding-top: 2px; padding-left: 10px; padding-right: 10px; padding-bottom: 2px; border-radius: 25%; width: 14px; background-color: red; font-weight: bold; position: fixed; transform: translate(50%,-50%); top: 50%; left: -50%; }