/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width: 1000px) {
	div.maincompareimgsliderbox{position:relative; margin:0 auto;width:720px; height:540px; overflow:hidden; }
	div.maincompareimgsliderback{position:absolute; top:0px; left:0px; width:100%; height:100%; background-size: cover; background-repeat:no-repeat;}
	div.maincompareimgsliderfront{position:absolute; top:0px; left:0px; width:50%; height:100%; background-size: cover; background-repeat:no-repeat;}
	div.maincompareimgslidercontrol{position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(../images_svg/main_nav_drag_slider_desktop.svg); background-repeat:no-repeat; background-position:center; background-size:48px 100%;}
	div.maincompareimgslidercontrol:hover{cursor:pointer;}
}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){
	div.maincompareimgsliderbox{position:relative;float:left;width:100%;margin:0px 0px 30px 0px;overflow:hidden;}
	div.maincompareimgsliderback{position:absolute; top:0px; left:0px; width:100%; height:100%; background-size: cover; background-repeat:no-repeat;}
	div.maincompareimgsliderfront{position:absolute; top:0px; left:0px; width:50%; height:100%; background-size: cover; background-repeat:no-repeat;}
	div.maincompareimgslidercontrol{position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(../images_svg/main_nav_drag_slider_mobile.svg); background-repeat:no-repeat; background-position:center;background-size:48px 100%;}
	div.maincompareimgslidercontrol:hover{cursor:pointer;}

}

/* ==========================================================================
   Share CSS
   ========================================================================== */