/* Crousel Basic CSS */
.main-slider-container { position: relative; margin: 0 auto; }
.slider-container { width: 70%; position: relative; overflow: hidden;margin: 0 auto;text-align:center; }
.slider-container ul { position: relative; margin: 0; padding: 0;   }
.slider-container li { list-style-type: none; position: relative; float: left; display: inline-block;}
.disable-link { pointer-events: none; }
.prev {  left: -40px; background: url(../images/prev.png); }
.next {  right: -40px; background: url(../images/next.png); }
.disable-link.prev { background: none; }
.disable-link.next { background: none; }
.crousel-navigation { position: absolute; top: 50px; width: 50px; height: 50px; }

/*  Some other style to butify content */

.slider-container h3{ text-align:center; font-size:12pt; text-align:center;font-family: 'Fira Sans', sans-serif;font-weight:300;color:#666667;}
.slider-container p { width: 96%; height:auto;display: inline-block; vertical-align: top; margin:15px 0 0 15px;font-family: 'Fira Sans', sans-serif;font-weight:300;font-size:14pt;line-height:24pt;color:#666667;text-align:justify;overflow-x: hidden;padding-top:30px;}
.slider-container .crousel-image-outer { margin:0px auto; text-align:center;display: inline-block; width:100%;height:100%; }

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

.prev {  left: -50px; background: url(../images/prev.png); }
.next {  right: -50px; background: url(../images/next.png); }
.slider-container p { width: 100% !important; height:auto !important; vertical-align: top; margin:15px 0 0 0px;font-family: 'Fira Sans', sans-serif;font-weight:300;font-size:14pt;line-height:30pt;color:#666667;text-align:left;}
.slider-container .crousel-image-outer { margin:0px auto; text-align:center; width:100% !important;height:auto !important;}
.crousel-image-outer img{ margin:0px auto; text-align:center;display:block; max-width:100% !important;height:auto !important; }
.img-responsive {display:block;max-width:100%;height:auto}

}