@media (min-width: 1380px) {
    .container {
        max-width: 1600px;
    }
}

@media (max-width: 1200px) {
    #header .navbar-brand h1 {
        font-size: 21px;
    }

    .register_unit li {
        min-height: 270px;
    }
}

@media (max-width: 1025px) {
    #header .navbar-brand h1 {
        font-size: 16px;
        line-height: 17px;
        white-space: normal;
    }

    #header .navbar-nav {
        width: auto;
        font-size: 12px;
    }

    .navbar-nav .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 992px) {

    .carousel-caption h2 {
        font-size: 31px;
        line-height: 37px;
    }

    .carousel-caption h2 span {
        font-size: 39px;
    }

    .carousel-caption p {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 15px;
        font-weight: bolder !important;
    }

    .register_unit li {
        width: calc(100% / 2 - 5px);
        min-height: 235px;

    }

    .register_unit li span {
        font-size: 19px;
        min-height: 70px;
    }

    .ui-tabs.ui-tabs-top > .ui-tabs-nav li {
        display: block;
        width: 100%;
        float: none;
    }

    .ui-tabs .ui-tabs-nav li a {
        float: none;
        display: block;
    }

    .ui-tabs .ui-tabs-nav > li.ui-state-default {
        background: #ededf0;
    }

    .ui-tabs .ui-tabs-nav > li.ui-state-default.ui-state-active a {
        background: #0168b3;
        color: #fff;
    }

    .ui-panel.ui-widget .ui-panel-titlebar {
        padding: 3px 10px;
    }

}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1170px;
    }
}

@media (max-width: 768px) {
    .ui-dialog.ui-widget {
        width: 95% !important;
    }

    #header .navbar-nav.collapse {
        display: none;
    }

    #header .navbar-nav.collapse.show {
        display: block;
    }

    #header .navbar-nav {
        width: 100%;
        text-align: left;
        padding-bottom: 10px;
    }

    #header .navbar-nav .nav-item {
        display: block;
        width: 100%;
        font-size: 16px;
    }

    #header .navbar-brand h1 span {
        display: none;
    }

    .sm-only {
        display: block;
    }

    #carouselExampleControls {
        display: none;
    }

    #sec-01 .container,
    #sec-03 .container,
    #sec-01 div[class*='col-'],
    #sec-03 div[class*='col-'] {
        padding: 0 0;
    }

    .section#sec-02 h2, .section#sec-02 p {
        width: auto;
        max-width: 100%;
    }

    .register_unit {
        max-width: 100%;
    }

    .section#sec-02 {
        padding: 0px 20px 20px;
    }

    .register_unit li {
        display: block;
        width: 100%;
        min-height: auto;
    }

    .register_unit li a {
        padding: 10px 10px;
    }

    .register_unit li .fa,
    .register_unit li span {
        display: inline-block;
        width: auto;
        vertical-align: top;
        min-height: 0;
        text-align: left;
    }

    .register_unit li span {
        width: calc(100% - 40px);
        line-height: 1;
        font-size: 16px;
    }

    .register_unit li .fa {
        font-size: 29px;
        margin: 0;
    }

    .register_unit li .fa.bone_icon,
    .register_unit li .fa.dog_icon,
    .register_unit li .fa.house_icon,
    .register_unit li .fa.collar_icon {
        width: 35px;
        float: left;
        height: 30px;
    }

    .d-search-docs-toggle {
        position: absolute;
        right: 0;
        top: 15px;
    }

    .ui-panel .ui-panel-content {
        padding: .5em 0;
    }

    .ui-grid-col-3 .fa.info-btn {
        display: none;
    }

    .ui-dialog {
        top: 10px !important;
    }

    .ui-dialog .ui-panelgrid-cell {
        display: block;
        float: left;
        width: 100%;
        clear: both;
        padding: 0 0 0;
    }

    .ui-grid-col-3 table td {
        padding: 0 0;
    }

    .ui-dialog .ui-panelgrid-cell .ui-outputlabel {
        margin-bottom: 0;
        margin-top: 3px;
        padding: 0;
        line-height: 1;
        border-top: 1px solid #ccc;
        display: block;
        padding: 10px 0 0;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
        padding: 10px 10px;
    }

    .navbar-brand {
        margin-right: 2rem;
    }

    .ui-tooltip,
    .ui-tooltip.ui-tooltip-right,
    .ui-tooltip.ui-tooltip-left {
        left: 10px !important;
        right: 10px !important;
        width: 80% !important;
    }

    .ui-tooltip .ui-tooltip-text {
        width: 95%;
    }

    .region_map {
        display: none;
    }

    #sec_movil {
        background: #f2f2f2;
        display: block;
    }

    #sec_movil .ui-commandlink {
        font-size: 14px;
    }

    #sec_movil .ui-commandlink img {
        display: block;
        margin: 5px auto 0;
    }

    .alert {
        padding: 7px 10px;
        font-size: 14px;
    }

    .init_modal .reg_list {
        margin-bottom: 5px;
    }

    .init_modal .reg_list li {
        margin-bottom: 0;
    }

    .modal-footer .btn {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .ui-accordion .ui-accordion-header.ui-state-active,
    .ui-accordion .ui-accordion-header {
        padding: 20px 0px 20px 0px;
        font-size: 14px;
        margin-left: 25px;
    }

    .ui-accordion .ui-accordion-header .ui-icon {
        width: 30px;
        left: -45px;
    }

    .ui-accordion .ui-accordion-content {
        padding-left: 35px;
        padding-bottom: 15px;
        font-size: 14px;
        color: #888;
        padding-right: 0;
    }

    table.table_faq th, table.table_faq td {
        padding: 3px 7px;
    }
    #error_card {
        margin-top: -45px;
    }

    #error_card p {
        font-size: 17px;
    }

    #error_card h1 {
        font-size: 25px;
    }

    #error_card .alert_soon {
        font-size: 18px;
    }

    .footer_img img {
        float: none !important;
        display: block;
        margin: 15px auto 0;
    }
}

/*** Grls comps ***/
@media (max-width: 640px) {
    .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
        line-height: normal;
        padding: 0 10px;
        margin: 0 0;
    }

    .hasDatepicker,
    .ui-checkbox,
    .ui-radiobutton,
    .ui-calendar,
    .ui-inputtext,
    .ui-fileupload,
    .ui-selectonemenu {
        margin-bottom: 20px;
        width: 100% !important;
        min-width: 100% !important;
    }

    .panel_group {
        display: block;
        width: 100% !important;
        min-width: 100%;
    }

    .botonera .btn, .botonera button {
        display: block;
        width: 100%;
        margin: 0 0 5px;
    }
}

@media (max-width: 600px) {
    body {
        font-size: 16px;
    }

    .section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section h2,
    .section#sec-02 h2,
    .section#sec-03 h2 {
        font-size: 25px;
        margin-bottom: 0
    }

    .section p {
        font-size: 16px;
    }

    .section .btn {
        padding: 10px 10px;
        font-size: 16px;
    }

    .btn {
        font-size: 18px;
    }

    #footer h3 {
        margin-top: 20px;
    }

    #login-wrapper #login-container {
        padding: 10px;
    }

    #login-wrapper .login-footer {
        padding: 0 10px 20px;
    }
}