@media (max-width: 980px) {
	.nav li{width: 110px }
	.nav li:nth-child(4){width: 140px }
	#bgTopIni .h1{
		line-height: 50px;
		padding-top: 0
	}
	.barraTop ul li{
	   display: inline-block;
	   float: none;
	   vertical-align: top;
	   text-align: center;
	   width: 140px;
	}
	.barraTop ul li:nth-child(3),
	.barraTop ul li:nth-child(4)
	{
		width: 110px;
	}
	.barraTop ul li:nth-child(5),
	.barraTop ul li:nth-child(6)
	{
		width: 100px;
	}
	.barraTop ul li:first-child{
	 width: 70px;
	}
	#datTop span{margin: 0 15px;}
}
@media (max-width: 800px) {
	.barraTop ul li{width: 33.33333% !important;  float: left}
	.barraTop .liIntRep a{
		line-height: 40px;
	}
	.barraTop li:nth-child(3):before{display: none;}
	.barraTop ul:nth-child(2){
	 border-bottom: none;
	}
	.barraTop ul li{
	  border-bottom: solid 1px #d2d2d2;
	}
	.barraTop ul:nth-child(3) li:nth-child(4),
	.barraTop ul:nth-child(3) li:nth-child(5),
	.barraTop ul:nth-child(3) li:nth-child(6)
	{
	  border-bottom: none;
	}
	.barraTop{
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 30px;
	  position: relative;
	}
	.barraTop span{
	    position: absolute;
	    left: 50%;
	    top: 5px;
	    -webkit-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	    -o-transform: translate(-50%,0);
	    transform: translate(-50%,0);
	 }
}
@media (max-width: 767px) {
    #icoWa{
		background: url(../images/icoWa2.png) 0 0 no-repeat;
		width: 50px;
		height: 50px;
		right: 15px;
		bottom: 120px;
	}
	#menu ,#datTop,#logo{ display: none; }
	#sliderTop{margin-top: 40px;}
	.toggle-bar{
		display: block;
		height: 48px;
		background: #005c99;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99999;
	}
	#btn-menu{
		display: block;
		position: absolute;
		right: 10px;
		top: 7px;
		cursor: pointer;
		width: 30px;
		height: 30px;
	}
	#btn-menu span{
		display: block;
		width: 100%;
		height: 5px;
		background: #fff;
		border-radius: 2px;
		margin-bottom: 5px;
		transition: ease all .3s;
	}
	#btn-menu.activo span{
		position: absolute;
		top:12px;
		left: 0;
	}
	#btn-menu.activo span:nth-child(2){display: none;}
	#btn-menu.activo span:nth-child(1){
		transform: rotate(-45deg);
	}
	#btn-menu.activo span:nth-child(3){
		transform: rotate(45deg);
	}
	.logo-movil.show{
		opacity: 0;
	}
	.logo-movil img{display: block;width: 100%;}

	.logo-movil{
		display: block;
		width: 65px;
		overflow: hidden;
		position: relative;
		margin-bottom: 40px;
		top: 5px;
		padding: 0 5px;
		-webkit-transition: ease all .3s;
		-ms-transition: ease all .3s;
		-o-transition: ease all .3s;
		transition: ease all .3s;
	}
	.menu{padding: 0}
	.menu-movil{
			background: rgba(255,255,255,1);
			display: block;
			width: 280px;
			left:-300%;
			top: 48px;
			position: fixed;
			z-index: 999999;
			height: 100vh;
			margin-top: 0;
			-webkit-transition: ease all .5s;
			-o-transition: ease all .5s;
			transition: ease all .5s;
			height: 100vh;
			box-shadow: 2px 2px 2px rgba(0,0,0,.8)
		}
		.menu-movil.fixed{left:0;}
		.menu-movil > div {margin: 0 !important;width: 100% !important;padding: 0 !important}
		
		.menu-movil  ul
		{
			width: 100%;
			float: none;
			display: block;
			height: auto;
			overflow: hidden;
		}
		.menu-movil  ul li {
		    display: block;
		    float: none;
		    position: relative;
		    cursor: pointer;
		    height: auto;
		    width: 100% !important;
		    margin-left: 0 !important;
		    overflow: hidden;
		}
		.menu-movil  ul li a{
		    padding: 0px 20px 0;
		    border-right: none;
		    width: 100%;
		    float: none;
		    display: block;
		    text-align: center;
		    margin-left: 0;
		    margin-top: 0 !important;
		}
		#menu-ppal  li{
			width: 100%;
		}
		#menu-ppal{
			margin-top: 0;
			padding-left: 0px;
			margin-left: 0;
			height: auto;
			position: relative;
			background: #1D2027;
		}
		#menu-ppal ul li a{padding: 0}
		.contac-m{
			position: absolute;
			top: 400px;
			padding: 5px !important;
			color: #616161;
			font-size: 12px;
			font-family: arial;
		}
		.contac-m div {padding: 5px}
		.menu-movil  ul li.activo a,.menu-movil  ul li:hover a{
			border-bottom: none !important;
		}
		.menu-movil figure img{margin: 0px auto;display: block;max-width: 140px;margin-bottom: 10px}
		.menu-movil  .contact{
			display: block;
			position: absolute;
			top: 150px;
		}
		.menu-movil  .contact span{
			font-size: 10px;
			display: block;
			margin:10px;
			color: #FFF;
		}
		.menu-movil  .contact span i{margin-top: 0 !important}
		
		
		.redes {display: none !important;}
		
	.menu-contact span .correo{
		display: inline-block;
		width: 25px;
		height: 20px;
		background: url(../images/sprite.png);
		background-position: -83px 0;
		margin-top: 5px;
		vertical-align: top;
	}
	.menu-contact span{
		display: block;
		padding: 5px 10px;
		font-family: arial;
		font-size: 14px;
		color: #383838;
	}
	
	
	.dark-content{
		display: block;
		position: fixed;
		height: 100vh;
		background: rgba(0,0,0,0.8);
		width: 100%;
		right: -100%;
		top:48px;
		z-index: 99999;
		-webkit-transition: ease all .4s;
		-o-transition: ease all .4s;
		transition: ease all .4s;
	}
	.dark-content.fixed{right: 0}
	

	.redes-fm a{text-decoration: none;}
	.redes-fm{
		display: block;
		position: absolute;
		height: 30px;
		width: 100%;
		background: #ccc;
		position: fixed;
		bottom: 0;
		box-shadow:0 -2px 2px rgba(0,0,0,.6);
		z-index: 9;
	}
	#footer{margin-bottom: 30px;}
	.redes-fm>div{
		display: block;
		float: left;
		width: 33.33333%;
		height: 30px;
		text-align: center;
		-webkit-transition: ease all .2s;
		-o-transition: ease all .2s;
		transition: ease all .2s;
	}
	.redes-fm>div i{
		display: block;
		color: #fff;
		font-size: 20px;
		margin: 0px auto;
		line-height: 30px;
	}
	.redes-fm>div.red-tw{background: #2AA9E0}
	.redes-fm>div.red-tw:hover i{color: #2AA9E0}
	.redes-fm>div.red-fa{background: #204385;}
	.redes-fm>div.red-fa:hover i {color:#204385;}
	.redes-fm>div.red-you{background: #FF1920;}
	.redes-fm>div.red-you:hover i {color:#FF1920;}
	.redes-fm>div.red-goo{background: #FB4631;}
	.redes-fm>div.red-goo:hover i {color:#FB4631;}
	.redes-fm>div.red-ins{background: #AB7F5C;}
	.redes-fm>div.red-ins:hover i {color:#AB7F5C;}
	.redes-fm>div.red-pint{background: #E40B23}
	.redes-fm>div.red-pint:hover i {color:#AB7F5C;}
	.redes-fm>div:hover {background: #fff}

	.mainIni article{	height: 170px;	}
	.mainIni .derIni p{text-align: justify;}

	#cntH1G{
		display: block;
		width: 100%;
		margin-left: 0;
		padding: 0 10px;
		text-align: center;
	}
	#bgTopG{margin-top: 50px;}
	.btnEnviar{
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	#mapa,#datContacto{
		width: 100%;
		padding-right: 0
	}
	
	.btnContact{margin-top: 10px !important;}
	.datG{width: 100%}
	.nombrePropiedad span{display: block;margin: 10px auto;padding: 0 10px;}
	.nombrePropiedad span:before{display: none;}
	.nombrePropiedad{font-size: 20px;}
	.datDer{padding-left: 15px;}
	#formContacto p input,.datDer .bloq1 p{max-width: 100%}
	#datContacto span{
		display: block;
		float: left;
		width: 50%;
	}
	#datContacto span:nth-child(1){
		padding-left: 35px;
	}
	#datContacto strong:nth-child(2){
		display: none;
	}
}
@media (max-width: 640px) {
	.bx-wrapper .bx-next{right: 3px;}
	.bx-wrapper .bx-prev{left: 3px;}
	.topSliderIni{padding-right: 20px;padding-left: 20px;}
	 #footer #powered,#footer .tfooter{
		float: none !important;
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		line-height: 25px;
	}
	.mainIni .derIni,.mainIni article .iconIni,.mainIni article{
		display: block;
		width: 100%;
		height: auto;
	}
	.mainIni .derIni,.mainIni article .iconIni{
		padding: 20px 0;
	}
	#footer{padding:10px 5px}
	#footer .tfooter{line-height: 20px;}
}
@media (max-width: 540px) {
	.form-control1{width: 100%}
	.barraTop{
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 30px;
	  position: relative;
	}
	.barraTop span{
	    position: absolute;
	    left: 50%;
	    top: 5px;
	    -webkit-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	    -o-transform: translate(-50%,0);
	    transform: translate(-50%,0);
	 }
}
@media (max-width: 479px) {
	.topSliderIni{padding-right: 50px;padding-left: 50px;}
	.bx-wrapper .bx-next{right: -50px;top:-68px !important;}
	.bx-wrapper .bx-prev{left: -50px;top:-68px !important;}
	#cntPropiedades .item-casa{
		width: 100%;
	}
	.barraTop ul li{width: 50% !important;  float: left}
	.barraTop li:nth-child(3):before{display: block;}
	.barraTop ul:nth-child(3) li:nth-child(4){
	  border-bottom: solid 1px #d2d2d2;
	}
	.barraTop ul li:nth-child(2):before,
	.barraTop ul li:nth-child(4):before{
		display: none;
	}
	#frmCompraVenta .row>div{
		width: 100% !important;
	}
	.cntCompraVenta fieldset legend{font-size: 18px}
	.nombrePropiedad{font-size: 20px;}
	.cntChkbox .lbl ,.cntChkbox .chk{
		display: block;
		width: 100%;
		text-align: center;
	}
	.cntChkbox .chk{margin-top: 10px;}
	.nombrePropiedad{font-size: 18px;}
	.datDer .bloq1 form{padding: 5px}
	#datContacto span br{display: none;}
	#datContacto span{
		width: 100%;
		text-align: left;
	}
	#datContacto span:nth-child(2){padding-left: 0}
}
@media (max-width: 400px) {.bx-controls{display: none;}
    #mapa{ padding-left:15px;}
    #datContacto span:nth-child(1){
		padding-left: 0px;
	}
}
@media (max-width: 380px) {
	.lbl.com{display: block;	}
	.cntCompraVenta .form-control.com{
		height: 55px;
		margin-bottom: 10px;
		text-align: left;
	}
	.mainIni .derIni p{font-size: 14px}
	.nombrePropiedad,.lugarPropiedad{font-size: 16px;}
	.mainIni .derIni strong{font-size: 16px}
	#bgTopIni h1{font-size: 14px;}
	.btn-link-nuevo{font-size: 13px}
}
@media (max-width: 320px) {
	.barraTop ul li{width: 100% !important;  float: left}
	.barraTop ul li:before{
		display: none !important;
	}
	.barraTop ul:nth-child(3) li:nth-child(5){
	  border-bottom: solid 1px #d2d2d2;
	}
	.mainIni .derIni p{font-size: 12px}
	#datContacto{font-size: 13px}
	#bgTopIni h1{font-size: 12px;}
}
@media (max-height:  360px) {
	.menu-movil figure img{width: 50px}
	.nav > li > a, .nav > li > a:focus, .nav > li > a:hover{
		height: 40px;
		line-height: 40px;
	}
}
