@keyframes imagescale {
  0% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}


.slider .slide-image {
  animation: imagescale 15s ease-in-out infinite alternate;
  -webkit-animation: imagescale 15s ease-in-out infinite alternate;
  -moz-animation: imagescale 15s ease-in-out infinite alternate;
  -o-webkit-animation: imagescale 15s ease-in-out infinite alternate;
}
.slider h2 {
  font-size:32px;

}
.slider .slide-content {
  padding:40px;
  position:relative;
  max-width: 360px;
}
.slider label {
  line-height:20px;
  position: absolute;
  top:-12px;
}
.slider .specifiaction-box{
  padding: 20px 40px;
}
.slider .specifiaction{
  font-size: 13px;
}
.slider .tag{
  color:$white;
  font-size: 13px;
  padding: 5px 7px;
  vertical-align: middle;
  position: relative;
  font-weight: 300;
  top: -2px;
}
.slider .tag::after{
  border-bottom:13px transparent solid;
  border-left: 7px $danger solid;
  border-top: 12px transparent solid;
  content: '';
  height: 0;
  right: -7px;
  position: absolute;
  top: 0;
  width: 0;
}
.slider .carousel-indicators {
  bottom:0;
}
.slider .carousel-indicators li {
  background-color:rgba(0,0,0,0.3);
}
.slider .carousel-indicators li.active{
  background-color:#263238;
}
.slider .carousel-indicators li {
  background-color:rgba(0,0,0,0.3);
}
.slider .carousel-indicators li.active{
  background-color:#263238;
}


@media(max-width:767px) {
  /*This is for the slider*/
  .slider .slide-image {
    height:500px;
  }

  .slider h2 {
    font-size:28px;
  }
  .slider p {
    font-size:14px;
    margin-top:20px !important;
  }
}