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

	html.open-mobile,body.open-mobile{
		overflow: hidden;
	}

	nav ul li ul{
		display: block !important;
	}

	header nav ul{
		padding-top: 0px;
	}

	div.image{
		height: 180px !important;
	}

	.hover-slider-control{
		opacity: 1 !important;
	}

	.nice-select.open .list{
		top: 0px !important;
		margin-top:0px !important;
	}

	#filter_box .current{
		width: 85px !important;
	}

	.price-and-details{
	    float: left;
	    position: relative;
	    right: initial;
	    text-align: center;
	    width: 100%;
	}

	.price-and-details div{
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.link-details{
		width: 180px;
	}

	.remove-mobile{
		display: none;
	}

	.bt-menu{
		padding-right: 15px;
	}

	#slider, #slider-interna{
		height: 63%;
	}

	div.caroucel{
		height: 100% !important;
	}

	.other-images{
		margin-bottom: 20px;
	}

	#nav .col-3-12:after{
		display: none !important;
	}

	.util{
		display: none;
	}

	#others{
		margin-top: 20px;
	}

	#others .page-title{
		margin-bottom: 10px;
	}

	#selecionados {
    	float: left;
    	padding-right: 0px;
    	padding: 0 10px;
    	width: 100%;
	}

	.price{
		padding-bottom: 0px;
	}

	#selecionados .col-3-12 a,
	#selecionados .col-6-12 a{
		height: 200px;
		float: left;
		padding-right: 0px;
		margin-bottom: 10px;
		width: 100%;
	}

	.auto-height{
		padding-top: 0px;
	}

	#selecionados .col-3-12,
	#selecionados .col-6-12{
		width: 	100%;
		float: left;
		margin: 0px;
		padding-right: 0px;
	}

	header nav a:before,
	header nav a:after {
		display: none;
	}

	header:after{
		display: none;
	}

	header:before{
		/*height: 140px;*/
	}

	section{
		padding: 20px 0;
	}

	header{
		height: 22%;
	}

	#home{
		height: 100%;
	}

	#home header{
		height: auto;
	}

	.map-contact{
		display: none;
	}

	#nav .slick-slide{
		max-width: initial;
	}

	.space-100,.col-last-child{
		padding: 0px !important;
	}

	.nav-content .btn{
		bottom: 0px;
		margin-top: 10px;
		position: relative;
	}

	.more{
		margin-bottom: 60px;
	}

	#form-contact.form-contact{
		padding-top: 0px;
	}

	#search_box{
		transition: 0.3s linear;
	}

	.row-red{
		padding-left: 0px;
	}

	.row-red:before{
		top: 35px;
	}

	.row-red h4{
		margin-bottom: 30px;
	}

	#bread-crumb{
		display: none;
		padding-left: 0px;
		text-indent: 20px;
	}

	.open-search .filter  #search_box,
	.open-search #search_box{
		margin-right: 0px;
		opacity: 1;
	}

	.open-mobile:after{
		opacity: 1;
		visibility: visible;
	}

	.open-mobile-menu header nav.container{
		opacity: 1;
		margin-left: 0px;
	}

	.hamburger-box{
		margin-top: 6px;
	}

	.filter #search_box,
	#search_box{
	    bottom: 0;
	    height: 100%;
	    left: inherit;
	    margin-right: -80%;
	    opacity: 0;
	    padding-top: 0;
	    position: fixed;
	    right: 0px;
	    width: 80%;
	    z-index: 999999999;
	}

	#search_box .btn{
		float: right;
		max-width: 70px;
	}

	#search_box form{
		float: left;
		margin-bottom: 40px;
		padding-bottom: 40px;
    	width: 100%;
	}

	.nice-select {
		margin-bottom: 10px;
	}

	#menu-mobile {
		display: block;
		float: left;
		height: 60px;
		text-align: center;
		width: 100%;
	}

	nav ul li ul{
		display: none;
		padding-top: 0px;
	    float: left;
	    width: 100%;
    	padding-left: 23px;
	}

	.open-submenu ul{
		display: block;
	}

	.open-submenu:before,
	.open-submenu:after{
		transform: rotate(135deg);
	}

	#menu-mobile .logo-mobile{
		display: inline-block;
		float: none;
		margin-top: 15px;
		vertical-align: middle;
		width: 162px;
	}

	#menu-mobile .search{
		background-position: -741px -3px;
    	height: 60px;
	}

	.logo-mobile .logo{
		background-size: 720px;
	}

	#top{
	    height: 60px;
    	background: #000 !important;
	}

	#top header {
		height: 60px;
	}

	.logo{
		display: none;
	}

	.bt{
		border: 1pt solid #fff;
		display: inline-block;
		height: 60px;
		min-width: 40px;
		padding: 0px;
		vertical-align: top;
	}

	.bt-search{
		border: none;
		float: left;
	}

	.bt-menu{
		border: none;
		float: right;
		padding-top: 10px;
	}

	.bt-search{
		padding-top: 10px;
	}

	#menus{
		float: left;
		height: 100%;
		overflow-y: auto;
		width: 100%;
	}

	header nav.container{
	    background: #000;
	    border-right: 2pt solid rgba(255, 255, 255, 0.32);
	    height: 100%;
	    margin-left: -80%;
	    max-width: 304px;
	    opacity: 0;
	    position: fixed;
	    width: 80%;
	    z-index: 9999;
	}

	header nav ul li{
		float: left;
		text-align: left;
		width: 100%;
	}

	header nav ul li a{
		padding-top: 20px;
	    border-bottom: 1pt solid #404040;
	    border-top: 1pt solid #0C0C0C;
	    float: left;
	    padding-bottom: 20px;
	    width: 100%;
	}

	#open-mobile{ display: block }

	/*
			INTERNAS
	*/

	.filter_bt{
		margin-bottom: 10px;
    	padding-left: 20px;
    	padding-right: 20px;
    	width: auto;
    	display: block;
	}

	#filter_box{
		padding-bottom: 0px;
	}

	#filter_fields{
		float: left;
    	height: 0px;
    	overflow: hidden;
    	width: 100%;
	}

	.box{
		height: auto;
    	padding: 20px 10px 30px 20px;
	}

	.view-mode{
		display: none;
	}

	#filter_box #filter_fields.open-filter{
		background: #eee;
		height: 100%;
		overflow: initial;
		padding-right: 0px;
		padding: 10px;
	}

	#filter_fields .col-2-12:first-child{
		width: 100%;
	}

	#filter_fields .col-2-12{
		float: left;
		margin-bottom: 0px;
		width: 50%;
	}

	#filter_fields .nice-select{
		margin-top: 0px;
	}

	.mb-o{
		display: block;
	}

	.more{
		margin-top: 20px;
	}

	.content-border{
		padding: 20px;
	}

	.steps ul li:nth-child(2){
		margin: 0 20px;
	}

	.steps{
		display: none;
		left: 0px;
		margin-top: -62px;
		position: relative;
	}

	#steps{
		margin-top: 30px;
	}

	#venda-seu-imovel .col-6-12{
		padding-left: 0px;
	}

	.bg-modal .window-modal{
		width: 90%;
	}

	.more-info{
		padding: 10px;
		width: 100%;
	}

	.bg-modal .window-modal:after{
		border: none;
	}

	#properties .col-6-12{
		padding-right: 0px;
	}

	#details .col-8-12{
		float: left;
	}

	#seller-contact{
		margin-top: 0px;
		overflow: hidden;
	}

	#slider-detail{
		height: 300px;
	}

	#slider-detail .slick-list{
		height: 100%;
	}

	#slider-detail .btn{
		opacity: 1 !important;
		transform: scale(0.5);
    	margin: 0px;
    	top: 50%;
	}

	.conrows-btn{
		height: 100%;
	}

	.legend:before{
		display: none;
	}

	.slider-nav{
		display: none !important;
	}

	div.caroucel{
		height: 280px;
   		background-position: center;
   		background-repeat: no-repeat;
   	 	background-size: cover;
	}

	.places li a,
	.places li{
		height: auto;
		margin-right: 0px;
	}
	
	.places li a:before{
		display: none;
	}

	#thumb-office{
		left: initial;
		top: initial;
		width: 240px;
	}

	.conrows-btn:before{
		display: none;
	}

	.image-nav{
		background: #000 !important;
		opacity: 1 !important;
	}

	.image-nav-content{
		background: rgba(0, 0, 0, 0.8)
	}

	#thumb-office .slick-next{
		right: -29px;
	}

	#thumb-office{
		float: left;
		margin: 0 auto;
		position: relative;
		width: 100%;
		display: none;
	}

	#office {
    	border: 1pt solid #eee;
    	float: left;
    	padding: 4px;
    	width: 100%;
	}

	#grupo-lopes{
		background: none;
	}

	.align{
		padding-top: 0px !important;
		padding-left: 0px !important;
		padding-bottom: 0px !important;
	}

	.brooke-contact{
		height: auto;
    	margin-left: 0px;
    	padding: 10px;
	}

	.brooke-contact .col-4-12,
	.brooke-contact .col-3-12{
		width: 49%;
	}

	.brooke-contact .icon{
		display: none;
	}

	#brookers .brooke{
		height: 200px;
	}

	#brookers .brooke:before{
		display: none;
	}
	
	.info-brooker{
		margin-right: 0px;
	}

	#brookers p{
		padding-left: 0px !important;
	}

	.bg-gray p{
		margin-bottom: 0px !important
	}

	.brooke-contact:after{
		display: none;
	}

	#nav{
		bottom: 18px;
    	padding: 0px;
	}

	#nav button{
		display: none !important;
	}

	.row-up-white{
		display: none !important;
	}

	.nav-active.nav-content label{
		background: rgb(35, 35, 35) !important;
	}

	footer{
		margin-top:0px;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	footer .contact,
	footer .send{
		display: none !important;
	}

	footer i{
		float: none !important;
	}

	footer .separator p {
		max-width: 100%;
	}

	footer .separator{
		padding-top: 0px;
		border-top: 0px;
		text-align: center;
	}

	.nice-select .list{
		min-width: initial !important;
	}

	#location,
	#map{
		display: none;
	}

	#nav .nav-content{
	    height: 280px;
	    margin-top: -40px;
	}

	#nav .nav-content .image-nav:before{
	    opacity: 0;
	}

	#nav .nav-content label{
	    background: #000;
	}

	#nav .nav-content .image-nav{
	    opacity: 0.1;
	}

	#nav .nav-content .image-nav-content{
	    height: 80%;
	}

	#nav .nav-content .description{
	    display: block;
	    opacity: 1;
	    visibility: visible;
	}

	#seller-contact{
		/*display: none;*/
	}

	.slider-detail{
		height: 100%;
	}

	#seller-contact{
		opacity: 0;
		visibility: hidden;
		position: fixed;
	    height: 100%;
	    left: 0px;
	    overflow: auto;
	    top: 0px;
	    z-index: 999999999;
	}

	.other-box{
		padding-right: 10px;
	}

	.other-images{
		width: 100%;
	}

	footer .icon{
		/*display: none !important;*/
	}

	#selections{
		height: initial !important;
	}

	.bt-menu{
		margin-right: 10px;
	}
}

/* LANDSCAPE MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	#search-box{
		display: none;
	}
}


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

	[class*=col-]{
		padding-right: 10px;
	}

	#top{
		overflow: hidden;
		padding-left: 0px;
		padding-right: 0px;
	}

	header nav a{
		padding-left: 0px;
		padding-right: 10px;
	}

	header nav a:before,
	header nav a:after{
		display: none;
	}

	.box{
		height: auto;
	}

	#menus{
		padding-right: 0px;
	}

	#search_box .col-2-12{
		width: 22%;
		padding-right: 10px;
	}

	#search_box .col-2-12,
	#search_box .col-10-12{
		padding-right: 10px;
	}

	#search_box .col-10-12{
		width: 67%;
	}

	#search_box .col-10-12 .col-2-12{
		width: 30%;
		padding-right: 0px !important;
	}

	#search_box .col-10-12{
		width: 78%;
	}

	#search_box .search{
		background-position: -745px -10px;
	}

	#search_box .col-6-12{
		width: 34%;
	}

	.nice-select:after{
		right: 9px;
	}

	#filter_fields label{
		display: none;
	}

	.nice-select:after{
		background: #fff;
		padding: 4px;
	}

	#filter_box .current:before{
	    background: #fff;
	    content: '';
	    height: 36px;
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    width: 35px;
	}

	.full .col-6-12:nth-child(2){
		padding-right: 0px;
	}

	.btn-default{
		opacity: 1 !important;
	}

	#details .col-8-12,
	#details .col-4-12{
		width: 50%
	}

	#seller-contact{
		margin-top: 0px;
	}

	.places li{
		margin-right: 0px;
	}

	.places li, .places li a{
		width: 87px;
		margin-right: 5px;
	}

	.places li span{
		font-size: 10px;
	}

	.places .place-active{
		left: 12px;
	}

	.other-images{
		width: 100%;
		margin-bottom: 10px;
	}

	.other-box{
		padding-right: 10px;
	}

	.map-contact{
	    background: none;
	    border: none;
	    padding-left: 20px;
	}

	.steps ul li:nth-child(2){
		margin: 0 230px;
	}

	#venda-seu-imovel .col-6-12{
		padding-left: 30px;
	}

	#venda-seu-imovel .col-last-child{
		padding-right: 30px !important;
	}

	.auto p{
		width: 90%;
	}

	.img-sel{
		background-size: cover !important;
	}

	#nav .slick-slide {
    	max-width: initial;
	}

	#nav .slick-arrow{
		display: none !important;
	}
	#nav .nav-content{
	    height: 280px;
	    margin-top: -40px;
	}

	#nav .nav-content .image-nav:before{
	    opacity: 0;
	}

	#nav .nav-content label{
	    background: #000;
	}

	#nav .nav-content .image-nav{
	    opacity: 0.3;
	}

	#nav .nav-content .image-nav-content{
	    height: 80%;
	}

	#nav .nav-content .description{
	    display: block;
	    opacity: 1;
	    visibility: visible;
	}

	/* TABLET */
	.image-nav{
	/*background: #000 !important;*/
	}

	#selecionados {
    	float: left;
    	padding-right: 10px;
    	width: 100%;
	}

	#pagination{
		margin-bottom: 24px;
	}

	#selections{
		height: initial !important;
	}

	footer{
		margin-top: 0px;
	}

	footer .icon{
		display: none !important;
	}

	.hover-slider-control{
		opacity: 1;
	}

	.icon{
		display: none;
	}

	#properties .col-6-12{
		width: 100%;
	}

	.view-mode{
		opacity: 0;
		visibility: hidden;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.image{
		height: 323px;
	}

	.hover-slider-control{
		opacity: 1;
	}

	.icon{
		display: none;
	}
	#properties .col-6-12:nth-child(even){
		padding: 0px !important;
	}

	footer .separator p{
		max-width: 179px;
	}

	#thumb-office{
		left: -380px;
	}

	#properties .col-6-12{
		width: 50%;
	}

	#properties.view-in-list .col-6-12{
		width: 100%;
	}
}