/* !Header */

@media (max-width:1000px){
#search{width:80%;}

#buscador-home > .input-group .btn-search{width:35px;}

}

@media (max-width:767px){
header .container-fluid{display:none;}

header{
position:fixed;
z-index:9999;
width:100%;
top:0px;
}

.navbar-brand{padding-top:10px;}

main{padding-top:50px;}

.navbar .nav-pills>li a{
color: #00B5BE;
transition-duration:0.2s;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
background-color: #eee;
color: #00B5BE
}

.nav-pills>li>a:hover{
background-color: #00B5BE !important;
color: #fff !important;
}

#breadcrumb{display:none;}


}


/* !Section 1 del home */

@media (max-width:1170px){
#hm1{background-size:120%;}
}

@media (max-width:975px){
#hm1{background-size:140%;}

}

@media (max-width:840px){

#hm1{
height:30vw;
margin-bottom:20vw;
}

#hm1 .container{padding-top:33vw;}


#hm1{background-size:100%;}


}


/* !Filtros */
@media (max-width:720px){

#filters{
max-width:100%;
min-width:200px;
}

#filters>div{
display:block;
float: left;
width:100%;
margin-bottom:5px;
}

#filters .bootstrap-select{
width:100%;
padding-left:0px;
}

}

/* !Novedades */
@media (max-width:720px){

#novedades10>div{
margin-top:10px;
padding-bottom:10px;
}

#novedades10 button.boton1{
display:block;
width:50%;
margin-left:25%;
margin-top:10px;
}

}


/* !Recetas */
@media (max-width:767px){

h2.title1{font-size:20px;}


.receta5{width:100%;}

.receta{
max-width:400px;
margin: 0 auto;
margin-top:10px;
display: block;

}


.receta img{
width:30%;
display:block;
float: left;
margin-right:5%;
}

.receta .titulo{
width:65%;
display:block;
float: left;
}

}


/* !Especiales */
@media (max-width:767px){

.especial{
display: inline-block;
max-width:500px;

}

.especial img{
width:30%;
display:block;
float: left;
margin-right: 5%;
}

}

@media (max-width:768px){
#o11 {min-height:160px;}
	
}


/* !Pauta */
@media (max-width:900px){

.leaderboard{display:none;}


}


/* !Chefs */
@media (max-width:767px){

.chef{
display: inline-block;
margin-bottom:20px;
}

.chef .img-chef{
width:40%;
display:block;
float: left;
}

.chef .bandera{width:20px;}

.chef .titulo{
font-size:22px;
margin-top:50px;
}

}


/* !Chef Invitados */
@media (max-width:767px){

#hm8 .container .col-xs-12{
padding-left:10px;
padding-right:10px;
}

.chef-home-container{
width:100%;
margin-bottom:20px;
padding-bottom:20px;
border-bottom: 1px solid #8E8279;
padding-left:0px;
padding-right:0px;
}

.chef-home-left{width:40%;}

.chef-home-right{width:60%;}

.chef-home-img{
max-width:110px;
max-height:110px;
}

}

/* !Recetas Buscador */
@media (max-width:767px){
#a1 .container{padding-top:20px;}
}

/* !Slick Slider */
@media (max-width:767px){

.slick-prev{
left:10px;
top:40%;
z-index:99;
}

.slick-next{
right:20px;
top:40%;
z-index:99;
}

.slick-prev:before, .slick-next:before{
color: rgba(60,60,60,0.7);
font-size:50px;
}

}


/* !Ingredientes */
@media (max-width:767px){
.imagen-ingrediente{
margin-bottom:30px;
margin-top:15px;
}
}


/* !Footer */

@media (max-width:600px){


p {
    text-align: left !important;
}

#ft3 {padding-top:10px;}

#ft3 ul{width:50%;}

#ft4{
padding-top:10px;
padding-bottom:10px;
}

#ft4 p span{
display: block;
width:90%;
}

}


@media (min-width:768px){

.mobile-on{
display:none !important;
}

.mobile-off{
display:block !important;
}	
	
}



@media (max-width:768px){
	
.mobile-on{
display:block !important;
}

.mobile-off{
display:none !important;
}
	
#detalles-receta{
margin-bottom:30px !important;	
}	
	
	
}



/* !Impresión */

@media print {

.logo-print{
	display: block !important;
	margin:0px;
	padding:0px;
}

.logo-print img{
	max-width:300px !important;
	margin:0px;
	padding:0px;
}

nav{display:none;}

footer{display:none;}


.receta-contenido .imagen-receta, .receta-contenido .meta{display:none;}

.receta-contenido #detalles-receta{
	position:fixed;
	top:50px;
	right:0px;
	width:40%;
}

.receta-contenido .rec-description.rc1, .receta-contenido h3{max-width:58%;}
	
.print-off, .recetas-sidebar, #g3, #g2{
	display:none !important;
}
	
}

/* !Ajustes al menu */
@media (min-width:768px)and (max-width:1000px){
#filters{min-width:750px;}
}

@media (max-width:768px){

#filters .select-wrap{width:100%;}

#filters .ui-selectmenu-button{
width:100% !important;
max-width:550px;
margin: 0 auto;
float: none;
height:40px;
margin-bottom:5px;
}

#buscar-con-filtros{
max-width:550px;
width:100%;
margin-bottom:20px;
}

}