.laptop{position:relative;width:560px}.laptop-screen{width:100%;height:330px;background:#fff;border:6px solid #1c1c1c;border-radius:14px 14px 4px 4px;position:relative;overflow:hidden}.laptop-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:14px;background:#111;border-radius:0 0 10px 10px}.laptop-base{width:650px;height:18px;background:linear-gradient(to bottom,#e5e5e5,#bdbdbd);margin-left:-45px;border-radius:0 0 18px 18px;position:relative;box-shadow:0 5px 12px rgba(0,0,0,.15)}.laptop-base::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:8px;background:#cfcfcf;border-radius:0 0 10px 10px}.phone{width:120px;height:250px;background:#fff;border:5px solid #1c1c1c;border-radius:24px;position:relative;overflow:hidden}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:48px;height:12px;background:#111;border-radius:0 0 10px 10px}@media (max-width:768px){.laptop{width:100%;max-width:420px}.laptop-screen{height:250px}.laptop-base{width:115%;margin-left:-7.5%}.phone{width:90px;height:190px}}