@media screen and (min-width:100px) and (max-width:539px){
	#myajaxmenu { grid-template-columns:repeat(2, 1fr); gap:30px 0}
	#datos_sesion{ width:98% !important}
}
@media screen and (min-width:540px) and (max-width:769px){
	#myajaxmenu { grid-template-columns:repeat(3, 1fr); gap:30px 0}
	#datos_sesion{ width:98% !important}
}
@media screen and (min-width:770px) and (max-width:1399px){}
@media screen and (max-width:1400px){
	
	body{font-size:12px !important;}
	#total, #efectivo, h1, .total{ font-size:50px !important}
	h5 >img{ height:15px; width:auto;}
	h2 >img{ width:20px; height:auto}
	
	table{ font-size:10px !important;}
	table.formato_celda td{ font-size:10px !important;}
	.modifica_campo{font-size:10px !important; }	
}