/*	===========================
	Max > 1024
	Mobile Landscape
	Tablet
============================ */

@media (max-width: 1024px) {
	.main-banner h1 {
		font-size: 26px;
	}

	.services-boxes .column.half h5 { font-size: 19px; }
	.services-boxes .column.half p { font-size: 13px; }
}

/*	===========================
	Max > 768
	Mobile Landscape
	Tablet
============================ */

@media (max-width: 768px) {

	/*	=============
		Main Banner
	================= */

	.main-banner .home-frase { top: 250px; }

	.main-banner .main-logo {
		display: inline-block;
		height: 126px;
		width: 50%;
		margin: 65px 25%;
		text-align: center;
		float: none !important;
		position: relative;
		top: -250px;
		right: -160px;
	}

	.container-logo { width: 100%; }
	.container-logo .col-xs-offset-2 { margin-left: 36.666667%; }
	.container-logo .col-xs-4 { width: 12.333333%; }

	.services-boxes .column.half h5 { font-size: 16px; }
	.services-boxes .column.half p { font-size: 12px; }

	.services-boxes .what-we-do {
		width: 190px;
		height: 190px;
	}

	.flexslider-footer .city-principal { margin-top: 180px; }
	.flexslider-footer .city { margin-top: -600px; }
	section .contato { padding-top: 35em; }

	.fa-4 { font-size: 4em; }

	/*	=============
		Projetos
	================= */

	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
	}

	figure.effect-bubba h2 { padding-top: 30%; }

	/*	=============
		Frase
	================= */

	section#frase h1 { font-size: 38px; }
	.lampada {
		background-image: url(../images/sprite-lampada-@768px.png);
		height: 321px;
		margin-top: -70px !important;
		width: 370px;
	}
		.lampada.on { background-position: -382px 0; }

	/*	=============
		Footer
	================= */

	#map-canvas { height: 380px; }
	footer.footer .contato .col-xs-3:first-child { margin-left: 20px; }
	footer.footer .contato .col-xs-3:last-child { margin-left: 10px; }
	footer.footer .fa-4 { font-size: 3em; }
	footer.footer address { margin-top: -20px; }

/*	h1 { font-size: 32px; }
	h2 { font-size: 26px; }
	h3 { font-size: 20px; }*/

	/*	===========================
		Separators Page's
	============================ */

	.separator_page_small_small { padding: .5em 0; }
	.separator_page_small {	padding: 1.5em 0; }
	.separator_page_medium { padding: 2.5em 0; }
	.separator_page_big { padding: 5em 0; }

}

/*	===========================
	Max > 640
	Mobile
============================ */

@media (max-width: 640px) {

	/*	=============
		Main Banner
	================= */

	.main-banner h1,
	.main-banner h2 { font-size: 34px; }

	.home-frase,
	.home-frase2 { width: 640px; }

	/*	=============
		Frase
	================= */

	section#frase h1 { font-size: 34px; }
	.lampada {
		background-image: url(../images/sprite-lampada-@640px.png);
		height: 221px;
		margin-top: -70px !important;
		width: 255px;
	}
		.lampada.on { background-position: -270px 0; }

	/*	=============
		Projetos
	================= */

	figure.effect-bubba h2 { padding-top: 37%; }

	/*	=============
		Comece seu projeto
	================= */

	.control-label {
		line-height: 55px;
		text-align: right;
	}

	/*	=============
		Footer
	================= */

	#map-canvas { height: 300px; }

}

/*	===========================
	Max > 480
	Mobile
============================ */

@media (max-width: 480px) {

	h1 { letter-spacing: -2px; }
/*	h2 { font-size: 17px; }
	h3 { font-size: 15px; }
	h4 { font-size: 11px; }

	p { font-size: 12px; }*/

	.containter-logo {
		position: absolute;
		right: 20px;
	}

	/*	=============
		Main Banner
	================= */

	.main-banner h1,
	.main-banner h2 {
		font-size: 26px;
	}

	/*	=============
		Frase
	================= */

	.home-frase,
	.home-frase2 { width: 480px; }

	section#frase h1 {
		font-size: 24px;
		line-height: 40px;
		z-index: 1;
	}

	.lampada {
		background-image: url(../images/sprite-lampada-@640px.png);
		height: 221px;
		margin-left: -58px;
		margin-top: -70px !important;
		position: relative;
		width: 255px;
		z-index: 0;
	}
		.lampada.on { background-position: -270px 0; }

	/*	=============
		Comece seu projeto
	================= */

	.steps > ul li, .wizard .actions ul > li { font-size: 11px; }

	/*	=============
		Footer
	================= */

	footer.footer address {	font-size: 11px; }

	.form-control, .control-label { font-size: 14px; }

}

/*	===========================
	Max > 320
	Mobile
============================ */

@media (max-width: 321px) {

/*	h1 { font-size: 20px; }
	h2 { font-size: 17px; }
	h3 { font-size: 15px; }
	h4 { font-size: 11px; }

	p { font-size: 12px; }
*/

	/*	=============
		Request Completed
	================= */

/*	section.request-completed img { margin: 0 auto 10px; width: 100px; }*/


	/*	=============
		Service Ecommerce
		Cadence
		Tabs
	================= */

}


@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}