/* RESPONSIVE *********************************************************************/	
	
	
@media (min-width: 768px) {
	
	.navbar-nav > li > a {
		padding-top: 25px;
		padding-bottom: 25px; 
	}
		
	section#price .price-box {
		height: 230px;
		width: 230px;
	}
	
	section#price .price-box p.value {
		padding-bottom: 20px;
	}

}

@media (max-width: 1100px) { 
	
	section#about p.tie {
		display:none;
	}
}


/* Large desktop */
@media (min-width: 1200px) { 

}


 
/* Portrait tablet to landscape and desktop */
@media (min-width: 767px) and (max-width: 978px) { 


/* SECTION REQUIRED ****/

	section#required .column-steps {
		margin-top: 20px;
		background-position: 50% 0;
		min-height: 620px;
	}
	
	
}


/* Landscape phone to portrait tablet */
@media (max-width: 868px) { 
 
	section#edirectory img {
		position: relative;
		margin-top: 0;
		max-width: 200%;
		z-index: 10;
	}

}
 
 
/* Landscape phone to portrait tablet */
@media (max-width: 768px) { 

	.navbar-nav > li > a {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	
/* SECTION EDIRECTORY ****/	

section#edirectory {
	max-height: inherit;
	padding: 9em 10% 7em;
}

	section#edirectory img {
		max-width: 100%;
		margin-top: 0;
	}
	
	

/* SECTION RECURSOS ****/

section#recursos {
}

	section#recursos h2 {
		margin-bottom: 40px;
	}
		
	section#recursos .arrow-more {
		bottom: 50px;
		left: 30%;
		font-size: 1.2em;
		background-size: 40%;
		padding-right: 60px;
	}
	
	section#recursos .btn-features {
		padding: 30px 35px
	}


/* SECTION HOW IT WORKS ****/

section#howitworks-steps {
}

	section#howitworks-steps .demo-1 .sl-slide h2 {
		font-size: 4em;
	}
	
	section#howitworks-steps .deco,
	section#howitworks-steps .demo-1 .bg-3 .deco {
		width: 160px;
		height: 160px;
		bottom: 60%;
		margin: 0 0 0 -80px;
		line-height: 160px;
	}

/* SECTION REQUIRED ****/

/* SECTION ABOUT ****/

section#about {
}

	section#about p.tie,
	section#about p.flip-up {
		display:none;
	}
	
	
/* SECTION CLIENTS ****/

/* SECTION TESTIMONIAL ****/

/* SECTION PRICE ****/

section#price  {
}

	section#price .price-box {
		height: 195px;
		width: 195px;
		font-size: 1em;
		margin-top: 20px;
	}

/* SECTION CONTACT ****/



}
 
@media (min-width: 767px) and (max-width: 768px)  {
	.navbar-nav > li > a {
		padding: 25px 0;
		font-size: 13px;
	}
}



 
/* Landscape phones and down */
@media (max-width: 480px) { 

body {
	padding-top: 73px;
}

.navbar-nav > li > a {
	padding-left: 15px;
	padding-right: 15px;
}

.btn {
	margin: 15px auto; 
}
	
.btn-4, 
a.btn-4, 
a.btn-4:visited, 
a.btn-4:link {
	width: 100%;
	padding: 25px 0;
	text-align: center;
}

.dots-line {
	display:none;;
}


/* SECTIONS ****/

section {
}

	section h2,
	.container > header h1 {
		font-size: 4em;
	}


/* SECTION EDIRECTORY ****/

section#edirectory {
	max-height: inherit;
	padding: 9em 10% 1em;
}
	
		section#edirectory img {
			top: 0; 
			max-width: 200%;
			z-index: 10;
		}
		
		.ss-style-triangles::before, 
		.ss-style-triangles::after {
			height: 40px;
			left: 47%;
		}
		
		.ss-style-triangles::before {
			bottom: 0;
		}
		

/* SECTION RECURSOS ****/

section#recursos {
}
	
	section#recursos .arrow-more {
		left: 5%;
	}


/* SECTION HOW IT WORKS ****/

section#required .column-steps img {
	max-width: 100%;
}

/* SECTION REQUIRED ****/

section#required  {
}

	section#required .column-steps {
		margin-top: 20px;
		min-height: 475px;
	}
	
	section#required p {
		word-wrap: break-word;
	}
	

/* SECTION ABOUT ****/

section#about {
}

	section#about p.tie,
	section#about p.flip-up {
		display:none;
	}
	

/* SECTION CLIENTS ****/


/* SECTION TESTIMONIAL ****/

section#testimonial {
}

	section#testimonial .testimonial-info {
		float:none; 
	}
	
	section#testimonial p {
		font-size: 1em; 
	}


/* SECTION PRICE ****/

section#price {
}

	section#price .price-box {
		margin: 30px auto 0; 
		float:none;
	}
	
	section#price .col-md-8 {
		padding:0;
		text-align:center;
	}
	
	section#price .btn {
		margin-bottom: 60px;
	}


/* SECTION CONTACT ****/

section#contact {
}

	section#contact .pull-right {
		font-size: 16px;
		margin-top: 0;
		float: none !important;
		clear: both;
		display: block;
		text-align: left; 
	}
	
	

}