.container {
      
    }
    
    
    .carousel-item h5, .carousel-item p{
        text-shadow: 0 3px 3px rgba(0,0,0,.7);
    }
    
    .carousel-item h5{
        font-size: 2.3rem;
    }
    
    .carousel-item p{
        font-size: 1.2rem;
    }
    
    .carousel-item img{
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
    
    /*
     * Custom translucent site header
     */
    
    .site-header {
      background-color: rgba(0, 0, 0, .85);
      -webkit-backdrop-filter: saturate(180%) blur(20px);
      backdrop-filter: saturate(180%) blur(20px);
    }
    .site-header a {
      color: #999;
      transition: ease-in-out color .15s;
    }
    .site-header a:hover {
      color: #fff;
      text-decoration: none;
    }
    
    /*
     * Dummy devices (replace them with your own or something else entirely!)
     */
    
    .product-device {
      position: absolute;
      right: 10%;
      bottom: -30%;
      width: 300px;
      height: 540px;
      background-color: #333;
      border-radius: 21px;
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }
    
    .product-device::before {
      position: absolute;
      top: 10%;
      right: 10px;
      bottom: 10%;
      left: 10px;
      content: "";
      background-color: rgba(255, 255, 255, .1);
      border-radius: 5px;
    }
    
    .product-device-2 {
      top: -25%;
      right: auto;
      bottom: 0;
      left: 5%;
      background-color: #e5e5e5;
    }
    
    
    /*
     * Extra utilities
     */
    
    .flex-equal > * {
      -ms-flex: 1;
      flex: 1;
    }
    @media (min-width: 768px) {
      .flex-md-equal > * {
        -ms-flex: 1;
        flex: 1;
      }
    }
    
    .overflow-hidden { overflow: hidden; }
    
    .home-stamp h4{
        font-size: 18px;
        font-weight: 700;
        color: #1b1b1b;
    }
    
    .home-stamp p{
        font-size: 14px;
        font-weight: 500;
        color: #707070;
    }
    
    
    .carousel-caption h5{
        text-transform: uppercase;
    }
    
    
    @media only screen and (max-width: 1300px){
        .slick-dots{
            visibility: visible !important;
            bottom: 2px !important;
            height: 15px !important;
        }
    }
    
    @media only screen and (max-width: 415px){
        .banner-name {
            font-size: 18px !important;
            line-height: 1.3 !important;
        }
        .banner-text{
            font-size: 15px !important;
        }
        .hero-slider-content-2{
            bottom: 25px !important;
        }
    }