.carousel {
            width: 100%;
            margin: 0 auto
                ;
            padding: 0 auto;
            border-color: aliceblue;
    
            /* center your carousel if other than 100% */
        }
        
.carousel-inner > .item > img{
    
    margin: 0 auto;
    border-bottom-color: aliceblue;
}
       
        
        .center-block {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        
        
        
        html,
        body {
            height: 100%;
        }
        /* Smaller than standard 960 (devices and browsers) */
        
        @media only screen and (max-width: 959px) {}
        /* Tablet Portrait size to standard 960 (devices and browsers) */
        
        @media only screen and (min-width: 768px) and (max-width: 959px) {}
        /* All Mobile Sizes (devices and browser) */
        
        @media only screen and (max-width: 767px) {}
        /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        
        @media only screen and (min-width: 480px) and (max-width: 767px) {}
        /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
        
        @media only screen and (max-width: 479px) {}