/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
	.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}


.letter_size
  {
    font-size: 20px !important; 
    letter-spacing: 2px !important;
    line-height: 200% !important;
    padding-right: 1% !important;
  }
  @media (min-width: 0px) and (max-width:992px)
  {
    .desktop_view
    {
      display: none !important;
    }
    .mobile_view
    {
      display: block !important;
    }
  }
  @media (min-width: 993px) 
  {
    .mobile_view
    {
      display: none !important;
    }
    .desktop_view
    {
      display: block !important;
    }
  }


  .fixit_our_service_wrapper{

      

    }

    .fixit_home3 .fixit_our_service_wrapper > ul > li:nth-child(1){
    
    margin-left:7.5%;
    }
    @media(min-width: 991px)
    {
    .fixit_home3 .fixit_our_service_wrapper > ul > li{

      width: 40%;
      margin-right: 5%
    }
  }

    .our_services{

      margin-top: -2.5%;
    }
    @media(min-width: 0px) and (max-width: 500px)
    {
      .firstli
      {
        width: 86% !important;
        height: 100px

      }
      .secondli
      { 
        margin-top:40% !important;
        width: 86% !important;  
        left: 7% !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;  
      }
      .mobile_padding_down
      {
        padding-bottom: 15% !important;
      }
    }
    @media(min-width: 501px) and (max-width: 800px)
    {
      .firstli
      {
        width: 86% !important;
        height: 100px

      }
      .secondli
      { 
        margin-top:60% !important;
        width: 86% !important;  
        left: 7% !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;  
      }
      .mobile_padding_down
      {
        padding-bottom: 15% !important;
      }
    }


    @media(min-width: 992px){
#hero-wrapper {
  
 display: none;
}
#hero-wrapper .carousel-wrapper,
#hero-carousel {
display: none;
}
#hero-carousel img {
display: none;


}
#hero-carousel i {
display: none;
}
.carousel-fade .carousel-inner .item {
display: none;
}
.carousel-fade .carousel-inner .active {
  display: none;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  display: none;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  display: none;
}
.carousel-fade .carousel-control {
  display: none;
}

}


@media(max-width: 991px){
#hero-wrapper {
  
  width: 100%;
  position: absolute;
  height:300px;
  margin-bottom: 15%;
  top:31%;
}
#hero-wrapper .carousel-wrapper,
#hero-carousel {
 height:300px; 
  width: 100%;
  position: absolute;
}
#hero-carousel img {
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height:300px;


}
#hero-carousel i {
  position: absolute;
  top: 50%;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

}