@media only screen and (max-width : 1110px) {
    #header .header {
        padding-left: 270px;
        height: 170px
    }

    #header .logo img {
        width: 230px
    }
}

@media only screen and (max-width : 1037px) {
    #header li {
        padding: 20px 26px 20px 16px
    }

    #header li:first-child {
        padding: 20px 26px 20px 0
    }
}

@media only screen and (max-width : 900px) {
    .content {
        padding: 0
    }

    .mobile {
        display: block !important
    }

    .desktop {
        display: none !important
    }

    .body .content {
        padding: 0
    }

    #text_content .col {
        width: 100%;
        border: none
    }

    #header {
        height: auto;
        padding: 0;
        background-position: bottom left
    }

    #header .header {
        height: auto;
        padding: 0;
        background-image: none
    }

    #header .logo {
        width: 100%;
        position: relative;
        height: auto;
        float: left;
        top: 0
    }

    #header .logo img {
        width: 200px;
        margin: 20px
    }

    #header .content {
        padding: 0
    }

    #header .menu {
        width: 100%;
        height: auto;
        float: left;
        padding: 20px 20px 0;
        display: none;
        background-color: #6d6e71;
        color: #FFF;
        position: static !important;
        top: auto;
        right: auto;
        margin: 0;
        background-image: none
    }

    #header .menu a {
        color: #FFF
    }

    #header .menu-button {
        float: none;
        position: absolute;
        top: 50%;
        right: 5px;
        margin: -20px 0 0;
        width: 40px;
        height: 40px;
        display: block;
        color: #000
    }

    #header .menu-button i {
        float: none;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -10px 0 0 -9px;
        font-size: 24px;
        color: #737373
    }

    #header .menu li {
        float: left;
        width: 100%;
        overflow: hidden;
        height: auto;
        padding: auto;
        border-left: none;
        padding: 0 0 20px 0;
        margin: 0;
        line-height: 20px;
        list-style: none;
        text-align: center
    }

    #header .menu li i {
        margin-bottom: 0
    }

    #header li::before {
        content: "";
        background-color: transparent
    }

    #header .menu a {
        float: left;
        width: 100%
    }

    #header a span {
        border-radius: 50%;
        width: 25px;
        height: 25px;
        background-color: #999;
        color: #fff;
        margin: auto 0 -3px 5px;
        float: none;
        text-align: center;
        padding: 3px 0 0;
        display: inline-block
    }

    #home-search {
        float: left;
        width: 100%;
        background-size: auto 100%;
        height: auto
    }

    #home-search form {
        background-color: rgba(255, 255, 255, 0);
        height: auto;
    }

    #home-search .adv a {
        color: #fff;
        font-family: "Ubuntu Bold"
    }

    #home-search .text {
        padding: 0 0 5px
    }

    #home-search .text li {
        width: 100%;
        font-size: 20px;
        padding: 0 0 10px
    }

    #home-search .search_title {
        float: left;
        width: 100%;
        color: #FFF;
        margin: 0 0 16px;
        font-size: 16px;
        line-height: 22px;
        font-family: "Ubuntu Bold";
        text-align: center
    }

    #home-search fieldset {
        padding: 0
    }

    #home-search .submit {
        position: static;
        font-size: 16px;
        line-height: 16px;
        width: 100%;
        text-align: center;
        padding: 9px;
        border-radius: 5px;
        height: 37px
    }

    #home-search .operativa {
        width: 100%;
        margin: 0 0 5px
    }

    #home-search .tipo {
        width: 100%;
        margin: 0 0 5px
    }

    #home-search .ubicacion {
        width: 100%;
        margin: 0 0 5px
    }

    #home-search .adv {
        float: left;
        width: 100%;
        color: #FFF;
        padding: 0 20px 0 0;
    }

    #home-search .content {
        padding: 0
    }

    #home-search .home-search {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #text_content .col {
        height: auto;
        text-align: center
    }

    #text_content .col img {
        width: auto;
        max-height: 200px
    }

    #results .titulo_separador {
        padding: 20px 0 30px;
        font-size: 26px;
        text-align: center
    }

    #footer {
        padding: 10px 0
    }

    #footer ul, #footer a {
        color: #FFF
    }

    #footer ul, #footer .social, #footer .menu {
        width: 100%;
        height: auto;
        text-align: center
    }

    #footer ul li {
        padding: 20px 0
    }

    #footer .social li {
        width: 40px;
        margin: 0;
        float: none;
        display: inline-block
    }

    #footer .menu li {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        display: inline-block
    }

    #footer ul.menu {
        padding: 10px 0 20px
    }

    #footer .menu li a {
        float: left;
        width: 100%;
        padding: 10px 0 0
    }

    #footer .info {
        margin: 0;
        padding-top: 20px;
        text-transform: uppercase;
        font-size: 14px
    }

    #footer .info li {
        margin: 0
    }

    #footer .logo li {
        margin: 0;
        float: none;
        display: inline-block
    }

    #footer .social a {
        float: none;
        display: inline-block
    }

    #logos .logo {
        width: 100%
    }

    #footer .logo img {
        width: 100%;
        max-width: none
    }

    #logos .logo2 {
        width: 33%
    }
}