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

  body {
    padding-top: 72px;
  }

  body, .home .claim, .calendarlist table .first.hora, .b .toggle, .btn, .btn:hover, body.film .autor, .altresesions.films .film .session {
    font-size: 17px;
    line-height: 20px;
  }

  .mobile {
    display: block;
  }

  .subscriute, .home .links a, footer .b .c, .arxiulink, .altresesions h3, .titleside, .b.bteaser h2, body.film #main #content h4, body.info #content .b.bodyrow {
    font-size: 26px;
    line-height: 30px;
  }

  body .b.subscriute {
    padding-bottom: 20px;
    padding-bottom: 21px;
  }

  body.film #content {
    padding-bottom: 0px;
  }

  .altresesions h3 {
    width: 200px;
  }

  .bottombutton {
    position: fixed;
    bottom: 0px;
    width: calc(100% - 20px);
    text-align: center;
    border-top: solid 1px;
    display: block;
    background-color: black;
    z-index: 1;
  }

  .bottombutton, .bottombar, .topbar {
    font-size: 17px;
    line-height: 20px;
    padding: 11px 0px;
  }

  body.hasside .bottombutton {
    width: calc(100% - 31px);
  }

  .resultatscerca {
    text-align: center;
    border-top: none;
    margin-top: -69px;
    padding-left: 63px;
    padding-right: 28px;
  }

  .altresesions img {}

  .altresesions.films .film .session {
    margin-bottom: 0px;
  }

  .b.film {
    padding-top: 15px;
  }

  .fancybox-button {
    right: 4px;
  }

  .fancybox-container {
    z-index: 9999999999999999999999 !important;
  }

  body .fancybox-stage {
    left: 0px !important;
    right: 0px !important;
  }

  .hasside nav.open {}

  .filmtitle, body.noticia .noticia h1 {
    font-size: 38px;
    line-height: 38px;
  }

  body.noticia .noticia {
    padding-top: 0px;
  }

  body.noticia .noticia .portada {
    margin-bottom: 20px;
  }

  body.noticia .noticia .maintext {
    width: 100%;
  }

  .home .claim {
    padding-right: 0px;
  }

  aside {
    width: 47px;
    z-index: 999999;
  }

  body.hasside aside {
    z-index: 999999999;
  }

  aside .toggler {
    left: 26px;
    line-height: 7px;
  }

  aside .toggler:hover {
    color: inherit;
  }

  .b {
    padding-right: 40px;
    padding-top: 20px;
  }

  body.hasside .b {
    width: calc(100% + 80px);
  }

  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-left: 20px;
    padding-right: 20px;
  }

  body.hasside .container, body.hasside .container-fluid, body.hasside .container-lg, body.hasside .container-md, body.hasside .container-sm, body.hasside .container-xl {}

  .noticias .tipologia {
    transform: none;
    transform-origin: unset;
    position: relative;
    width: 100%;
    margin-right: 0px;
    margin-top: 10px;
    float: none;
    right: auto;
    text-align: left;
  }

  .noticias .filmtitle {
    float: none;
  }

  .asidecontent {
    width: 100vw;
    padding-top: 20px;
    margin-left: 47px !important;
    border-left: solid 1px;
  }

  aside.open {
    width: calc(100vw + 49px);
    z-index: 99;
  }

  body.p_1056 aside.open {
    z-index: 9999999;
  }

  body.p_1056 aside a.s {
    color: white !important;
  }

  aside.open #toggler {
    display: block;
  }

  aside.open #closeaside {
    right: 21px;
  }

  .b.festival {
    font-size: 30px;
    line-height: 30px;
    padding: 20px 20px;
    padding-left: 40px;
  }

  .calendarlist {
    padding-bottom: 0px;
  }

  .calendarlist .day, .calendarlist .monthname {
    padding-left: 20px;
  }

  .calendarlist table .first {
    font-size: 30px;
    line-height: 38px;
  }

  .calendarlist table .first.dianum {
    line-height: 31px;
  }

  .altresesions .b {
    font-size: 17px;
    line-height: 20px;
  }

  .films .film.b {
    padding-bottom: 21px;
  }

  .linkpagamentgeneral {
    bottom: 45px;
  }

  body #main .linkpagamentgeneral .ct {
    margin-left: 0px;
    width: 100%;
  }

  body #main .linkpagamentgeneral a {
    display: block;
    margin-left: 0px;
  }

  body #main .linkpagamentgeneral a.s {
    margin-bottom: 4px;
    margin-top: 4px;
  }

  body #main .linkpagamentgeneral {
    border-bottom: solid 1px black;
  }

  nav, nav.sssesions {
    left: -102%;
    position: fixed;
    background-color: black;
    z-index: 999;
    width: calc(100% + 2px) !important;
    height: calc(100vh + 20px);
    margin-top: -20px;
    padding: 20px 20px;
    padding-top: 30px;
    top: 0px;
  }

  nav.sssesions {
    top: 0px;
    left: -100%;
  }

  body.hasside nav {
    margin-left: -2px;
  }

  body.hasside nav.open {
    margin-left: 0px;
  }

  .titleside {
    margin-bottom: 10px;
  }

  body.p_1234 #main {
    overflow: visible;
  }

  nav, #menutoggle, #cercasubmit {
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
  }

  #menutoggle {
    z-index: 9999;
    background: transparent !important;
  }

  nav {
    border-right: solid 1px;
  }

  nav.open {
    left: 0px;
    z-index: 9999999999;
  }

  nav.interior li {
    margin-left: 0px;
  }

  nav.open.sessions {
    left: 0px;
  }

  nav.sessions {
    border-right: solid 1px #ece7e1;
  }

  #menutoggle.open {}

  .b .toggle {
    padding-bottom: 12px;
    display: inline-block;
  }

  nav ul {
    display: block;
    text-align: left;
  }

  nav ul li {
    display: block;
    margin-bottom: 5px;
  }

  nav ul li.languages {
    margin-top: 46px;
  }

  nav li a, nav li {
    font-size: 38px;
    line-height: 40px
  }

  .closenav {
    margin-bottom: 20px;
    display: block;
    margin-top: -6px;
  }

  .interior .closenav {}

  nav ul li.back {
    position: relative;
    margin-left: -17px;
    display: none;
  }

  nav ul.interior li {
    margin-left: 0px;
  }

  .films .film img {
    height: 28px;
    width: auto;
    margin-top: -8px;
    margin-left: 10px;
  }

  .extra img {
    height: 50px;
    width: auto;
  }

  footer {
    overflow-x: hidden;
  }

  footer .logo {
    padding: 20px 0px;
    margin-bottom: 2px;
  }

  .hasside #main, .hasside nav, .hasside footer {
    width: calc(100% - 46px);
  }

  .films .film .autor {
    float: none;
    margin-bottom: 10px;
  }

  body.home #main {
    padding-top: 20px;
  }

  .noticias .noticia {
    padding-bottom: 40px;
  }

  body.home .noticias .noticia .textos .container-fluid {
    padding: 15px;
  }

  .mobile>.calendarlist {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 10px;
  }

  .descripcio, .b.summary .rowcontent, body.noticia .noticia .destacat {
    font-size: 17px;
    line-height: 20px;
  }

  .b.summary .rowcontent, body.noticia .noticia .destacat, body.noticia .noticia .fecha {
    padding-bottom: 20px;
  }

  body.noticia .noticia .maintext img {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  body.noticia .noticia .destacat, body.noticia .noticia .fecha {
    margin-bottom: 0px;
  }

  body.film .session {
    margin-bottom: 15px;
  }

  .asidecontent #closeaside {
    right: -55px;
  }

  .topbar {
    width: 100%;
    text-align: center;
    z-index: 999;
    position: fixed;
    top: 0px;
    height: auto;
    border-top: none !important;
    bottom: auto;
    padding: 23px 0px;
  }

  .asidecontent .bottombar, .asidecontent .topbar {
    background-color: black;
    border-top: solid 1px #ece7e1;
  }

  .asidecontent .bottombar.black, .asidecontent .topbar.black {
    border-top: solid 1px black;
  }

  .arxiulink {
    padding-bottom: 70px;
  }

  .filtrar {
    width: 100%;
    text-align: right;
    margin-right: 0px;
    right: 0px;
    top: -1px;
    background-color: transparent;
    padding: 14px;
    left: 0px;
    padding-right: 20px;
    position: fixed;
    z-index: 99999;
    width: 50%;
    float: right;
    right: 40px;
    left: auto;
  }

  .filtrar a {
    background: transparent;
  }

  body.hasside .filtrar {}

  .filtrarbutton {
    width: 50%;
    float: right;
  }

  body.info .wrapburger {
    border-bottom: solid 1px black;
  }

  body.p_1233 .filtrarbutton {
    display: none;
  }

  body.p_1233 #main {
    margin-top: 25px;
  }

  .formcerca input {
    padding: 27px 0px;
  }

  .cercabar {
    display: none;
  }

  .togglesearch.chide #cercasubmit {
    right: -40px;
  }

  .formcerca {
    margin-left: -15px;
    margin-right: -20px;
    margin-top: -12px;
    margin-bottom: -14px;
  }

  tr.film td {
    padding-bottom: 30px;
  }

  .p_1233 .filtrar {
    border-bottom: solid 1px #ece7e1;
    margin-bottom: 19px;
    margin-top: -2px;
  }

  .filtrar a.cercasessiomobile {
    text-align: right;
    width: auto;
  }

  .films .film .session, .films .film .autor {
    margin-right: 10px
  }

  .altresesions.films .film .session {
    display: inline-block;
    float: none;
  }

  .monthname {
    margin-bottom: 15px;
    margin-top: 5px;
  }

  .calendarlist table .filmtitlecal.second, .calendarlist table .autor.third {
    width: 100%;
    display: block;
  }

  .calendarlist table .autor.third {
    margin-bottom: 13px;
  }

  .calendarlist table .first.hora {
    vertical-align: top;
  }

  .calendarlist .dianum, .calendarlist .dianame {
    padding-bottom: 16px;
  }

  .noticias .titles {
    margin-top: 19px;
  }

  #menutoggle {
    width: auto;
    display: inline-block;
  }

  body.film.hasbottombutton #menutoggle {
    position: absolute;
    background-color: #ece7e1;
  }

  #cercasubmit {
    top: 0px;
    z-index: 999;
    right: 20px;
    height: 40px;
  }

  .calendarlist .dianame {
    font-size: 17px;
    line-height: 20px;
  }

  .calendarlist .day {
    padding-bottom: 30px;
  }

  body #main {
    padding-top: 0px !important;
    overflow-x: hidden;
  }

  body.info #main .b {
    padding-bottom: 58px;
  }

  body.info #main .b.full {
    padding-bottom: 0px;
  }

  body .b.bbottom {
    padding-bottom: 0px;
  }

  body.p_1233 nav.interior.sssesions {
    display: none;
  }

  body.info .b.full {
    padding-bottom: 0px;
  }

  body .colaborador img {
    height: 40px !important;
  }

  body.home .hour {
    display: none;
  }

  .b.row {
    padding-bottom: 45px;
  }

  .linkdestacado {
    margin-bottom: 15px;
  }

  .wrapburger {
    padding-left: 22px;
    padding-top: 25px;
    padding-bottom: 25px;
    position: fixed;
    top: 0px;
    z-index: 99999;
    width: 100%;
    border-bottom: solid 1px #ece7e1;
    min-height: 72px;
  }

  body.home {
    padding-top: 89px;
  }

  #menutoggle {
    width: auto;
  }

  body.film .filmtitle {
    margin-top: 0px;
  }

  body.film h4 {
    font-size: 17px;
    line-height: 20px;
  }

  .b.row {
    padding-top: 20px;
  }

  .b.row.colaboradorsfilm {
    padding-bottom: 15px;
  }

  .veureresta {
    padding-right: 50%;
  }

  body.info #content .b:first-child {}

  body.info #content .b {
    font-size: 17px;
    line-height: 20px;
  }

  body.film #main #content .b:first-child {
    border-top: none;
  }

  body.p_1233 footer {
    margin-bottom: 0px;
  }

  body.hasbottombutton {
    padding-bottom: 0px;
  }

  .wrapcompraside {
    padding: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  .wrapcompraside .text {
    width: 50%;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  body aside .wrapcompraside a {
    display: block;
    color: black !important;
    margin-bottom: 15px;
  }

  aside.compralateral #closeaside {
    right: auto;
    left: 20px;
    position: absolute;
  }

  body.film aside.compralateral .themed, body.film aside.compralateral {
    background-color: #ece7e1 !important;
  }

  .hidemenu {
    top: -80px;
  }

  .wrapburger, .filtrar {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
  }

  body.info.menu_main #content .b:first-child {
    border-top: none;
  }

  body.info #main .b:last-of-type {
    padding-bottom: 35px;
  }

  .plussesion {
    font-weight: 900;
    font-size: 19px;
    line-height: 17px;
    float: left;
  }

  body.info nav {
    z-index: 999000;
    border-bottom: none;
  }
}

/* SESSIONS **/
@media (max-width: 768px) {
  body .films .film .filmtitle.tipo_experimental img {
    margin-top: -14px;
  }

  body .films .film .filmtitle.tipo_infantil img {
    margin-top: -6px;
  }

  body .films .film .filmtitle.tipo_paralleles img {
    margin-top: -10px;
  }

  body .films .b.film {
    padding-top: 13px !important;
  }

  body .films .b.film.tipo_experimental {
    padding-top: 14px !important;
  }

  body .films .b.film.tipo_infantil {
    padding-top: 18px !important;
  }

  body .tipo_festivals.filmtitle {
    line-height: inherit;
    margin-top: 10px;
    margin-bottom: 15px !important;
    word-spacing: -12px;
  }

  body.film .tipo_festivals.filmtitle {
    line-height: 36px;
  }

  body .films .film .filmtitle.tipo_festivals img {
    margin-top: -5px;
  }

  .films .film .filmtitle.tipo_experimental img {
    margin-top: -39px;
  }

  body .films .film.tipo_estrenes img {
    margin-top: -9px;
    height: 24px;
  }

  .films .film .filmtitle.tipo_estrenes {
    font-size: 33px;
    line-height: 30px;
  }

  .films .film .filmtitle.tipo_infantil {
    font-size: 39px;
    line-height: 30px;
  }

  .films .film .filmtitle.tipo_paralleles {
    font-size: 36px;
    line-height: 30px;
  }

  .films .film .filmtitle.tipo_experimental {
    font-size: 32px;
    line-height: 34px;
  }

  body .films .film .filmtitle.tipo_festivals {
    font-size: 36px;
    line-height: 34px;
  }
  .colaborador.logogran img{
        height: 60px !important;
  }
  body.home .themed .tipo_festivals.noticia a{
        line-height: 27px;
  }
  .pwcmb-widget {
        padding-bottom: 0px;
  }
  .barraentradas .wrapburger{
        top: 30px;
  }
  .infiniteslide_wrap{
        min-height: 30px;
            z-index: 9999999999;
  }
  .infiniteslider .inf{
    font-size: 15px;
    line-height: 15px;
    padding-top: 6px;
  }
  body.home.barraentradas{
    padding-top: 119px;
  }
  body.hasside.barraentradas nav{
    top: 50px;

  }
  #festesociabtn{
    font-size: 15px;
    line-height: 15px;
    left: 10px;
    bottom: 10px;
    width: 70px;
    height: 70px;
  }
    .pwcmb-widget {
          padding-bottom: 20px;
    }
    #cookie-manager {
    z-index: 9999999999;
  }
  .pwcmb-widget button{
    font-size: 12px;
padding: 5px 10px;
margin-left: 0px;
margin-right: 10px;
  }
  .p_1 aside{
        right: -90px;
  }
  .p_1.hasside #main{
    width:100%;
  }
}