.screen-listing-main{display:flex;flex-wrap:wrap;margin:0 -10px}.screen-listing-items{margin:10px;width:calc(33.33% - 20px)}.screen-label{font-size:14px}.screen-descri{font-size:16px;font-weight:300;margin-top:5px;text-align:center}.img-popup{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:111111}.img-popup img{max-width:1100px;opacity:0;transform:translateY(-100px);-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);width:95%}.close-btn{cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:center;position:absolute;right:20px;top:20px;width:35px}.close-btn .bar{background:#fff;height:4px}.close-btn .bar:first-child{transform:rotate(45deg)}.close-btn .bar:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.popupshow{display:flex}.img-popup img{display:none}img.opened{animation:animatepopup 1s ease-in-out .8s;-webkit-animation:animatepopup .3s ease-in-out forwards;display:block}.screen-img img{cursor:pointer}@keyframes animatepopup{to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@media only screen and (max-width:1024px){.img-popup img{max-width:80%}}@media only screen and (max-width:767px){.screen-listing-items{width:calc(50% - 20px)}.img-popup img{max-width:92%}}@media only screen and (max-width:560px){.screen-listing-items{width:calc(100% - 20px)}.screen-img img{width:100%}}