@media screen and (min-width:100px) and (max-width:539px){
	html{ font-size:0.6rem; background-size:cover}
	#log-in > div{ width:90%;}
	#div_logo, #div_bien, #div_button, #div_user, #div_pass{ left:5%;}
	#login .inputWithIcon i { top:6px !important; font-size:1.5em} 
	
	.fieldset .flex{ flex-direction: column;}

	.resumen_agrupado{ display: block;}
	.resumen_agrupado > div{ margin:10px 0}
	.filters{ grid-template-columns: 1fr;}
	.total_r{ width:100px}

	.w25, .w30, .w40, .w50, .w60, .w70, .two{ width:100%}
	.div_terminales{ display: block}
	.resultados{ max-width: 100%; overflow: scroll;}

	.grid2{ grid-template-columns: 1fr;}

	header #logo img{ height: 60%;}
	#menu img{ width: 20px; height:20px}
	#tabla_productos{ height: 60%;}
	#paneles{ height: 35%; grid-template-columns: repeat(2, 1fr); grid-template-rows: 50%;}
	#paneles h4{ margin: 0;}

	#div_divisiones{ display: grid; grid-template-columns: repeat(2,1fr); max-height: 50px; overflow: auto; gap: 5px;}
	#contenido_galerias > div{ width: 100%; margin:10px 0 }
	#div_categorias{  grid-template-columns:repeat(5, 1fr);}
	.galeria_imagenes{ grid-template-columns:repeat(1, 1fr);}

	#impresion_tiket{ display: none;}
	#myajaxmenu { grid-template-columns:repeat(1, 1fr); gap:30px 0}
	#datos_sesion{ width:98% !important}
}

@media screen and (min-width:540px) and (max-width:769px){
	html{ font-size:0.6rem; background-size:cover}
	#log-in > div{ width:90%;}
	#div_logo, #div_bien, #div_button, #div_user, #div_pass{ left:5%;}
	#login .inputWithIcon i { top:6px !important; font-size:1.5em} 
	
	.fieldset .flex{ flex-direction: column;}
	.resumen_agrupado{ display: block;}
	.resumen_agrupado > div{ margin:10px 0;}
	.filters{ grid-template-columns: repeat(2,1fr);}
	.total_r{ width:100px}
	.w25, .w30, .w40, .w50, .w60, .w70, .two{ width:100%}
	.div_terminales{ display: block}
	.resultados{ max-width: 100%; overflow: scroll;}

	.filters{ grid-template-columns: repeat(2, 1fr); }
	header #logo img{ height: 60%;}
	#menu img{ width: 20px; height:20px}
	#paneles{ height: 25%; grid-template-columns: repeat(2, 1fr); grid-template-rows: 50%;}
	#paneles h4{ margin: 0;}

	#div_divisiones{ display: grid; grid-template-columns: repeat(4,1fr); max-height: 50px; overflow: auto; gap: 5px;}
	#contenido_galerias.flex{ display: block;}
	#contenido_galerias > div{ width: 100%; margin:10px 0 }
	#div_categorias{  grid-template-columns:repeat(5, 1fr);}
	.galeria_imagenes{ grid-template-columns:repeat(3, 1fr);}
	
	#impresion_tiket{ display: none;}
	#myajaxmenu { grid-template-columns:repeat(2, 1fr); gap:30px 0}
	#datos_sesion{ width:98% !important}
}

@media screen and (min-width:770px) and (max-width:1600px){
	#paneles h4{ margin:7px 0}

	.galeria_imagenes{ grid-template-columns:repeat(4, 1fr);}
}