.appsrand{max-width:1000px;padding:40px 10px;margin:0 auto;box-sizing:border-box;}.appsrand ul{list-style-type:none;padding:0;overflow:hidden;margin:-40px 0 0 -40px;}.appsrand ul li{display:inline-block;width:300px;margin:40px 0 0 40px;vertical-align:top;}.appsrand ul li .apptitle{font-size:26px;}.appsrand ul li .apptitle a{text-decoration:none;display:block;margin-bottom:3px;}.appsrand ul li a.screen{display:block;height:220px;overflow:hidden;position:relative;}.appsrand ul li a.screen:after{content:'';position:absolute;z-index:1;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 1) 90%);width:100%;height:30px;}.appsrand ul li a.screen img{width:100%;height:auto;}.appsrand ul li .shortdescr{font-size:20px;line-height:20px;margin-bottom:5px;}@media only screen and (max-width:1000px){.appsrand{max-width:680px;}}@media only screen and (max-width:680px){.appsrand{width:500px;max-width:none;} .appsrand ul{margin:-40px 0 0 -20px;} .appsrand ul li{width:230px;margin:40px 0 0 20px;} .appsrand ul li .shortdescr{font-size:16px;line-height:16px;margin-bottom:3px;} .appsrand ul li a.screen{height:180px;}}@media only screen and (max-width:500px){.appsrand{width:100%;max-width:none;} .appsrand ul{margin:-30px 0 0 0;} .appsrand ul li{width:100%;margin:30px 0 0 0;} .appsrand ul li a.screen{max-height:180px;height:auto;} .appsrand ul li .apptitle{font-size:22px;line-height:22px;margin-bottom:5px;} .appsrand ul li .shortdescr{font-size:16px;line-height:16px;margin-bottom:3px;} .appsrand ul li a.screen:after{height:15px;}}