@media screen and (min-width:100px) and (max-width:400px){
	#comunicado{ display:none}
	#log-in > div{ width:90%;}
	#div_logo, #div_bien, #div_button, #div_user, #div_pass{ left:5%;}
	
	form .flex{ display:block;}
	.four{ width:100%;}
	
	#muebles >div{ display:block; width:100%;}
	#muebles .w40{ width:100%;}
	#muebles .w60{ width:100%; text-align:center; background:white}
	#muebles .w40 .two{ width:100%}
	#muebles .imagen{ height:200px; width:70%;}
	
	#div_busqueda{ width:70% !important}
	#div_datos{ display:none !important; }
	#div_salir{ width:20%;}
	h1{ font-size:1em}
	h3{ font-size:0.8em;}
	
	.boton_circular a{ width:60px; height:60px; background: red; display:block; text-align:center; box-shadow:0 0 10px #333}
	.boton_circular a i{ font-size:3em !important; color:#FFF; margin-top:10px }

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

@media screen and (min-width:401px) and (max-width:800px){
	#log-in > div{ width:90%;}
	#div_logo, #div_bien, #div_button, #div_user, #div_pass{ left:5%;}

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

@media screen and (min-width:800px) and (max-width:1200px){
	html{ background-position:center; }
	body{font-size:12px !important;}

	h5 >img{ height:15px; width:auto;}
	h2 >img{ width:20px; height:auto}
	
	table, select{ font-size:10px !important;}	
	#login{ width:100%;}
	.fa-2x{ font-size:2em !important;}
	.fa-5x{ font-size:3em !important;}
	.inputWithIcon i{}
}