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






 
    #one.carousel-inner .carousel-item.active,
    #one.carousel-inner .carousel-item-next,
    #one.carousel-inner .carousel-item-prev {
        display: flex;
    }

    #one.carousel-inner .carousel-item-right.active,
    #one.carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    #one.carousel-inner .carousel-item-left.active,
    #one.carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }

    #one.carousel-inner .carousel-item-right,
    #one.carousel-inner .carousel-item-left {
        transform: translateX(0);
    }

  

}

@media only screen and (max-width: 1024px){
    #one.carousel-inner .carousel-item.active,
    #one.carousel-inner .carousel-item-next,
    #one.carousel-inner .carousel-item-prev {
        display: flex;
    }

    #one.carousel-inner .carousel-item-right.active,
    #one.carousel-inner .carousel-item-next {
        transform: translateX(33.33%);
    }

    #one.carousel-inner .carousel-item-left.active,
    #one.carousel-inner .carousel-item-prev {
        transform: translateX(-33.33%);
    }

    #one.carousel-inner .carousel-item-right,
    #one.carousel-inner .carousel-item-left {
        transform: translateX(0);
    }



}


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






    .carousel-item .row{
        display: flex;
        justify-content: center;
    }

    div .col-xs-7{
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    div .col-xs-7 a {
        display: flex;
        justify-content: center;
    }
}