/* LG */
@media only screen and (max-width : 1200px) {
	
	#diagonal {
		background-position: 59% top;
	}
	.navbar{
		padding:100px 0 90px 0;
	}
	.header{
		margin-bottom: 100px;
	}
	#historia{
		margin-top: 0px;
	}
	#diagonal-blanca h2{
		margin-bottom: 50px;
	}
	
	/*portada*/
	.portada,
	body.bistrot .portada{
		margin:150px 0;
	}
	
	/*te*/
	#teimg2{
		margin-top: -475px;
	}
	#tealosophy-txt{
		margin-top: 120px;
	}
	#opcion1{
		margin-left: 0px;
		margin-right: 0px;
	}
	#opcion2{
		margin-right: 0px;
		margin-left: 0px;
	}
	
	/*bistrot*/
	#bistrotimg1{
		margin-top: 60px;
	}
	#bistrotimg2{
		margin-top: -430px;
	}
	#carta h2{
		margin:0px 0 60px 0;
	}
	#vino .linea{
		height: 1300px;
	}
	#vino h3{
		margin:90px 0 60px 0;
	}
	
	/*eventos*/
	body.eventos #bistrotimg2{
		margin-top: -390px;
	}
	#servilleta{
		min-height: 1000px;
	}
	#servilleta-txt{
		margin-top:275px;
	}
	#platos{
		min-height: 400px;
	}
	
	/*pasteleria*/
	#pasimg2{
		margin-top: -460px;
	}
	
}

/* MD */
@media only screen and (max-width : 992px) {
	
	#diagonal {
		background-position: 57% top;
	}
	.navbar-left li a{
		padding:0 45px 0 0;
	}
	.navbar-right li a{
		margin:0 0 0 45px;
	}
	.header h1{
		font-size: 18px;
		line-height:30px;
	}
	
	#servicios{
		padding:100px 0 100px 0;
	}
	#servicios section a{
		margin-bottom: 60px;
	}
	
	.inicio #servicios{
		margin-top: -140px;
		padding:290px 0 100px 0;
	}
	#inicio-collage{
		min-height: 650px;
	}
	#icmad{
		margin: -220px 0 0 90px;
	}
	
	/*te*/
	#teimg2{
		margin-top: -375px;
	}
	
	/*bistrot*/
	#bistrotimg1{
		margin-top: 100px;
	}
	#bistrotimg2{
		margin-top: -475px;
	}
	img#verduras{
		top:-950px;
	}
	#vino .linea{
		top:-950px;
		height: 1586px;
	}
	
	/*eventos*/
	body.eventos #bistrotimg2{
		margin-top: -375px;
	}
	#servilleta{
		min-height: 840px;
	}
	#servilleta-txt{
		margin-top:200px;
	}
	#servilleta-txt h2{
		margin-bottom: 180px;
	}
	#platos{
		min-height: 300px;
	}
	#eventosimg4 figure{
		top:-100px;
	}
	
	/*pasteleria*/
	#pasimg2{
		margin-top: -415px;
	}
	#pasimg3{
		top:0px;
		right:15px;
	}
	#mesa{
		margin-bottom: 150px;
	}

}

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

/* XS */ 
@media only screen and (max-width : 740px) {
	
	.wow, .animated {
			/*CSS transitions*/
			-o-transition-property: none !important;
			-moz-transition-property: none !important;
			-ms-transition-property: none !important;
			-webkit-transition-property: none !important;
			transition-property: none !important;
			/*CSS transforms*/
			-o-transform: none !important;
			-moz-transform: none !important;
			-ms-transform: none !important;
			-webkit-transform: none !important;
			transform: none !important;
			/*CSS animations*/
			-webkit-animation: none !important;
			-moz-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
	}
	
	#diagonal{
		background:none;
	}
	
	/*nav*/
	.navbar{
		margin-bottom: 0;
		padding:15px 0 0 0;
		
		background:#fee3c8;
		border:none !important;
	}
	.navbar .col-xs-12{
		padding:0;
	}
	
	#logomobile{
		margin:12px 0 30px 15px;
	}
	.navbar-toggle {
	    margin-right: 10px;
	}
	span.icon-bar{
		background:#533e33;
	}
	
	.navbar-collapse{
		background:#40322b;
		box-shadow:none !important;
	}
	.navbar-nav,
	.navbar-right li a {
	    margin:0;
	}
	
	.navbar-right li a {
	    padding:20px 15px;
		border-bottom:solid 1px #302621;
		background:url(../_img/flecha.png) no-repeat 92% 20px;
		background-size:18px;
		text-decoration: none;
	}
	.navbar-right li a.actual {
		background:#302621 url(../_img/flecha.png) no-repeat 92% 20px;
		background-size:18px;
		text-decoration: none;
	}
	
	.navbar-right li a#nav-inicio{
		color:white;
	}
	
	/*header*/
	.header{
		margin:0;
		padding:45px 0;
	}
	.portada-mobile{
		margin-bottom: 45px;
	}
	
	/*servicios*/
	#servicios,
	.inicio #servicios{
		margin:0;
		padding:45px 0;
	}
	
	#servicios h3{
		margin:1em 0 5px 0;
	}
	#servicios section a{
		display:block;
		margin-bottom: 60px;
	}
	
	/*footer*/
	#footer{
		text-align: center;
		padding:120px 0 90px 0;
	}
	#footer .imgfull{
		margin-bottom: 30px;
	}
	#footer h6{
		margin:30px 0 0 0;
	}
	a#sdf{
		margin-top: 45px;
	}
	
	/*titulos*/
	.header h1,
	#diagonal-blanca h2{
		font-size: 16px;
		line-height:24px;
	}
	
	/*ocultar*/
	#inicio-collage,
	#historia,
	#opciones .linea,
	img#verduras,
	#vino .linea,
	#platos{
		display:none;
		visibility:hidden;
		width: 0;
		height: 0;
	}

	/*inicio*/
	#diagonal-blanca{
		margin-top: 45px;
		min-height: auto;
		
		background:none;
		background:white;
		
		text-align: left;
	}
	#diagonal-blanca h2{
		margin:45px 0;
	}
	.modal-borde{
		padding:0px;
		border:0;
		text-align: left !important;
	}
	.modal-borde img{
		margin:30px 0 -15px 0;
	}
	.modal-borde a{
		display:block;
		margin:0;
		padding:0 0 45px 0;
	}
	#carousel-inicio{
		margin: 45px 0 90px 0;
	}
	#carousel-inicio .carousel-indicators{
		bottom:-60px;
	}
	
	/*te*/
	#tealosophy-txt{
		position:static;
		margin-top: -250px;
	}
	#opciones h2{
		font-size: 20px;
	}
	.opcion{
		margin:15px 0;
	}
	#formulario{
		margin-top: 90px;
		padding:90px 0;
	}
	input#submit{
		margin-top: 45px;
	}
	
	/*bistrot*/
	#carta{
		margin-bottom: 45px;
	}
	#carta h2{
		margin:0 0 30px 0;
	}
	#vino{
		min-height: inherit;
		margin-bottom: -90px;
		padding:150px 0 90px 0;
	
		background:black url(../_img/bistrot-vino-mobile.jpg) no-repeat center top;
		background-size:320px;
	}
	#vino h3{
		margin:75px 0 30px 0;
	}
	
	/*eventos*/
	#servilleta{
		min-height: auto !important;
	}
	#servilleta-txt{
		position:static;
		margin-top:0px;
	}
	#servilleta-txt h2{
		margin-bottom: 45px;
	}
	#servilleta-txt h2 strong span{
		padding-bottom:3px;
	}
	#testimonios{
		padding:120px 0;
	}
	#testimonios .linea{
		top:-120px;
		height: 120px;
		margin-left: -5px;
	}
	body.eventos #formulario{
		margin-top: 0px;
	}
	
	/*pasteleria*/
	#mesa{
		margin-bottom: 45px;
	}
	#novios{
		padding:45px 0 90px 0;
	}
	body.pasteleria #formulario{
		margin-top: 0px;
	}
	

}