.owl-nav {
    display: none;
}

.owl-dots {
    display: none;
}

.card-img-overlay {
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.5) 60%, rgba(19, 19, 19, 0.75) 100%);
}

.colorStyle span:first-child {
    color: white !important;
    font-size: 1.4rem;
    margin: 0;
}

.colorStyle span:last-child {
    color: white !important;
    font-size: 1rem;
    margin: 0;
}

img.zoomImg {
    width: 400px !important;
    height: 400px !important;
}

.bg-shadow {
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.5) 40%, rgba(19, 19, 19, 0.75) 100%);
    position: absolute;
    bottom: 0;
    height: 8rem
}

    .bg-shadow span {
        color: #fffcf7 !important;
    }

.fontBoxSpan {
    padding: 0 3%;
    text-align: center;
}

    .fontBoxSpan span {
        font-size: 1.4rem;
        margin-right: 3%;
    }

@media(max-width:768px) {
    .card-text {
        font-size: 1.3rem !important
    }
}

.card-text {
    font-weight: normal !important;
}

.newStyle {
    border: 0px solid #fff !important;
    border-radius: 0.0rem !important;
    position: relative;
    overflow: hidden;
}

.bg-shadowColec {
    height: auto !important;
}

@media(max-width:992px) {
    .bg-shadowColec {
        text-align: center !important
    }
}

@media(min-width:1000px) and (max-width:1400px) {
    .bg-shadowColec {
        height: 12rem !important;
    }
}

@media(max-width:576px) {
    .bg-shadowColec .card-text {
        display: none;
    }
}
/*//new coolection style*/
.paddingStyleRow {
    padding-top: 20px;
}

.fadeInBottom {
    animation-name: fadeInBottom;
}

/*.cssanimationColl {
    animation-delay: 1s;
    animation-duration: 6s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    opacity: 0;
}*/

@media(max-width:768px) {
    .paddingStyleRow {
        padding-top: 0px !important;
    }

        .gridChild1Box h3 {
            font-size: initial
        }
}