@media only screen and (min-width: 480px){
    .input-group {
        width: 15em;
        left: 14em;

    }
    .push-top {
        position: relative;
        bottom: 10em;
    }
    .wave img {
        visibility: hidden;
    }

    .left {
        position: relative;
        left: 14em;
        width: 15em;
    }
    .title-left{
        position: relative;
        left: 12.5em;
        margin-bottom: -1em;
        width: 9.5em;
    }
    .sucursal{
        position: relative;
        left: 8.5em;
        width: 9.5em;
    }
    .navbar-brand img {
        top: -8.5em;
        left: 10.5em;
    }
    .mb-1 {
        margin-bottom: 1em;
    }
    .input-custom-left{left: 1em; }
    .options{
        position: relative;
        left: 14em;
        width: 15em;
    }
}

    @media only screen and (min-width: 600px) and (max-width:701px) {
    .input-group {
        width: 23em;
        left: 16em;
    }
    .left  {
        position: relative;
        left: 16em;
        width: 23em;
    }
    .push-top {
        position: relative;
        bottom: 10em;
    }

    .title-left{
        position: relative;
        left: 14.5em;
        margin-bottom: -1em;
        width: 13.5em;
    }
    .navbar-brand img {
        top: -9.5em;
        left: 14.5em;
    }
    .mb-1 {
        margin-bottom: 1em;
    }
    .sucursal{
        position: relative;
        left: 10.5em;
        width: 13.5em;
    }
    .options{
        position: relative;
        left: 20em;
        width: 15em;
    }
}

@media only screen and (min-width: 701px) and (max-width:767px) {
    .navbar-brand img{
        left: 16.5em;
    }
    .title-left{
        left: 15.5em;
    }
    .input-group{
        left: 23em;
    }
    .sucursal{
        left: 14.5em;
    }
    .left{
        left: 23em;
    }
}

@media only screen and (min-width: 768px){
    .sucursal{
        position: relative;
        left: 10em;
        width: 13.5em;
    }
    .input-group {
        width: 23em;
        left: 16em;
    }
    .form-control {
        width: 30em;
    }
    .push-top {
        position: relative;
        bottom: 10em;
    }
    .wave img {
        visibility: hidden;
    }
    .left {
        position: relative;
        left: 14em;
        width: 23em;
    }

    .left .form-control {
        position: relative;
        left: 2em;
    }
    .title-left{
        position: relative;
        left: 12.5em;
        margin-bottom: -1em;
        width: 14.5em;
    }
    .navbar-brand img {
        top: -7.5em;
        width: 80%;
        left: 15.5em;
    }
    .mb-1 {
        margin-bottom: 1em;
    }

    .options {
        position: relative;
        left: 20.5em;
    }


}

@media only screen and (min-width: 992px) {
    .center {
        position: relative;
        left: 2em;
    }
    .input-group {
        width: 30em;
        position: relative;
        left: 23em;
    }
    .left {
        position: relative;
        left: 2em;
    }
    .left .form-control {
        position: relative;
        left: 20em;
    }
    .title-left {
        left: 14em;
    }
    .mb-1 {
        margin-bottom: 1em;
    }
    .navbar-brand img {
        top: -7.5em;
        left: 22.7em;
    }
    .input-custom-left{
        position: relative;
        left: 19em;
    }
    .paragraph-custom-left{
        position: relative;
        left: 20em;
    }
    .spacing-1{
        margin-top: 20em;
    }
}
@media only screen and (min-width: 1000px) {
    .title-left{
        width: 18.5em;
    }
    .sucursal{
        position: relative;
        left:14.5em;
        width: 18.5em;

    }
    .left{
        position: relative;
        left: 1em;
        width: 30em;
    }

    .left .form-control{
        position: relative;
        left: 20.5em;
    }
    .left .btn-primary {
        position: relative;
        left: -2em;
    }

    .options{
        position: relative;
        left: 11em;
    }
}


@media only screen and (min-width: 1200px) {
    .left{
        width: 30em;
    }
    .center {
        /*left: -3em;*/
    }
    .left .form-control {
        position: relative;
        left: 8.5em;
    }

    .form-control{
        position: relative;
        width: 28em;
    }
    .wave img {
        visibility: visible;
    }

    .navbar-brand img {
        visibility: hidden;
    }
    .title-left{margin-bottom: 1em; left: 1em}
    .input-group{ left: -4.5em;}
    .input-custom-left{left: 1em; }
    .paragraph-custom-left{left: -2.5em;}
    .sucursal{
        position: relative;
        left: 5.5em;
        width: 19.5em;
    }
    .left .btn-primary{
        position: relative;
        left: 3em;
    }
    sucursal{
        position: relative;
        left: 6.5em;
        width: 18em;
    }
    .options{
        left: 19em;
    }
}