<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* @media only screen and (min-device-width : 401px) and (max-device-width : 767px), */
@media only screen and (min-width : 501px) and (max-width : 767px) {
	.wrapper {
		width: 400px;
	}
	.wrapper-preguntas {
		width: 100%;
	}
	.login-colmena {
		width: 96%;
		left: 0;
		right: 0;
	}
	.brand {
		background-image: url("../img/colmena-new.png");
		margin-top: 4px;
		zoom: 0.8;
		-ms-zoom: 0.8;
		-webkit-zoom: 0.8;
		-moz-transform:  scale(0.6,0.6);
	}
	.login-colmena h3 {
		margin: 10px 0px 0px 0px;
		text-align: center
	}
	.phone-header-small {
		display: none;
	}	
	.phone-header {
		width: 300px;
	}
	.phone-header-x-small {
		display: block;
		margin-top: 7px;
	}
	.phone-header-big {
		display: none;
	}
	.msgSuccess {
		margin: 20px;
		left: 0;
		right: 0;
		padding: 20px;
	}
	.header-rebrand {
		margin-bottom: 10px;
	}
	.header-rebrand .top {
		height: 45px;
		width: 96%;
	}
	.bkg-footer {
		display: none;
	}
	label.error {
		width: 94% !important;
		text-align: left !important;
		padding-left: 105px;
		text-align: right !important;
	}
	.form-control label {
		width: 40%;
		font-size: 16px;
		margin-right: 0px;
		float: left;
		text-align: left;
		line-height: 2em;
		padding-left: 10px;
	}
	.form-control input[type=text],
	.form-control input[type=email],
	.form-control input[type=tel],
	.form-control input[type=number] {
		width: 50%;
		border: 1px solid #DDD;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 5px;
		line-height: 2em;
	}
	input[type=button],
	input[type=submit]  {
		font-size: 24px;
		line-height: 40px;
		width: 96%;
	}
	
	label.questions {
		width: 60% !important;
	}
	
	input.questions {
		width: 30% !important;
	}
}
</pre></body></html>