@media screen and (min-width:100px) and (max-width:412px){
	html{ font-size:0.8em !important}
	body{ background:url(../imgs/fondos/fondo_mega_resp.png) no-repeat center; background-size: cover;}
	h2{ font-size:1.5rem !important}
	
	#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} 
	#infos img{ width:50px; height:50px !important}
	
	#logo{ width:40%}
	#sesion{ width:45% }
	header{ height: 10%;}
	#no_firefox,#comunicado, #data_user{ display:none !important}
	#data_user2{ display:block}

	#cursos_alumno{ grid-template-columns: 1fr;}
	#cursos_alumno > div{ font-size:1em}
	.soporte{ height: 40%;}

	#banner_a{ flex-direction: column;}
	#banner_a .w20 img{ width:60px; height:60px}
	#banner_a > div{ text-align: center; width: 100%;}

	#accesos_areas{ grid-template-columns: 1fr;}
	#accesos_areas img{ height: 40px; width: auto;}
	#accesos_areas h1{ font-size: 1.5rem;}

	#resumen_ce img{ height: 70px; width: auto;}
	.grid2, .grid3, .grid4, .filters{ grid-template-columns: 1fr;}

	.popup_blue, .popup{ width:98% !important; font-size:0.8em; box-sizing:border-box}
	.popup_blue h4, .popup_blue h3{ margin:5px; font-size:1.2em !important}
	.popup{ display:flex !important}

	.img_form{ height:70px !important; width:auto !important}
	.close_div{ width:25px !important; height:25px !important;}
	.abre_div{ display:block !important}
	.contenido i{ font-size:10px !important}


	#contenido_menu .flex{ display:block !important}
	#contenido_menu .two{ width:100% !important} 
	#mensajes .imagen_item{ display:none}
	#mensajes .flex_middle{ display:block !important}
	#mensajes .flex_middle .two{ width:100%}
	#mensajes .flex_middle button{ padding:5px !important; font-size:10px }
	#form_tareas{ display:block !important}
	
	.btn-custom i{font-size:1em !important}
	.cont_noticia i, table i{ font-size:1em !important}
	
	form .flex{ width:100% !important; display:block !important}
	.flex > .four, .flex > .two, .flex > .tree, .flex > .five{ width:100% !important;}
	
	#comentarios_foros .w10{ display: none}
	.soporte{ height: 60%;}

	#datos_ticket{ width:90% !important}
}

@media screen and (min-width:413px) and (max-width:809px){
	body{ background:url(../imgs/fondos/fondo_mega_resp2.png) no-repeat center; background-size: cover;}
	h2{ font-size:2rem !important}
	
	#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} 
	#infos img{ width:50px; height:50px !important}

	#logo{ width:40%}
	#sesion{ width:45% }
	header{ height: 10%;}
	#no_firefox,#comunicado, #data_user{ display:none !important}
	#data_user2{ display:block}

	#cursos_alumno{ grid-template-columns: 1fr;}
	#cursos_alumno > div{ font-size:1em}

	#banner_a .w20 img{ width:70px; height:70px}

	#accesos_areas{ grid-template-columns: 1fr;}
	#accesos_areas img{ height: 70px; width: auto;}
	#accesos_areas h1{ font-size: 2rem;}

	.soporte{ height: 40%;}

	.grid2, .grid3{ grid-template-columns: 1fr;}
	.grid4, .filters{ grid-template-columns: repeat(2, 1fr);}

	.popup_blue, .popup{ width:98% !important; font-size:0.8em; box-sizing:border-box}
	.popup_blue h4, .popup_blue h3{ margin:5px; font-size:1.2em !important}
	.popup{ display:flex !important}

	.img_form{ height:70px !important; width:auto !important}
	.close_div{ width:25px !important; height:25px !important;}
	.abre_div{ display:block !important}
	.contenido i{ font-size:10px !important}
	#datos_ticket{ width:90% !important}
}

@media screen and (min-width:810px) and (max-width:1400px){
	body{font-size:12px !important;}
	#total, #efectivo, h1, .total{ font-size:2.5em !important}
	h5 >img{ height:15px; width:auto;}
	h2 >img{ width:20px; height:auto}
	
	select{ font-size:10px !important;}	
}

/*
@media screen and (min-width:100px) and (max-width:780px){
	
	
}
*/