html {
/*-------- СЛАЙДЕР СТРЕЛКИ ----------*/
  
  --main-control-slider-width: 30px;
  --main-control-slider-height: 50px;
  --main-prev-slider: url(/template/img/sl_left.png);
  --main-next-slider: url(/template/img/sl_right.png);

/*-------- СЛАЙДЕР КРУЖОЧКИ ИЛИ КВАДРАТИКИ----------*/
  
   --main-width-indicator: 25px;
   --main-height-indicator: 3px;
   --main-radius-indicator: 0;
   --main-margin-indicator: 5px;
   --main-color-indicator-bg: white;
   --main-color-indicator-bg-active: gray;
   
}

.carousel-inner > .container > * {
    pointer-events: auto;
}

.carousel-inner > .container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
}
.carousel-item {
  height: 490px;
  background-size: cover!important; 
}



@media (min-width: 576px) and (max-width: 715px) {
	.carousel-item {
	  height: 300px;
	}
}

@media (min-width: 716px) and (max-width: 991px) {
	.carousel-item {
	  height: 370px;
	}
}