.ce_comparison-slider {
    position:relative;
    overflow:hidden;
    margin-right:1%;
    margin-left:1%;
    width: 48%;
    margin-top: 2em;
    float: left;
}

.comparison-slider-wrapper {
    margin-left: -1%;
    margin-right: -1%;
    overflow: hidden;
}

@media screen and (max-width: 800px){
    .ce_comparison-slider {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }

    .comparison-slider-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
}

.ce_comparison-slider .ce_image {
    width:50.01%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    background-position:left top;
    background-size:auto 100%;
}

.ce_comparison-slider .ce_image:first-child {
    overflow:visible;
    /*z-index:1;*/
}

.ce_comparison-slider .ce_image:last-child {
    left:auto;
    right:0;
    background-position:right top;
    overflow: hidden;
}

.ce_comparison-slider .ce_image .drag-button {
    width:30px;
    height:30px;
    right:0;
    top:50%;
    position:absolute;
    margin-top:-15px;
    margin-right:-15px;
    border-radius:50%;
    background:#fff url("../img/slider_tragger.png") center center no-repeat;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.2);
    box-shadow:0 0 10px rgba(0,0,0,.2);
    z-index:1;
    cursor:pointer;
}

.ce_comparison-slider .ce_image:first-child::before {
    width: 1px;
    bottom: 0;
    right: 0;
    top: 0;
    position: absolute;
    display: block;
    background-color: #fff;
    content: "";
    z-index: 1;
}

.ce_comparison-slider .comparison-slider-text {
    position: absolute;
    padding:10px 15px;
    text-align:left;
    color:#fff;
    pointer-events: none;
    -webkit-text-shadow: 1px 1px 2px #000;
    -moz-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ce_comparison-slider .comparison-slider-top-left {
    top: 0;
    left: 0;
    text-align: left;
}

.ce_comparison-slider .comparison-slider-top-right {
    top: 0;
    right: 0;
    text-align: right;
}
.ce_comparison-slider .comparison-slider-bottom-left {
    bottom: 0;
    left: 0;
    text-align: left;
}
.ce_comparison-slider .comparison-slider-bottom-right {
    bottom: 0;
    right: 0;
    text-align: right;
}