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

	



#muwa_main_menu_panel{
	
	position: absolute;
	/*top: 0;*/
	/*right: 0;*/
	left: 0;
	bottom: 0;
	width: 67px;
	height: 67px;
	
	/*box-shadow: 4px 0 8px 0 rgb(0 0 0 / 20%), 6px 0 20px 0 rgb(0 0 0 / 19%);*/
	/*border-bottom: 1px solid transparent;*/
	
	border-radius: 0 50% 0 0;
	
}	






  #cd-menu-trigger{
	/*border-radius: 0 0 0 5px;*/
	border-radius: 0;
	
	width: 100%;
	height: 100%;
	
	
  }


  #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: 0px;
		
		width: 100%;
		/*
		height: calc(100% - 50px);
		max-height: calc(100% - 50px);
		*/
		
		
		height: 100%;
		max-height: 100%;
		
		overflow: auto;
	
	}
	
	
	header.muwa_main_menu_section{
		padding:  0px;
	}
	
	footer.muwa_main_menu_section{
		padding: 5px 10px;
	}	
	
	header.muwa_main_cal_section{
		
	}
	
	footer.muwa_main_cal_section{
		
	}	
	
	
#MUWA_legend_butt_avatar{
	
	display: none;
	padding: 0px;
	
	/*
	bottom: 10px;
	left: 10px;
	*/

	
	
}
	
#MUWA_legend_top_meno{
	
	display: none;
	padding: 0px;
	
}

	
	
	
	
	
  #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;
	width: 100%;
	
	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_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: 120px;
    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: 380px;
		height: 100%;
		
		/*background-color: rgba(224, 233, 235, 1);*/
		background-color: transparent;
		
	}

	#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_legend_butt_avatar{
	
	
	top: 25px; 
	right: 25px;
	
}


#MUWA_legend_top_meno{
	
	display: none;
	padding: 0px;
	
}

	
	#muwa_main_menu_section{
		
		
		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;
		top: 0; 
		left: 0; 
		
		width: 360px;
		height: calc(100% - 50px);
		max-height: calc(100% - 50px);
		
	}	
	
	
	header.muwa_main_menu_section{
		padding: 0px;
	}
	
	footer.muwa_main_menu_section{
		padding: 10px;
	}
	
	
	header.muwa_main_cal_section{
		padding: 20px;
	}
	
	footer.muwa_main_cal_section{
		padding: 20px;
	}	
	
	
	
	
	
  #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;
  }  	
	
	

	
	
	
	
	
}





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




#muwa_main_menu_panel{
	
	position: absolute;
	bottom: 0;
	left: 0;
	
	height: 50px;
	width: 100%;
	
	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: 140px;
    padding-left: 1.25em;
	
	border-radius: 0 5px 0 0;
	
	height: 46px;
	
  }
 
  #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_chat{
		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_note{
		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_chat_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_note_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;
		
	}



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


	footer.muwa_main_menu_section{
		padding: 20px;
	}





	main.muwa_main_cal_section{
		padding: 5px 25px;
	}
	
	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;
	}	




	main.muwa_main_chat_section{
		padding: 5px 10px;
		height: 400px;
	}
	header.muwa_main_chat_section{
		padding: 0;
		
	}
	footer.muwa_main_chat_section{
		padding: 0 10px 10px 10px;
		
	}


	main.muwa_main_note_section{
		padding: 10px;
		height: 400px;
	}



#MUWA_legend_butt_avatar{
	
	
	top: 5px; 
	right: 20px;
	
}


#MUWA_legend_top_meno{
	
	display: block;
	padding: 10px 20px;
	
}





#muwa_main_menu.lateral-menu-is-open {
	max-width: 380px;	
}
	
#muwa_main_cal.lateral-menu-is-open,
#muwa_main_chat.lateral-menu-is-open, 
#muwa_main_note.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;
  }  	
	
	
	
	
	
	
	
	
	
	
}