@media only screen and (min-width:38em) and (max-width:64em) {
    .scrolling-wrapper {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .scrolling-card {
        display: inline-block;
    }

    /* Header*/
    header .container {
        width: 100%;
    }

    header .header {
        height: 72px !important;
    }

    .header ul {
        height: 72px !important;
    }

    header .logo-container img {
        max-width: 85px !important;
        left: 15px !important;
    }

    header ul li {
        padding: 22px 24px !important;
        font-size: 14px !important;
    }

    /* footer */

    footer .container {
        width: 100%;
    }

    footer .enlaces {
        padding-left: 15px;
    }
    footer .contact-info p {
        padding-left: 15px !important;
    }
    /* Perfil */
    .login input[type=text] { /* REPITE */
        width: 87% !important;
    }

    .login .btn { /* REPITE */
        width: 95%;
    }

    .login hr {
        width: 90% !important;
    }

    .login .space {
        margin-left: 0;
    }

    .login h1 {
        margin-left: 10px !important;
    }

    .process-message {
        display: block !important;
        width: 80%;
        margin: auto !important;
    }
    /* Estadisticas */
    .estadisticas .sub-container {
        width: 95% !important;
    }
    .estadisticas .thumb-box {
        width: 90% !important;
        height: 196px !important;
    }
    .estadisticas .thumb-box h5 {
        font-size: 20px;
        width: 90% !important;
        left: 5px;
    }
    .estadisticas .thumb-box img {
        width: 65px;
    }
    /* Cobertura */
    .detail .container {
        width: 97% !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .detail .poster {
        width: 245px;
        height: 326px;
    }
    .detail .grafic p {
        font-size: 33px;
    }
    /*Login*/
    .login {
        height: 629px !important;
    }

    .login .background {
        height: 629px !important;
    }
    .login .form {
        margin-top: 80px  !important;
    }
    /* Perrfil */
    .perfil .container {
        width: 97% !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .perfil .profile h2 {
        left: 8% !important;
    }
    .perfil .profile a {
        left: 8% !important;
    }
    .perfil .btn {
        font-size: 14px !important;
    }
    /* Home */
    .home .container {
        padding-left: 15px;
        padding-right: 15px;
        width: 97% !important;
    }
    .home img {
        width: 97%;
    }
    .home .text {
        width: 100% !important;
    }
    .box img {
        width: initial !important;
    }
    
    .temporal-section .container {
        padding-left: 15px;
        padding-right: 15px;
        width: 97% !important;
    }
    .background-image-2 p {
        width: 100% !important;
    }
    .home .form {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .contact-box .contact-info {
        left: 1% !important;
    }
    /* biblioteca */
    .document-box {
        width: 267px !important;
    }

    .document-box h5 {
        min-height: initial;
        white-space: normal;
        margin: initial;
        width: initial;
    }

     .document-box a {
	    display: block !important;
    }

    .legs-box {
        margin-right: 25px !important;
    }

    .manual-box {
        width: 267px !important;
    }

    .manual-box .text {
        min-height: initial;
        white-space: normal;
        margin: initial;
        width: initial;
    }

    .manual-box a {
        display: block !important;


    }

    .client-box-first {
        width: 110px !important;
        left: 0px !important;
    }

    .client-box-last {
        width: 110px !important;
        right: 0px !important;
    }

    .client-box-first-2 {
        display: none;
    }

    .client-box-last-2 {
        display: none;
    }

    .rev-box {
        width: 267px !important;
    }

    .rev-box .text {
        min-height: initial;
        white-space: normal;
        margin: initial;
        width: initial;
    }

    .rev-box a {
        display: block !important;
    }

    .modal-content {
        width: 80% !important;
    }

    .close {
        top: 15px !important;
        right: 55px !important;
    }
}