@media screen and ( min-width: 1366px ){

	/*.txtbloque1 {
	    top: 50%;
	}
	.contcontacto {
	    top: 50%;
	}
	.contacerca {
	    top: 50%;
	}
	.contservicios {
	    top: 50%;
	}*/

}

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

	body {
	    padding: 170px 0px 0px 0px;
	}

	/* MENU */
	.conheadetmenu {
		height: 70px;
		/*border: 1px solid #FF0000;*/
	}
	.logomenu {
		height: 60px;
		/*border: 1px solid #FF0000;*/
	}
	.logorestaurant {
		height: 50px;
	    /*border: 1px solid #FF0000;*/
	}
	.sharemenu {
		width: auto;
		padding: 0px 0px 0px 55px;
		margin: 16px 10px 0px 0px;
		font-size: 24px;
		float: right;
		box-sizing: border-box;
	    /*border: 1px solid #FF0000;*/
	}
	.sharemenu .badge-warning {
		padding: 0.6em 0.9em;
		font-size: 12px;
	}
	.sharemenu .badge-warning-icon {
		padding: 0;
		background: none;
	}
	.sharemenu .badge-warning-icon img {
		height: 40px;
		position: relative;
		top: -7px;
	}
	.contmenuf {
		top: 60px;
		bottom: 50px;
		/*border: 1px solid #FF0000;*/
	}
	.contmenuf img {
		width: 100%;
	}
	.logofooter {
		height: 50px;
		padding: 10px 0px 0px 10px;
		text-align: left;
		/*border: 1px solid #FF0000;*/
	}
	.redesmenu {
		margin: 0px 10px 0px 0px;
		font-size: 26px;
		top: 6px;
	    /*border: 1px solid #FF0000;*/
	}
	.redesmenu a {
		margin: 0px 0px 0px 15px;
	    /*border: 1px solid #FF0000;*/
	}

	/* HEADER */
	.contheader {
	    padding: 15px 0px 0px 0px;
	    /*border: 1px solid #FF0000;*/
	}
	.logo {
	    width: 100%;
	    /*border: 1px solid #FF0000;*/
	}
	.logo img {
	    width: 280px;
	    margin: 0px 0px 0px 15px;
	    float: left;
	}
	.contmenu {
	    width: 80%;
	    height: 100vh;
	    margin: 0px 0px 0px 0px;
	    position: fixed;
	    top: 0;
	    left: 0;
	    background: rgba( 0,0,0,.95 );
	    display: none;
	    /*border: 1px solid #FF0000;*/
	}
	.icomenu {
		width: auto;
		padding: 27px 15px 12px 30px;
		position: absolute;
		top: 0;
		right: 0;
		display: inherit;
		z-index: 1;
		/*border: 1px solid #FF0000;*/
	}
	.btnmenu {
		width: 100%;
		padding: 0px 0px 0px 30px;
		margin: 40px 0px -5px 0px;
		font-size: 26px;
		text-align: left;
		/*border: 1px solid #FF0000;*/
	}
	.boxheader-right {
		width: 100%;
		padding: 0px 0px 0px 30px;
		margin: 10px 0px 0px 0px;
		font-size: 26px;
		text-align: right;
		white-space: nowrap;
	    /*border: 1px solid #FF0000;*/
	}
	.boxheader-right a {
		margin: 0px 15px 0px 0px;
	}
	.lenguaje {
		font-size: 18px;
		top: 125px;
    	right: 160px;
		/*border: 1px solid #FF0000;*/
	}
	.lenguaje .fa-globe-americas {
	    font-size: 17px;
	}

	/* BLOQUE 1 */
	.txtbloque1 {
		width: 90%;
		margin: 50px 0px 40px 0px;
	    /*border: 1px solid #FF0000;*/
	}
	.boxbloque1 {
		width: 100%;
		padding-top: 70%;
		margin: 0px 0px 80px 0px;
	    /*border: 5px solid #000000;*/
	}
	.boxbloque1 p {
		top: -50px;
		/*border: 1px solid #FF0000;*/
	}

	/* SERVICIOS */
	.contservicios {
		margin: 110px 0px 0px 0px;
	    position: relative;
	    display: inline-block;
	    left: 0;
	    top: -40px;
	    transform: none;
	    -webkit-transform: none;
	    /*border: 1px solid #FF0000;*/
	}
	#contservices {
		width: auto;
		height: auto;
		padding: 80px 20px;
		position: fixed;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 200;
	    overflow-y: auto;
	    background: rgba( 0,0,0,.95 );
	    display: none;
		/*border: 1px solid #FF0000;*/
	}
	.boxservicios {
	    width: 100%;
	    height: auto;
	    padding-top: 90%;
	    margin: 0px 0px 20px 0px;
	    border: 0px solid #000000;
	}
	.widthservicios .alert-danger {
		z-index: 100 !important;
	}
	.widthservicios {
		width: 100%;
	    /*border: 1px solid #FF0000;*/
	}
	.widthservicios-2 {
		width: 100%;
		padding: 0px 10px;
		margin: 0px 0px 0px 0px;
	    /*border: 1px solid #FF0000;*/
	}
	.widthservicios-2 p {
	    width: 100%;
	    padding: 0px 0px 0px 15px;
	    margin: 0px 0px 10px 0px;
	    font-size: 32px;
	    color: #E1E1E1;
	    /*border: 1px solid #FF0000;*/
	}
	.infoservicios {
		width: 100%;
		padding: 0px 0px 0px 15px;
	    /*border: 1px solid #FF0000;*/
	}
	.infoservicios .bullet {
		padding: 0px 15px 0px 20px;
		/*border: 1px solid #FF0000;*/
	}
	.infoservicios .bullet p {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	    /*border: 1px solid #FF0000;*/
	}
	.infoservicios .bullet .arrow {
		position: absolute;
		top: 15px;
		right: 15px;
		font-size: 20px;
		display: inline-block;
		z-index: -1;
	}
	.buttonservicios {
		width: 100%;
		margin: 30px 0px 60px 0px;
		/*border: 1px solid #FF0000;*/
	}
	.buttonservicios button {
		width: 90%;
		height: auto;
		padding: 10px 5px 10px 5px;
		/*border: 1px solid #FF0000;*/
	}
	.icoboxbloque4-close {
		width: 100%;
		padding: 20px 30px 50px 0px;
		text-align: right;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,1);
		background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
		z-index: 1;
		display: inherit;
		/*border: 1px solid #FF0000;*/
	}

	/* ACERCA */
	.contacerca {
		width: 85%;
		font-size: 20px;
		top: 70px;
	    /*border: 1px solid #FF0000;*/
	}
	.contacerca img {
		display: none;
	}

	/* CONTACTO */
	.contcontacto {
		padding: 0px 25px 0px 25px;
	    margin: 110px 0px 0px 0px;
	    position: relative;
	    display: inline-block;
	    left: 0;
	    top: -40px;
	    transform: none;
	    -webkit-transform: none;
	    /*border: 1px solid #FF0000;*/
	}
	.contcontacto iframe {
		height: 255px;
		margin: 0px 0px 50px 0px;
	}
	.boxcontacto {
		width: 100%;
		padding: 0px 0px 20px 0px;
		float: left;
		box-sizing: border-box;
		/*border: 1px solid #FF0000;*/
	}
	.boxcontacto button {
		margin: 0px 0px 30px 0px;
		/*border: 1px solid #FF0000;*/
	}
	.boxcontacto-top {
		margin: 0px 0px 0px 0px;
		/*border: 1px solid #FF0000;*/
	}
	.inputcontacto {
		width: 100%;
		/*border: 1px solid #FF0000;*/
	}
	#avisocontacto {
		width: auto;
		position: relative;
		display: inline-block;
		left: 0;
		bottom: 0;
		/*border: 1px solid #000;*/
	}
	#contactdesktop {
		display: none;
	}
	#contactmobile {
		display: inherit;
	}

}