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

	

	


#muwa_main_menu_panel{
	
	position: absolute;
	top: 0;
	left: 0;
	
	box-shadow: 4px 0 8px 0 rgb(0 0 0 / 20%), 6px 0 20px 0 rgb(0 0 0 / 19%);
	border-bottom: 1px solid silver;
	
}	



  #cd-menu-trigger{
	border-radius: 0 0 0 5px;
  }


  #cd-menu-trigger-mob {
	display: block;
  }



	
	#muwa_main_menu{
		
		position: absolute;
		right: 0px;
		top: 0;
		
		width: 100%;
		
		height: 100%;
		/*max-height: calc(100% - 50px);*/
		overflow: hidden;
	}



	#muwa_main_menu_section{
		
		grid-template-rows: max-content auto max-content;
		
		position: absolute;
		right: 0px;
		top: 50px;
		
		width: 100%;
		height: calc(100% - 50px);
		max-height: calc(100% - 50px);
		
		overflow: auto;
	
	}
	
	
	header.muwa_main_menu_section{
		/*padding: 15px 15px 5px 15px;*/
	}
	
	footer.muwa_main_menu_section{
		/*padding: 20px;*/
	}	
	
	header.muwa_main_cal_section{
		
	}
	
	footer.muwa_main_cal_section{
		
	}	
	
	
	
	
	
	
	
	
	
	
  #muwa_main_menu.lateral-menu-is-open {
	max-width: 100%;	
  }
	

	
	
	
	
#muwa_main_menu_panel_lang{
 display: none;
}	
	
#muwa_main_menu_panel_time{
 display: none;
} 	
	
	
	
	
	
	
	
	
	
	
}




/* TABLET */
/*@media only screen and (min-width: 769px) and (max-width: 1199px){*/


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


#muwa_main_menu_panel{
	
	position: absolute;
	bottom: 0;
	left: 0;
	
	height: 50px;
	
}

/*	
#muwa_main_menu_panel.lateral-menu-is-open a#cd-menu-trigger {
	
   //translate to show the lateral menu 
  
  -webkit-transform: translateX(360px);
  -moz-transform: translateX(360px);
  -ms-transform: translateX(360px);
  -o-transform: translateX(360px);
  transform: translateX(360px);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  
}	
*/
	
	
	
	
  #cd-menu-trigger {
	position: absolute;
	left: 0;
	bottom: 0;		  
    width: 114px;
    padding-left: 1.25em;
	border-radius: 0 5px 0 0;
  }
  
  #cd-menu-trigger-mob {
	display: none;
  }

  
  
  #cd-menu-trigger .cd-menu-text {
    display: inline-block;
    line-height: 54px;
  }
  
  
  #cd-menu-trigger .cd-menu-icon {
    left: auto;
    right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
	
	
	#muwa_main_cal{
		position: absolute;
		right: 0;
		top: 0;
		
		
		margin: 0; 
		padding: 0;
		
		overflow: hidden;
		
		
		width: 360px;
		height: 100%;
		
		background-color: rgba(224, 233, 235, 1);
		
	}	
	
	
	#muwa_main_menu{
		position: absolute;
		left: 0;
		top: 0;
		
		
		margin: 0; 
		padding: 0;
		
		overflow: hidden;
		
		
		width: 360px;
		height: 100%;
		
		background-color: rgba(224, 233, 235, 1);
		
	}

	#muwa_main_cal_section{
		
		
		grid-template-rows: max-content auto max-content;
		
		position: absolute;
		top: 0; 
		right: 0; 
		
		width: 360px;
		height: calc(100% - 50px);
		max-height: calc(100% - 50px);
		
	}

	
	#muwa_main_menu_section{
		
		
		grid-template-rows: max-content auto max-content;
		
		position: absolute;
		top: 0; 
		left: 0; 
		
		width: 360px;
		height: calc(100% - 50px);
		max-height: calc(100% - 50px);
		
	}	
	
	
	header.muwa_main_menu_section{
		padding: 20px;
	}
	
	footer.muwa_main_menu_section{
		padding: 20px;
	}
	
	
	header.muwa_main_cal_section{
		padding: 20px;
	}
	
	footer.muwa_main_cal_section{
		padding: 20px;
	}	
	
	
	
	
	
  #muwa_main_menu.lateral-menu-is-open {
	max-width: 360px;	
  }

  #muwa_main_cal.lateral-menu-is-open {
	max-width: 360px;	
  }	
	
  #muwa_main_menu .cd-navigation {
    margin: 20px 0;
  }
	
	
/*
  #cd-logo {
	float: right;
    margin: 25px 0 0 30px;
  }
*/  

#muwa_main_menu_panel_lang{
 float: right !important;
 /*margin-right: 10px;*/
}  

#muwa_main_menu_panel_time{
 float: right;
 margin: 0 10px 0 10px;
}  
  
  
  
  
  #cd-top-nav {
    display: block;
  }  	
	
	

	
	
	
	
	
}





/* PC */
@media only screen and (min-width: 1200px){
	




#muwa_main_menu_panel{
	
	position: absolute;
	bottom: 0;
	left: 0;
	
	height: 50px;
	
	box-shadow: -4px 0 8px 0 rgb(0 0 0 / 20%), -6px 0 20px 0 rgb(0 0 0 / 19%);
	border-top: 1px solid silver;
	
}
	
	
	
#muwa-menu-bottom{
	text-align: right;
}	
	
	
/*	
#muwa_main_menu_panel.lateral-menu-is-open a#cd-menu-trigger {
	
  // translate to show the lateral menu 
  
  -webkit-transform: translateX(360px);
  -moz-transform: translateX(360px);
  -ms-transform: translateX(360px);
  -o-transform: translateX(360px);
  transform: translateX(360px);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  
}	
*/	
	
  #cd-menu-trigger {
	position: absolute;
	left: 0;
	bottom: 0;	  
    width: 114px;
    padding-left: 1.25em;
	
	border-radius: 0 5px 0 0;
	
	height: 45px;
	
  }
 
  #cd-menu-trigger-mob {
	display: none;
  }
 
  
  #cd-menu-trigger .cd-menu-text {
    display: inline-block;
    line-height: 54px;
  }
  
  
  #cd-menu-trigger .cd-menu-icon {
    left: auto;
    right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
	
	
	
	
	#muwa_main_cal{
		position: absolute;
		right: 0;
		top: 0;
		
		margin: 0; 
		padding: 0;
		
		width: 380px;
		height: 100%;
		/*max-height: 100%;*/
		/*max-height: calc(100% - 50px);*/
		
		background-color: transparent;
		
		overflow: hidden;
		
	}	
	
	
	#muwa_main_menu{
		position: absolute;
		left: 0;
		top: 0;
		
		margin: 0; 
		padding: 0;
		
		width: 380px;
		height: 100%;
		/*max-height: 100%;*/
		/*max-height: calc(100% - 50px);*/
		
		background-color: transparent;
		
		overflow: hidden;
		
	}

	#muwa_main_cal_section{ 
	
		/*grid-template-rows: max-content minmax(400px, min-content) max-content;*/
		grid-template-rows: max-content minmax(max-content, 1fr) max-content;
		/*grid-template-rows: max-content auto max-content;*/
	
		
	
		border-radius: 8px 0 0 0;
		/*box-shadow: 4px -4px 8px 0 rgb(0 0 0 / 20%), 6px -6px 20px 0 rgb(0 0 0 / 19%);*/
		box-shadow: -4px -4px 8px 0 rgb(0 0 0 / 20%), -6px -6px 20px 0 rgb(0 0 0 / 19%);
		
		position: absolute; 
		right: 0;
		bottom: 50px;
		
		width: 360px;
		
		
		height: max-content;
		/*height: calc(100% - 50px);*/
		max-height: calc(100% - 50px);
		
		/*overflow: auto;*/
		
	
		overflow: hidden;
		
	}





	#muwa_main_menu_section{ 
	
		/*grid-template-rows: max-content minmax(400px, min-content) max-content;*/
		grid-template-rows: max-content minmax(400px, 1fr) max-content;
		/*grid-template-rows: max-content auto max-content;*/
	
		
	
		border-radius: 0 8px 0 0;
		box-shadow: 4px -4px 8px 0 rgb(0 0 0 / 20%), 6px -6px 20px 0 rgb(0 0 0 / 19%);
		
		position: absolute; 
		left: 0;
		bottom: 50px;
		
		width: 360px;
		
		
		height: max-content;
		/*height: calc(100% - 50px);*/
		max-height: calc(100% - 50px);
		
		/*overflow: auto;*/
		
	
		overflow: hidden;
		
	}


	main.muwa_main_cal_section{
		padding: 5px 25px;
	}


	header.muwa_main_menu_section{
		padding: 5px 10px;
	}


	footer.muwa_main_menu_section{
		padding: 5px;
	}


	header.muwa_main_cal_section{
		padding: 25px 30px;
		
	}
	
	header.muwa_main_cal_section div#den{
		font-size: 72px;
		font-weight: 600;
	}
	header.muwa_main_cal_section div#mes{
		font-size: 24px;
	}		
	
	footer.muwa_main_cal_section{
		padding: 15px;
	}	




  #muwa_main_menu.lateral-menu-is-open {
	max-width: 380px;	
  }
	
  #muwa_main_cal.lateral-menu-is-open {
	max-width: 380px;	
  }	
	
	
  #muwa_main_menu .cd-navigation {
    margin: 20px 0;
  }
	
	
	
	

/*  
  #cd-logo {
	float: right;
    margin: 25px 0 0 30px;
  }
*/


#muwa_main_menu_panel_lang{
 float: right !important;
 /*margin-right: 10px;*/
}  
  
#muwa_main_menu_panel_time{
 float: right;
 margin: 0 10px 0 10px;
} 
  
  
  
  
  
  
  #cd-top-nav {
    display: block;
  }  	
	
	
	
	
	
	
	
	
	
	
}