/* iPhone 5 */
@media (max-width: 320px) {
}

@media (min-width: 400px) and (max-width: 568px) {
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    td {
        text-align: left;
        width: auto;
    }
}
/* Landscape phones and down*/
@media (max-width: 568px) {
    header {
        margin: 0;
        text-align: center;
    }

    .navbar-header {
        float: left;
    }

    .navbar {
        margin: 0;
        position: fixed;
        width: 100%;
        z-index: 1111;
        background-color: #2E363F;
    }

    .reg {
        float: left;
        margin-bottom: 15px;
    }

    .navbar-inverse {
        background: 0;
        border: 0;
    }

    .navbar-collapse {
        float: left;
        width: 100%;
    }


    #wrapper_renyn .nav > li > a {
        color: #fff;
        padding-left: 2px;
        text-align: center;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
        padding-top: 30px;
        padding-right: 2px;
    }

    ul.menuleft {
        width: 100%;
        padding: 0;
        list-style-type: none;
        font-family: Lato;
        min-height: 100%;
        font-size: 1.1em;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: 15px;
        margin-right: 15px;
    }

        ul.menuleft li {
            list-style: none;
            width: 19.33%;
            margin-left: 8px;
            margin-right: 8px;
            display: flex;
            flex-wrap: wrap;
        }

    #wrapper_renyn h1 {
        padding: 15px;
        margin: 0;
        display: block;
    }

    a.instalaciones, a.instalaciones:hover {
        background-position: 50% 0px;
    }

    a.registros, a.registros:hover {
        background-position: 50% -352px;
    }

    a.grupos, a.grupos:hover {
        background-position: 50% -707px;
    }

    a.mapa, a.mapa:hover {
        background-position: 50% -1062px;
    }

    a.cuenta, a.cuenta:hover {
        background-position: 50% -1435px;
    }

    .dropdown-menu {
        position: static;
    }

    .navbar-default {
        position: relative;
    }

    .navbar.navbar-default.navbar-fixed-top .navbar-toggle .icon-bar {
    }

    button.navbar-toggle.collapsed {
        border: 0;
        z-index: 7;
        float: left;
    }

    .glyphicon .glyphicon-user {
        float: right;
        color: #fff;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #000;
    }

    .sprite-logo {
        padding-top: 10%;
    }

        .sprite-logo span {
            font-size: 0.6em !important;
        }

    .logo {
        margin: 0;
        padding: 5px;
        width: 60%;
    }

        .logo img {
            margin: 0;
            padding: 0;
        }

    .caption, #wrapper_renyn .caption {
        position: static;
        transform: translate(0, 30%);
        -webkit-transform: translate(0, 30%);
        left: 0;
        bottom: 0;
    }
    /*.bg-body {
        display:block;
    }*/
    .bg-home {
        background-position: 0 0;
        background-size: contain;
    }

    .bg-renyn {
        background-position: center center;
        background-size: 35%;
    }

    #main {
        margin: 0;
        padding: 15px;
        background: -moz-linear-gradient(bottom, rgba(255, 255, 255,0) 0%, rgb(255, 255, 255) 20%);
        background: -webkit-gradient(bottom top, left bottom, color-stop(0%, rgba(255, 255, 255,0)), color-stop(20%, rgba(255, 255, 255,1)));
        background: -webkit-linear-gradient(bottom, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 20%);
        background: -o-linear-gradient(bottom, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 20%);
        background: -ms-linear-gradient(bottom, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 20%);
        background: linear-gradient(to bottom, rgba(255, 255, 255,0) 0%, rgb(255, 255, 255) 20%);
    }

    .Hostservicios .box1 {
        max-width: 100%;
    }

    .btn-button, .btn-button:active {
        width: 100%;
    }

    #wrapper_renyn .tienda svg {
        display: none;
    }

    .box-attcliente span {
        font-size: 0.665em;
    }

    ul#btnbotones li a {
        padding: 15px 0;
    }

    .videoWrapper {
        padding-bottom: 166.25%;
    }

    #footer {
        position: relative;
    }

    .box-gallery {
        min-height: 220px;
    }

    #program {
        height: auto;
        overflow-y: visible;
        padding: 0;
    }
    .tr-rect {
        display: block;
        border-bottom: 1px dotted #000;
        padding: 8px;
        overflow: hidden;
    }
    .th-rect {
        font-size: inherit;
    }
    .login {
        background-position: 20% 50%;
    }
}
/* Landscape phone to portrait tablet*/
@media (min-width: 667px) and (max-width: 768px) {
}