/* Height for devices shorter than 1600px */
@media (max-width: 1700px) {
	#movil{
		height: 490px;
		margin-right: 30px;
	}
}

/* Height for devices shorter than 1600px */
@media (max-width: 1600px) {
	.site-navbar .site-navigation .site-menu > li > a {
		margin-left: 0 !important;
	}
	
	#movil{
		height: 450px;
		margin-right: 40px;
	}
}

/* Height for devices shorter than 1370px */
@media (max-width: 1370px) {
	#logo{
		content: url("../img/logo/eslogan2.png");
		height: 65px !important;
	}
	
	#movil{
		height: 430px !important;
		margin-right: 40px;
	}
}

/* Height for devices shorter than 1200px */
@media (max-width: 1200px) {	
	#movil{
		height: 400px !important;
		margin-right: 40px;
	}
	
	#colegio{
		height: 50px;
	}
}

/* Height for devices shorter than 1050px */
@media (max-width: 1090px) {
	#colegio{
		height: 40px;
	}
}

/* Height for devices shorter than 1000px */
@media (max-width: 991px) {
	#navlogin{
		height: 10vh !important;
	}
	
	#colegio{
		display: none !important;
	}
	
	#movil{
		height: 370px !important;
		margin-right: 45px;
	}
	
	#carouselIntro{
		margin-top: 0px !important;
	}
	
	#introover {
		left: 0 !important;
	}
	
	.btnlogin{
		inline-size: -webkit-fill-available;
	}
	
	.nav-link {
		color: black !important;
	}
	
	#descriptiontext{
		text-align: justify !important;
	}
	
	#vd{
		//content: url("../img/vd.png");
		//height: 180px !important;
		height: 20vh !important;
	}
	
	#mac {
		background-image: none !important;
		height: auto !important;
		position: relative !important;
		padding-top: 1.5rem !important;
	}
	
	.centered-element {
		//margin: 0;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		transform: none !important;
	}
	
	#mapa{
		width: 100% !important;
	}
	
	.card{
		--mdb-card-box-shadow: 0 !important;
	}
	
	#intrologin {
		height: 80vh !important;
	}

	#backgroundform {
		height: 81vh !important;
		//max-width: 1500px !important;
	}
	
	.mobile-visible{
		display: block !important;
	}
	
	.mobile-visible-flex{
		display: flex !important;
	}
	
	.mobile-hidden{
		display: none !important;
	}
	
	.mobile-hidden-inline{
		display: none !important;
	}

	.mobile-hidden-flex{
		display: none !important;
	}
	
	.borderblack{
		//border: double !important;
		border: 1px black;
	}
	
	.cardlogin{
		content: url("../img/services/card.png") !important;
	}
	
	.textimagemobile{
		color: black; 
		position: absolute;
		top: 50%; 
		left: 50%; 
		transform: translate(-50%, -50%);
	}
	
	#servicios {
		background-attachment: unset !important;
	}
	
	#background1{
		background-attachment: unset !important;
	}

	#background2{
		background-attachment: unset !important;
	}

	#background3{
		background-attachment: unset !important;
	}

	#copyr{
		height: 15vh !important;
	}
	
	#copylogin{
		height: 7vh !important;
	}

	#btn-back {
		position: fixed;
		top: 15vh;
		left: 20px;
		display: none !important;
	}

	#siluetas {
		height: 8vh !important;
	}
	
	#description{
		padding-top: 0 !important;
	}
	
	#services{
		padding-top: 0 !important;
	}
	
	#tiposservicios{
		padding-top: 0 !important;
	}
	
	#presup{
		padding-bottom: 1rem !important;
	}
	
	.inputmobile{
		font-size: .775rem !important;
		line-height: 1.5 !important;
	}
	
	#victor{
		height: 450px;
	}
	
	.cookiesmobile{
		height: 50% !important;
	}
	
	#estimate{
		padding-top: 1rem !important;
	}
}

@media (max-width: 767px) {
	#victor{
		display: none;
	}
}

/* Height for devices shorter than 500px */
@media (max-width: 500px) {
	#movil{
		display: none;
	}
}
