ol.nut-slide {
    bottom: 0%;
    left: 68%;
    width: 25%;
}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    color: #fff;
    opacity: .5;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    font-size: 5rem;
}

@media screen and (min-width: 320px) {
    .carousel-control-next, .carousel-control-prev {
        top: 80px;
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
        /*position: absolute;
        top: 34%;*/
    }

}
@media screen and (min-width: 568px) {
    .carousel-control-next, .carousel-control-prev {
        top: 100px;
    }
}
    @media screen and (min-width: 411px) {
    }

    @media screen and (min-width: 640px) {
        .carousel-control-next-icon, .carousel-control-prev-icon {
            top: 22%;
        }
    }

    @media screen and (min-width: 768px) {
        .carousel-control-next, .carousel-control-prev {
            top: 80px;
        }
        .carousel-control-next-icon, .carousel-control-prev-icon {
            top: 25%;
        }
    }

    @media screen and (min-width: 1024px) {
        .carousel-control-next-icon, .carousel-control-prev-icon {
            top: unset;
        }
    }

    @media screen and (min-width: 1200px) {
    }