.carousel2  {
   max-width: 1080px; /* ширина всего блока */
   margin: 20px auto;
   width:100%;
}
.carousel-wrapper2 {
   //margin: 10px 100px; /* отступы для стрелок */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
}
.carousel-items2 {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block2 {
   float: left; /* выстраиваем все элементы карусели в ряд */
   //width: 739px; /* задаём ширину каждого элемента */
   padding: 10px 10px 10px 0px; /* делаем оступы, чтобы элементы не сливались */
}
.carousel-block2 img{
   display:block;
}

/*********** BUTTONS ***********/
.carousel-button-left2 a, .carousel-button-right2 a{
   width: 76px; 
   height: 76px; 
   position: relative;
   top: 130px; 
   cursor: pointer; 
   text-decoration:none;
}
.carousel-button-left2 a{
   float: left; 
   background: url(../images/carusel/carousel-left.png); 
}
.carousel-button-right2 a{
   float: right;
   background: url(../images/carusel/carousel-right.png); 
}

/*********** SHADOW ***********/
.shadow2 {
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.carousel-wrapper2 {
   //margin: 10px 120px; /* отступы для стрелок */
}

.carousel-block2 {
   float: left; /* выстраиваем все элементы карусели в ряд */
   //width: 500px; /* задаём ширину каждого элемента */
}
}

@media only screen and (max-width: 768px) {
.recommend img {
   width:44%;
   margin:5px 2% !important;
}
.carousel-block2 {
   float: left; /* выстраиваем все элементы карусели в ряд */
   //width: 220px; /* задаём ширину каждого элемента */
}
}

@media only screen and (max-width: 479px) {
.carousel2  {
   max-width: 1080px; /* ширина всего блока */
   margin: 20px auto 5px;
}   
.carousel-block2 {
   float: left; /* выстраиваем все элементы карусели в ряд */
   //width: 220px; /* задаём ширину каждого элемента */
}
   
.carousel-wrapper2 {
   //margin: 10px 40px; /* отступы для стрелок */
}

.carousel-button-left2 a, .carousel-button-right2 a{
   width: 36px; 
   height: 36px; 
   position: relative;
   top: 160px; 
   cursor: pointer; 
   text-decoration:none;
   background-size:cover;
}
}