@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){

    .navbar-nav>li{
        float: left !important;
    }
    .navbar-toggle {
        display: none !important;
    }
    .navbar-collapse.collapse {
        display: block !important;
    }
}
@font-face {
    font-family: "Roboto";
    src: url(../menu/Roboto-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Portada";
    src: url(../menu/Portada-Regular.otf) format("truetype");
}
#encaSize{
    font-family: "Portada" !important;
}
.linea-derecha{
    border-right: 2px solid #fff;
}
.linea-izquierda{
    border-left: 2px solid #fff;
}
.menu-clarin{
    padding: 0;
    text-align: left;    
}
.dropdown-menu{
    width: 100%;
}
.caretMenu1 {    
    background-color: #fff;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-radius: 50%;
    color: black;
    position: absolute;
    top: 25%;
    left: 71%;      
    cursor: pointer;
    font-size: 13px;
    pointer-events: none;
}
#buscarMenu1{
    pointer-events: all;
    top: 26%
}
#inputSearchText{
    margin-top: 5%;
    width: 64%;
    background: transparent;
    border:none;
    margin-left: 5%;
    pointer-events: all;
    float: left;
    color:#333;
    text-transform: none !important;
}
#inputSearchText::placeholder{
    color: #333;
    text-transform: none !important;
}
#inputSearchText:focus{
    outline: 0;
}
#btnBuscar{
    display:none;
}
#liGrilla div, #liDestacados div, #categoriaActual, #generoActual, #inputFechaSpan, #inputHoraSpan, #inputSearchText, #dropdownVer, #Grilla div{
    font-weight: bold;    
    text-transform: uppercase;
     font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
    color: #444444;
}
#liGrilla div, #liDestacados div, #Grilla div{
    padding: 3px 20px;
    cursor: pointer;
}
#dropdownVer, #aCategorias, #aGeneros, #inputFechaSpan, #inputHoraSpan{
    text-align: left;
    padding-left: 10%;
    text-transform: uppercase;   
}

.encabezadoLi{
    text-align: left;
    padding-left: 10%;
    padding-top: 5%;
    margin: 0;  
    font-size: 10px;
    height: 20px;
    text-transform: uppercase;
    color: #999999;
    font-family: Roboto;
}
.footerLi{
    height: 9px;
}
.nav{
    padding: 0;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav li a:hover, .nav li a, .nav a, .nav>li>a:focus, .nav>li>a:hover{
    background-color: transparent;    
    color:#333;
}
#horaEnca{
    display:block;
    color: #999999;
}
#encaSize{
    height: 110px;
}
#encabezado{
    top: 190px !important;
}
#inputSearchText:focus{
    text-transform: none;
}
#btnVolverMenuUno{    
    margin-left: 46%;
    margin-right:18%;
    height:40px;    
    width: 4%;   
}
#caretVolver{
    margin-left: 35%;
    margin-right: 47%;
    height: 40px;
    left: -14px;
    top: 21px;
    pointer-events: painted;
}
#liChannel, #liProgramDetail{
    position: fixed;
    right: 0px;
    width: 50px;
    height: 75px;
    z-index: 19999;
}
#navVolver{
    margin: 0;
    list-style: none;
}

#ulContainer{
    height: 80px;
}
.programDetail{
    padding-top: 0 !important;
}
#searchText .twitter-typeahead{
    padding-left: 6px;
}

.twitter-typeahead .tt-hint{
    font-size: 14px;
    top: 8px !important;
    left: 13px !important;
}
#menuCanales, .programacion-encabezado div > span{
    font-size: 12px;
    font-family: Roboto;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
}
.nombre_senial, .senial-titulo span{
    font-family: Roboto;
    font-size: 18px;
}
.programacion-programa .programa-titulo{
    font-size: 14px;
    font-weight: bold;
    font-family: Roboto;
    color:#333333;    
}
.grid_fecha_hora{
    font-size: 12px;   
    font-family: Roboto;
    color:#999999;
}
#labelmenuCanales{
    margin-top: 0;
}
/***  MOBILE ***/

@media only screen and (min-width: 1601px) {  

}

@media only screen and (max-width: 1600px) and (min-width: 1367px) {  
    body {
    font-size: 16px !important;
}
}

@media only screen and (max-width: 1366px) and (min-width: 1281px)  { 
    
}

@media only screen and (max-width: 1280px) and (min-width: 961px) {  
    body{
        font-size: 11px !important;
    }
    #buscarMenu1 {
        top: 27% !important; 
    }
    #encabezado{
        top:160px !important;
    }
    #getnext_list{
        margin-top: 43px;
    }
    #body{
        margin-top: 157px !important;
    }
    #program_detail_body, #channel_body, #person_detail_body{
        margin-top: 162px !important;
    }
    .programacion-encabezado div{
        font-size: 13px !important;
        padding-top: 1%;
    }
    .encabezadoLi{
        height: 21px !important;
    }
    #searchText{
        margin-top: -7px !important;
        text-align: left;
    }
    .navbar-nav{
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    #inputSearchText{
        margin-top: 14%;
        margin-left: 0;
    }
    #caretVolver{
        top:21px;
        left:-17%;
    }
    #btnVolverMenuUno{
        margin-left:33%;        
    }
    #encaSize {
        height: 80px;
    }  
    #labelmenuCanales:after{
        top:-10px;
    }
    #liGrilla div, #liDestacados div, #categoriaActual, #generoActual, #inputFechaSpan, #inputHoraSpan, #inputSearchText, #dropdownVer, #Grilla div{
        font-size: 12.5px;
    }    
    .twitter-typeahead .tt-hint {
        font-size: 12.5px;
        top: 20px !important;
        left: 3px !important;
        width: 90%;
    }
}
@media only screen and (max-width: 960px) {
    .encabezadoLi{
        padding-top: 4% !important;
    }
    .linea-derecha{
        border-right: 2px solid transparent;
    }
    
    .navbar-nav>li>.dropdown-menu{
        width: 68% !important;
        left: 9% !important;
    }
    .navbar-nav>li{
        width: 100% !important;     
    }
    .caretMenu1{
        top:12% !important;
    }
    .open .caretMenu1 {
        top: 11% !important;
    }   
    #encabezado{
        top:50px !important;        
    }
    #body{
        margin-top: 251px !important;
    }
    #program_detail_body, #channel_body, #person_detail_body{
        margin-top: 210px !important;
    }
    .programacion-encabezado div{
        font-size: 13px !important;
    }
    .encabezadoLi{
        height: 45px !important;
    }
    #searchText{
        margin-top: -13px !important;
        text-align: left;
    }
    #searchText span{
        margin-left: 0px;
    }
    .navbar-nav{
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
    }   
    #encaSize{
        height: 75px;
        position: fixed;
        z-index: -2;
        top: 102px;
    }
    #enca{
        top:15%;
        margin-left: 22px;
    }
    #body{
        margin-top: 179px !important;
    }
    #program_detail_body, #channel_body, #person_detail_body{
        margin-top: 179px !important;
    }
    #liChannel, #liProgramDetail{
        position: relative;  
        width: 17%;
        left: -40px;
        height: 45px;
    }
    #caretVolver{
        top:23px;
        left:-17%;
    }
    #inputSearchText{
        padding-left: 7%;
        margin-left: 0;        
    }
    #ulContainer{
        height: auto;
    }    
    #buscarMenu1Dos{
        top: 0% !important;
        left: 86%;
        font-size: 20px;
        background-color: #EBEBEB;
        color:#444444;       
        pointer-events: all;
    }
    #divBuscarMb{
        position: fixed;
        top: 54px;
        border-top: 1px solid #fff;
        z-index: -1;
        background-color: #EBEBEB;
    }
    #divBuscarMb p{
        margin: 4px 0px 0px 0px;
        color:#444444;
        padding-left: 6px;
    }
    #inputSearchTextMb{
        border: none;
        outline: 0;
        background-color: transparent;
        padding: 0;
        font-size: 19px; 
        color:#444444;
        width: 90%;
    }
     #inputSearchTextMb::-webkit-input-placeholder { /* Chrome/Opera/Safari */
       color: #444444;
     }
     #inputSearchTextMb::-moz-placeholder { /* Firefox 19+ */
        color: #444444;
     }
     #inputSearchTextMb:-ms-input-placeholder { /* IE 10+ */
        color: #444444;
     }
     #inputSearchTextMb:-moz-placeholder { /* Firefox 18- */
        color: #444444;
     }
    #btnBuscarMb{
        visibility: hidden;        
        margin-top: 8px;
    }    
    .twitter-typeahead .tt-hint {
        font-size: 19px;
        top: -1px !important;
        left: -7px !important;
        width: 90%;
    }
    .nav .hidden-xs{
        display: none ;
    }
    .typeahead, .tt-query, .tt-hint, .tt-menu
    {
        width: 200px !important;
    }
}

@media (max-width: 767px){
    .navbar-nav>li{
        width: 100% !important;     
    }
    .caretMenu1{
        top:50% !important;
    }
    .open #spanVer {
        top: 24.5% !important;
    }
    .open .caretMenu1 {
        top: 12.5% !important;
    }    
    .open #spanGeneros{
        top: 29% !important;
    }
    #encabezado{
        top:50px !important;
        display: none;
    }
    #body{
        margin-top: 177px !important;
    }
    #program_detail_body, #channel_body, #person_detail_body{
        margin-top: 177px !important;
    }
    .programacion-encabezado div{
        font-size: 11px !important;
    }
    #menuCanales, .programacion-encabezado div > span{
        font-size: 11px !important
    }
    .encabezadoLi{
        height: 45px !important;
    }
    #searchText{
        margin-top: -13px !important;
    }
    #searchText span {
        margin: 0;
    }
    .navbar-nav{
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
    }
    .navbar-nav .open .dropdown-menu{
        margin-left: 10% !important;
    }
    .navbar-nav .open .dropdown-menu>li>a{
        font-weight: normal !important;
        line-height: 18px !important;
    }    
    #liChannel, #liProgramDetail{
        position: relative;  
        width: 17%;
        left: -40px;
        height: 45px;
    }
    #caretVolver{
        top:5px !important;
        left:-17%;
    }
    #btnVolverMenuUno {
        margin-left: 71%;
        margin-right: 0;
        height: 44px;
        width: 60%;
    }    
    .twitter-typeahead{
        width: 100%;
    }
    #inputSearchText{
        padding-left: 9%;
        margin-left: 0;
    }
    .tt-menu{
        margin:0 !important;
        left: 10% !important;
    }
    #ulContainer{
        height: auto;
    }
    .nombre-senial{
        color:#333333;
    }
    .channel-row{
        background-color: #CDE2E5;
    }
    .channel-row:after{
        border-top: solid 10px #CDE2E5;
    }
    #buscarMenu1Dos{
        top: 3% !important;
        left: 84%;
        font-size: 20px;
        background-color: #EBEBEB;
        color:#444444;
        font-size: 18px;
        pointer-events: all;
    }
    #divBuscarMb{
        position: fixed;
        top: 54px;
        border-top: 1px solid #fff;
        z-index: -1;
        background-color: #EBEBEB;
    }
    #divBuscarMb p{
        margin: 4px 0px 0px 0px;
        color:#444444;
        font-size: 12px;
        padding-left: 6px;
    }
    #inputSearchTextMb{
        border: none;
        outline: 0;
        background-color: transparent;
        padding: 0;
        font-size: 19px;      
        color:#444444;
        width: 90%;
        top: 11px;
    }
     #inputSearchTextMb::-webkit-input-placeholder { /* Chrome/Opera/Safari */
       color: #444444;
     }
     #inputSearchTextMb::-moz-placeholder { /* Firefox 19+ */
        color: #444444;
     }
     #inputSearchTextMb:-ms-input-placeholder { /* IE 10+ */
        color: #444444;
     }
     #inputSearchTextMb:-moz-placeholder { /* Firefox 18- */
        color: #444444;
     }
    #btnBuscarMb{
        visibility: hidden;
        float: left;
        margin-top: -12px;
    }
    #searchText .tt-menu {
        left: 2px !important;
        top: 40px !important;
    }    
    .twitter-typeahead .tt-hint {
        font-size: 19px;
        top: 10px !important;
        left: -7px !important;
        width: 90%;
    }
}