.carousel  {
   width:100%;
}
.carousel-wrapper {
    margin: 10px 0px;
    overflow: hidden;
    position: relative;
}
.carousel-items {
   width: 10000px; /* ������������� ������� ������ ��� ������ ��������� */
   position: relative; /* ������������� ���� ������������ �������� ������� �������� */
}
.carousel-block {
    float: left;
    width: 300px;
    height: 200px;
}

.carousel-block:first-child {
    float: left;
    width: 300px;
    height: 200px;
    margin-left: 5px;
}

.carousel-block img{
	display:block;
}

/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a {
    position: relative;
    background: #ffc815;
    color: #191919;
    font-size: 50px;
    padding: 0px 15px 9px 15px;
    top: 60px;
    cursor: pointer;
    text-decoration: none;
}
.carousel-button-left a{
   float: left;
   margin-left: -20px;
}
.carousel-button-right a{
   float: right;
   margin-right: 0px;
}

@media (max-width: 767px) {
  
.carousel-block {
    float: left;
    width: 150px;
    height: 120px;
    margin-left: 5px;
}

.carousel-block:first-child {
    float: left;
    width: 150px;
    height: 120px;
    margin-left: 10px;
}
  
.carousel-button-left a, .carousel-button-right a {
    font-size: 25px;
    padding: 0px 5px 3px 5px;
    top: 55px;
}

.carousel-button-left a{
   float: left;
   margin-left: -5px;
}
.carousel-button-right a{
   float: right;
   margin-right: -5px;
}  
  
}


/*********** SHADOW ***********/
.shadow{
}