/* lg */ 
@media (min-width: 1200px) {


}

/* md */
@media (min-width: 992px) and (max-width: 1199px){

section.content-home div.single-banner>div div.bg{
	width: 230px;	
}

section.content-home div.single-banner>div div.bg div.control{
	width: 35px;
	height: 35px;
}

.left-control{
	left: -18px;
	bottom: 21px;
}

.right-control{
	right: -18px;
	bottom: 21px;
}
 
	
}


/* sm */
@media (min-width: 768px) and (max-width: 991px){

body{
	padding: 0 20px;
}	 

header div.logo-header{
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	margin-top: 10px;
}

header div.logo-header div.img{
	width: 200px;
}

header div.logo-header>i{
	display: inline-flex;
	font-size: 30px;
}

header div.logo-header div.redes{
	display: inline-flex;
}

div.info-header{
	flex-direction: column;
	align-items: center;
}

div.info-header div.phone{
	margin-bottom: 20px;
}

div.info-header div.whats{
	margin-bottom: 10px;
    margin-left: 0px;
}

div.info-header div.shopping{
	margin: 0;
}

header ul{
	justify-content: space-between;
}

header ul a{
	width: 33%;
	display: inline-flex;
}

header ul li{
	width: 100%;
	justify-content: center;
	margin: 0;
}

.nomobile{
	display: none;
}

header ul li.lipaella{
	background: #884114;
}

header ul li.litapas{
	background: #A45F1D;
}

header ul li.libebidas{
	background: #76674D;
}

section.content-home{
	padding: 0 20px;
	flex-direction: column;
}

section.content-home div.single-banner,
section.content-home div.double-banner{
	width: 100%;
}

section.content-home div.single-banner>div div.bg{
	width: 248px;
}

section.content-home div.single-banner>div div.bg div.control{
	width: 35px;
	height: 35px;
}

.left-control{
	left: -18px;
	bottom: 23px;
}

.right-control{
	right: -18px;
	bottom: 23px;
}

div.mobile-flag{
	display: flex;
}

footer{
	border-top: 10px solid #cacaca;
	justify-content: center;
}

footer button.cobertura{
	display: none;
}

footer .predes{
	display: none;
}

footer>div:last-child{
	display: none;
}

footer div.copy{
	width: 100%;
}

section.calendar-content{
	padding: 30px 20px;
	flex-direction: column;
}  

section.calendar-content div.titles{
	justify-content: center;
}

div.calendar-wrap,
div.schedule-wrap{
	width: 100%;
}

div.calendar-wrap{
	margin-bottom: 30px;
}

div.schedule-wrap{
	display: flex;
	align-items: center;
}

section.semi-footer{
	border-top: 10px solid #cacaca;
	padding: 0 20px 50px 20px;
}

}


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

body{
	padding: 0 10px;
}	 

header div.logo-header{
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 5px;
	margin-top: 10px;
}

header div.logo-header div.img{
	width: 125px;
}

header div.logo-header>i{
	display: inline-flex;
	font-size: 30px;
}

header div.logo-header div.redes{
	display: inline-flex;
}

div.info-header{
	flex-direction: column;
	align-items: center;
	padding: 20px 5px;
}

div.info-header div.phone{
	margin-bottom: 20px;
}

div.info-header div.phone h4{
	font-size: 16px;
}

div.info-header div.phone p{
	font-size: 16px;
	line-height: 12px;
}

div.info-header div.whats{
	margin-bottom: 10px;
    margin-left: 0px;
}

div.info-header div.shopping{
	margin: 0;
}

header ul{
	justify-content: space-between;
	padding: 0 5px;
}

header ul a{
	width: 33%;
	display: inline-flex;
}

header ul li{
	width: 100%;
	justify-content: center;
	margin: 0;
	font-size: 10px;
	padding: 4px;
}

header ul li i{
	font-size: 15px;
}

.nomobile{
	display: none;
}

header ul li.lipaella{
	background: #884114;
}

header ul li.litapas{
	background: #A45F1D;
}

header ul li.libebidas{
	background: #76674D;
}

section.content-home{
	padding: 0 5px;
	flex-direction: column;
}

section.content-home div.single-banner,
section.content-home div.double-banner{
	width: 100%;
}

section.content-home div.single-banner>div div.bg{
	width: 253px;
}

section.content-home div.single-banner>div div.bg div.control{
	width: 35px;
	height: 35px;
}

.left-control{
	left: -17px;
	bottom: 24px;
}

.right-control{
	right: -17px;
	bottom: 24px;
}

div.mobile-flag{
	display: flex;
}

footer{
	border-top: 10px solid #cacaca;
	justify-content: center;
}

footer button.cobertura{
	display: none;
}

footer .predes{
	display: none;
}

footer>div:last-child{
	display: none;
}

footer div.copy{
	width: 100%;
}

section.calendar-content{
	padding: 30px 20px;
	flex-direction: column;
}  

section.calendar-content div.titles{
	justify-content: center;
}

div.calendar-wrap,
div.schedule-wrap{
	width: 100%;
}

div.calendar-wrap{
	margin-bottom: 30px;
}

div.schedule-wrap{
	display: flex;
	align-items: center;
}

section.semi-footer{
	border-top: 10px solid #cacaca;
	padding: 0 20px 50px 20px;
}

section.semi-footer button{
	font-size: 10px;
}

}


/* XS Portrait */
@media (max-width: 480px){

header ul li{
	font-size: 12px;
}

header ul li i{
	font-size: 13px;
	margin-right: 2px;
}

section.content-home div.single-banner>div div.bg{
	width: 166px;
}

section.content-home div.single-banner>div div.bg div.fader div{
	align-items: center;
}

section.content-home div.single-banner>div div.bg div.fader h2{
	font-size: 17px;
	margin-bottom: 10px;
}

section.content-home div.single-banner>div div.bg div.fader>p{
	display: none;
}

section.content-home div.single-banner>div div.bg div.fader button{
	font-size: 10px;
}

section.content-home div.single-banner>div div.bg div.control{
	width: 24px;
	height: 24px;
}

.left-control{
	left: -13px;
	bottom: 16px;
}

.right-control{
	right: -13px;
	bottom: 16px;
}

div.prog-button h3{
	font-size: 12px;
}

div.double-button div.cta-button h3{
	font-size: 8px;
}

div.double-button div.cta-button div.logobtn{
	width: 30px;
}

div.double-button{
	margin-top: 15px;
}

footer{
	padding: 20px 5px;
}

footer div.copy{
	font-size: 9px;
}

section.calendar-content{
	padding: 30px 5px;
}

div.calendar{
	margin-top: 15px;
}

div.calendar div.days table td i{
	font-size: 28px;
}

section.calendar-content div.titles h3{
	font-size: 19px;
}

div.calendar div.convention>div{
	margin-right: 8px;
}

div.calendar div.convention>div i{
	font-size: 25px;
}

div.calendar div.convention>div p{
	font-size: 9px;
}

div.schedule-wrap div.horas div.item div.info span{
	font-size: 10px;
	width: 160px;
}

section.semi-footer{
	padding: 0 5px 50px 5px;
}

}


@media (max-width: 320px){
	

}