/****************** 4 - RESPONSIVE ***************/
@media (min-width: 1280px){}
@media (max-width: 1200px){

}

@media (max-width: 990px){

	.MG-BoxParticipar {
	    background: #f6f6f7;
	    padding: 2rem 1rem;
	}
	.MG-BoxParticipar .LinkZoom {
    width: 100%;
}
.MG-BoxQuieres {
    padding: 1rem;
}

	.BoxNecesidad .Icon {

    width: 25px;
    height: 25px;}
    .BoxNecesidad .Icon .fa {
    right: -2px;
    bottom: 0px;
    font-size: 14px;
}
	
	.Header-Text .Title .Title-Destacado {
	    font-size: 2.5rem;
	    line-height: 2.5rem;
	    margin-top: 2rem;
	    margin-bottom: 1rem;
	}
	.Header-Logo{text-align: center;}
	.Header-Text .Title {
	    font-size: 1.5rem;
	    line-height: 1.5rem;
	}
	.BoxRegistrate .Registrate-Header {
	    text-align: center;
	}
	.Registrate-Content{
		display: flex;
	    flex-direction: column;
	}
	.Registrate-Content .BoxImg{
		order: 2;
		text-align: center;
	}
	.Registrate-Content .BoxText{
		order: 1;
	}
	.Registrate-Content .Img {
	    float: none !important;
	}
	.Registrate-Content .Title{text-align: center;}
	.Registrate-Content .Text{text-align: center;}
	.BoxRegistrate {top: 0;}
	.Header {

    background-size: cover;
    background-attachment: inherit;
    background-position: center;

}
.Necesidades-Header .Title {font-size: 1.2rem;}
.BoxCompletaDatos .Title {font-size: 1.2rem;}
.Necesidades-Header .SubTitle {font-size: 1rem;}
.BoxCompletaDatos {
	padding-top: 3rem !important;
}
.FormRegistro .Link {
    width: 100%;
    max-width: 100%;
}
    .BoxRegistrate .Registrate-Header .TextDatos {
    width: 100%;
}
.BoxRequisitos {
    padding-top: 2rem !important;
}
}

@media (max-width: 767px){

	.BoxNecesidad .Img:hover {
    opacity: 1;
}
	.BoxNecesidad .Img {

    opacity: 1;
    width: 100%;
    max-width: 100%;

}

.BoxNecesidad .Icon {
		    right: 20px;
		    bottom: 20px;
			width: 35px;
			height: 35px;
	}
	.BoxNecesidad .Icon .fa {
	    right: 0px;
	    bottom: 2px;
	    font-size: 15px;
	}

}
@media (max-width: 480px){
	.Lightbox-Popup {

    max-width: 300px !important;
    text-align: center !important;
    border-radius: 10px !important;
    width: 100%;
    padding: 40px 25px !important;

}

	.BoxNecesidad .Icon {
		    right: 20px;
		    bottom: 20px;
			width: 35px;
			height: 35px;
	}
	.BoxNecesidad .Icon .fa {

	    right: 2px;
	    bottom: 4px;
	    font-size: 16px;

	}
}


@media (max-width: 360px){
	.BoxNecesidad .Icon {
	    right: 15px;
		bottom: 15px;
		width: 30px;
		height: 30px;
	}
	.BoxNecesidad .Icon .fa {

	    right: 1px;
	    bottom: 3px;
	    font-size: 14px;

	}

}