body {
}
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%!important;
      margin: auto;
      height: 400px!important;
  }

  .btom-slide .carousel-indicators li {
   /*display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border-top: 5px solid #fff;
    border-radius: 0px;*/
    display: inline-block;
    background-color: rgba(172, 177, 177, 0.32);
    width: 32%!important;
    padding: 20px 0px 15px 0px;
    border-top: 5px solid #fff!important;
    cursor: pointer;
      border-radius: 0px!important;
}
 .carousel-indicators .active {
  /*  width: 24%!important;
     background: url(arrows.png) no-repeat center top;
    height: 12px;
    margin: 0;*/
    /*border-top: 5px solid green!important;*/
   /* width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red;*/
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 30%!important;
    z-index: 15;
    width: 100%!important;
    padding-left: 0;
    margin-left: -30%!important;
    text-align: center;
    list-style: none;
}
/*.btom-slide ul li{
  display: inline-block;
  background-color: #121212;
    width: 24%;
    padding: 20px 0px 15px 0px;
  border-top: 5px solid #fff;
    cursor: pointer;
}*/
.btom-slide .carousel-indicators {
 text-align:center;
 color: #fff;
 padding: 0; 
}
.btom-slide .carousel-indicators .active .part1{
  background: url("images/arrows.png") no-repeat center top;
    cursor: pointer;
    width: 25%;
    position: absolute;
  top: -4px;
    left: -0.4%;
    height: 11px;
}
.btom-slide .carousel-indicators .active .part2{
  background: url("images/arrows.png") no-repeat center top;
    cursor: pointer;
    width: 25%;
    position: absolute;
  top: -4px;
    left: 25.6%;
    height: 11px;
}
.btom-slide .carousel-indicators .active .part3{
  background: url("images/arrows.png") no-repeat center top;
    cursor: pointer;
    width: 25%;
    position: absolute;
  top: -4px;
    left:48.6%;
    height: 11px;
}
.btom-slide .carousel-indicators .active .part4{
  background: url("images/arrows.png") no-repeat center top;
    cursor: pointer;
    width: 25%;
    position: absolute;
   top: -4px;
    left: 73.6%;
    height: 11px;
}


@media screen and (min-width:0px){
.carousel-indicators {
    top:90%!important;
}
} 
@media screen and (max-width: 768px){
.btom-slide .carousel-indicators li{

    width: 22%!important;

}
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%!important;
      margin: auto;
      height: 150px!important;
  }
  .dot{
      display:none;
  }
  .glyphicon-chevron-left:before {
    content: "\e079";
    font-size: 18px!important;
    color: #585555;
}
  .glyphicon-chevron-right:before {
    content: "\e080";
    font-size: 18px!important;
    color: #585555;
}
  .nxt {
    position: relative;
    /*background-color: rgba(27, 27, 27, 0.55);*/
    padding: 10px 15px 10px 15px;
    bottom: 35px;
    height: 35px;
}
}