#MainCarouselIndicators{
/* background-color: #ffffffa8; */
}

#MainStatic{
    /* background-color: #ffffffa8;
    background-color: #fcf6c8;
    background-color: #17a2b847;

    background-color: #ffffffa8;
    background-color: #fcf6c8; */
    /* background-color: #17a2b847; */
    /* background-image: url(../images/banners/salonBg.jpg); */
    background-size: cover;
    background-position: center;
display: grid;

    }
.carousel {
    position: relative;
    /* height: 597px !important;   */
    height: 60px !important;
    overflow: hidden;
}

.carousel-item{
    background-size: 100% 100%;
    background-position: bottom;
    /* height: 600px !important; */
    min-height:100px;     
    max-height: 100px;
    background-position: center; 
}

.carousel-caption{   
    
        /* bottom: 20%; */
        /* left: 60%; */
        border-radius: 5px;
        right: 0%;
        bottom: 0%; 
        left: 0%;
        background-color: #000000e3;
        color: #fbfbfb;
        font-family: fantasy;
        /* letter-spacing: 1px;*/
        display: none;
        

}

.carouselContainer{     
        text-shadow: 2px 2px 5px #040404;     
        margin-top: 20px;
        margin-bottom: 20px;    
}

.PunchLine{

    background-color: #012d5dba;
    background-color: #ff0000;
    margin: auto auto;
    padding: 30px;
    border-radius: 5px 50px 5px 50px;   

}

@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 767px) {
        
    .carousel {
        
        height: 100px !important;  
        
    }
    .carousel-item{
        
        min-height:300px;     

    }
    
}