.project-banner{height:580px;overflow:hidden;position:relative;border-bottom:5px solid #bd1550}.project-banner .container{height:100%;position:relative}.project-banner .laptop{position:absolute;left:50%;transform:translate(-50%)}.project-banner .laptop-block{position:relative;width:1180px}.project-banner .laptop-screen{position:absolute;top:10.5%;left:50%;transform:translate(-50%);width:69.8%}.project-banner .tablet{position:absolute;top:150px;left:30px}.project-banner .tablet-block{position:relative;width:479px}.project-banner .tablet-screen{position:absolute;top:14.3%;left:50%;transform:translate(-50%);width:81.5%}.project-banner .smartphone{position:absolute;top:248px;left:343px}.project-banner .smartphone-block{position:relative;width:256px}.project-banner .smartphone-frame{position:relative;left:-2px}.project-banner .smartphone-screen{position:absolute;top:95px;left:50%;transform:translate(-50%);width:200px}.force-display{display:block !important}.project-banner .laptop.force-display{left:0;transform:none;bottom:-9%;top:initial}.project-banner .laptop.force-display .laptop-block{width:100%}@media screen and (max-width:980px){.project-banner .laptop.force-display .laptop-block{width:150%;left:50%;transform:translate(-50%)}}@media screen and (max-width:665px){.project-banner .tablet{left:0}}@media screen and (max-width:1238px){.md-hidden{display:none}.project-banner .tablet{top:0;left:5%}.project-banner .smartphone{top:140px;left:45%}.project-banner .laptop{top:0}}@media screen and (max-width:611px){.project-banner{height:450px}.sm-hidden{display:none}.project-banner .tablet{left:0}.project-banner .tablet-block{width:100%}}@media screen and (max-width:450px){.project-banner{height:350px}}.laptop-screen,.laptop-frame,.tablet-screen,.tablet-frame,.smartphone-screen,.smartphone-frame{position:relative}.laptop-screen{z-index:1;left:.1%}.laptop-frame{z-index:2}.tablet-screen{z-index:3}.tablet-frame{z-index:4}.smartphone-screen{z-index:5}.smartphone-frame{z-index:6}