/* =========================  carousel  =========================== */ 
    
div#original-carousel {    width: 100%;
    background-color: rgba(255, 254, 254, 0.14);
    /* min-height: 4px; */
    height: 132px;
    margin-bottom:292px;}
       
@media only screen and (max-width: 900px){div#original-carousel {margin-bottom: 250px; background-color: transparent;}} 
@media only screen and (max-width: 800px){div#original-carousel {margin-bottom: 200px;}} 
@media only screen and (max-width: 700px){div#original-carousel {margin-bottom: 150px;}} 
@media only screen and (max-width: 600px){div#original-carousel {margin-bottom: 100px;}} 
@media only screen and (max-width: 500px){div#original-carousel {margin-bottom: 60px;}} 
@media only screen and (max-width: 400px){div#original-carousel {margin-bottom: 23px;}}
@media only screen and (max-width: 330px){div#original-carousel {margin-bottom: 0px;}}
@media only screen and (max-width: 300px){div#original-carousel {margin-bottom: 0px;}}
    

ul#carousel {display: block;max-width:1000px;min-height: 160px;font-family: monospace;border-radius: 3%;height: 400px; position: relative; margin: auto;}
    

ul#carousel li {background-repeat:no-repeat;display:inline-block;border-radius:0;max-width:1000px;box-shadow:black;border:1px solid;border-color:#eaeaea; z-index: -1; box-shadow: 0 2px 6px 4px rgba(95, 95, 95, 0.3);position:absolute;left:1.7%;top:0;height:400px;} 

@media only screen and (max-width: 1100px){ul#carousel li {
    box-shadow: 0 2px 6px 4px rgba(95, 95, 95, 0);
    box-shadow:black;
    border:0px solid;
    border-color:#eaeaea; 
    left: 0%;
    }}       
    
ul#carousel > li:nth-child(1) {border: 0px;margin: 0px;padding: 0px;}

ul#carousel li.one {width: 100%;  background-image: url(../img/gallary-template/jazzcafe1.png); background-repeat: no-repeat; background-size: contain;} 
ul#carousel li.two {width: 100%;   background-image: url(../img/gallary-template/jazzcafe2.png); background-repeat: no-repeat; background-size: contain;}  
ul#carousel li.three {width: 100%;  background-image: url(../img/gallary-template/jazzcafe3.png); background-repeat: no-repeat; background-size: contain;}  
ul#carousel li.four {width: 100%;  background-image: url(../img/gallary-template/jazzcafe4.png); background-repeat: no-repeat; background-size: contain;}
ul#carousel li.five {width: 100%;  background-image: url(../img/gallary-template/jazzcafe5.png); background-repeat: no-repeat; background-size: contain;}  
ul#carousel li.six {width: 100%;  background-image: url(../img/gallary-template/jazzcafe6.png); background-repeat: no-repeat; background-size: contain;}  
ul#carousel li.seven {width: 100%;  background-image: url(../img/gallary-template/jazzcafe1.png); background-repeat: no-repeat; background-size: contain;}  
ul#carousel li.eight {width: 100%;  background-image: url(../img/gallary-template/jazzcafe2.png); background-repeat: no-repeat; background-size: contain;}  
ul#carousel li.nine {width: 100%;  background-image: url(../img/gallary-template/jazzcafe3.png); background-repeat: no-repeat; background-size: contain;}      
/** make into and assess for external script **/       
 /* =========================  carousel  =========================== */