/* ==========================================================================
 Media Queries
 ========================================================================== */



/* ---------------------------------------------------------------------- */
/*	Version 1024px
/* ---------------------------------------------------------------------- */
@media handheld, only  screen and (max-width: 1024px) {
	#newsletter form input[type="text"], #newsletter form input[type="email"] {
		width: 227px;
	}
	.naviga ul li a {
		font-size: 15px;
		padding: 44px 10px;
	}
}


/* ---------------------------------------------------------------------- */
/*	Mobile Version 767px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 767px) {
	body {
		font-size: 80%;
	}
	header#home #menu-toggle {
		display: block !important;
	}
	header.fixed .naviga ul li a {
		padding: 22px 10px;
	}
	.naviga ul li a {
		font-size: 15px;
		padding: 44px 10px;
	}

	/*hero*/
	section.hero .desc h1 {
		text-align: center;
	}
	.hero .desc {
		padding: 19px 0 0;
	}
	.hero .desc a.download {
		margin: 20px auto;
	}
	.hero .desc p{
		margin: 0 20px;
		text-align: center;
		font-size: 1.2em;
	}
	
	/*About*/
	#about h1 br {
		display: none;
	}
	#about .container h1 {
		margin: 34px 0 0;
		text-align:center;
		font-size: 2.3em;
	}
	#about .container p {
		font-size: 1.2em;
		line-height: 1.6em;
		text-align:center;
	}
	#about .container a{
		text-align:center;
		display:block;
		float:none;
	}
	
	/*Features*/
	#features .container .item {
		text-align:center;
	}
	#features .feature-left p, #features .feature-left h3, #features .feature-right p, #features .feature-right h3 {
		text-align:center;
	}
	#features .feature-left, #features .feature-right{
		margin:0;
	}
	.feature-left p, .feature-right p{
		font-size: 1.3em;
	}
	#features .feature-center img {
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 80%;
	}
	.feature-left, .feature-right {
		margin-top: 0px;
	}
	.feature-center img {
		margin: 0;
	}
	
	/*newsletter*/
	section#newsletter .container {
		background-position:center top;
		padding:0 20px 0 0;
	}
	section#newsletter .container form input[type="text"], section#newsletter .container form input[type="email"]{
		display: block;
		margin: 10px auto 10px;
		padding: 10px;
		text-align: left;
		font-size:1.5em;
		width: 100%;
	}
	
	
	/*Gallery*/
	#screenshot.genericBox h3 {
		font-size: 3.3em;
	}
	#gallery .col {
		float: none;
		width: 100%;
	}
	/*Tweeter*/
	section.twitter .tweet {
		font-size: 1em;
	}
	/*pricing*/
	#pricing .genericBox h3 {
		font-size: 2.3em;
	}
	#pricing ul li a{
		font-size: 16px;
		line-height: 24px;
	}
	/*video*/
	#video .genericBox h3 {
		font-size: 2.3em;
	}
	.easyPieChart canvas {
		position: absolute;
		top: 21px!important;
		left: 23px!important;
		width: 116px!important;
		height: 115px!important;
	}
	
	
	/*footer*/
	footer p {
		text-align: center;
	}
	footer .social {
		float: none;
		margin: 0;
	}
	
	
	/* create menu mobile */
	#main-menu.naviga {
		display: none;
	}
	.naviga ul li a em, #menu-toggle, .naviga ul li a#contact_icon em {
		display: block;
	}
	.naviga ul li a em {
		font-style: normal;
	}
	
	header.fixed #main-menu.naviga {
		margin-top: 59px;
	}
	.naviga ul li a#contact_icon {

		text-indent: 0px;
	}
	.naviga ul li a#contact_icon span {
		display: inline;
	}
	.naviga ul li a#contact_icon i {
		display: none;
	}
}


/* ---------------------------------------------------------------------- */
/*	Mobile Version 480px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 480px) {
	#newsletter .container {
		padding: 97px 28px 28px 28px!important;
	}
	#newsletter form input[type="submit"] {
		display: block;
		margin: 0 auto;
	}
	#twitter-widget i {
	    color: #FEBD59;
	    display: block;
	    float: none;
	    font-size: 82px;
	    margin: 0 auto !important;
	    text-align: left;
	}
	#newsletter form input[type="text"], #newsletter form input[type="email"] {
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    height: 47px;
	    line-height: 2em;
	    padding: 0 10px;
	    width: 100%;
	}

}


