@media only screen and (max-width: 767px) {

    .navbar {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }

    .bloque1 {
        height: 100vh;
    }

    .contHead {
        width: 100%;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .imgUn {
        width: 100%;
        text-align: right;
    }

    .imgUn img {
        width: 220px;
        margin-top: -60px;
    }

    .globo {
        background-color: white;
        background-image: none;
        border-radius: 10px;
        width: 100%;
        height: auto;
        margin-top: -10vh;
    }

    .datos {
        display: inline;
        float: inherit;
    }

    .globo,
    .imgUn {
        float: none;
    }

    .txt1 {
        font-size: 30px;
        color: #151760;
        text-align: left;
        padding-top: 10px;
        padding-right: 0px;
        padding-left: 20px;
        padding-bottom: 0px;
        font-family: 'Urbane Rounded bold';
        width: 100%;
    }

    .txt2 {
        font-size: 24px;
        color: #DD4093;
        text-align: right;
        font-family: 'Urbane Rounded light';
        width: 100%;
        padding-right: 10px;
        padding-bottom: 15px;
    }


    .contdts {
        width: 100%;
        text-align: center;
    }

    .contdts2 {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .usuario,
    .pssw,
    .mailI {
        display: inline-block;
        margin-left: 5px;
        margin-bottom: 15px;
        width: 80%;
    }

    .btnIng {
        width: 80%;
    }

    .usuario input,
    .pssw input,
    .mailI input {
        width: 100%;
    }

    .bloque2 {
        width: 100%;
        height: auto;
        background-color: #fff;
    }


    .ben {
        margin-bottom: 40px;
    }

    .dtsfooter {
        width: 100%;
        background: #A70065;
        font-size: 14px;
        padding-bottom: 20px;
        padding-top: 10px;
    }

    .dtsfooter ul {
        text-align: center;
        color: #fff;
        margin: 0;
        padding: 0;

    }

    .dtsfooter ul li {
        display: block;
        padding-left: 0px;
        padding-bottom: 0px;
        color: #fff;
    }

    .dtsfooter ul li a {
        text-decoration: none;
        color: #fff;
    }

    .point-li {
        display: none !important;

    }

    .copy {
        text-align: center;
    }

    .usuarioH,
    .psswH {
        display: none;
    }

    .head {
        width: 100%;
        min-width: auto;
        height: auto;
        padding: 10px 0px;
    }

    .dtsH {
        width: auto;
        float: right;
        display: inline-block;
        text-align: right;
        padding: 0px 20px;
    }

    .contTYC {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .TitTYC {
        width: 100%;
        font-family: 'Urbane Rounded Demi';
        color: #A70065;
        font-size: 27px;
        text-align: center;
        margin: 0 auto;
        padding: 100px 0px 50px 0px;
    }

    .logo-lg {
        display: none;

    }

    .hd-movil {
        background-image: url(../img/logo-small.svg);
        background-repeat: no-repeat;
        background-position: 15px center;
    }

    .head {
        width: 100% !important;
        min-width: 100% !important;
        height: 42px;
        padding: 10px 0px;
    }

    .promociones {
        width: 100% !important;
        position: relative;
        background-color: #CACACA;
    }

    .infoDash,
    .promociones {
        display: block;
    }

    .infoDash {
        min-width: 100% !important;
    }


    .sidebarIzq,
    .selectTit {
        width: 100% !important;
    }

    .ContRepB {
        width: 100%;
        display: inline-block;
        float: right;
        height: calc(100vh - 50px);
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .d-buscar {
        display: block;
    }

    .d-descargar-archivo {
        border-top: 1px solid rgba(0, 0, 0, .2);
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        text-align: center;
        width: 100%;
    }

    .g1,
    .g2,
    .g3,
    .g4,
    .g5,
    .g6,
    .g7 {
        width: 20px;

    }

    .line1 {
        left: 9px;
    }

    .g1 {
        left: 20%;
    }

    .g2 {
        left: 30%;
    }

    .g3 {
        left: 40%;
    }

    .g4 {
        left: 50%;
    }

    .g5 {
        left: 60%;
    }

    .g6 {
        left: 70%;
    }

    .g7 {
        left: 80%;
    }

    .fechaGraf {
        transform: rotate(-90deg);
        margin-bottom: -13px;
        margin-right: 0px;
        font-size: 10px;
    }

    .img-grafica {
        text-align: center;
    }

    .btn-descargar-archivo {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 216px;
        font-family: 'Urbane Rounded light';
        font-size: 12px;
        background-color: #DD4093;
        border-radius: 5px;
        color: white;
        text-decoration: none;
    }

    .d-descargar-archivo {
        border-top: 1px solid rgba(0, 0, 0, .2);
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        text-align: center;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #F4F4F4;
    }

    .infoDashHead {
        padding: 20px;
        margin: 0px;
        padding-bottom: 20px;
        border-bottom: none;
        min-width: 0;
    }

    .dtsDH2 {
        float: left;
        text-align: center;
        width: 100%;
    }

    .dtsDH {
        width: 100%;
    }


    .d-periodo {
        background-color: #F4F4F4;
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        padding-top: 15px;
        padding-bottom: 15px;

    }

    .periodo:before {
        content: '';
        position: absolute;
        top: 27px;
        right: 5px;
        width: 50px;
        height: 50px;
        background: #A70065;
        background: url(../img/dwn.svg) no-repeat;
        background-position: 60% 0%;
        pointer-events: none;
        z-index: 1;
    }

    .contenido {
        width: 100%;
        float: left;
        text-align: center;
    }


    .numclick,
    .numConv {
        width: 80px
    }


    .btn-close-promo a {
        float: right;
        text-decoration: none;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        font-weight: 700;
        background-color: #151760;
        border-radius: 3px;
        color: white;
    }

    .GBarras {
        width: 100%;
        height: 200px;
        position: relative;
    }

    .Giz {
        margin-top: -50px;
    }

    .dtsDH2 {
        display: none;

    }

    .descargar {
        display: none;
    }

    .d-descargar-archivo {
        display: block;

    }

    .btn-close {
        display: block;
    }

    .grafica {
        height: 400px;
    }

    .d-globo {
        padding-left: 20px;
        padding-right: 20px;
        background-image: none;
        background-color: white;
        border-radius: 15px;
    }

    .d-globo .t1 {
        font-size: 26px;
    }

    .d-globo .t2 {
        font-size: 20px;
        padding-bottom: 0px;
    }

    .d-title-services {
        padding-left: 20px;
        padding-right: 20px;
    }

    .d-title-services .t1 {
        font-size: 30px;
    }

    .d-title-services .t2 {
        font-size: 16px;
    }

    .d-item-services {
        margin-bottom: 50px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .d-item-services .t1 {
        font-size: 30px;
    }

    .d-footer-links ul li {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .d-footer-links ul li.point {
        display: none;
    }

    .btn-cotizar-ahora {
        font-size: 20px;
    }

    .form-login .form-group {
        margin-bottom: 0px;
    }

    .d-btn-form-login {
        padding-top: 20px;
    }

    .d-form-header {
        padding-top: 0px;
    }

    .d-uni-header img {
        width: 220px;
    }

    .d-info-header {
        margin-top: -110px;
    }

    .d-globo {
        border: 2px solid rgba(0, 0, 0, .1);
    }

    .form-login {
        padding-left: 30px;
        padding-right: 30px;
    }

    .btn-ingresar {
        width: 100%;
    }

    .floating-label-group {
        margin-bottom: 15px;
    }

    .floating-label-group-nav,
    .btn-ingresar-nav {
        display: none;
    }

    .btn-ingresar-nav-top {
        display: block;
    }

    .logo > img {
        width: 110px;
    }

    .header-home {
        padding-top: 14vh;
        padding-bottom: 3vh;
    }

    .navbar .nav-item:first-of-type {
        margin-top: 20px;
    }

    .navbar .nav-item {
        margin-bottom: 20px;
    }

    .navbar .nav-item .nav-link {
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 14px;
    }

    .navbar-dark .navbar-toggler {
        border: none;
        color: rgba(0, 0, 0, 1) !important;
    }

    .d-gracias {
        height: 480px;
    }

    .d-items-links .d-3 {
        height: calc(100vh - 145px);
        overflow-y: overlay;
        overflow-x: hidden;
    }

    .logo-sec-nav {
        display: none;
    }

    .logo-sec-nav-movil {
        padding-top: 8px;
        display: block;
        width: 25px;
    }

    .btn-sec-nav {
        font-size: 12px;
    }

    .btn-user-nav > img {
        width: 40px;
    }

    #myChart {
        width: 100%;
        height: 200;
    }

    .d-btn-down-file {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px solid rgba(0, 0, 0, .1);
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .btn-down-file {
        margin-top: 0px !important;
        width: 100%;
    }

    .d-grafica-icons {
        text-align: center;
    }


    .d-right-dash .d-2 {
        padding-top: 10px;
    }

    .row-grafica-dash {
        padding-bottom: 20px;
    }

    .d-close-promo {
        display: block;
    }

    .d-info-form .title-form {
        font-size: 20px;
    }

    .t-footer {
        text-align: center;
    }

    .title-extras {
        font-size: 22px;
    }

    .d-info-extras .t1 {
        font-size: 20px;
    }

    .d-info-extras .t2 {
        font-size: 14px;
    }

    .d-video-faq iframe {
        width: 100%;
        height: 216px;
        margin-bottom: 35px;

    }

    .navbar-home {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-home .logo {
        padding-left: 15px;
    }

    .navbar-home .navbar-toggler {
        padding-right: 15px;
    }

    .shadow-nav {
        border-top: 5px solid rgba(0, 0, 0, 0.1);
        margin-top: 10px;
    }

    .shadow-nav {
        padding-left: 15px;
        padding-right: 10px;
    }

    .sec-info-services {
        padding-bottom: 15px;
    }

    .th-down,
    .td-down {
        width: 10px !important;
    }

    .th-titulo,
    .td-titulo {
        width: 200px !important;
    }

    .th-dominio,
    .td-dominio {
        width: 340px !important;
    }

    .th-fecha,
    .td-fecha {
        width: 130px !important;
    }

    .table-reporteria thead,
    .table-reporteria tbody tr {
        display: flex;
    }

    .d-btn-reporte .btn-rose {
        font-size: 11px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .d-tabla-diaria,
    .d-tabla-semanal,
    .d-tabla-mensual {
        padding: 0px;
    }

    .table-reporteria tbody {
        max-height: calc(100vh - 203px);
    }

    .d-menu-reporteria {
        height: calc(100vh - 96px);
    }

    .d-menu-reporteria .d-3 .t1 {
        font-size: 12px;
    }

    .d-menu-reporteria .d-1 .t1 {
        font-size: 12px;
    }

    .d-mostrar {
        text-align: right !important;
    }

    .table-responsive {
        margin-left: -15px;
        width: calc(100% + 30px);
    }

    .col-right-dash {
        height: calc(100vh - 96px);
    }
    
    .row-footer-table {
        margin-top: 10px;
        padding-bottom: 5px;
}


}


@media only screen and (max-width: 320px) {

    .d-globo .t1 {
        font-size: 24px;
    }

    .d-globo .t2 {
        font-size: 17px;
    }

    .LC {
        display: none;
    }

    .cropear {
        padding: 0px;
        margin-left: 0px;
        width: 80px;
    }

    .dtsR {
        padding-right: 0px;
        margin-right: 17px;
    }

    .hd-movil {
        background-image: none;
    }

    .d-exito-cropear .btnDown {
        padding-top: 10vh;
    }

    .d-recortar .b1 {
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .d-recortar .b2 {
        padding-bottom: 10px;
    }

    .d-form-header .t1 {
        font-size: 20px;
    }

    .d-btn-form-login {
        padding-top: 0px;
    }

    .d-globo {
        padding-top: 10px;
    }

    .d-info-header {
        margin-top: -80px;
    }

    .d-uni-header img {
        width: 150px;
    }

    .form-login {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-home {
        padding-top: 11vh;
    }

    .d-item-services {
        margin-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .logo > img {
        width: 100px;
    }

    .btn-user-nav > img {
        width: 35px;
    }

    .btn-user-nav {
        padding-left: 5px;
        padding-right: 5px;
    }

    .btn-sec-nav {
        font-size: 11px;
    }

    .logo-sec-nav-movil {
        width: 20px;
    }

    .d-menu-reporteria {
        height: calc(100vh - 95px);
    }

}

@media only screen and (max-width: 1386px) {

    .th-down,
    .td-down {
        width: 10px;
    }

    .th-titulo {
        width: 29.9%;
    }

    .td-titulo {
        width: 30%;
    }

    .th-dominio {
        width: 41.85%;
    }

    .td-dominio {
        width: 42%
    }

    .th-fecha {
        width: 17%;
    }

    .td-fecha {
        width: 17%;
    }


}

@media only screen and (max-width: 990px) {

    .d-btn-down-file {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px solid rgba(0, 0, 0, .1);
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .btn-down-file {
        margin-top: 0px !important;
        width: 100%;
    }

    .d-grafica-icons {
        text-align: center;
    }

}

@media only screen and (max-width: 1000px) {

    .th-titulo {
        width: 30%;
    }

    .td-titulo {
        width: 30%;
    }

    .th-dominio {
        width: 30%;
    }

    .td-dominio {
        width: 30%;
    }

    .th-fecha {
        width: 25%;
    }

    .td-fecha {
        width: 25%;
    }



}

@media only screen and (max-width: 1175px) {

    .d-left-dash .d-1 a {
        font-size: 12px;
    }

    .d-left-dash .d-1 .personalizadas {
        font-size: 12px;
        padding-left: 0px;
    }

    .d-left-dash .d-1 .unicas {
        font-size: 12px;
    }

    .d-left-dash .d-1 .masivas {
        font-size: 12px;
        padding-left: 0px;
    }
}

@media only screen and (max-width: 794px) {

    .th-fecha {
        width: 125px;
    }
    
    .td-fecha {
        width: 125px;
    }
    
}