/* Crousel Basic CSS */
.main-slider-container { position: relative; margin: 0 }
.slider-container { width: 500px; position: relative; overflow: hidden; max-width: 100%!important }

.disable-link { pointer-events: none; }
.prev {  right: 40px;}
.next {  right: 15px;}

.crousel-navigation {  width: 20px; height: 20px; top:-105px; cursor: pointer;position: absolute;#999 }
.disable-link.prev { cursor: default; color: #eae7e7 }
.disable-link.next { cursor: default; color: #eae7e7}
/*  Some other style to butify content */
.slider-container h3, .slider-container p { margin-left: 20px; margin-right: 20px; }
.slider-container p { width: 200px; display: inline-block; vertical-align: top; }
.slider-container .crousel-image-outer { margin-right: 20px; display: inline-block; width: 200px; }






.slider-container ul {
    position: relative;
    margin: 0;
    padding: 0;
}

.slider-container li {
    list-style-type: none;
    position: relative;
    float: left;
    border: none!important;
}








/*  Some other style to butify content */

.slider-container h3,
.slider-container p {
    margin-left: 20px;
    margin-right: 20px;
}

.slider-container p {
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

.slider-container .crousel-image-outer {
    margin-right: 20px;
    display: inline-block;
    width: 200px;
}