/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
#header .atalhos { display:none !important; }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
@media only screen and (min-device-width : 1025px) and (max-device-width : 1223px) {
/* Styles */

}
/* Desktops and laptops ----------- */
@media only screen and (max-width : 330px) {
/* Styles */
    #header .atalhos { display:none !important; }

}

/*
@media only screen and (max-width: 767px){

    
	.wrapper 			{ 	width:100%; }
    #content .wrapper 		{ 	width:100%; }
    
	#content .html-pagina 	{ 	font-size:12px !important;}
    #header a { font-size:85% !important; }
    #header .atalhos li { margin:0 5px 0 0!important; padding:0 5px 0 0 !important; }
    #header .atalhos li:first-child { display:none !important; margin:0 !important; }
    #header .area-cliente { padding:0 10px !important; }
    #header .btn-fale-conosco > img { display:inline-block; }
    #header .btn-fale-conosco > span { display:none; }
    #header .menu-topo .busca { display:none; }
    #header .atalhos { display:none !important; }


    #header .mini-menu-principal { display:block !important; width:250px; text-align:right; padding:6px 20px 0 0; float:right; height:44px; }
    #header .menu-principal 					{ 	background-image:none; background-color:#00242D; }
    #header .menu-principal.escondido ul			{ 	display:none; }
    #header .menu-principal ul					{ 	display:block; width:100%; list-style:none; margin:0; padding:0; text-align:right; line-height:140%; }
    #header .menu-principal ul li,

    #header .menu-principal ul li a 			{ 	color:#FFF !important; text-transform:uppercase; width:100%; display:block !important; font-weight:300; font-size:14px !important; }
    #header .menu-principal ul li.mobile 		{ 	display:block; visibility: visible; }
	#header .menu-principal ul li.link-flexlog span	{	display: none; }
	#header .menu-principal ul li.link-flexlog a	{	width: 100%; display: block !important; text-align: center; }
	#header .menu-principal ul li.link-flexlog a img { position: relative; right:auto; top:auto; }



	#content {  min-height:194px; }
	#content .titulo-pagina { 	color:#FFF; font-size:20px !important; background:url(../images/bkg_titulo_pagina.jpg) 50% 50% repeat; background-size:50% auto; height:auto !important; line-height:45px !important; padding:0 !important; text-align:center !important; }

    #content .html-pagina 				{ 	width:100%; float:none; font-size:12px !important; line-height:normal!important; margin:0 !important; }
    #content .col-esquerda 				{ 	float:none; width:100%; margin:0; }
    #content .col-meio 					{ 	margin:10px !important;  }
    #content .col-esquerda > ul 			{ 	list-style:none; background:#FFF; width:100%; }
    #content .col-esquerda ul li		{ 	display:block; border-bottom:1px solid #d6d6d6; background:url(../images/lbl_marcador_menu_pagina.png) 12px 10px no-repeat #fff; padding-right:0 !important; width:100%; }
    #content .col-esquerda > ul > li.sel	{ 	background-color:#11476C; background-position:12px -21px !important; }
    #content .col-esquerda > ul > li:hover	{ 	background-color:#175898; background-position:12px -21px !important; }
    #content .col-esquerda > ul > li > a		{ 	font-size:11px; font-weight:400; color:#666; margin:0 10px 0 0; display:block; vertical-align:middle; text-transform:uppercase; padding:7px 0 6px 20px; line-height:120%; }

    .empreendimentos > .item { display:block; margin:0 0 30px 0;  clear:both; min-height:130px; margin-bottom:20px; width:100% !important; }
    .empreendimentos > .item > .detalhes { font-size:12px; width:95%; }
	.empreendimentos > .item > .detalhes > h4 { font-size:14px; }
    .empreendimentos > .item > .imagem { width:100%; }

    #content .galeria-imagens li { 	width:49%; margin:0 0.9% .9% 0; }

    .formulario { width:92%; }
    .formulario select,
    .formulario textarea,
    .formulario input { width:100% !important; margin:0 !important; }

    #footer address { width:45%; float:left; display:block; text-align:center; line-height: normal; }
    #footer address a { float:none; margin-top:5px; }
    #footer address span { float:left; display:block; clear:left; width:100%; }
	#footer address a > img		{	float: left; margin:2px 10px 0 0; }
    #footer address a > strong	{	font-size:16px; }
	*/
}

@media only screen and (max-width : 480px) {
/* Styles */
    
	#content .galeria-imagens li { 	width:100% !important; margin:0 0 1.2% 0;}
	
	
}

@media only screen and (max-width: 600px) {
	
	#content .galeria-imagens li { 	width:48% !important; margin:0 1.2% 1.2% 0;}
	#content .bloco.areas-de-atuacao ul > li { display: block; margin: 0 0 30px 0; text-align: center;}
	#content .bloco.areas-de-atuacao ul > li > a { display: inline-block; }
	#content #banner-home { height: 200px !important; }
	#content #banner-home li .textos { background-size: auto 100%; background-position: 100% 150%; height: auto; padding-top: 140px;}
	#content #banner-home .textos .nome { display: none; }
	#content #banner-home .textos .titulo { font-size: 16px !important; }
	
	#footer address { width:50% !important;  margin: 0; padding: 0; text-align: center; }
    #footer address > a { display: inline-block; text-align: center; width: 100%; float: none;}
	#footer address > a strong { display: block; text-align: center; width: 100%; }
	#footer address > a strong img		{	margin:0; }
	#footer address > span { display: none !important;}	
	#footer .copyright 	{ 	height: 45px;clear:both; background-color: #272727; text-transform: uppercase; vertical-align: middle; color: #7c7c7c;}
	#footer .direitos,
	#footer .developed			{ 	text-align: center !important; float: none !important; display: block!important; }
}

@media only screen and (max-height: 600px) {

	#content {  min-height:67px; margin-bottom:40px; }
   	
}


@media only screen and (max-width : 768px) {
/* Styles */
    
	#header .mini-menu-principal { display:block !important; width:160px; text-align:right; padding:6px 20px 0 0; float:right; height:34px; margin-top: -6px; }
    #header .menu-principal 					{ 	 }
	#header .menu-principal.escondido ul		{ 	display: none; }
	#header .menu-principal ul					{ 	display:block; width:100%; list-style:none; margin:0 !important; padding:0; text-align:right; line-height:100%; background-color: #1C71A7; }
	#header .menu-principal ul li 				{ 	display: block; float:none; margin:0 !important; padding: 0; height:auto; border-bottom:1px solid #3F91C4; }
	#header .menu-principal ul li:hover 		{ 	border-bottom-width: 1px !important; }
	#header .menu-principal ul li.sel 			{ 	border-bottom-width: 1px !important; }
	#header .menu-principal ul li a 			{ 	padding: 5px 20px 5px 0; display: block; }
	#header .menu-principal ul li a:hover 		{ 	color:#9ccaff;  }
	#header .menu-principal ul li.mobile 		{ 	display:block; visibility: visible; }
	
	
	#content .galeria-imagens li { 	width:32% ; margin:0 1.2% 1.2% 0;}
	.nav-select { display: block !important; }
	.side-menu .navbar { display: none; }
	.side-menu { float: none; width: 100%; height: auto; border: 0; padding: 0 !important; margin: 0 !important; }
	#content .col-meio .content.html 	{ 	float: none; width: 100%; border: 0; }
	#content .col-meio 					{ 	margin:0 !important; padding: 0 !important; width: 100%; }
	
	#content #banner-home { height: 200px; }
	#content #banner-home .textos .nome { display: none; }
	#content #banner-home .textos .titulo { font-size: 18px; }
	
	#footer  { 	position: relative !important; }
	#footer .wrapper 			{ 	margin:0 ; text-align:center; padding: 0 10px;}
	#footer address a 		{ display: none; }
	#footer .atalhos 		{ 	float: none; text-align: center;}

}

@media only screen and (max-width : 1024px) {

	
	#header .logo-site { width:130px; height:56px; border:0; }
	#header .logo-site > a { line-height: 55px; height: 30px; }
	#header .logo-site.smaller > a 		{ 	line-height: 55px; height: 30px; }
    #header .busca 	{ display: none; }
	#content #banner-home { height: 340px; }
	#content #banner-home li .textos { background-size: auto 75%; background-position: 100% 150%; height: 220px;}
	#content #banner-home .textos .nome { font-size: 12px; padding-bottom: 0; margin-bottom: 10px; }
	#content #banner-home .textos .titulo { font-size: 24px; margin-bottom: 20px; }

	#content .btn-voltar { bottom:30px; right:20px; padding: 2px 9px; font-size: 10px; }
	.empreendimentos > .item > .detalhes > .nome { font-size:20px; }
	.empreendimentos > .item > .detalhes > .descricao { font-size:14px; }
	#content .titulo-pagina 	{ 	color:#FFF; font-size:18px; }
	#content .html-pagina p,
	#content .html-pagina div { 	font-size: 12px; }
	
	#header .menu-principal ul li 				{ 	margin:0 15px 0 0;}
	#header .menu-principal ul li:hover 		{ 	border-bottom: 3px solid #5993d7; }
	#header .menu-principal ul li.sel 			{ 	border-bottom: 3px solid #FFF; }
	#header .menu-principal ul li.sel a 		{ 	color:#ffffff; }
	#header .menu-principal ul li a 			{ 	color:#9bb3c8; text-transform:uppercase; font-weight:300; font-size:13px; }
	#header .menu-principal ul li a:hover 		{ 	color:#9ccaff;  }
	#header .menu-principal ul li.mobile 		{ 	display:none; visibility:hidden; }
	
}

@media only screen and (max-width : 1223px) {
/* Styles */
    .wrapper 		{ 	width:100%; }
	#content .wrapper 		{ 	width:100%; }

}

@media only screen and (min-width : 1224px) {
/* Styles */

}

@media only screen and (min-width : 1338px) {
/* Styles */

}