/****************** 4 - RESPONSIVE ***************/
@media (min-width: 768px) and (max-height: 700px){

}

@media (min-width: 768px) and (min-height: 800px){
	
}
@media (max-width: 1200px){
	.BoxContacto .BoxCorreo {
	    top: 0px;
	    left: -130px;
	}

	.BoxContacto .BoxY {
	    right: 230px;
	}
}

@media (max-width: 1300px){

	.BoxContacto .BoxTalk .Text {
	    font-size: 4rem;
	}
	.BoxContacto .BoxTalk {
	    width: 245px;
	    height: 110px;
	}
	.BoxContacto .BoxLets {
	    width: 200px;
	    height: 120px;
	}
	.BoxContacto .BoxLets .Text {
	    font-size: 3rem;
	}
}

@media (max-width: 990px){
	.BoxSoon .BoxSoonImg .Img {
	    max-width: 80%;
	}
}

@media (max-width: 767px){
	

}

@media (max-width: 480px){

	.BoxSoon .BoxSoonImg .Img {
	    max-width: 80%;
	}

	.BoxWeInformacion .LetraF {
    position: absolute;
    right: inherit;
    width: 136px;
    left: 15px;
    margin: 0;
}

	.BoxWeInformacion .LetraS {
    position: relative;
    right: 0;
    width: 190px;
    top: 33px;
    margin: 0 auto;
    margin-right: 0;
    margin-bottom: 3rem;
}

	.BoxIntegrantes .BoxFrase .Text {
    margin-top: 0rem;
}

.BoxIntegrante.BoxIntegranteTwo .BoxDatos {
    padding: 1rem 0rem;
}

.BoxWeInformacion .BoxWeInfo {
    width: 100%;
}

.BoxIntegrante {
    margin-bottom: 2rem;
}

	.BoxIntegrantes {
    width: 100%;
    margin-top: 5rem;
    flex-wrap: wrap;
}
.BoxIntegrante {
    flex-direction: column;
}

.BoxIntegrante .BoxImg {
    width: 100%;
}
.BoxIntegrante .BoxDatos {
    padding: 1rem 0rem;
    width: 100%;
}
.BoxIntegrante.BoxIntegranteTwo {
    width: 100%;
}

	.BoxContacto .BoxY {
    right: 100px;
}

	.Web-Home .BoxHome .BoxText.Text6 {
    width: 54%;
}

	.Web-Home .BoxHome .BoxText.Text2B {
    margin: 0 10px;
    width: 14%;
}

	.Web-WheAre .BoxWheAre .BoxWhe.BoxWheA {
    width: 100%;
}

.BoxWhe .Title {
    order: 2;
    margin: 0;
    margin-top: 1rem;
}
.BoxWhe .BoxImg {
    order: 1;
}

	.BoxVideo .BoxVideo-Video .BoxVideoContent .IconDown {
	    left: inherit;
	    right: 0;
	    bottom: -75px;
	    top: inherit;
	    z-index: 1;
	    margin-right: 15px;
	    margin-top: 0px;
	}

	.BoxVideo .BoxVideo-Video .BoxVideoContent .IconUp {
    left: inherit;
	    right: 0;
	    bottom: -75px;
	    top: inherit;
	    z-index: 1;
	    margin-right: 15px;
	    margin-top: 0px;
}

	#statusintro {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
}

	.VideoLogo {
    width: 60px;
}

	#status {
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
}

.BoxContentVideo {
    padding: 0 0rem 0 0rem;
}

	html, body{
		height: 100%;
	}

	.Web-WheAre {
    width: 100%;
    padding: 0 0rem 0 0rem;
}
.Web-WheAre .BoxWheAre .BoxWhe.BoxWheD {
    width: 100%;
}
.Web-WheAre .BoxWheAre .LetraF {
    position: absolute;
    right: initial;
    width: 160px;
    left: auto;
    margin: 1rem;
    z-index
}

.Web-WheAre .BoxWheAre .Img {
    width: 85%;
}

	.Web-WheAre .BoxWheAre .LetraS {
    position: relative;
    right: 10px;
    width: 225px;
    top: 0;
    margin: 8rem 1rem 1rem auto;
}

	.Web-WheAre .BoxWheAre {
    height: auto;
    padding-top: 6rem;
}

	.Web-WheAre .BoxWheAre .BoxWhe {
	    width: 100%;
	    position: relative;
    top: -50px;
	}


	.Web-Contacto {
	    height: 100%;
	    padding: 0 0 0 0rem;
	}

	.BoxPhoto.BoxPhotoRight .IconUp {
    margin-right: 0;
}

	.BoxPhoto .IconUp {
	    right: 46%;
	    margin: 0;
	    top: 48%;
	    margin-right: 28px;
	    margin-top: -24px;
	}

	.BoxPhoto .fp-controlArrow.fp-next.IconDown {
	    right: 47%;
	    top: 50%;
	    margin-right: 0;
	}

	.BoxPhoto .fp-controlArrow.fp-next.IconRight {
	    right: 44%;
	    margin-right: 0px;
	    margin-top: -30px;
	}

	.BoxPhoto.BoxPhotoRight .IconDown {
    margin-right: -16px;
    top: 48%;
}

	.BoxPhoto {
	    display: flex;
	    flex-wrap: wrap;
	    position: relative;
	    width: 100%;
	    flex-direction: column;
	}

	.BoxPhoto .BoxPhoto-ImgLarge {
	    width: 100%;
	    /* padding: 2rem 0; */
	    height: 50vh;
	}

	.BoxPhoto .BoxPhoto-ImgLarge .BoxImg {
	    margin: 0;
	    overflow: hidden;
	    height: 100vh;
	}

	.BoxPhoto .BoxPhoto-ImgLarge .BoxImg .Img {
	    width: 100%;
	    display: flex;
	    height: initial;
	}

	.BoxPhoto .BoxPhoto-ImgMini {
	    width: 100%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    height: 50vh;
	    background: #fff;
	}


	.BoxContacto .BoxInstagram {
    width: 75px;
    height: 74px;
    bottom: 60px;
    left: -40px;
}
	.BoxContacto .BoxTalk {
    width: 245px;
    height: 100px;
    left: 0;
    top: -35px;
}
	.BoxContacto .BoxTalk .Text {
	    font-size: 5rem;
	}
	.BoxContacto .Bloque.BloqueA {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
	.BoxContacto .Bloque.BloqueA .BoxEstrella {
    width: 100%;
    top: -40px;
}
	.BoxContacto .Bloque.BloqueA .BoxEstrella .ImgEstrella{
	    width: 100%;
	}
	.BoxContacto .BoxLets {
    width: 175px;
    bottom: 75px;
    height: 105px;
    float: right;
    right: 15px;
}
	.BoxContacto .BoxY {
    top: 50px;
}
	.BoxContacto .BoxCorreo {
	    color: #000;
	    font-size: 1.3rem;
	    padding: 1.2rem 2rem;
	    top: -10px;
	    left: 0;
	}
	.BoxContacto .BoxBe {
	    width: 55px;
	    height: 55px;
	    right: 0;
	    bottom: -5px;
	}
	.BoxContacto .Bloque {
	    justify-content: space-between;
	    padding: 1rem;
	}
	.BoxContacto .BoxNumero {
    position: relative;
    display: flex;
    margin-left: 1rem;
}
	.BoxContacto .BoxNumero .LinkNumero {
	    color: #fff;
	    font-size: 1.6rem;
	    padding: 1rem 1.4rem;
	    background: #000;
	    text-decoration: none;
	}
	.BoxContacto {
	    flex-direction: column;
	    width: 100%;
	    /*height: 70vh;*/
	}
	.BoxLinkMenuClose {
	    /*display: flex;*/
	    display: none;
	    position: absolute;
	    right: 50px;
	    padding: 1rem;
	    top: 1rem;
	    font-size: 1.4rem;
	    color: #000;
	    z-index: 1;
	    width: 50%;
	    justify-content: center;
	    align-items: center;
	}
	.BoxLinkMenu {
	    display: block;
	    position: absolute;
	    right: 6px;
	    padding: 1rem;
	    top: 15px;
	    font-size: 1.4rem;
	    color: #000;
	    z-index: 1;
	}
	.Web-Header {
    /*background: #fff;*/
    padding: 0.8rem 1rem;
    width: 100%;
    left: 0rem;
}
	.MenuBar.MenuBarVideo {
	    right: -15%;
	}
	.MenuBar.MenuBarVideo.Active {
    right: 0%;
    z-index: 5;
}
	.BoxInformacion .ListDatos {
    display: flex;
    flex-wrap: wrap;
}
.BoxInformacion .ListDatos .Item {
    width: 100%;
    margin-bottom: 0.5rem;
}
	.Web-Home .BoxHome .BoxText {
    margin: 2px 15px;
}
	.BoxLogo .ImgLogo {
    width: 60px;
}
.Web-Home {
    height: 100%;
        padding: 0 0 0 0rem;
}
.Web-Home .BoxHome {
	    width: 65%;
	    margin-bottom: 0;
	}
.MenuBar {
    width: 15%;
    height: 100%;
    padding-top: 5px;
    z-index: 5;
}
.MenuBar .MenuRedes {
    bottom: 40px;
}
.fullpage-photo {
    padding-right: 0;
}
.BoxPhoto .BoxPhoto-ImgMini .BoxImg {
    width: 85%;
}
	.Web-Home .BoxHome .BoxBoxHome-Row {
	    flex-direction: column;
	}
	.Web-Home .BoxHome .BoxBoxHome-Row.BoxBoxHome-Row2 {
	    left: 0;
	    width: 100%;
	}
	.Web-Home .BoxHome .BoxBoxHome-Row.BoxBoxHome-Row1 {
    width: 100%;
    flex-direction: inherit;
    flex-wrap: wrap;
}
.Web-Home .BoxHome .BoxText.Text2 {
    width: 64%;
}
.Web-Home .BoxHome .BoxBoxHome-Row.BoxBoxHome-Row3 {
    flex-direction: inherit;
    flex-wrap: wrap;
}

.Web-Home .BoxHome .BoxText.Text5 {
    width: 52%;
}
.Web-Home .BoxHome .BoxText.Text5.Text5B {
    width: 50px;
}
.Web-Home .BoxHome .BoxText.Text5.Text5B img{
    width: 50px;
}
.Web-Home .BoxHome .BoxText.Text5B {
    width: 20%;
}
.Web-Home .BoxHome .BoxText.Text6B {
    width: 20%;
}
	.Web-Home .BoxHome .BoxBoxHome-Row.BoxBoxHome-Row4 {
	    width: 100%;
	}

	.BoxVideo {
	    flex-direction: column;
	}

	.BoxVideo .BoxVideo-Video .BoxVideoContent .Img {
	    width: 100%;
	    height: auto;
	}
	.BoxInformacion {
	    width: 100%;
	}
	.BoxVideo .BoxVideo-Informacion {
	    width: 100%;
	    order: 2;
	    height: auto;
	}
	.BoxVideo .BoxVideo-Video {
    width: 100%;
    order: 1;
    display: block;
    height: auto;
    overflow: inherit;
    border-top: 50px solid #fff;
}
.Web-Home .BoxHome .BoxText.Text2B img {
    width: 40px;
    height: 40px;
}
}


@media (max-width: 360px){
.Web-Home .BoxHome {
    width: 85%;
}
}