.carousel  {
 /* ширина всего блока */

   width:99.3%;
}
.carousel-wrapper {
margin: 10px 0px; /* отступы для стрелок */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
   height: 317px;
}
.carousel-items {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   float: left; /* выстраиваем все элементы карусели в ряд */
/* задаём ширину каждого элемента */
   padding: 0px; /* делаем оступы, чтобы элементы не сливались */
margin: 8px 23px 15px 5px;
}

.carousel_mar {
margin-left: 4px;margin-top:-5px;
}

@media screen and (min-width: 320px) {
    .carousel-block {width:255px;}
.carousel_mar {margin-left: 4px;margin-top: -70px !important;}
.carousel-wrapper {width: 96%;margin: -30px 5px 0 5px!important;height: 337px;}
.carousel-block {margin: 0 0!important;width:150px;}
    .product-index_hits_glav_two  h2 {font-size: 0.6em;}
    .index_t_spec_list {margin: -40px 0;}
    .index_a_spec_list {margin: 0 auto;font-size:18px!important;padding: 12px 6px 10px 7px !important;}
.carousel-button-left a{background: url(../images/new1.png) no-repeat!important; }
.carousel-button-right a{background: url(../images/new2.png) no-repeat!important; }
.carousel-button-left a, .carousel-button-right a{width: 58px !important;
top: -13px !important;left: 8px !important;}
    .short_tov_du_mar2 {margin: 0 0px 0 10px!important;}
 .pr_span {
font-family: 'Ubuntu', arial;font-size: 14px !important;
   }
 .pr_span2 {
font-family: 'Ubuntu', arial; font-size: 14px !important;margin-left: 4%;
   }
}


@media screen and (min-width: 360px) {
    .carousel-block {width: 175px;}  
.carousel-button-left a{background: url(../images/new1.png) no-repeat!important; }
.carousel-button-right a{background: url(../images/new2.png) no-repeat!important; }
.carousel-button-left a, .carousel-button-right a{width: 58px !important;
top: -13px !important;left: 8px !important;}
 .index_a_spec_list {font-size:18px!important;}
.short_tov_du_mar2 {margin: 0 0px 0 25px!important;}
}

@media screen and (min-width: 375px) {
    .carousel-block {width: 180px;}  
.carousel-button-left a{background: url(../images/new1.png) no-repeat!important; }
.carousel-button-right a{background: url(../images/new2.png) no-repeat!important; }
.carousel-button-left a, .carousel-button-right a{width:67px!important;top: -13px!important;left: 14px !important;}
    .index_a_spec_list {font-size:18px!important;}
.short_tov_du_mar2 {margin: 0 0px 0 25px!important;}
}

@media screen and (min-width: 414px) {
    .carousel-block {width: 199px;margin: 0 0px 0 23px;}
    .product-table-img_cat {width:165px;}
    .carousel-button-left a{background: url(../images/new1.png) no-repeat!important; }
.carousel-button-right a{background: url(../images/new2.png) no-repeat!important; }
.carousel-button-left a, .carousel-button-right a{width:67px!important;top: -13px!important;left: 14px !important;}
.short_tov_du_mar2 {margin: 0 0px 0 25px!important;}
}

@media screen and (min-width: 900px) {
    .carousel-block {width:246px!important;margin: 8px 23px 15px 5px!important;}
    .product_table_glav_backg {min-width: 212px;}
    .product-index_hits_glav_two  h2 {font-size: 0.8em;}
    .carousel_mar {margin-left: 4px;margin-top:-5px!important;}
    .carousel-wrapper {width: auto;margin: -30px 0 !important;height: 317px;}
    .carousel-button-left a, .carousel-button-right a{top: 120px!important; left: 3px!important;}
    .index_a_spec_list {margin: -20px auto;font-size: 25px !important;}
    .index_t_spec_list {margin: 0px auto;}
    .carousel-button-left a{background: url(../images/spec1.png) no-repeat!important; }
.carousel-button-right a{background: url(../images/spec2.png) no-repeat!important; }
.carousel-button-left a, .carousel-button-right a{width:25px!important;top: 120px!important;left: 3px !important;}   
}

@media screen and (min-width: 359px) and (max-width: 360px) {
    .carousel-block {}
}



.carousel-block img{
}

/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a{
   width: 25px; 
   height: 36px; 
   position: relative;
   top: 120px; 
   cursor: pointer; 
   text-decoration:none;
   left: 3px;
}
.carousel-button-left a{
   float: left; 
   background: url(../images/spec1.png) no-repeat; 
}
.carousel-button-right a{
   float: right;
   background: url(../images/spec2.png) no-repeat; 
}

/*********** SHADOW ***********/