.mockup-block{display:flex;justify-content:space-between;.mockup{width:20%;.mockup-top-block{cursor:pointer;&:hover .mockup-image{filter:hue-rotate(-40deg)}.mockup-image{width:20%;height:auto;margin:12px auto;display:flex;transition:.5s}.mockup-title{font-size:20px;font-weight:700;text-align:center}.mockup-button{margin:auto;display:flex;font-size:14px;font-weight:400}}.mockup-text-block{margin-top:24px;border-left:4px solid #eee;padding:8px;.mockup-text{font-size:14px}}}}@media screen and (max-width:960px){.mockup-block .mockup .mockup-text-block{padding:8px 4px;.mockup-text{font-size:13px}}}@media screen and (max-width:730px){.mockup-block{flex-wrap:wrap;.mockup{width:100%;margin-bottom:10px;.mockup-text-block .mockup-text,.mockup-top-block .mockup-button{font-size:16px}}}}