@media screen and (max-width: 1100px) {
    
    .Botoness {
        margin-left: 0px;
        margin-top: 0px;
    }
    
    .lista_capitulos{
        margin-top: 40px;
    }
    
    .nombre_g a {
        margin-right: 30px;
    }
    
    .nombre_g2 a {
        margin-right: 115px;
    }
    
    .total-con {
        display: flex;
        margin-left: 0px;
        width: 100%;
        justify-content: flex-end;
    }

    .total-con h2 {
        margin-right: 40px;
    }

}

@media screen and (max-width: 982px) {
    
    .Botoness {
        margin-top: 0px;
        margin-left: 0px;
    }
    
    .largo{
        margin-right: 0px;
    }
    
}


@media screen and (max-width: 900px) {
    
	.login{
		top: 39px;
        transition: all 1s;
	}
    
    .con1 {
        width: 70%;
        padding: 10px 15px;
        transition: all 1s;
    }
    
    .con2 {
        width: 30%;
        padding-right: 5px;
        transition: all 1s;
    }
    
    .contenido {
        padding-top: 0px;
        transition: all 1s;
    }
    
    .box {
        width: 130px;
        height: 200px;
    }
    
}

@media screen and (max-width: 800px) {
    
    .titulo2 {
        background: #014073;
        transition: all 0.35s;
        position: fixed;
        z-index: 4;
        top: 0;
    }
    
    .logo-pc {
        display: none;
        transition: all 0.35s;
    }
    
    .btn-menu-ce {
        display: flex;
        margin-right: 20px;
        align-items: center;
    }
    
    .btn-menu-ce div{
        color: #fff;
        margin-left: 10px;
        font-size: 20px;
        font-family: arial;
    }
    
    #abrir {
        font-size: 45px;
        left: 10px;
        color: #fff;
        margin-top: 7px;
    }
    
    .slider_login {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 62px;
    }
    
    .login {
        top: 7px;
        transition: all 1s;
    }
    
    .con1{
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        padding: 10px 0px;
        transition: all 1s;
    }
    
    .con2{
        width: 50%;
        height: 100%;
        position: fixed;
        top: 0;
        /* background: #014073; */
        background: #555758;
        left: -100%;
        z-index: 10;
        transition: all 0.35s;
        overflow-x: scroll;
        padding: 10px 20px;
        transition: all 0.5s;
    }
    
    .cue-menu{
        margin-bottom: 10px;
    }
    
    .cue-menu .m-red, .menu-categ2{
        background: transparent;
        transition: all 0.5s;
    }
    
    .cue-menu a{
        background: transparent;
        transition: all 0.5s;
    }
    
    .m-celu{
        display: block !important;
        background: transparent;
        transition: all 0.5s;
    }
    
    .cue-menu li {
        list-style: none;
        border-bottom: 1px solid #c7bfbf;
    }
    
    #cerrar{
        display: block;
        font-size: 30px;
        width: 40px;
        right: 0;
        top: 0;
        position: absolute;
    }
    
    .box {
        width: 140px;
        height: 220px;
        transition: all 0.5s;
    }
    
    .accordion {
        background-color: #e5e5ff;
        border: solid 2px #7f9db9;
        color: #444;
        cursor: pointer;
        padding: 14px;
        width: 90%;
        text-align: left;
        outline: none;
        font-size: 22px;
        border-radius: 5px;
        transition: 0.4s;
        margin-left: auto;
        margin-right: auto;
    }

    button .active, .accordion:hover {
        background-color: #cccce9;
    }

    .accordion:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

    button.active:after {
        content: "\2212";
    }


    .panel {
        padding: 0px 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .accordion{
        display: block;
    }
    
    .menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .menu li a {
        background: #e5e5ff;
        display: block;
        color: #000;
        text-align: center;
        padding: 14px 16px;
        font-size: 18px;
        width: 100%;
        text-decoration: none;
    }
    
    .logo-movil{
        display: block;
        margin-bottom: 7px;
    }
    
    .menu_categoria{
        padding-bottom: 10px;
    }
    
    .menu_m ul{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        width: 99%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -1px;
        border: solid 1px #918f8f;
        background: #e5e5e58a;
        border-radius: 0px 0px 10px 10px;
    }
    
    .menu_m li{
        width: 100%;
        border-bottom: solid 1px #dbd7d7;
    }
    
    .menu_m span {
        font-size: 24px;
    }
    
    .menu_m li a {
        display: flex;
        align-items: center;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        justify-content: space-between;
        flex-direction: row-reverse;
        color: #2395d5;
        padding: 10px 16px;
    }
    
    .lista_capitulos{
        margin-top: 30px;
    }
    
    .lista_capitulos2{
        margin-top: 28px;
    }
    
    .table_vivos {
        overflow: auto;
    }
    
    .nombre_g h2 {
        padding: 11px 0px;
    }
    
    .lista_capitulos2 .tipoo{
        width: 100%;
        padding: 10px 0px;
    }
    
    .listar{
        margin-top: 20px;
        margin-bottom: -10px;
        float: none;
    }
    
    .half{
        width: 95%;
    }
    
    .lista_capitulos{
        margin-top: 30px;
    }
    
    .titulo2{
        flex-direction: row-reverse;
        transition: all 0.5s;
    }
    
    .btn-menu-ce {
        display: flex;
        margin-left: 20px;
        align-items: center;
        transition: all 0.5s;
    }
    
    .buscar{
        margin-right: 20px;
    }
    
    .container-4 {
        width: 357px;
    }
    
    .container-4 input#search_text {
        width: 340px;
    }
    
    .contenido {
        padding-top: 0px;
        transition: all 1s;
        flex-direction: column;
    }
    
    .salir_menu{
        display: block;
    }
    
}

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

    .listar{
        margin-top: 20px;
        margin-bottom: -10px;
        float: none;
    }
    
}

@media screen and (max-width: 700px) {
    
    .container-fluid .dentro {
        margin-top: 30px;
        width: 100%;
    }
    
    .Botoness a {
        margin-left: 20px;
    }
    
    .btncanbiar{
        right: 0px;
    }
    
    .nombre_g a {
        margin-right: 20px;
    }
    
    .nombre_g2 a {
        margin-right: 100px;
    }
    
}

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

    .buscar{
        display: none;
        transition: all 0.5s;
    }
    
    .buscar2{
        display: flex;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.5s;
        margin-top: 15px;
        margin-bottom: 10px;
        border: solid 1px #748dad;
        justify-content: space-between;
        border-radius: 10px;
    }
    
    .container-4{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    
    .container-4 input#search_text2{
        width: 82%;
        height: 36px;
        background: #fff;
        border: none;
        font-size: 10pt;
        float: left;
        color: #232833;
        padding-left: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 10px;
        cursor: pointer;
    }

    .container-4 input#search_text2::-webkit-input-placeholder {
        color: #65737e;
    }

    .container-4 input#search_text2:-moz-placeholder { /* Firefox 18- */
        color: #65737e;  
    }

    .container-4 input#search_text2::-moz-placeholder {  /* Firefox 19+ */
        color: #65737e;  
    }

    .container-4 input#search_text2:-ms-input-placeholder {  
        color: #65737e;  
    }
    
    .container-4 input#search_text2:focus{
        border: none;
        outline: none;
    }
    
    .container-4 button.icon{
        width: 15%;
        opacity: 1 ;
    }
    
    .container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{
        outline: none;
        opacity: 1;
        border: none;
        margin-left: 0px;
    }
    
    .container-4:hover button.icon:hover {
        background: #242834;
    }
    
}

@media screen and (max-width: 600px) {
    
    .no_login{
        display: none;
    }
    
    .login{
        display: none;
    }
    
    .menu_cel{
        display: none;
    }

    .login2{
        display: block;
        margin-top: 20px;
        margin-bottom: 10px;
        width: 90%;
        height: 190px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .popup .form .element input {
        width: 93%;
        height: 28px;
    }
    
    .popup .form .element button {
        width: 100%;
        margin-top: 0px;
        height: 40px;
    }
    
    .si_login{
        display: none;
    }
    
    .half{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    
    .largo {
        float: none;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .largo img{
        width: 100%;
    }
    
    .mitad .mitadimg {
        width: 100%;
    }
    
    .list-group-item {
        width: 95%;
    }
    
    .smartpit {
        display: block;
        color: #fff;
        font-size: 10px;
        width: 200px;
        border: solid 2px #fff;
        border-radius: 6px;
        align-content: center;
        height: 42px;
        float: right;
        margin-top: -20px;
        margin-right: 44px;
    }
    
}

@media screen and (max-width: 562px) {
    
    .alert_t {
        background: #fff;
        color: #000;
        border-radius: 10px;
        padding: 0px;
        width: 100%;
    }
    
    .tabla_tr{
        flex-direction: column-reverse;
        margin-bottom: 10px;
        border-bottom: 1px solid #55a1da;
    }
    
    .grupo1 {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        border-radius: 0px 0px 10px 10px;
    }
    
    .grupo2 {
        border-top: 1px solid #ddd;
        border-radius: 10px 10px 0px 0px;
    }
    
    .grupo1, .grupo2{
        width: 100%;
    }
    
    .t_th_3{
        border-radius: 10px 0px 0px 0px;
    }
    
    .t_th_1{
        border-radius: 0px 0px 0px 10px;
    }

    .t_th_2{
        border-radius: 0px 0px 10px 0px;
    }
    
    .t_th_5{
        border-radius: 0px 10px 0px 0px
    }
    
    .grupo1 img{
        width: 50px;
        height: 50px;
    }
    
}

@media screen and (max-width: 500px) {
    
    .con2 {
        width: 70%;
    }

    .procionar_div .tabs-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        transition: transform 0.5s ease-in-out;
    }

    .procionar_div .tabs-container div {
        margin-bottom: 10px;
    }

    .procionar_div .tabs-text {
        width: 90%;
        justify-content: center;
    }

    .procionar_div .tabs-pesta {
        width: 95%;
    }

    .tabs-button {
        width: 30%;
        justify-content: center;
        align-items: center;
    }
    
}

@media screen and (max-width: 408px) {
    
    .Botoness {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }
    
    .Botoness a {
        margin-left: 0px;
    }
    
    .nombre_g a {
        margin-bottom: 10px;
    }
    
    .btncanbiar {
        position: absolute;
        margin-top: 0px;
        right: 0px;
        margin-right: 15px;
    }

    .total-con h2 {
        margin-right: 0px;
    }
    
}

@media screen and (max-width: 364px) {
    
    .grupo2 {
        display: block;
    }
    
    .t_th_3, .t_th_4{
        float: left;
    }
    
    .t_th_3 {
        width: 60%;
    }
    
    .t_th_4 {
        width: 25%;
    }
    
    .t_th_5 {
        width: 96%;
        border-top: 1px solid #ddd;
        border-radius: 0px;
    }
    
}

@media screen and (max-width: 350px) {
    
    .nombre_g {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .nombreeee {
        margin-left: 0px;
        justify-content: center;
        padding: 10px 5px;
    }
    
    .litass {
        background: #fff;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 3px;
        border: solid 1px #a7a2a2;
        flex-direction: column;
        padding: 4px;
    }
    
    .botones a {
        border-top: solid 1px #676565;
        border-left: 0px;
    }
    
    .logo-movil {
        width: 100%;
    }
    
    .lista_capitulos2 {
        width: 80%;
    }
    
    .nombre_g a{
        margin-right: 0px;
    }
    
    .listar{
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    /*
    .Botoness {
        margin-top: 0px;
        margin-left: 0px;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    */
    
    .Botoness a {
        margin-left: 0px;
        margin-top: 10px;
    }
    
    .panel  {
        width: 80%;
    }
    
    .largo {
        float: none;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .container-4 input#search_text2{
        width: 73%;
    }
    
    .container-4 button.icon {
        width: 25%;
        opacity: 1;
    }
    
}