/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width: 1000px) {
	div.mainslidertextbox{position:relative;float:left;width:100%;height:200px; min-height:200px; margin:30px 0px 30px 0px;}
	div.mainslidertext{position:absolute;top:20px;left:5%;width:90%;height:100%; text-align:center; background-color:#FFF;}
	strong.mainslidertextmsg{font-size:25px; font-weight:bold; line-height:1.2em;}
	p.mainslidertextsubmsg{font-size:15px; font-weight:normal; font-style:italic; margin:10px 0px 0px 0px;line-height:1.2em;}
		
	a.mainslidertextleftbtn{display:block;position:absolute; width:50%; height:100%;top:0px;left:0px; z-index:80;}
	a.mainsliderrighttextbtn{display:block;position:absolute;width:50%; height:100%;top:0px;right:0px;z-index:80;}

	div.mainslidertextdotmenu{position:absolute;width:100%; height:30px; left:0px;bottom:10px; padding:5px 0px 5px 0px;text-align:center; z-index:80; }
	a.mainslidertextdot{width:10px; height:10px; display:inline-block; margin:0px 5px 0px 5px; background-color:#999999;border-radius: 10px;}
	a.mainslidertextdot:hover{width:10px; height:10px; display:inline-block; margin:0px 5px 0px 5px; background-color:#333333;border-radius: 10px;}
	a.mainslidertextdoton{width:10px; height:10px; display:inline-block; margin:0px 5px 0px 5px; background-color:#333333;border-radius: 10px;}
	a.mainslidertextdoton:hover{width:10px; height:10px; display:inline-block; margin:0px 5px 0px 5px; background-color:#333333;border-radius: 10px;}
}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){
	div.mainslidertextbox{position:relative;float:left;width:100%;height:200px; max-height:200px; margin:30px 0px 50px 0px;} /*Adjust max height based on text*/
	div.mainslidertext{position:absolute;top:0px;left:0px;width:100%;text-align:center;background-color:#FFF;}
	strong.mainslidertextmsg{font-size:25px; font-weight:bold; line-height:1.2em;}
	p.mainslidertextsubmsg{font-size:15px; font-weight:normal; font-style:italic;  margin:10px 0px 0px 0px;line-height:1.2em;}

	a.mainslidertextleftbtn{display:block;position:absolute; width:50%; height:100%;top:0px;left:0px; z-index:80;}
	a.mainsliderrighttextbtn{display:block;position:absolute;width:50%; height:100%;top:0px;right:0px;z-index:80;}

	div.mainslidertextdotmenu{position:absolute;width:100%; height:30px; left:0px;bottom:-50px; padding:5px 0px 5px 0px;text-align:center; z-index:80; }
	a.mainslidertextdot{width:10px; height:10px; display:inline-block; margin:0px 5px 0px 5px; background-color:#999999;border-radius: 10px;}
	a.mainslidertextdot:hover{width:10px; height:10px; display:inline-block; margin:0px 5px 0px 5px; background-color:#333333;border-radius: 10px;}
	a.mainslidertextdoton{width:10px; height:10px; display:inline-block; margin:0px 5px 0px 5px; background-color:#333333;border-radius: 10px;}
	a.mainslidertextdoton:hover{width:10px; height:10px; display:inline-block; margin:0px 5px 0px 5px; background-color:#333333;border-radius: 10px;}

}

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

/*Main slider animation*/
div.mainslidertextfadein{opacity:1;transition: all 0.5s ease-out 0s;z-index:20;}
div.mainslidertextfadeout{opacity:0;transition: all 0.5s ease-out 0s;z-index:1;}