/* LG */
@media only screen and (max-width : 1200px) {
	
	#header-inicio{
		background:url(../_img/header-inicio.jpg) no-repeat left top;
		background-size:1920px;
	}
	#header-servicios{
		background:url(../_img/header-servicios.jpg) no-repeat 20% top;
		background-size:1920px;
	}
	#header-soporte{
		background:url(../_img/header-soporte.jpg) no-repeat 30% top;
		background-size:1920px;
	}
	.contacto{
		background:#222 url(../_img/contacto-mapa.jpg) 165% top no-repeat;
		background-size:682px;
	}
	#columnacont{
		top:-222px;
		left:-45px;
	}
	#columna div{
		padding:2.75em;
	}
	
}

/* MD */
@media only screen and (max-width : 992px) {}

/* SM */
@media only screen and (max-width : 768px) {
	
	.navbar-default .navbar-nav>li>a {
		padding:0 28px;
	}
	#columnacont{
		top:-270px;
		left:-30px;
	}
	#columna div{
		height: auto !important;
	}
	#columna section h1{
		padding:48px 0;
		font-size: 48px;
	}
	
	.header ul li{
		width: 35%;
	}
	
	.dark{
		padding:0;
	}
	#servicios{
		position: static;
		top:auto !important;
		left:auto !important;
		padding:30px 0 45px 0;
	}
	#serfotos{
		float: none !important;
		width: 100%;
	}
	
	#header-soporte{
		background:url(../_img/header-soporte.jpg) no-repeat 35% top;
		background-size:1920px;
	}
	#banco, .grey{
		padding:30px 0 45px 0;
	}
	
	.contacto{
		background-image:none;
	}
	#contacto-formulario,
	#contacto-info{
		padding:0 3.5em 3.5em 3.5em;
	}

}

/* XS */ 
@media only screen and (max-width : 740px) {
	
	h1, h2, h3, h4, h5, h6,
	h1.titulo, h2.titulo, h3.titulo, h4.titulo, h5.titulo, h6.titulo{
		margin-bottom: 15px;
	}
	
	.navbar-brand {
		margin:30px 0 0 -15px;
	}
	.navbar-toggle {
		border:0;
		margin:20px 0px 30px 20px;
		padding:20px;
	}
	.navbar-toggle:focus, 
	.navbar-toggle:hover {
		background:none;
	}
	.navbar-toggle:hover .icon-bar,
	.navbar-toggle:focus .icon-bar {
		background-color: none;
	}
	
	.navbar-collapse, 
	.navbar-form {
	    border-color: none;
		box-shadow:none;
		border-top:none;
	}
	
	.navbar-nav{
		margin-top:0px;
		margin-bottom:0px;
		background:white;
	}
	.navbar-nav>li{
		display:block;
		width: 100%;
		border-top:solid 1px #eee;
	}
	.navbar-default .navbar-nav>li>a{
		display:block;
		margin:0;
		padding-top:0;
		padding-bottom:0;
		height: auto !important;
		line-height: auto !important;
		border-left:none;
	}

	.mobiletxt{
		display:inline-block;
		margin-left: 10px;
	}
	
	.header{
		display:none;
		visibility:hidden;
		height: 0;
		width: 0;
	}
	.header-mobile{
		display:block;
		visibility:visible;
		height: auto;
		width: 100%;
	}
	.header-mobile img{
		display:block;
		width: 100%;
	}
	
	/*footer*/
	#footer .text-right{
		text-align: left !important;
	}
	#footer p{
		margin:0 15px 0 0;
	}

	/*home*/
	video {
		margin:15px 0 0px 0px !important;
	}
	#columnacont{
		position: static;
		top:auto;
		left:0px;
		padding:0;
	}
	#columnacont .container  {
		padding:0;
		width: 100%;
	}
	#columna {
		margin:0;
		padding:0;
		background:none !important;
	}
	#columna div{
		margin:0 0 15px 0;
		padding:30px;
		height: auto !important;
		background:none !important;
	}
	#columna section{
		margin:15px 0px 0 0;
		height: auto !important;
	}
	#columna section h1{
		padding-top: 45px;
	}
	#mivi{
		background:none;
	}
	#mivi section{
		padding:30px 30px 0px 30px;
	}
	#mivi section#vision{
		padding:0 30px 30px 30px;
	}
	
	/*servicios*/
	.dark .vs, .grey .vs2{
		display:none;
		visibility:hidden;
		height: 0;
		width: 0;
		margin:0 !important;
	}
	.dark ul{
		margin-bottom: 30px;
	}
	
	#sermobile{
		margin-top: 30px;
		margin-bottom: 45px;
	}
	#sermobile ul{
		margin:15px 0 0 0;
		padding:0;
		list-style:none;
	}
	#sermobile p{
		margin-bottom:0px;
	}
	
	div#serfotos div.bx-wrapper div.bx-viewport div.slider1 div.slide img{
		width: 100% !important;
	}
	
	/*contacto*/
	.contacto h2{
		margin-top: 45px;
	}
	#contacto-formulario,
	#contacto-info{
		padding:0 15px 30px 15px;
	}

}