.normalSlider {
    background-color: transparent !important;
    height: 450px !important;
}
    .normalSlider .flickity-viewport {
        height: 450px !important;
        padding-top: 40px;
    }

    .normalSlider .normalSliderBox {
        position: relative;
        display: inline-block;
        margin: 10px;
        width: 323px;
        height: 350px;
        background-color: rgb(34, 34, 34);
        border-radius: 5px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        z-index: 1;
    }

        .normalSlider .normalSliderBox .boxTitle {
            height: 20%;
            min-width: 100%;
            width: 100%;
        }

        .normalSlider .normalSliderBox .boxDesc {
            height: 10%;
            min-width: 100%;
            width: 100%;
        }

        .normalSlider .normalSliderBox .image-format {
            height: 55%;
            min-width: 100%;
            width: 100%;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            margin-bottom: 0;
        }

                .normalSlider .normalSliderBox::after {
                    content: "";
                    border-radius: 5px;
                    position: absolute;
                    z-index: -1;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
                    opacity: 0;
                    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
                    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
                    z-index: 10;
                }

                .normalSlider .normalSliderBox.is-selected {
                    -webkit-transform: scale(1.25, 1.25);
                    transform: scale(1.25, 1.25);
                    z-index: 500;
                }

.normalSlider .textWrap {
    padding: 5px !important;
}

    .normalSlider .textWrap h6, label, p {
        width: 100%;
        height: 100%;
    }


@media only screen and (max-width: 700px) {
    .normalSlider {
         background-color: transparent !important;
         height: 450px !important;
         margin: 0px;
     }
        .normalSlider .normalSliderBox {
            width: 65vw;
        }
}

@media only screen and (min-width: 701px) and (max-width: 1024px) {
    .normalSlider .normalSliderBox {
        width: 323px;
    }
}