/* ---------------------------------------------------------------------- */
/*	Media Query cusomization for responsiveness
/* ---------------------------------------------------------------------- */


@media(min-width: 768px) and (max-width: 979px) {  
	.wrapper { 
		width:735px; 
		margin:0 auto;
	}
	
	.form-area h1, .form-area h1 strong {
		font-size: 20px;
	}
	
	.pricing .span4 {
		float: none;
		width: 80%;
		margin-left:0;
	}
	
	.author, .span2, .span3, .span4, .span5, .span6, .span7, .span8 {
		margin-bottom: 30px;
	}

	div.navbar{
		margin-bottom:0px!important;
	}
	
	#espacio1{
		display:none;
	}
 }
 
 
@media(min-width: 480px) and (max-width: 767px) {
	body {
		padding:0;
	}
	
	.wrapper {
		width:480px;
		margin:0 auto;
	}
	
	.navbar .nav > .active > a, .navbar .nav > .active > a:hover {
		background: #e5e5e5;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}

	.left-icon {
		clear: both;
	}
	
	.left-icon img {
		margin-top: 0;
		margin-right: 25px;
	}
	
	.banner h1 {
		text-align: center;
	}
	
	.nav-pills {
		display: inline-block;
		
	}
	
	.nav-tabs {
		display: none;
	}
	
	.hidden-tab-nav {
		text-align: center;
		border-bottom:1px dotted #DDD;
		margin-bottom: 20px;
	}
	
	.author, .span2, .span3, .span4, .span5, .span6, .span7, .span8 {
		margin-bottom: 30px;
	}
		
	
	.footer-bottom p, .footer-menu {
		float:none;
		text-align: center;
	}
	
	.navbar{
		margin-bottom:0px;
	}
	
	#espacio1{
		display:none;
	}
	
	a div.span8 p{
		padding-left:25% !important;
	}
	
 }

 @media(max-width:480px) {
 
	body {
		padding:0;
	}
	
	.wrapper { 
		width:300px; 
		margin:0 auto;
	}
	
	.navbar .nav > .active > a, .navbar .nav > .active > a:hover {
		background: #e5e5e5;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}

	.left-icon {
		clear: both;
	}
	
	.footer-bottom p {
		float:none;
		text-align: center;
	}
	
	.nav-pills {
		display: inline-block;
		
	}
	
	.nav-tabs {
		display: none;
	}
	
	.hidden-tab-nav {
		text-align: center;
		border-bottom:1px dotted #DDD;
		margin-bottom: 20px;
	}
	
	.author, .span2, .span3, .span4, .span5, .span6, .span7, .span8 {
		margin-bottom: 30px;
	}
	
	.author, .span2, .span3, .span4, .span5, .span6, .span7, .span8 {
		margin-bottom: 25px;
	}
	
	div.navbar{
		margin-bottom:0px!important;
	}
	
	a div.span8 p{
		padding-left:10% !important;
	}
	
	
 }