.hero__image {
    background-size: cover;
    min-height: 600px;
    max-height: 900px;
    height: 80vh;
}

.carousel-caption {
    text-align: left;
    right: 0;
    left: 0;
    bottom: 0;
    padding-bottom: 2em;
}

.toggleCart {
    position: absolute;
    top: 25px;
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px;
    border-radius: 10px;
    height: 15px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #888888;
}

.carousel-indicators .active {
    background-color: #958969 !important;
}

.carousel-indicators {
    bottom: 20px !important;
}

.carousel-ind {
    bottom: 95px !important;
}

.hero__image {
    min-height: 900px;
    background-position: 50% 50%;
}

.prev-icon {
    content: "\f104" !important;
}

.hero__container p {
    margin-bottom: 0 !important;
}

.hero__button {
    text-align: right;
}

.hero__container .card {
    border-radius: 0 !important;
    border: none;
}

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

}

@media only screen and (max-width: 767.98px) {
    .hero__image {
        min-height: 300px !important;
        height: 70vh;
        margin-bottom: 0;
    }
/*
    .HomePage .carousel-item {
        padding-bottom: 30vh;
    }
*/
    .carousel-caption {
        display: block;
        margin-bottom: 0vh;
    }

    .carousel-caption h1 {
        margin-bottom: 15px;
    }

    .pl {
        padding-left: 0rem;
    }

    .contentparallax {
        transition: all 0.15s ease;
    }

    .hero__container .card {
        text-align: left;
        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
    }

    .hero__button {
        text-align: left;
    }

}