@charset "utf-8";
templatemo_clear {
	clear: both;
}

.height30 {
	height: 30px;
}

.templatemo-top-bar {
    min-height: 40px;
    background-color:#eeeeee;
}

.templatemo-top-menu {
    min-height:110px;
    background-color:#ffffff;
    z-index: 5000;
    width:100%;
}

.templatemo-top-menu .navbar-toggle {
    margin-top: 38px;
}

.templatemo-top-menu .navbar-brand {
    padding: 0;
    margin: 30px 0 0 0;
}

/* ------ Carousel ----- */

#templatemo-carousel {
    background: url('../cap-img/salon.png') center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x: hidden;
    margin-bottom:0;
    height: 750px;
    width: 100%
}

#templatemo-carousel .carousel-caption {
    z-index: 10;
}

#templatemo-carousel .item {
    height: 700px;
}
#templatemo-carousel .carousel-inner > .item > img {
    position: absolute;
    min-width: 100%;
    height: 600px;
    left: 0;
    top: 0;
}
#templatemo-carousel .carousel-caption p {
        margin-bottom: 20px;
        line-height: 1.4;
        font-size: 21px;
    }

    #templatemo-carousel .carousel-caption {
        padding-bottom: 40px;
        right: 40%;
        left: 20%;
        top: 30%;
    }
#templatemo-carousel .carousel-caption {
        padding-bottom: 120px;
    }
/* ------ End of Carousel ----- */
@media only screen and (min-width: 481px) and (max-width: 1000px){
    
}

@media only screen and (max-width: 480px){
    #templatemo-carousel{ 
        margin-bottom:0;
        height: 450px;
   
}
    #templatemo-carousel .carousel-caption {
    z-index: 5;
}
    h1{ font-size:20px; }
    #templatemo-carousel .carousel-caption p {
        width: 150px;
        font-size: 15px;
        
    }

    #templatemo-carousel .carousel-caption {
       width: 190px;
        right: 30%;
        left: 30%;
        top: 0%;
    }
#templatemo-carousel .carousel-caption {
        padding-bottom: 100px;
    }
    
}
/*
@media (min-width: 768px) {
    #templatemo-carousel .carousel-caption p {
        margin-bottom: 20px;
        line-height: 1.4;
        font-size: 21px;
    }

    #templatemo-carousel .carousel-caption {
        padding-bottom: 40px;
        right: 40%;
        left: 20%;
        top: 30%;
    }
}

@media (max-width: 768px) {
    #templatemo-carousel .carousel-caption {
        padding-bottom: 120px;
    }
}*/