/* • Intro
	------------------------------------------------------------------------- */
	.into-txt-m { max-width: 1280px; margin:0 auto; text-align: center;	}

	#intro { height:auto; overflow:hidden; background:url(images/bg-intro-ipad.gif) repeat center center; padding:60px 0}
	#intro div {text-align: center;}
	#intro .intro-txt { width: 60%; margin:0 auto; margin-bottom:50px; line-height:2.5}
	.red-dot { width:20px; height:20px; background-color:#ba2950; margin:0 auto;
	              -webkit-border-radius: 50px;
	                 -moz-border-radius: 50px; 
	                      border-radius: 50px;}

    .tp-bgimg   {  display:none;}

	/* ==========================================================================
		Media Styles
	============================================================================= */


	@media only screen and (max-width:1024px) {
	.into-txt-m { height:auto;}
	#intro { height:auto; overflow:hidden; background:url(images/bg-intro-ipad.gif) repeat center center; padding:60px 0 0 0}

	#intro div { color:#fff; margin-bottom:20px}
	.into-txt-m { width:80%; text-align:center; margin:0 auto; display:block; transition: all 0.3s ease-out;}
    #intro .intro-txt { width: 100%; margin:0 auto; margin-bottom:40px;}
	}

	@media only screen and (max-width: 768px) {
	.into-txt-m { width:70%;}
	#intro {padding:50px 0 0 0} 
	#intro .intro-txt { margin-bottom:60px;}

	}

	@media only screen and (max-width: 479px) {
	.into-txt-m { width:80%}

	}