.carousel  {
   margin: 5em auto;
   width:100%;
}
.carousel-wrapper {
   margin: 4em; /* отÑ?тупы длÑ? Ñ?трелок */
   overflow: hidden; /* Ñ?крываем Ñ?одержимое, выходÑ?щее за рамки оÑ?новной облаÑ?ти */
   position:relative;
}
.carousel-items {
   width: 10000px; /* уÑ?танавливаем большую ширину длÑ? набора Ñ?лементов */
   position: relative; /* позиционируем блок отноÑ?ительно оÑ?новной облаÑ?ти каруÑ?ели */
}
.carousel-block {
   float: left; /* выÑ?траиваем вÑ?е Ñ?лементы каруÑ?ели в Ñ€Ñ?д */
   width: 150px; /* задаём ширину каждого Ñ?лемента */
   padding: 1em; /* делаем оÑ?тупы, чтобы Ñ?лементы не Ñ?ливалиÑ?ÑŒ */
   text-align: center;
}
.carousel-block img{
	display:block;
	margin: 0 auto;
}

/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a{
   width: 1em; 
   height: 1.2em; 
   position: relative;
   top: 40px; 
   cursor: pointer; 
	font-size: 2em;
   text-decoration:none;
}
.carousel-button-left a{
   float: left; 
    
}
.carousel-button-right a{
   float: right;
   
}

/*********** SHADOW ***********/
.shadow{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}


@media all and (max-width: 10240px) {
       .carousel  {   margin: 20px auto; width:90%; }
}
@media all and (max-width: 550px) {
     .carousel  {   margin: 20px auto 30px; width:90%; }
     .carousel-wrapper {   margin: 5px;}
           .carousel-block { width: 150px; padding: 1em 0 1em 2.3em;}
        .carousel-block img {display:inline-block;margin-top:15px; }

     
}