#layerPop { display: none; background:#fff; position: fixed; z-index: 999999 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.2); } .layer-body { padding: 0; } .layer-body img { display: block; width: 100%; height: auto; border-top-left-radius: 12px; border-top-right-radius: 12px; cursor:pointer; } @media (min-width: 769px) { #layerPop { top: 25px; right: 25px; left: auto; width: auto; border-radius: 12px; } } @media (max-width: 768px) { #layerPop { top:0px; left: 0; right: 0; width: auto; margin: 15px; border-radius: 12px; box-sizing: border-box; } } .layer-footer { padding: 10px 15px; border-top: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }