@media (max-width: 820px){
    .menu-toggle { margin: 30px;}
    .hide_mobile{ display: none;}
    .main-menu { position: absolute; display: none; top: 127px; left: 0; width: 100%; 
    background: rgb(153, 184, 251); color: #FFF;  z-index: 9999; padding-top: 0;}
    header .logo_header{ margin-top: 35px; }
    header .idioma{ margin-top: 10px; }
    .tp-caption.finewide_medium_white b{ font-size: 1.3em !important;}

    .hide-mobile{ display: none; }
   /* header { margin-bottom: 20px;}*/
}

@media (min-width: 821px){
    header{ height:153px;box-sizing: border-box; }
    .hide_desktop{
        display: none;
    }
    .hide-mobile{ display: block; }
    header{ position: fixed;top: 0;z-index: 7777; left: 0;margin: 0 !important;}
    .conteudo{     
        position: relative;
        top: 153px; 
    }
}



/* botoes do slider */
@media (max-width: 850px) and (min-width: 771px){
    .botao-esquerdo-banner{ width:195px; height: 45px; padding:0; }
    .botao-direito-banner{  width: 240px;height: 45px; padding:0; }
}
@media (max-width: 770px) and (min-width: 701px){
    .botao-esquerdo-banner{ width:190px; height: 40px; padding:0; }
    .botao-direito-banner{  width: 220px;height: 40px; padding:0; }
}
@media (max-width: 700px) and (min-width: 601px){
    .botao-esquerdo-banner{ width:170px; height: 33px; padding:0; }
    .botao-direito-banner{  width: 200px;height: 33px; padding:0; }
}
@media (max-width: 600px) and (min-width: 561px){
    .botao-esquerdo-banner{ width:140px; height: 30px; padding:0; }
    .botao-direito-banner{  width: 190px;height: 30px; padding:0; }
}
@media (max-width: 560px) and (min-width: 491px){
    .botao-esquerdo-banner{ width:135px; height: 28px; padding:0; }
    .botao-direito-banner{  width: 160px;height: 28px; padding:0; }
}
@media (max-width: 490px) and (min-width: 436px){
    .botao-esquerdo-banner{ width:125px; height: 28px; padding:0; }
    .botao-direito-banner{  width: 140px;height: 28px; padding:0;}
}
@media (max-width: 435px){
    .botao-esquerdo-banner{ width:115px ; height: 28px; padding:0; font-size: 1.1em}
    .botao-direito-banner{  width: 120px;height: 28px; padding:0;font-size: 1.1em}
}
@media (max-width: 350px){
    .botao-esquerdo-banner{ width:95px;height: 28px; padding:0; font-size: 1.1em}
    .botao-direito-banner{  width: 110px; height: 28px; padding:0;font-size: 1.1em}
}


@media (max-width: 768px) {
    .img-desktop{display: none;}
    .img-tablet{display: none;}
    .img-mobile{display: initial;}
    .noticia-destaque-home h3{  font-size: 1.8em; }
    .noticia-destaque-home figure{ height: auto; }
    .hide-mobile{ display: none;}
    .hide-portrait{display: initial;}
}

@media (max-width: 1200px){
    .noticias-secundarias { margin-top: 20px;}
}


/* parallax */
@media (max-width: 1000px){
    #area-parallax #area-esquerda{
        height: 300px;
        display: none;
    }
    #area-parallax #area-direita{
        min-height: 450px;
        height: auto;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #area-parallax #area-esquerda,
    #area-parallax #area-direita{
        width: 100%;
    }
}

/* programacao */
@media  (min-width: 850px) and (max-width: 1000px){
    #programacao .grade-dias{ width: 20%; }
   .grade-programacao{ width: 80%; }
}
@media  (min-width: 600px) and (max-width: 849px){
    #programacao .grade-dias{ width: 25%; }
   .grade-programacao{ width: 75%; }
   .cada-item-programacao .descricao-horario{ width: 75%; }
   .publicidade-desktop{ display: block; }
   .publicidade-desktop .img-mobile{ display: none; }
   .publicidade-desktop .img-tablet{ display: block; }
}
/*@media  (min-width: 501px) and (max-width: 599px){
    #programacao .grade-dias{ width: 35%; }
   .grade-programacao{ width: 55%; }
   .cada-item-programacao .descricao-horario{ width: 65%; }
}*/
@media (max-width: 599px){
    #area-parallax #area-esquerda{ display: none; }
    .botao{ padding: 8px 25px !important; }
    .select-mobile-programacao{ display: block; }
    .descricao-horario .nome{ margin-top: 35px; }
    .cada-item-programacao .horario{  display: none; }
    .horario-mobile-phone{ display: block !important; padding-left: 0 !important; }
    .cada-item-programacao{ padding-left: 20px;}
    .cada-item-programacao .descricao-horario{ padding-left: 20px !important;width: 100%;}
    .cada-item-programacao .nome,
    .cada-item-programacao .texto{ text-align: center;}
    .cada-item-programacao .pessoa{ display: block;margin: 10px auto; float: none;}
    #programacao .grade-dias{ display:none;}
    .grade-programacao{ width: 100%; }
    .publicidade-celular{ display: block;}
    .lista-galeria-interna .col-sm-12{  margin: 5px 0;}
    .sobre-ficcc .space-right-5{  margin-right:10px;}
    .sobre-ficcc .botao{  padding: 8px 15px !important;}
    #galeria .botao{padding: 8px 15px !important;}
    .noticias-home{ margin-top: 5px;}
    .descricao-sobre{ margin-bottom: 15px;height: auto;min-height: 140px; }
    .linha-bottom .direitos{ text-align: center;}
    .publicidade-noticias{ margin-top: 10px;}
    #news{height: 30px !important}




}
@media (max-width: 499px){

    .hostche { float: none; padding-top: 5px; display: block; margin: 0 auto;text-align: center; }
    .linha-bottom .direitos{ padding-bottom: 5px; }
    #area-parallax{ margin-top: 10px; }
    .select-mobile-programacao .publicidade-retangulo-medio{ margin:10px 0;}
}


/* news*/
@media  (max-width: 1050px){
    #newsletter .esquerda .right{ width: 100%; border: none;}
}
@media  (min-width: 700px) and (max-width: 950px){
    #newsletter .esquerda { width: 100% }
    #newsletter .direita { width: 90%; margin: 10px auto;display: block;float: none; }
    #newsletter .direita .col-8{ width: 75% }
    .mensagem-news{ position:relative !important;text-align:center;width:100%;float: left;display: block; margin-top: 15px;}
}
@media  (min-width: 200px) and (max-width: 699px){
    #newsletter .esquerda { width: 100% }
    #newsletter .direita { width: 90%; margin: 10px auto;display: block;float: none; }
    #newsletter .direita .col-8{ width: 100%;float: none; }
    .botao-news{ margin: 20px auto 10px auto;display: block;float: none; }
   .mensagem-news{ position:relative !important;text-align:center;width:100%;float: left;display: block; margin-top: 15px;}
}



/* imagens */
@media (max-width: 992px) {

    .img-desktop{display: none;}
    .img-tablet{display: initial;}
    .img-mobile{display: none;}
}

@media (max-width: 768px) {
    .img-desktop{display: none;}
    .img-tablet{display: none;}
    .img-mobile{display: initial;}
}



/* menu */
@media (min-width: 1140px) and (max-width: 1240px) {
    header #menu ul li { padding: 0 0 0 2.5%;}
}
@media (min-width: 1100px) and (max-width: 1139px) {
    header #menu ul li { padding: 0 0 0 2%; }
}
@media (min-width: 900px) and (max-width: 1099px) {
    header #menu ul li { padding: 0 0 0 1.9%; }
    header .logo_header{ margin-left: 10px; width: 20%}
    header #menu { width: 77%;}
}
@media (min-width: 768px) and (max-width:899px) {
    header #menu ul li { padding: 0 0 0 1%; }
    header .logo_header{ margin-left: 10px; width: 15%; min-width: 150px; }
    header #menu { width: 80%;}
    header #menu ul li a{ font-size: 1.4em !important; }
}

/* parceiros */
@media (max-width: 399px){
    .box-organizador{
        width: 150px;
    }
}



/* modalidades */
@media (max-width: 767px){
    .cada-modalidade{
        display: inline-table;
        float: none;
        text-align: left;
    }
    .lista-modalidades{
        text-align: center;
    }
}
@media (max-width: 1000px){
    .contorno-imagem img{
        width: auto;height: 100%;
    }
     .lista-modalidades{
        text-align: center;
        text-align: center;
        max-width: 90%;
        /* text-align: center; */
        margin: 0 auto;
    }

}
@media (max-width: 900px){
    .contorno-imagem{
        height: 228px;
    }
}

@media (max-width: 599px){
    .lista-modalidades{
       width: 98%;
    }
    .contorno-imagem{
       transform: none;
       -webkit-transform: none;
       margin-left: 0;
    }
    .contorno-imagem img{
        transform:translate(-50%,-50%);
        -webkit-transform:translate(-50%,-50%);
        left: 50%;
    }

}



/* leiloes */

@media (min-width: 499px) and (max-width: 768px){
    .cada-leilao{ width: 50%; }
}