@charset "UTF-8";
/* CSS Document */
.menu .mCSB_container {
    width: 100%;
}
@media only screen and (min-height: 435px) {
    .menu .mCustomScrollBox {
        height: 310px!important;
    }
}
@media screen and (max-width: 868px) and (max-height: 434px){
    .menu .mCustomScrollBox{
        height: 285px !important;
    }
 }
@media screen and (max-width: 868px) and (max-height: 394px){
    .menu .mCustomScrollBox{
        height: 240px !important;
    }
 }
@media screen and (max-width: 868px) and (max-height: 354px){
    .menu .mCustomScrollBox{
        height: 200px !important;
    }
 }
@media screen and (max-width: 868px) and (max-height: 314px){
    .menu .mCustomScrollBox{
        height: 180px !important;
    }
 }
@media screen and (max-width: 868px) and (max-height: 274px){
    .menu .mCustomScrollBox{
        height: 120px !important;
    }
 }
img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    /* ie8 */
}
/*********/

@media only screen and ( min-width: 2001px) {
    .box_form {
        right: 42%!important;
    }
    /*.contenedor{ width:80%;}*/
    .top-space { min-height: 15%;}
    .hidden-desktop { display: none!important;}
    .contenedor,
    .container, .ocultableiframe { width: 90%;}
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {width: 33%;}
    .listaProgramas .fa,
    .listaVideonotas .fa,
    #listaInformativos .fa { margin-top: -50px;}
    ul.tabs { text-align: right; }
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        float: right;
        margin-top: -48px;
        width: 35%;
    }
    .icono-lista {
        float: left;
        margin-top: -33px;
        text-align: left;
    }
    .lo-mas-visto { height: calc(113% - 83px);}
    .principal .play-img {
        max-height: 52%;
        overflow: hidden;
    }
    .bandera { width: 15.18%;}
    /* Aquí van los estilos para iPad horizontal */
    /*HEADER*/
    
    .logo {  width: 280px; padding: 10px; }
    .elnorte {  width: 100px;}
    .elnorte > a {  position: absolute; }
    .logo-elnorte {
        position: absolute;
        width: 100px;
    }
    .buscador {  width: 250px; }
    .buscador input {
        font-size: 19px;
        width: 139px!important
    }
    /*RECOMENDAMOS*/
    
    #inicio {  padding-top: 125px !important; }
    .Hub.principal .btn_mas_right {
        margin-top: 7px;
        min-height: 50px;
        width: 50px;
    }
    .recomendamos,
    .sociales { max-width: 73%; }
    .recomendamos .bx-wrapper,
    .sociales .bx-wrapper {padding: 0 2px 0 0; }
    .recomendamos .bx-wrapper .bx-controls-direction a,
    .sociales .bx-wrapper .bx-controls-direction a {
        top: 46%;
    }
    .recomendamos .Hub.principal,
    .sociales .Hub.principal {
        height: calc(100% - 20px);
        left: 0px;
        position: absolute;
        width: 49.6%;
    }
    .recomendamos .doble.derecha,
    .sociales .doble.derecha {
        width: 49%;
        float: right;
    }
    .recomendamos .doble.izquierda,
    .sociales .doble.izquierda {
        width: 49%;
        float: left;
    }
    .Hub.pricipal .caption-inner {
        margin-top: 54px;
    }
    .en-vivo {
        min-height: 625px;
        padding: 0;
    }
    .en-vivo .foto {
        height: 625px;
        overflow: hidden;
    }
    .btn_mas_left {
        min-height: 53px;
    }
    .btn_mas_right {
        min-height: 39px;
    }
    .brick.ad-100 {
        min-height: 460px;
    }
    /*VIDEO NOTAS*/
    .logo-btn { width: 33%; }

    /*REPORTAJES*/
    .reportajes-section .reportajes-carousel { width: 73%;}
    .reportajes-section h2 {font-size: 2em; }
    .reportajes-section .reportajes-img {
        float: left;
        width: 50%;
    }
    .reportajes-section .reportajes-carousel .carousel-caption {
        position: absolute;
        height: 100%;
        float: right;
        right: 0;
        width: 50%;
    }
    .reportajes-section .duracion {right: 50%;}
    .video-notas ul.tabs li,
    .informativos ul.tabs li {padding: 13px 11px; }
    /*SECCION PROGRAMAS*/
    
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {width: 30%; }
    .programas ul.tabs li {padding: 13px 20px; }

    /*PAGINA PROGRAMAS*/
    .descripcion-cover p{ width: 50%;}
    .ad-programa-top { top: 100px;}

    .titulo-cover {font-size: 3em;}
    #ProHubs .Hub {  width: 24.9%;}
    #ProHubs .hub-inner {min-height: 455px!important; }
    .logo-programa img {
        margin: 120px 0;
        width: 300px;
    }
    .ad-programa-top > img { width: 75px;}
    .drop ul li ul {  width: 224px;}
    .drop ul li { width: 264px;}
    .order-by {width: 251px; }
    .order-by select { width: 145px;}

    /*FAVORITOS*/
    .favoritos .brick {width: 32%; }
    .pleca-fav {
        height: 81%;
        width: 7.29%;
    }
    .programa-favorito { width: 49.68%; }
    .programa-favorito .thumbs .thumb { width: 32.7%;}
    .thumbs{height: 115px;}

    /*RESULTADOS DE BUSQUEDA*/
    #ResBus .Hub {width: 19%; }

    /*SOCIALES*/
    /*.sociales .pagina { width: 1558px !important;}*/

    /*NEWSLETTER*/
    .newsletter .pleca { width: 348px; }
    .newsletter .descripcion {max-width: 35%;}
    .newsletter .slide {
        height: 26px;
        margin: 11px 5px;
        width: 50px;
    }
    .newsletter .pleca {
        min-width: 355px;
    }
    .newsletter .col-4, .newsletter .col-6  { width: 19.71%;}
}
@media only screen and ( max-width: 2000px) {
    /*VIDEO NOTAS*/
    
    .video-notas ul.tabs li,
    .informativos ul.tabs li {
        padding: 13px 11px;
        float: left;
    }
    .box_form {
        right: 32%!important;
    }
    .top-space {min-height: 15%; }
    .hidden-desktop { display: none!important; }
    .contenedor,
    .container, .ocultableiframe { width: 90%; }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {   width: 33%; }
    .listaProgramas .fa,
    .listaVideonotas .fa,
    #listaInformativos .fa {   margin-top: -50px; }
    ul.tabs {text-align: right;}
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        float: right;
        margin-top: -48px;
        width: auto;
    }
    .icono-lista {
        float: left;
        margin-top: -33px;
        text-align: left;
    }
    .lo-mas-visto { height: calc(100% - 53px);}
    /* Aquí van los estilos para iPad horizontal */
    /*HEADER*/
    
    .logo { width: 280px; padding: 10px; }
    .elnorte {  width: 100px; }
    .elnorte > a {position: absolute; }
    .logo-elnorte {
        position: absolute;
        width: 100px;
    }
    .buscador { width: 250px;}
    .buscador input {
        font-size: 19px;
        width: 139px!important
    }
    /*RECOMENDAMOS*/
    
    #inicio { padding-top: 125px !important; }
    .Hub.principal .btn_mas_right {
        margin-top: 7px;
        min-height: 50px;
        width: 50px;
    }
    .recomendamos,
    .sociales { max-width: 73%; }
    .recomendamos .bx-wrapper,
    .sociales .bx-wrapper { padding: 0; }
    .recomendamos .bx-wrapper .bx-controls-direction a,
    .sociales .bx-wrapper .bx-controls-direction a { top: 43%;}
    .recomendamos .Hub.principal,
    .sociales .Hub.principal {
        height: calc(100% - 20px);
        left: 0px;
        position: absolute;
        width: 49.6%;
    }
    .recomendamos .doble.derecha,
    .sociales .doble.derecha {
        width: 49%;
        float: right;
    }
    .recomendamos .doble.izquierda,
    .sociales .doble.izquierda {
        width: 49%;
        float: left;
    }
    .Hub.pricipal .caption-inner {  margin-top: 54px; }
    .en-vivo {
        min-height: 625px;
        padding: 0;
    }
    .en-vivo .foto {
        height: 625px;
        overflow: hidden;
    }
    .btn_mas_left {  min-height: 53px; }
    .btn_mas_right { min-height: 39px;}
    .brick.ad-100 { min-height: 460px; }

    /*VIDEO NOTAS*/
    
    .logo-btn {
        width: 33%;
    }
    /*REPORTAJES*/
    .reportajes-section h2 {
        font-size: 2em;
    }
    .reportajes-section .reportajes-img {
        float: left;
        width: 50%;
    }
    .reportajes-section .reportajes-carousel .carousel-caption {
        position: absolute;
        height: 100%;
        float: right;
        right: 0;
        width: 50%;
    }
    .reportajes-section .duracion {
        right: 50%;
    }
    /*SECCION PROGRAMAS*/
    
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {
        width: 30%;
    }
    .programas ul.tabs li {
        padding: 13px 20px;
        float: left;
    }
    /*PAGINA PROGRAMAS*/
    
      .descripcion-cover p { width: 40%;}
    #ProHubs .Hub {
        width: 24.9%;
    }
    #ProHubs .hub-inner {
        min-height: 455px!important;
    }
    .logo-programa img {
        margin: 120px 0;
        width: 300px;
    }
    .ad-programa-top > img {
        width: 75px;
    }
    .drop ul li ul {
        width: 224px;
    }
    .drop ul li {
        width: 264px;
    }
    .order-by {
        width: 251px;
    }
    .order-by select {
        width: 145px;
    }
    /*FAVORITOS*/
    
    .favoritos .brick {
        width: 32%;
    }
    .pleca-fav {
        height: 81%;
        width: 7.29%;
    }
    .thumbs{height: 95px;}
    /*.programa-favorito { width: 31.09%; }*/
    
    .programa-favorito .thumbs .thumb {
        width: 32.7%;
    }
    /*RESULTADOS DE BUSQUEDA*/
    
    #ResBus .Hub {
        width: 19%;
    }
    /*SOCIALES*/
    
    /*.sociales .pagina {
        width: 1558px !important;
    }*/

     .newsletter .pleca {
        width: 348px;
    }
}
@media only screen and ( max-width: 1920px) {
    .box_form {
        right: 32%!important;
    }
    .top-space {
        min-height: 14%;
    }
    .hidden-desktop {
        display: none!important;
    }
    /* Aquí van los estilos para iPad horizontal */
    
    .contenedor,
    .container, .ocultableiframe {
        width: 90%;
    }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {
        width: 33%;
    }
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        margin-top: -48px;
    }
    .listaProgramas .fa,
    .listaVideonotas .fa,
    #listaInformativos .fa {
        margin-top: -50px;
    }
    ul.tabs {
        text-align: right;
    }
    .logo {
        width: 280px;
        padding: 10px;
    }
    /*RECOMENDAMOS*/
    
    #inicio {
        padding-top: 130px !important;
    }
    .Hub.principal .btn_mas_right {
        min-height: 50px;
        top: -3px;
        width: 50px;
    }
    .recomendamos {
        max-width: 73%;
    }
    .sociales {
        max-width: 100%;
    }
    .recomendamos .Hub.principal,
    .sociales .Hub.principal {
        height: calc(100% - 20px);
        left: 0px;
        position: absolute;
        width: 49.6%;
    }
    .recomendamos .doble.derecha,
    .sociales .doble.derecha {
        width: 49%;
        float: right;
    }
    .recomendamos .doble.izquierda,
    .sociales .doble.izquierda {
        width: 49%;
        float: left;
    }
    .Hub.pricipal .caption-inner {
        margin-top: 54px;
    }
    .en-vivo {
        min-height: 640px;
        padding: 0;
    }
    .en-vivo .foto {
        height: 600px;
        overflow: hidden;
    }
    .fav-slider {
        float: right;
        width: 91.4%;
    }
    /*VIDEO NOTAS*/
    
    .video-notas ul.tabs li,
    .informativos ul.tabs li {
        padding: 13px 11px;
        float: left;
    }
    /*REPORTAJES*/
    
    .reportajes-section .reportajes-carousel {
        width: 73%;
    }
    .reportajes-section h2 {
        font-size: 2em;
    }
    .reportajes-section .reportajes-img {
        float: left;
        width: 50%;
    }
    .reportajes-section .reportajes-carousel .carousel-caption {
        position: absolute;
        float: right;
        right: 0;
        width: 50%;
    }
    .reportajes-section .duracion {
        right: 50%;
    }
    /*FAVORITOS*/
    
    .favoritos .brick {
        width: 32%;
    }
    .pleca-fav {
        height: 81%;
        width: 7.29%;
    }
    /* .programa-favorito { width:30.635%;}*/
    
    .programa-favorito .thumbs .thumb {
        width: 32.6%;
    }
    /*PAGINA PROGRAMA*/
    .descripcion-cover p { width: 40%;}
    .order-by {
        float: right;
        padding: 6px;
        width: auto!important;
    }
    .order-by select {
        width: auto!important;
    }
    #ProHubs .Hub {
        width: 32.1%;
    }
    #ProHubs .hub-inner {
        min-height: 455px;
    }
    /*RESULTADOS DE BUSQUEDA*/
    
    #ResBus .Hub {
        width: 24%;
    }
    /*SOCIALES*/
    
    /*.sociales .pagina {
        width: 1437px !important;
    }*/
}
@media only screen and ( max-width: 1512px) {
    .box_form {
        right: 30%!important;
    }
    /*.programa-favorito { width: 30.4%;}*/
    .programa-favorito .thumbs .thumb {
        width: 32.5%;
    }
     .descripcion-cover p { width: 60%;}
}
@media only screen and ( max-width: 1400px) {
    /*.programa-favorito { width: 30%;}*/
    .box_form {
        right: 30%!important;
    }
    
    .programa-favorito .thumbs .thumb {
        width: 32%;
    }
}
@media only screen and ( max-width: 1280px) {
    .reportajes-section .bx-wrapper .bx-prev { left: 0px!important; }
    .reportajes-section .bx-wrapper .bx-next { right: 0px!important; }
    .box_form {
        right: 32%!important;
    }
    .top-space {
        min-height: 113px;
    }
    .hidden-desktop {
        display: none!important;
    }
    .visible-desktop {
        display: block;
    }
    .visible-desktop-bxslider {

    }
    /* Aquí van los estilos para iPad horizontal */
    
    .contenedor,
    .container, .ocultableiframe {
        width: 90%;
    }
    /*listas*/
    
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {
        width: 33%;
    }
    .programas .tabs,
    .informativos .tabs {
        margin-top: -48px;
        text-align: right;
    }
    .video-notas .tabs {
        margin-top: -60px;
        text-align: center;
    }
    .listaProgramas .fa,
    .listaVideonotas .fa,
    #listaInformativos .fa {
        margin-top: -50px;
    }
    .order-by {
        float: right;
        padding: 6px;
        width: 30%;
    }
    ul.tabs {
        text-align: center;
    }
    .video-notas .free-wall,
    .informativos .free-wall {
        margin-top: 0px;
    }
    .btn_mas_left {
        min-height: 45px;
    }
    .btn_mas_right {
        min-height: 39px;
    }
    /*RECOMENDAMOS*/
    
    .Hub.principal .btn_mas_right {
        top: -8px;
    }
    .lo-mas-visto {
        display: inline-block;
    }
    .recomendamos {
        max-width: 72.8%;
    }
    .sociales {
        max-width: 72.8%;
    }
    .reportajes-section .reportajes-carousel {
        width: 100%;
    }
    .recomendamos .Hub.principal,
    .sociales .Hub.principal {
        height: calc(100% - 20px);
        left: 0px;
        position: absolute;
        width: 49.6%;
    }
    .recomendamos .doble.derecha,
    .sociales .doble.derecha {
        width: 49%;
        float: right;
    }
    .recomendamos .doble.izquierda,
    .sociales .doble.izquierda {
        width: 49%;
        float: left;
    }
    .Hub.pricipal .caption-inner {
        margin-top: 54px;
    }
    .en-vivo {
        min-height: 550px;
        padding: 0;
    }
    .en-vivo .foto {
        height: 550px;
        overflow: hidden;
    }
    /*VIDEO NOTAS*/
    
    .video-notas .tabs,
    .informativos .tabs {
        margin-top: 0;
        width: 100%;
    }
    .video-notas ul.tabs li,
    .informativos ul.tabs li {
        padding: 13px 0;
        width: 33.333%;
        float: left;
    }
    /*REPORTAJE*/
    
    .reportajes-section .reportajes-img {
        float: left;
        width: 50%;
    }
    .reportajes-section .duracion {
        right: 50%;
    }
    /*FAVORITOS*/
    
    .favoritos .brick {
        width: 32%;
    }
    .pleca-fav {
        height: 81%;
        width: 7.29%;
    }
    /*programa-favorito { width: 31.09%; }*/
    
    .programa-favorito .thumbs .thumb {
        width: 32.45%;
    }
    /*PAGINA PROGRAMA*/
    
    #ProHubs .Hub {
        width: 32%!important;
    }
    .drop ul li {
        width: 256px;
    }
    /*RESULTADOS DE BUSQUEDA*/
    
    #ResBus .Hub {
        width: 31.1%;
    }
    /*SOCIALES*/
    
    /*.sociales .pagina {
        width: 1558px !important;
    }*/

    /*NEWSLETTER*/
    .newsletter .slide {
        height: 26px;
        margin: 11px 5px;
        width: 50px;
   }
    .newsletter  .col-4 {
        width: 33%;
    }
    .newsletter .col-6 {
        width: 33%;
    }   
}
@media only screen and ( min-width: 1200px) {
    .reportajes-section .bx-wrapper .bx-prev { left: -45px!important; }
    .reportajes-section .bx-wrapper .bx-next { right: -45px!important; }
    #ProHubs .Hub {
        width: 24.2%;
    }
    #ResBus .Hub {
        width: 23.7%;
    }
    .lo-mas-visto {
        display: inline-block;
    }
    .recomendamos,
    .sociales {
        max-width: 72.8%;
    }
    .reportajes-section .reportajes-carousel {
        width: 72.8%;
        padding: 0 40px;
    }
    .programa-favorito {
        width: 33%;
    }
}
@media only screen and ( max-width: 1067px) {
    .logo {
        float: left;
    }
}
@media only screen and ( max-width: 1024px) {
    /* Aquí van los estilos para iPad horizontal */
    
    .top-space { min-height: 160px; }
    .hidden-desktop { display: none!important; }
    .contenedor,
    .container, .ocultableiframe { width: 96%; }
    /*RECOMENDAMOS*/
    
    .lo-mas-visto {display: none;}
    .recomendamos,
    .sociales { max-width: 100%; }
    .Hub.pricipal .caption-inner { margin-top: 54px; }
    .first_double { width: 47%;}
    .doble.izquierda {
        float: left;
        width: 49%;
    }
    .en-vivo {
        min-height: 477px;
        padding: 0;
    }
    .en-vivo .foto {
        height: 478px;
        overflow: hidden;
    }
    /*PROGRAMAS*/
    
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul { width: 31%;}
    .listaProgramas .fa,
    .listaVideonotas .fa,
    #listaInformativos .fa {  margin-top: -50px;}
    ul.tabs { text-align: right;}
    /*VIDEO NOTAS*/
    
    .video-notas ul.tabs li,
    .informativos ul.tabs li {
        padding: 13px 0;
    }
    /*FAVORITOS*/
    
    .fav-slider {
        float: right;
        width: 91.4%;
    }
    /*.programa-favorito { width: 33%; }*/
    /*SOCIALES*/
    
    .Hub.principal h1 a {
        font: 22px/20px "GothamCondLight", "Arial", sans-serif!important;
    }
    /*REPORTAJE*/
    
    .reportajes-section h2 {
        font-size: 24px;
    }
    .reportajes-section .reportajes-carousel {
        width: 100%;
    }
    .reportajes-section .reportajes-img {
        float: left;
        width: 50%;
    }
    /* PAGINA PROGRAMA*/
    .descripcion-cover p { width: 88%;}
     .titulo-cover {font-size: 3em;}
    .pag-programa #ProHubs .Hub {  width: 31.9%!important;}

    /*ordenar por*/
    
    .order-by {
        float: right;
        padding: 6px;
        width: 30%;
    }
    .order-by select {
        width: 45%;
    }
}
@media only screen and ( min-width: 1000px) {
    #ProHubs .Hub {
        width: 32.2948%;
    }
    .gd .ic_caption {
        padding: 30px 0 15px!important;
    }
}
@media only screen and ( max-width: 992px)     {
    .logo{
        float:left;
		width:280px;
	}
     .logo .plaza {
		background-size: 100% auto!important;
		width: 40%!important;
    }
    .logo .video-logo {
		background-size: 100% auto!important;
		width: 36%!important;
    }

    /*.contenedor{width:100%;}*/
    .logo{width:280px;}
    .recomendamos .brick,
    .sociales .brick {
        height: auto;
        /*margin-bottom: 0;*/
    }

    .hidden-desktop {
        display: none!important;
    }
    .visible-mobile {
        display: none!important;
    }
    .visible-desktop {
        display: block;
    }
    .visible-desktop-bxslider {

    }
    .top-space {
        min-height: 160px;
    }
    .contenedor,
    .container, .ocultableiframe {
        width: 96%;
    }
    .free-wall {
        margin-top: 0px;
    }
    .icono-lista {
        margin-top: 0;
    }
    .bandera {
        width: 15.48%;
    }
    /*RECOMENDAMOS*/
    #inicio {
        padding-top: 120px !important;
    }
    .recomendamos,
    .sociales {
        max-width: 100%;
    }
    .lo-mas-visto {
        display: none;
    }
    .Hub.pricipal .caption-inner {
        margin-top: 54px;
    }
    .btn_mas_left {
        min-height: 37px !important;
    }
    .recomendamos .doble.izquierda, .sociales .doble.izquierda {
        float: left;
        width: 49%;
    }
    /*SECCION PROGRAMAS*/
    .programas ul.tabs li {
        padding: 13px 0;
        width: 50%;
        float: left;
    }
    .listaProgramas .fa,
    .listaVideonotas .fa,
    #listaInformativos .fa {
        text-align: center;
        top: 7px;
    }
    .programas .tabs,
    .video-notas .tabs {
        margin-top: 0;
        width: 100%;
        text-align: center;
        margin-top: 0px!important;
    }
    ul.tabs {
        text-align: center;
    }
    /*VIDEO NOTAS*/
    
    .video-notas ul.tabs li {
        padding: 13px 0;
        width: 33.333%;
        float: left;
    }
    /*PROGRAMAS TV*/
    
    .programas-tv .video-notas .brick {
        width: 100%;
    }
    .logo-btn {
        width: 32.9%;
    }
    /*SOCIALES*/
    
    .Hub.principal h1 a {
        font: 22px/20px "GothamCondLight", "Arial", sans-serif!important;
    }
    .sociales .brick {
        width: 100%!important;
    }
    /*REPORTAJES*/
    
    .reportajes-section h2 {
        font-size: 23px;
    }
    .lo-mas-visto-bottom .brick {
        width: auto;
    }
    .reportajes-section .reportajes-carousel .item {
        width: initial;
    }
    .reportajes-section .reportajes-img {
        width: 50%;
    }
    .reportajes-section .reportajes-carousel .carousel-caption {
        width: 50%;
    }
    .reportajes-section .duracion {
        right: 0 !important;
        top: auto;
    }
    /*FAVORITOS*/
    
    .favoritos .bx-wrapper {
        width: 100%;
    }
    .favoritos .brick {
        width: 100%;
    }
    .pleca-fav {
        margin: auto;
        text-align: center;
        width: 100%;
    }
    .fav-hidden {
        display: none!important;
    }
    .fav-btn,
    .fav-btn button {
        margin: 10px 0;
        width: 100%;
    }
    /*LO MAS VISTO BOTTOM*/
    
    .lo-mas-visto-bottom .brick {
        width: 100%;
    }
    /*PAGINA PROGRAMAS*/
    
    .drop ul li ul,
    .drop ul,
    .drop ul li ul li,
    .drop {
        width: 100%!important;
    }
    .drop ul li {
        width: 50%;
    }
    .customSelectInner,
    .order-by,
    .order-by select {
        width: 100%!important;
        margin: 0!important;
    }
    span.customSelect {
        width: 97%;
        margin-left: 0!important;
    }
    .pag-programa #ProHubs .Hub {
        width: 48.3% !important;
    }
    .order-by {
        float: none;
    }
    .logo-programa img {
        margin: 24px 0;
        width: 227px;
    }
}
@media only screen and ( max-width: 870px) {

	.logo .plaza {
        background-size: 100% auto;
        width: 40%;
    }
    .logo .video-logo {
        background-size: 100% auto;
        width: 36%;
    }

    .mainNav li a {
        font: 21px/30px "GothamCondLight", "Helvetica", "Arial", sans-serif!important;
        padding: 2px 6px!important;
    }
    .ad-programa-top { top: 140px;}

}
@media only screen and ( min-width: 869px) {
    .top-space {
        min-height: 19%!important;
    }
    .buscador {
        width: 188px;
    }
    .buscador input {
        font-size: 19px;
        width: 139px!important
    }
    .recomendamos-mobile {
        visibility: hidden;
        position: absolute;
    }
    #inicio {
        padding-top: 120px;
    }
    .Hub.principal .btn_mas_right {
        min-height: 30px;
        width: 30px;
    }
    .btn_mas_left {
        background-size: 40px auto !important;
    }   

    /*NEWSLETTER*/
        .newsletter .container { width: 100%!important;}
       /* .newsletter .col-4, .newsletter .col-6 { width: 49%; }*/
        .newsletter .bandera { width: 100%;}
        .newsletter .bandera img {
            margin-left: -10px;
            min-width: 117% !important;
        }
        .newsletter .descripcion {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            max-width: 100%;
        }

        .newsletter .slide {
            height: 18px;
            margin: 5px;
            padding: 5px;
            position: relative;
        }
        .newsletter .pleca {
            height: auto;
            /*min-width: auto;*/
            width: 100%;
        }
        .newsletter .pleca img {
            height: auto;
            position: absolute;
            width: 100%;
        }
        .newsletter .programa {
            border-radius: 5px;
            margin: 10px;
            overflow: hidden;
            padding: 10px;
        }
        .newsletter .siguelo {
            float: none !important;
            margin: 10px 0 !important;
            position: relative;
            width: auto !important;
        }

       .newsletter .col-6 .programa {  min-height: 175px;}
        .newsletter .descripcion {
            margin-top: 10px;
        }

         .titulo-cover { padding: 60px 0;}
         .ad-programa-top {top: 70px;}


         .ad-programa-top { top: 80px;}
         .titulo-cover {
            min-height: 200px;
            padding: 80px 0 0;
         }
       

}
@media only screen and ( max-width: 868px) and (min-width: 825px) {
    .redes-btn {
        width: 100%;
    }
}
@media only screen and ( max-width: 868px) {
    #inicio {
        padding-top: 90px !important;
    }
    .logo {
        float:none;
    }
    .programa-favorito {
        width: 49.6%;
    }
    .visible-desktop {
        display: none;
    }
    .visible-desktop-bxslider {
        visibility: hidden;
        position: absolute;
    }
    .visible-mobile {
        display: block!important;
    }
    .top-space {
        min-height: 180px;
    }
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    .mainNav li a {
        font: 24px/30px "GothamCondLight", "Helvetica", "Arial", sans-serif!important;
        padding: 0 7px!important;
    }
    .elnorte {
        margin: auto;
        text-align: center;
    }
    .elnorte > a {
        height: 30px;
        padding: 0 !important;
        position: relative;
    }
    .buscador-container {
        background-color: #333;
        padding: 10px;
    }
    #cssmenu > ul > li,
    #cssmenu1 > ul > li {
        width: 100%;
    }
    .buscador {
        float: none!important;
        margin: 0!important;
        width: 100%;
    }
    .logo-elnorte {
        height: 30px;
        position: static;
        top: 36px;
        margin: auto;
        text-align: center;
        width: 100%;
    }
    #inicio { padding-top: 80px !important;}
    /*MENU*/
    
    #cssmenu {
        height: 0px;
        overflow: hidden;
        background: #000;
    }
    #cssmenu.active {height: auto;}
    #cssmenu .op1 {
        padding: 5px;
        border-top: solid thin #222;
    }
    .logo-elnorte {height: 30px;}
    .elnorte { margin-top: 5px;}
    .btn_inicio { margin-top: 10px;}
    .sin-borde {border-top: none;}
    /*Reportajes*/
    
    .reportajes-section .reportajes-carousel { width: 100%; }

    /*PAGINA PROGRAMAS*/
    .descripcion-cover p {
        padding: 0 9px;
        width: auto;
    }
    .descripcion-cover {
        margin: 10px auto 0;
        position: absolute;
        text-align: center;
        width: auto;
    }
    .ad-programa-top {
        position: relative!important;
        text-align: center;
        top: 109px;
    }
    .titulo-cover {
        font-size: 2em;
        padding: 125px 0;
        width: 100%;
    }
    .logo-programa img { margin: 111px 0 0!important; }
}
@media only screen and ( min-width: 825px) and (max-width:868px){
	.logo{padding: 2%!important;float:none;}
}
@media only screen and ( max-width: 824px) {
    .redes-btn {
        width: 100%;
    }
}
@media only screen and ( min-width: 824px) {
	.mainNav li a {
        font: 24px/30px "GothamCondLight", "Helvetica", "Arial", sans-serif;
        padding: 0 16px;
    }
    /*Reportajes*/
}
@media only screen and ( max-width: 814px) {
    .top-space {
        min-height: 210px;
    }
    .mainNav li a {
        font: 21px/30px "GothamCondLight", "Helvetica", "Arial", sans-serif!important;
        padding: 2px 10px!important;
    }
    /*Reportajes*/
    
    .reportajes-section .reportajes-carousel {
        width: 100%;
    }
}
@media only screen and ( max-width: 813px) {
    .top-space {
        min-height: 210px;
    }
	.mainNav li a {
        font: 21px/30px "GothamCondLight", "Helvetica", "Arial", sans-serif!important;
        padding: 2px 6px!important;
    }
    .thumbs { height: 80px;}
      .descripcion-cover p { width: 65%;}
}
@media only screen and ( max-width: 794px) {
    .visible-desktop {display: none;}
    .visible-desktop-bxslider {
        visibility: hidden;
        position: absolute;
    }
    .visible-mobile { display: block!important; }
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    #cssmenu ul ul li a { padding: 0!important;}
    .logo-elnorte {
        margin: auto;
        text-align: center;
        top: 36px;
        width: 100%;
    }
    .menu.contenedor.open { min-height: 478px; }

    /*MENU*/
    #cssmenu {
        height: 0px;
        overflow: hidden;
        background: #000;
    }
    #cssmenu.active {height: auto;}
    #cssmenu .op1 {
        padding: 5px;
        border-top: solid thin #222;
    }
    .logo-elnorte {height: 30px;}
    .elnorte { margin-top: 5px;}
    .btn_inicio { margin-top: 10px;}
    .sin-borde { border-top: none;}

    /*SOCIALES*/
    .sociales .brick { width: 100%!important;}
    /*.sociales .pagina { width: auto !important;}*/
    .gd .ic_caption { padding: 30px 0 15px!important;}

    /*Reportajes*/
        .reportajes-section .reportajes-carousel {  width: 100%!important;}

    /*FAVORITOS*/
        .programa-favorito { width: 49.6%;}

    /*NEWSLETTER*/
        .newsletter .container { width: 100%!important;}
        .newsletter .col-4, .newsletter .col-6 { width: 49%; }
        .newsletter .bandera { width: 100%;}
        .newsletter .bandera img {
            margin-left: -10px;
            min-width: 117% !important;
        }
        .newsletter .descripcion {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            max-width: 100%;
        }
        .newsletter .slide {
            height: 18px;
            margin: 5px;
            padding: 5px;
            position: relative;
        }
        .newsletter .pleca {
            height: auto;
            /*min-width: auto;*/
            width: 100%;
        }
        .newsletter .pleca img {
            height: auto;
            position: absolute;
            width: 100%;
        }
        .newsletter .programa {
            border-radius: 5px;
            margin: 10px;
            overflow: hidden;
            padding: 10px;
        }
        .newsletter .siguelo {
            float: none !important;
            margin: 10px 0 !important;
            position: relative;
            width: auto !important;
        }
        .newsletter .col-6 .programa {  min-height: 175px;}
        .newsletter .descripcion {margin-top: 10px; }
}
@media only screen and ( max-width: 768px) {
    /* Aquí van los estilos para iPad vertical */
    
    #inicio {
    padding-top: 80px !important;
    }

    .hidden-desktop {display: none!important;}
    .hidden-mobile {display: none;}
    .hidden-mobile-bxslider {visibility: hidden; position: absolute;}
    .visible-mobile {display: block!important;}
    .visible-desktop {display: none;}
    .visible-desktop-bxslider {
        visibility: hidden;
        position: absolute;
    }
    .top-space { min-height: 132px;}
    .top-space-resbus { min-height: 10%;}
    .listaProgramas .fa,
    .listaVideonotas .fa,
    #listaInformativos .fa {
        text-align: center;
        top: 7px;
    }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {
        width: 30%;
    }
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        margin-top: 0;
    }
    ul.tabs { text-align: center; }
    .bandera { width: 15.48%; }

    /*HEADER*/
    
    #cssmenu {
        height: 0px;
        overflow: hidden;
        background: #000;
    }
    #cssmenu.active {height: auto;}
    #cssmenu .op1 {
        padding: 5px;
        border-top: solid thin #222;
    }
    .logo-elnorte {height: 30px;}
    .elnorte { margin-top: 5px; }
    .btn_inicio {
        margin-top: 10px;
    }
    .sin-borde {
        border-top: none;
    }
    .logo-elnorte {
        margin: auto;
        position: static;
        text-align: center;
        top: 3px;
        width: 100%;
    }
    .elnorte {
        margin: auto;
        text-align: center;
    }
    .buscador {
        margin: 10px 26% !important;
        width: 47%;
    }
    .logo-btn { width: 32%;}
    .programas-tv .video-notas .brick,
    .informativos .brick {
        width: 100%;
    }
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    .buscador {
        float: none!important;
        margin: 10px 8% !important;
        width: auto;
    }
    .logo-elnorte {
        height: 30px;
        top: 36px;
        margin: auto;
        text-align: center;
        width: 100%;
    }
    .redes-contenedor { width: 100%;}
    /*RECOMENDAMOS*/
    
    .logo {
        width: 280px;
        padding: 10px!important;
    }

    .recomendamos,
    .sociales {
        max-width: 100%;
    }
    .recomendamos .brick,
    .sociales .brick {
        height: auto;
        margin-bottom: 0;
    }
    .en-vivo {
        min-height: 282px;
    }
    .recomendamos .doble.derecha,
    .recomendamos .Hub.principal,
    .doble.izquierda,
    .sociales .doble.derecha,
    .sociales .Hub.principal {
        width: 100%;
    }
    .recomendamos .Hub.principal,
    .sociales .Hub.principal {
        position: relative;
    }
    .lo-mas-visto {
        display: none!important;
    }
    .btn_mas_left {
        height: 45px;
        margin: 3px 1px;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 30%;
    }
    /*PROGRAMAS SECCION*/
    
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        width: 100%;
    }
    .icono-lista {
        margin-top: 0;
    }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {
        width: 49%;
    }
    .free-wall {
        margin-top: 0px;
    }
    .programas ul.tabs li {
        padding: 13px 0;
        width: 50%;
        float: left;
    }
    /*SOCIALES*/
    
    .Hub.principal h1 a {
        font: 22px/20px "GothamCondLight", "Arial", sans-serif!important;
    }
    .sociales .brick {
        width: 100%!important;
    }
    /*Reportajes*/
    
    .reportajes-section h2 {
        font-size: 23px;
    }
    .reportajes-section .reportajes-carousel .item {
        width: initial;
    }
    .reportajes-section .reportajes-img {
        width: 100%;
    }
    .reportajes-section .reportajes-carousel .carousel-caption {
        padding: 25px 0 40px;
        position: relative;
        width: 100%;
    }
    .reportajes-section .duracion {
        right: 0 !important;
        top: auto;
    }
    /*FAVORITOS*/
    
    .favoritos .bx-wrapper {
        width: 100%;
    }
    .favoritos .brick {
        width: 100%;
    }
    .pleca-fav {
        margin: auto;
        text-align: center;
        width: 100%;
    }
    .fav-hidden {
        display: none!important;
    }
    .fav-btn,
    .fav-btn button {
        margin: 10px 0;
        width: 100%;
    }
    .programa-favorito {
        width: 49.6%;
    }
    .programa-favorito .thumbs {
        height: 130px;
    }
    /*LO MAS VISTO*/
    
    .lo-mas-visto-bottom .brick {
        width: 100%!important;
    }
    /*PAGINA PROGRAMAS*/
    
    .logo-programa img {
        margin: 8% 0;
        width: 200px;
    }
    .ad-programa-top > img {
        width: 75px;
    }
    .pag-programa #ProHubs .Hub {
        width: 47%!important;
    }
    .pag-programa #ProHubs .hub-inner {
        min-height: 525px;
    }
    .drop ul li ul,
    .drop ul,
    .drop li,
    .drop ul li ul li,
    .drop {
        width: 100%!important;
    }
    .customSelectInner,
    .order-by,
    .order-by select {
        width: 100%!important;
        margin: 0!important;
        padding: 0;
    }
    span.customSelect {
        width: 95%;
        margin-left: 0!important;
    }
    .nav-programas .drop {
        margin-bottom: 10px;
    }
    .pag-programa #ProHubs .Hub {
        height: 100%!important;
        padding: 0;
        width: 100%!important;
    }
    .nav-programas {
        margin: 10px 0!important;
        padding: 0!important;
    }
    .txt-container {
        padding: 10px;
    }
    .order-by {
        float: none;
    }
    /*RESULTADOS DE BUSQUEDA*/
    
    #ResBus {
        width: auto!important;
    }
    #ResBus .Hub {
        width: 46%;
    }
    #ProHubs .Hub {
        width: 46%;
    }
    /*SOCIALES*/
    
    .sociales .brick {
        width: 100%!important;
    }
    /*.sociales .pagina {
        width: auto !important;
    }*/

    /*NEWSLETTER*/
        .newsletter .container { width: 100%!important;}
        .newsletter .col-4, .newsletter .col-6 { width: 49%; }
        .newsletter .bandera { width: 100%;}
        .newsletter .bandera img {
            margin-left: -10px;
            min-width: 117% !important;
        }
        .newsletter .descripcion {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            max-width: 100%;
        }

        .newsletter .slide {
            height: 18px;
            margin: 5px;
            padding: 5px;
            position: relative;
        }
        .newsletter .pleca {
            height: auto;
            /*min-width: auto;*/
            width: 100%;
        }
        .newsletter .pleca img {
            height: auto;
            position: absolute;
            width: 100%;
        }
        .newsletter .programa {
            border-radius: 5px;
            margin: 10px;
            overflow: hidden;
            padding: 10px;
        }
        .newsletter .siguelo {
            float: none !important;
            margin: 10px 0 !important;
            position: relative;
            width: auto !important;
        }

       .newsletter .col-6 .programa {  min-height: 175px;}
        .newsletter .descripcion {
            margin-top: 10px;
        }

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

    .logo{float: none;}
    .logo .plaza {
        background-size: 100% auto;
        width: 40%;
    }
    .logo .video-logo {
        background-size: 100% auto;
        width: 36%;
    }

    /*SOCIALES*/
    
    .sociales .brick {
        width: 100%!important;
    }
    /*.sociales .pagina {
        width: auto !important;
    }*/
    .gd .ic_caption {
        padding: 30px 0 15px!important;
    }
    .reportajes-section .reportajes-carousel {
        width: 100%!important;
    }
    .programa-favorito {
        width: 100%;
    }
    .programa-favorito .thumbs .thumb {
        width: 32%;
    }

    .programa-favorito .thumbs {
        height: 125px;
    }
}
@media only screen and ( min-width: 600px) {
    .programa-favorito .thumbs .thumb {
        height: 115px;
    }
    /*.logo{float: none;}*/
}
@media only screen and ( min-width: 500px) {
    .listas {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        width: 100%!important;
    }
    .buscador {width: auto; }
    #inicio {  padding-top: 70px;}
    .login-usuario {width: 28%;}
    .programa-favorito .thumbs .thumb { height: 100px;}
    .descripcion-cover {
        margin: 10px auto 0;
        position: absolute;
        text-align: center;
        width: auto;
    }
    .ad-programa-top {
        position: relative !important;
        text-align: center;
        top: 95px;
    }
    .titulo-cover {
        padding: 90px 0 0;
        width: 100%;
    }
    /*.logo{float: none;}*/
}
@media only screen and ( max-width: 499px) {
    .listas {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        width: 100%;
    }
    .logo{float: none;}
}
@media only screen and ( max-width: 481px) {
    .logo {
        width: 280px;
        padding: 10px!important;
    }
    #inicio { padding-top: 80px !important;}
    .programa-favorito { width: 100%!important; }
    .programa-favorito .thumbs .thumb {width: 32%; }
    .descripcion-cover p {
        padding: 0 9px;
        width: auto;
    }
    .descripcion-cover {
        margin: 10px auto 0;
        position: absolute;
        text-align: center;
        width: auto;
    }
    .ad-programa-top {
        position: relative!important;
        text-align: center;
        top: 109px;
    }
    .titulo-cover {
        font-size: 2em;
        padding: 125px 0;
        width: 100%;
    }
    .logo {
        float: none;
        width: 280px;
        padding: 10px!important;
    }
}
@media only screen and ( max-width: 480px) {
    .logo {
        float: none;
        padding: 11px 0 0 !important;
        width: 280px;
    }
   .logo .plaza {
        background-size: 100% auto;
        width: 40%;
    }
    .logo .video-logo {
        background-size: 100% auto;
        width: 36%;
    }

    .box_form {
        right: 19%!important;
        width: calc(67% - 0px)!important;
    }
    
   
    #header {
        height: 57px;
    }

    .hidden-mobile { display: none;}
    .hidden-mobile-bxslider {visibility: hidden; position: absolute;}
    .visible-mobile { display: block;}
    #cssmenu #menu-button > a { padding: 5px 20px!important;}
    .video-notas .brick,
    .programas-tv .brick,
    .informativos .brick { width: 100%;}
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    .listaProgramas .fa,
    .listaVideonotas .fa,
    #listaInformativos .fa {
        text-align: center;
        top: 7px;
    }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos { width: 100%;}
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs { margin-top: 0;}
    ul.tabs { text-align: center; }
    .programas ul.tabs li {
        font-size: 17px;
        padding: 13px 0;
        width: 50%;
        float: left;
    }
    .logo {
        width: 280px;
        padding: 10px!important;
    }
    .gd .ic_caption { bottom: -7px !important; }

    /*RECOMENDAMOS*/
    
    #inicio { padding-top: 80px !important;}
    .recomendamos,
    .sociales { max-width: 100%!important; }
    .recomendamos .bx-wrapper .bx-controls-direction a,
    .sociales .bx-wrapper .bx-controls-direction a {  top: 39%;}

    /*HEADER*/
    .elnorte {
        margin: auto;
        text-align: center;
    }
    .elnorte > a {
        height: 30px;
        padding: 0 !important;
        position: relative;
    }
    .buscador {
        float: none!important;
        margin: 0!important;
        width: 100%;
    }
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    .menu.contenedor.open {
        min-height: 478px;
    }
    #cssmenu ul ul li a {
        padding: 0!important;
    }
    .logo-elnorte {
        height: 30px;
        top: 36px;
        margin: auto;
        text-align: center;
        width: 100%;
    }
    #cssmenu > ul > li,
    #cssmenu1 > ul > li {
        display: table!important;
        width: 100%;
    }
    .buscador {
        width: auto;
    }
    /*GENERAL*/
    
    .en-vivo,
    .en-vivo .foto {
        min-height: 218px;
    }
    .recomendamos, .sociales {
        width: 100%;
    }
    .recomendamos .doble.derecha,
    .recomendamos .Hub.principal,
    .doble.izquierda,
    .sociales .doble.derecha,
    .sociales .Hub.principal {
        width: 100%!important;
    }
    .recomendamos .Hub.principal {
        position: relative;
    }
    .lo-mas-visto {
        display: none;
    }
    /*Reportajes*/
    
    .reportajes-section .reportajes-carousel {
        width: 100%;
    }
    .reportajes-section .reportajes-carousel .item {
        width: initial;
    }
    .reportajes-section .reportajes-img {
        width: 100%;
    }
    .reportajes-section .reportajes-carousel .carousel-caption {
        padding: 25px 0 40px;
        position: sticky;
        width: 100%;
    }
    .reportajes-section .duracion {
        right: 0 !important;
        top: auto;
    }
    /*PROGRAMAS*/
    
    ul.tabs li {
        width: 44%;
    }
    .programas-tv .video-notas .brick,
    .informativos .brick {
        width: 100%;
    }
    .logo-btn {
        width: 32%;
    }
    .free-wall {
        margin-top: 0px;
    }
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        width: 100%;
    }
    .icono-lista {
        margin-top: 0;
        height: 0;
    }
    /*VIDEONOTAS*/
    
    .video-notas ul.tabs li,
    .informativos ul.tabs li {
        font-size: 17px;
        padding: 13px 0;
        width: 33.333%;
        float: left;
    }
    /*FAVORITOS*/
    
    #personalizar {
        width: auto;
    }
    .favoritos .brick {
        width: 100%;
    }
    .pleca-fav {
        margin: auto;
        text-align: center;
        width: 100%;
    }
    .favoritos .bx-wrapper {
        width: 100%;
    }
    .fav-hidden {
        display: none!important;
    }
    .fav-btn,
    .fav-btn button {
        margin: 10px 0;
        width: 100%;
    }
    .programa-favorito {
        width: 100%!important;
    }
    .programa-favorito .thumbs .thumb {
        width: 32.4%;
    }
    .programa-favorito .thumbs {
        height: 75px;
    }
    /*LO MAS VISTO*/
    
    .lo-mas-visto-bottom .top-lms,
    .lo-mas-visto-bottom .left,
    .lo-mas-visto-bottom .right {
        height: 100%!important;
        width: 100%;
    }
    .lo-mas-visto-bottom .brick {
        height: 100%;
    }
    .lo-mas-visto-bottom .lo-mas-visto-select {
        width: 100%!important;
        margin: 0!important;
    }
    .lo-mas-visto-bottom .bx-wrapper .bx-controls-direction a {
        top: 44%!important;
    }
    /*PAGINA PROGRAMAS*/
    .descripcion-cover p {
        padding: 0 9px;
        width: auto;
    }
    .descripcion-cover {
        margin: 10px auto 0;
        position: absolute;
        text-align: center;
        width: auto;
    }
    .ad-programa-top {
        position: relative!important;
        text-align: center;
        top: 109px;
    }
    .titulo-cover {
        font-size: 2em;
        padding: 100px 0;
        width: 100%;
    }
    .pag-programa #ProHubs .Hub {
        min-height: 370px !important;
        padding: 0;
        width: 100%!important;
    }
    .pag-programa #ProHubs .hub-inner {
        min-height: 400px;
        overflow: hidden;
        position: relative;
    }
    .drop ul li ul,
    .drop ul,
    .drop li,
    .drop ul li ul li,
    .drop {
        width: 100%!important;
    }
    .nav-programas {
        margin: 10px 0;
        padding: 0;
    }
    .logo-programa img {
        margin: 8% 0;
        width: 200px;
    }
    .ad-programa-top > img {
        width: 75px;
    }
    /*RESULTADOS DE BUSQUEDA*/
    
    #ResBus .Hub {
        margin: 15px 0!important;
        width: 46%;
    }
    #ResBus {
        margin: 10px;
        width: auto!important;
    }
    #ResBus .Hub {
        height: 420px;
        margin: 0;
        width: 100%;
    }
    #ProHubs {
        margin: 10px;
        width: auto;
    }
    #ProHubs .Hub {
        height: 420px;
        margin: 0;
        width: 100%;
    }
    .lo-mas-visto {
        display: none!important;
    }
    /*SOCIALES*/
    
    .sociales .brick {
        width: 100%!important;
    }
    /*.sociales .pagina {
        width: auto !important;
    }*/


    /*NEWSLETTER*/
    .newsletter .container { width: 100%!important;}
    .newsletter .col-4, .newsletter .col-6 { width: 100%;}
    .newsletter .bandera { width: 100%;}
    .newsletter .bandera img {
        margin-left: -10px;
        min-width: 117% !important;
    }
    .newsletter .descripcion {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        max-width: 100%;
        margin-top: 10px;
    }

    .newsletter .slide {
        height: 18px;
        margin: 5px;
        padding: 5px;
        position: absolute;
        margin-top: 9px;
        right: 20px;
    }
    .newsletter .pleca {
        height: auto;
        /*min-width: auto;*/
        width: 100%;
    }
    .newsletter .pleca img {
        height: auto;
        width: 100%;
        position: relative;
    }
    .newsletter .programa {
        border-radius: 5px;
        margin: 10px;
        overflow: hidden;
        padding: 10px;
    }
    .newsletter .col-6 .programa {  min-height: 175px;}

}
@media only screen and ( max-width: 380px) {
    .logo {
        width: 280px;
        padding: 10px!important;
        float: none;
    }
}
@media only screen and ( max-width: 320px) {

    .logo {
        width: 280px;
        padding: 10px!important;
        float: none;
    }
    .logo .plaza {
        background-size: 100% auto;
        width: 40%;
    }
    .logo .video-logo {
        background-size: 100% auto;
        width: 36%;
    }

    /* Aquí van los estilos para iPhone vertical */
    .box_form {
        right: 19%!important;
        width: calc(67% - 0px)!important;
    }
    .hidden-mobile-bxslider {visibility: hidden; position: absolute;}
    .hidden-mobile {
        display: none;
    }
    .visible-mobile {
        display: block;
    }
    .top-space {
        min-height: 162px;
    }
    .video-notas .brick,
    .programas-tv .brick,
    .informativos .brick {
        width: 100% !important;
    }
    .listaProgramas .fa,
    .listaVideonotas .fa,
    #listaInformativos .fa {
        text-align: center;
        top: 7px;
    }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos {
        width: 100%;
    }
    /*HEADER*/
    
    .logo {
        width: 280px;
        padding: 10px!important;
    }
    .logo-elnorte {
        margin: auto;
        position: static;
        text-align: center;
        top: 3px;
        width: 100%;
    }
    .elnorte {
        margin: auto;
        text-align: center;
    }
    .buscador {
        width: 100%;
    }
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    /*RECOMENDAMOS*/
    
    .en-vivo,
    .en-vivo .foto {
        min-height: 170px;
    }
    #inicio {
        padding-top: 80px !important;
    }
    .Hub.principal,
    .doble.izquierda,
    .doble.derecha {
        width: 100%;
    }
    .recomendamos,
    .sociales {
        max-width: 100%;
    }
    .recomendamos .Hub.principal,
    .sociales .Hub.principal {
        position: relative;
    }
    .recomendamos-mobile {
        max-width: 100%!important;
    }
    /*VIDEO NOTAS*/
    
    .video-notas .brick,
    .programas-tv .brick,
    .informativos .brick {
        width: 100%;
    }
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        width: 100%;
    }
    .programas ul.tabs li {
        padding: 13px 0;
        width: 50%;
        float: left;
    }
    /*Reportajes*/
    
    .reportajes-section .reportajes-carousel {
        width: 100%;
    }
    .reportajes-section .reportajes-carousel .item {
        width: initial;
    }
    .reportajes-section .reportajes-img {
        width: 100%;
    }
    .reportajes-section .reportajes-carousel .carousel-caption {
        padding: 25px 0 40px;
        position: sticky;
        width: 100%;
    }
    .reportajes-section .duracion {
        right: 0 !important;
        top: auto;
    }
    /*FAVORITOS*/
    
    .favoritos .bx-wrapper {
        width: 100%;
    }
    .fav-hidden {
        display: none!important;
    }
    .programa-favorito {
        width: 100%!important;
    }
    .programa-favorito .thumbs .thumb {
        width: 32%;
    }
    .thumbs{height: 90px;}
    /*LO MAS VISTO*/
    
    .lo-mas-visto-bottom .brick {
        width: 100%;
    }
    /*PAGINA PROGRAMAS*/

    .ad-programa-top { top: 100px;}
    
    .drop ul li ul,
    .drop ul,
    .drop li,
    .drop ul li ul li,
    .drop {
        width: 100%!important;
    }
    .nav-programas {
        margin: 10px 0;
        padding: 0;
    }
    .logo-programa img {
        margin: 147px 0 0;
        width: 250px!important;
    }
    /*SOCIALES*/
    
    .sociales .brick {
        width: 100%!important;
    }

    /*NEWSLETTER*/
    .newsletter .container { width: 100%!important;}
    .newsletter .descripcion {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        max-width: 100%;
    }
    .newsletter .slide {
        height: 18px;
        margin: 5px;
        padding: 5px;
    }
    .newsletter .pleca {
        height: auto;
        /*min-width: auto;*/
        width: 100%;
    }
    .newsletter .pleca img {
        height: auto;
        width: 100%;
    }
    .newsletter .programa {
        border-radius: 5px;
        margin: 10px;
        overflow: hidden;
    }

}

.dropdown-content {
    display: none;
    margin: auto;
    min-width: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    width: 400px;
    z-index: -1;
    margin-top: -12px;
}