div.beforeandafter{display:block;height:434px;overflow:hidden;position:relative;width:650px}div.beforeandafter img{max-width:none!important}div.after1,div.before1{height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:width .4s ease-in-out;width:100%;z-index:7}div.after1{z-index:1}div.drag{background:#fff;cursor:col-resize;display:block;height:100%;left:100%;position:absolute;top:0;transition:left .4s ease-in-out;width:2px;z-index:7}div.drag div.draghandle{background:#ea622b;border-radius:100%;height:50px;left:50%!important;position:absolute;text-align:center;top:50%!important;transform:translateY(-50%) translateX(-50%);width:50px}div.drag div.draghandle:after,div.drag div.draghandle:before{border-left:2px solid;border-top:2px solid;color:#fff;content:"";height:10px;position:absolute;top:50%;transform-origin:0 0;width:10px;z-index:999}div.drag div.draghandle:before{left:8px;transform:rotate(-45deg)}div.drag div.draghandle:after{right:-2px;transform:rotate(135deg)}.beforeandafter-style div.after1 span.caption,.beforeandafter-style div.before1 span.caption{bottom:10px;display:block;position:absolute;right:10px;text-align:center}.label-top div.after1 span.caption,.label-top div.before1 span.caption{display:block;position:absolute;right:10px;text-align:center;top:10px}div.image-width-height{height:600px;width:100%}@media only screen and (min-width:992px) and (max-width:1199px){div.image-width-height{height:499px!important}}@media only screen and (min-width:768px) and (max-width:991px){div.image-width-height{height:370px!important}}@media only screen and (max-width:767px){div.image-width-height{height:167px!important}}@media only screen and (min-width:576px) and (max-width:767px){div.image-width-height{height:274px!important}}.image-width-height span.caption{background:#ea622b;border-radius:4px;color:#fff;padding:2px 2px 0;width:90px}div.before1 span.caption{left:10px;right:auto}