/* если ширина окна <= 570px ... */

@media screen and (max-width: 621px) {
 
    
	div.lrslide {
		width:360px; 
		height:80px;
		position:relative;		
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	}
	ul.slider li a {
		font-weight: normal;
		font-style: normal;
		line-height:normal;
		font-family: Verdana, sans-serif;
	}
		
	ul.slider {padding:0; margin:0; list-style:none; width:370px; position:absolute; left:-5px; top:0;}
	ul.slider li {width:92px; height:80px; float:left; overflow:hidden;}
	ul.slider li span {display:block; width:900px; height:100px; text-align:center; margin-left:-390px;}
	ul.slider li a 
	
	{
		display:inline-block; width:170px; height:50px; font-size:11px; text-decoration:none; padding-top:40px; color:#fff;
		transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
	}

	ul.slider li a.lft {padding-right:90px;}
	ul.slider li a.rgt {padding-left:90px;}
	ul.slider li a.lft:hover {margin-left:300px;}
	ul.slider li a.rgt:hover {margin-right:300px;} 
ul.slider li.home a.lft {background:url(images/home.png) no-repeat 210px center;}
ul.slider li.home a.rgt {background:url(images/home.png) no-repeat -54px center;}
ul.slider li.home {background:url(images/red.jpg);}
ul.slider li.news a.lft {background:url(images/news.jpg) no-repeat 210px center;}
ul.slider li.news a.rgt {background:url(images/news.jpg) no-repeat -54px center;}
ul.slider li.news {background:url(images/orange.jpg);}
ul.slider li.photo a.lft {background:url(images/photogallery.png) no-repeat 210px center;}
ul.slider li.photo a.rgt {background:url(images/photogallery.png) no-repeat -54px center;}
ul.slider li.photo {background:url(images/green.png);}
ul.slider li.media a.lft {background:url(images/video.png) no-repeat 210px center;}
ul.slider li.media a.rgt {background:url(images/video.png) no-repeat -54px center;}
ul.slider li.media {background:url(images/blue.png);}
 
}