@media(min-width: 320px) and (max-width: 812px){

	#wrap div{
		max-width: 100%;
	}

	#wrap header{
		max-width: 100%;
		/* min-height: 300px; */
		padding: 10px;
	}

	#panel-video {
        
        background:#3042a4;

	}

	#panel_nosotros {
		background:#3494df;

    }

    #panel_nosotros h2 {
        color:#3042a4;
        font-size:1.5em;
		margin-bottom:20px;
    }


    #side-bar {
    	

 position:fixed;
        background:#012b79e8;
        top:0px;
        bottom:0px;
        width:200px;
       
        left:0px;
        z-index:999;
        border-right:10px solid #8497c3;

    }

		ul#menu_principal {
			float:none;
			position:relative;
			margin:0px;
			padding:0px;
			margin-top:50px;


		}

		ul#menu_principal li {
			float:none;
			text-align:left;
			display:block;
			margin:0px;
			padding:0px;



		}

		ul#menu_principal li a {
            color:white;

			margin-left:10px;
		}


	#panel-video iframe {
		height:200px;
	}


	header .content #sub_title{
		width: 100%;
		height: 20px;
		padding: 20px;
/*		background: #3042a4;
*/	}

    #patio_info {

    	display:none;
    }

	#panel-video h2 {
		font-size:1.5em;
		margin:0px;

	}
    #panel-video ul {

    	color:#ffffff;
    	font-size:18px;
    }

	#socialh, 
	header #titulo2{
		margin: -120px -180px;
		font-size: 15px!important;
	}

	#socialh{
		margin: -20px 0px;
	}

	header #titulo2{
		width: 100%;
		font-size: 15px;
	}

	#panel_nosotros{
		max-width: 100%;
/*		background: red;
*/	}

	#panel_nosotros .row{
		margin: 0px;
	}

	#panel_nosotros .row p, 
	#panel_nosotros .row h3{
		padding: 5px;
	}

	#panel_nosotros #log_nosotros{
		width: 100px;
		height: 100px;
		margin: 40px 0px;
	}

	#panel_nosotros h3{
		padding: 5px;
	}

	#panel_recetas h2{
		padding: 3px;
		font-size: 25px;
		text-align: left;
/*		background: blue;
*/	}

	/*Paneles servicios*/

	/*#panel_servicios_1 .item div{
		min-width: 50%;
	}*/

	#panel_servicios_1 .layer{
		max-width: 50%;
	}

	#panel_servicios_1 .item #cont_info, .info{
		min-width: 50%;
	}

	#panel_servicios_1 .item {

	}

	#panel_servicios_1 .item {
        height: auto;
    }

    #panel_servicios_1 img {
    	position:static;


    }

	#panel_servicios_1 .item > div{
		min-width: 100%;
	}

	#panel_servicios_1 #cont_info{
		width: 100%;
	}

	#panel_servicios_1 #img_cont, 
	#panel_servicios_1 #cont_info{
		
	}

	#panel_servicios_1 #cont_info *{
		margin: 20px 0px;
	}

	#panel_servicios_1 .item .info h3{
		margin: 50% 0%;
		text-align: right;
		padding: 3px;
	}



	#panel_servicios_1 .item .info p{
		padding: 13px;
		text-align: center;
	}

	#panel_servicios_1 #new_layer{ /*Cambiar*/
		max-height: 308.25px;
		max-width: 50%;
	}

	#panel_servicios_1 #layer_main{
		display: none;
	}

	#panel_servicios_1 #ourpourse{
		min-height: 500px;
	}

	#panel_servicios_1 #ourpourse p{
		font-size: 20px;
	}

	#panel_servicios_1 #ourpourse h3,
	#panel_servicios_1 #ourpourse p{
		margin: 0px !important;
		margin-top: 25px!important;
	}

	/*Galeria*/

	#gallery h3, #gallery p{
		padding: 5px;
/*		background:red;
*/	}

	#gallery #menu2{
		max-width: 100%;
/*		background: orange;
*/	}

	#gallery #menu2 #cont_men2{
		max-width: 200px;
		margin: 0px 20px!important;
		padding: 0px;
/*		background: green;
*/	}

	#gallery #menu2 li{
		display: inline-grid;
	}



	#galeria a img{
		max-width: 25%;
		display: inline-grid;
	}


	#panel_contacto .row{
	    min-width: 100%;
	    margin: 0px !important;
/*		background: orange;
*/	}

	#panel_contacto .row h2, 
	#panel_contacto .row p{
		text-align: center;
		padding: 5px;
/*		background: green;
*/	}

	#panel_contacto .row p{
		text-align: justify;		
	}

	#btn_ok{
		margin: 0px 156.58px;
	}

	#panel_contacto #contacto *{
		text-align: center;
		padding: 5px;
	}


	/*Menú*/

	#button{
		max-width: 100%;
		max-height: 50px;
		padding: 2px;
		overflow: hidden;
/*		background: red;
*/		margin: 0px!important;
		top: 0px;
	}

	#button img{
		max-width: 50px;
		min-height: 50px;
		float: right;
	}

	/*Slider*/

	#wrap #full-width-slider{
		max-width: 100%;
		margin: 20px 0px;
		display: bl1ock;
		
	}


	#panel-ss div.item {
		width:100%;


	}

}

@media(min-width: 820px){

	body{
		max-width: 100%;
		background: #012b79;
	}

	#panel_servicios_1 #new_layer,
	#button img{
		display: none;
	}

	#panel_servicios_1 #layer_main{
		display: block;
	}


}