.wrapper {
  overflow: hidden;
  direction: ltr;
}
    
.inner-wrapper {
    left: 0px;
}
    
#photos {
    height: 475px;
    overflow: hidden;
    text-align: left;
}
 
.timeline-images-inner {
    max-width: 415px;
    display: inline-block;
    width: 415px;
    float: left;
    height: 100%;
    position: relative;
    overflow: hidden;
}
    
.timeline-images-inner.one {
    height: 100%;
}

.timeline-images-inner.one:hover .image-desc {
    top: 50%;
}
    
.timeline-images-inner.one + .timeline-images-inner.one {
    height: 100%;
    margin-left: 25px;
}
    
.timeline-images-inner.divide+.timeline-images-inner.divide {
    margin-top: 25px;
}
    
.timeline-images-inner.divide {
    height: 50%;
}

.timeline-images-inner.divide:hover .image-desc {
    top: 0%;
}
    
.time h4 {
    font-size: 3em;
}

.image-desc {
    background: rgba(0,0,0,0.8);
    position: absolute;
    right: 0px;
    left: 0px;
    width: 100%;
    top: 89%;
    color: #fff;
    padding: 0px 6%;
    height: 100%;
    -webkit-transition: top 0.2s ease-out;
    -moz-transition: top 0.2s ease-out;
    -o-transition: top 0.2s ease-out;
    transition: top 0.2s ease-out;
}


.timeline-images-inner.divide .image-desc {
    top: 77%;
}

.inner-image-desc {
    font-size: 1.5em;
    font-family: 'MeodedLight';
}

.image-desc h4 {
    font-size: 1.8em;
    font-family: 'MeodedLight';
    margin: 20px 0px;
}

.count {
    margin-left: 25px;
}

.count:first-child {
    margin-left: 0px;
}

.noUi-base {
   padding-right: 116px !important; 
}

.noUi-origin {
    position: relative !important;
}

.noUi-handle.noUi-handle-lower {
    background: #333 !important;
    left: 0px !important;
    box-shadow: none !important;
    border-radius: 14px !important;
    width: 115px !important;
    top: -1px !important;
    height: 19px !important;
}

.noUi-handle:after, .noUi-handle:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    height: 8px !important;
    width: 1px !important;
    background: #E8E7E6 !important;
    left: 50% !important;
    top: 5px !important;
    display: none !important;
}

.noUi-handle:after {
    left: 47% !important;
}

.inner-handle {
    width: 13px;
    height: 8px;
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    top: 5px;
}

.inner-handle:before,.inner-handle:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ccc;
    left: 3px;
}

.inner-handle:after {
    left: 7px;
}


.last-handle {
    position: relative;
    width: 1px;
    height: 8px;
    background: #fff;
    margin-left: 65px;
    margin-top: 5px;
}


@media (max-width:767px){
    
    #photos {
        height: 238px;
    }
 
    .timeline-images-inner {
        max-width: 208px;
        width: 208px;
    }
        
    .timeline-images-inner.divide {
        height: 50%;
    }
    
    #slider-contain {
      padding: 0px 13px;
    }
    
    .timeline-images-inner.one + .timeline-images-inner.one {
        margin-left: 10px;
    }
    
    .timeline-images-inner.divide+.timeline-images-inner.divide {
        margin-top: 10px;
    }
    
    .wrapper {
        overflow-x: auto;
        margin: 30px 0px;
    }
    
    .timeline-images-inner.one .image-desc {
        top: 77%;
    }
    
    .timeline-images-inner.divide .image-desc {
        top: 55%;
    }
    
}

@media(min-width:768px){
    #about-link {
        color: #018939 !important;
        border-top: 4px solid #008935 !important;
    }
}