/*1024*/



/*960*/
@media only screen and (max-width : 960px) {
.bg-landing:before {
    height: 250px;
    top: -250px;
}

.titulo-principal {
    top: -170px;
    left: 14%;
}



}



/*728*/
@media only screen and (max-width : 728px) {
.beneficios-form {
    width: 95%;
    margin: 0 auto;
}

.input-col2 p {
    font-size: 10px;
}

.vigilado {
    width: 30px;
    top: 40px;
}

.bg-landing:after {
    height: 190px;
    bottom: -150px;
}

.bg-landing {
    margin-top: -3%;
}

.bg-landing:before {
    height: 170px;
    top: -170px;
}

.titulo-principal {
    position: relative;
    top: -60px;
    left: 0;
}




}


/*600*/
@media only screen and (max-width : 600px) {
.beneficios {
    width: 100%;
    margin-right: 0;
}

.formulario {
    width: 100%;
    float: left;
}

.input-col2 p {
    font-size: 13px;
}

.bg-landing:before {
    height: 145px;
    top: -129px;
}

.cont-thankyou h2 {
    width: 90%;
}

.txt-asesor {
    font-size: 20px;
    width: 100%;
}

.redes p, .logo-page p {
    display: block;
    margin-bottom: 20px;
}

.logo-page p {
    border-right: 0;
    margin-right: 0;
    padding: 0;
}

.thankyou-page:after {
    height: 100px;
}

.cont-thankyou {
    width: 90%;
    padding: 50px 0;
}

.logo-page .logo-thank {
    width: 80%;
}


}



/*480*/
@media only screen and (max-width : 480px) {
.bg-landing:before {
    height: 85px;
    top: -79px;
}

.titulo-principal {
    position: relative;
    top: 0px;
    left: 0;
    margin-bottom: 30px;
}

.bg-landing:after {
    height: 110px;
    bottom: -110px;
}

.logo-footer {
    width: 70%;
}

.input-col2 p {
    width: 100%;
    text-align: left;
    padding-left: 10px;
}

.input-col2 {
    margin-bottom: 3%;
}

.input-col2 input, .input-col2 select {
    width: 97%;
}

.input-col2 select {
    width: 97%;
}

.beneficios ul li {
    font-size: 13px;
}

.vigilado {
    width: 25px;
    top: 60px;
}

.logo-vigilado-thank {
    width: 15px;
    bottom: 14%;
}


}



/*320*/
@media only screen and (max-width : 320px) {



}