x; top: -31px; } } @media(max-width: 768px) { .modal { top: 20px; } .modal-dialog { width: 95%; .modal-content .modal-body { padding-top: 40px; flex-direction: column; .modal-lt { width: 100%; .gift-list { grid-template-columns: 1fr; .gift { width: 100%; } } } .modal-rt { padding: 20px 0; width: 100%; } } } } }