#demo {position: relative;margin: 0 auto;width: 100%;}
.horizontal-images.content ul, .vertical-images.content ul {margin: 0;padding: 0;list-style: none;overflow: hidden;}
.horizontal-images.content li {margin: 0 3px;float: none;overflow: hidden;display: inline-block;max-width: 495px;}
.vertical-images.content li {margin: 3px 0;}
.horizontal-images.content li:first-child {margin-left: 0;}
.vertical-images.content li:first-child {margin-bottom: 3px;margin-top: 0;}
.horizontal-images.content li:last-child {margin-right: 0;}
.vertical-images.content li:last-child {margin-bottom: 0;}
.horizontal-images.content li img {width: auto;padding: 0;}
.max-width-example .content {height:auto;width:auto;max-width: 100%;min-width: 600px;display: inline-block;vertical-align: bottom;}
.max-width-example .content ul {max-height: 100%;overflow-y: hidden;}
.max-width-example .content img, .max-width-example .content ul li > a {border: 0px solid #444;}
.max-width-example .content ul li > a {display: block;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
box-sizing: border-box;background: rgba(0, 0, 0, 0.3);}
.item.active .achieve_content .achieveitemtxt {display: block;}
.item .achieve_content .achieveitemtxt {display: none;}
.item .achieve_content h5 {margin: 0 auto 10px;color: #fff;font-family: "muli", Sans-serif;font-size: 26px;font-weight: 700;}
.item .achieve_content p {color: #fff;font-family: "muli", Sans-serif;font-size: 24px;margin: 0 auto;line-height: 1.8rem;padding: 5px 0px 10px;}
.achieve_content {position: relative;}
/*.achieve_content .achieveitemtxt {position: absolute;bottom: 1.4rem;overflow: hidden;max-width:75%;padding: 20px;}*/
.achieve_content .achieveitemtxt {position: absolute;bottom: 0rem;overflow: hidden;max-width: 100%;padding: 20px;min-height: 270px;background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.50) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.50) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.50) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );padding-right: 8vw;}

.achieve_content button.plus_minus_btn:focus {border: none !important;outline: 0;}
.achieve_content button.plus_minus_btn, .active .achieve_content button.plus_minus_btn {position: absolute;
right: calc(100px - 50px);z-index: 9999999;bottom: calc(100% + 50px);padding: 10px;background: url(../images/brown_mins_icon.png) no-repeat left center;width: 50px;height: 50px;background-size: cover;border: none;}
.achieve_content button.plus_minus_btn {position: absolute;right: calc(100px - 50px);z-index: 9999999;bottom: calc(100% + 50px);padding: 10px;background: url(../images/brown_plus_icon.png) no-repeat left center;width: 50px;height: 50px;background-size: cover;border: none;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before {content: "\f0c9";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-weight: 400;font-style: normal;font-size: 14px;line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-feature-settings: "liga";position: absolute;top: -3px;left: calc(50% - 10px);color: #fff;width: 20px;height: 20px;padding: 4px;transition: opacity .2s;box-sizing: border-box;pointer-events: none;transform: rotate3d(0, 0, 1, 90deg);}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #c5926d !important;height: 15px !important;margin: 0px !important;border-radius: 0px !important;width: 220px !important;}

.mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger_bar.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #c5926d !important;height: 15px !important;margin: 0px !important;border-radius: 0px !important;width: 220px !important;}
.mCSB_scrollTools_onDrag .mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #c5926d !important;height: 15px !important;margin: 0px !important;border-radius: 0px !important;width: 220px !important;}

.mCSB_scrollTools .mCSB_draggerContainer {background:transparent  url(../images/graylinebar.png) left center repeat-x;}

/*.mCSB_scrollTools .mCSB_dragger{width: 100% !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #c5926d !important;height: 15px !important;margin: 0 !important;border-radius: 0px !important;width: 220px !important;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {width: 100%;height: 2px;margin: 0;background-color: #777 !important;border-radius: 0;top: -7px;position: relative;z-index: -1;max-width: 100%;}*/


/*.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #cd9d7b !important;background-color: rgb(205 157 123 / 96%) !important;height: 15px !important;margin: 0px !important;border-radius: 0px !important;width:calc(100% - 40%) !important;}*/
@media (max-width:1024px){
.max-width-example .content{min-width:100% !important;}    
.horizontal-images.content li{max-width:400px!important;}
.item .achieve_content h5{font-size: 26px;}
.item .achieve_content p{font-size: 20px;}
}

@media (max-width:768px){
.max-width-example .content{min-width:100% !important;}    
.horizontal-images.content li{max-width: 300px!important;}
.item .achieve_content h5{font-size: 22px;}
.item .achieve_content p{font-size: 14px;}
}