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

    html {
        font-size: 18px;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded img {
        width: auto;
        max-width: 100%;
        max-height: 450px;
    }

    .slider-esdeveniments ul li img {
        width: auto;
        max-width: 100%;
        max-height: 280px;
    }

    footer li {
        margin-right: 10%;
    }

    .presos-text-gran {
        margin-left: 1rem;
        font-size: 2.8rem;
        line-height: 2.7rem;
        margin-top: 1rem;
    }

    .presos-text-petit {
        margin-top: 0.5rem;
        text-align: left;
        line-height: 1.7rem;
        margin-left: 1rem;
        font-size: 1.8rem;
    }

    .presos-nom-cognom {
        margin-top: 12px;
        text-transform: uppercase;
        text-align: left;
        margin-left: 1rem;
        font-size: 1.1rem;
        line-height: 1.1rem;
    }

    .presos-carrec {
        margin-top: 1rem;
        color: #ff3300;
        text-transform: uppercase;
        text-align: left;
        margin-left: 1rem;
        font-size: 0.9rem;
        line-height: 1rem;
    }

    .presos-acusacio {
        margin-top: 1rem;
        text-align: left;
        margin-left: 1rem;
        font-size: 1.4rem;
        line-height: 1.5rem;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded .timeline-item-content {
        width: 70%;
    }
}

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

    html {
        font-size: 17px;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded .timeline-item-content {
        width: 70%;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded img {
        width: auto;
        max-width: 100%;
        max-height: 320px;
    }

    .presos-text-gran {
        margin-left: 1rem;
        font-size: 2.8rem;
        line-height: 2.7rem;
        margin-top: 1rem;
    }

    .presos-text-petit {
        margin-top: 0.5rem;
        text-align: left;
        line-height: 1.8rem;
        margin-left: 1rem;
        font-size: 1.8rem;
    }

    .presos-nom-cognom {
        margin-top: 12px;
        text-transform: uppercase;
        text-align: left;
        margin-left: 1rem;
        font-size: 1.1rem;
        line-height: 1.2rem;
    }

    .presos-carrec {
        margin-top: 1rem;
        color: #ff3300;
        text-transform: uppercase;
        text-align: left;
        margin-left: 1rem;
        font-size: 0.9rem;
        line-height: 1rem;
    }

    .presos-acusacio {
        margin-top: 1rem;
        text-align: left;
        margin-left: 1rem;
        font-size: 1.4rem;
        line-height: 1.5rem;
    }
}

@media screen and (max-width: 1767px) {
    html {
        font-size: 14px;
    }
}

@media screen and (max-width: 1439px) {
    html {
        font-size: 13px;
    }

    .presos-text-gran {
        margin-left: 1rem;
        font-size: 3.9rem;
        line-height: 3.7rem;
        margin-top: 1rem;
    }

    .presos-text-petit {
        margin-top: 0.5rem;
        text-align: left;
        line-height: 2.2rem;
        margin-left: 1rem;
        font-size: 2.3rem;
    }

    .presos-nom-cognom {
        margin-top: 12px;
        text-transform: uppercase;
        text-align: left;
        margin-left: 1rem;
        font-size: 1.5rem;
        line-height: 1.6rem;
    }

    .presos-carrec {
        margin-top: 1rem;
        color: #ff3300;
        text-transform: uppercase;
        text-align: left;
        margin-left: 1rem;
        font-size: 1.2rem;
        line-height: 1.3rem;
    }

    .presos-acusacio {
        margin-top: 1rem;
        text-align: left;
        margin-left: 1rem;
        font-size: 2rem;
        line-height: 2.1rem;
    }
}

@media screen and (max-width: 1200px) {
    html {
        font-size: 13px;
    }
}

@media screen and (max-width: 991px) {
    html {
        font-size: 10px;
    }

    .presos-text-gran {
        margin-left: 1rem;
        font-size: 3.9rem;
        line-height: 3.8rem;
        margin-top: 1rem;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded {
        width: 66.6666%;
    }
}

@media screen and (max-width: 767px) {
    html {
        font-size: 14px;
    }

    .contingut-autoinculpacions {
        border-right: none;
    }

    .xs-hide {
        display: none;
    }

    .xs-show {
        display: block;
    }

    .xs-show-inline {
        display: inline-block;
    }

    .streamwrapper {
        padding: 0;
    }

    form.jotform-form .form-all {
        padding: 1rem 3rem 2rem 3rem;
        width: 100% !important;
    }

    .share-icons-lateral.sharer-accions-mobil {
        display: inline-block;
        vertical-align: top;
        margin-left: 2.5rem;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded .timeline-item-content {
        width: 100%;
    }

    .moltesgracies-msg {
        font-size: 5rem;
    }

    .top-presos {
        padding: 2.5rem 3rem 0rem 3rem;
        margin: 0;
    }

    .containerPresos {
        position: relative;
        padding: 3rem 3rem 3rem 3rem;
    }

    .p-footer {
        font-size: 0.9rem;
        line-height: 1.08rem;
    }

    .resp-sharing-button__icon svg {
        width: 2em;
        height: 2em;
        margin-right: 0.3em;
        vertical-align: top;
    }

    .p-footer a {
        margin-bottom: 1.6rem;
    }

    .col-12-footer-legal .paddingLR15 {
        padding: 0;
    }

    .footer-copyright .container {
        padding: 0;
    }

    .footer-judici {
        padding: 2rem 3rem 1rem 3rem;
    }

    .footer-judici .col-xs-12 {
        padding: 0;
    }

    .presos-esquerre-text {
        padding: 3rem 3rem 1rem 3rem;
        color: #ff3300;
    }

    .uneixte-esquerre {
        padding: 3rem 3rem 3rem 3rem;
    }

    .text-video-procediment-farsa {
        padding: 4rem 2rem 3rem 3rem;
    }

    .slider-esdeveniments ul li.slide-zero {
        text-align: left;
        padding: 2rem 3rem 2rem 3rem;
    }

    .grid {
        padding-right: 0;
        padding-left: 0;
    }

    .p-es-una-farsa {
        width: 80%;
    }

    .xxss-menu-top {
        margin-left: 0;
        width: 100%;
        padding-top: 1rem;
        margin-top: 2rem;
    }

    .share-icons-lateral {
        position: static;
    }

    .accions-imatge {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .slider-esdeveniments ul li.slide-zero {
        width: 80%;
    }

    .slider-esdeveniments ul li {
        width: 100%
    }

    .slider-esdeveniments ul li.is-selected.is-expanded {
        width: 100%;
    }

    p.primer-esdeveniment {
        font-size: 4rem;
        line-height: 4.1rem;
    }

    .slider-esdeveniments ul li p.data-esdeveniment {
        font-size: 2rem;
        line-height: 2.1rem;
    }

    .slider-esdeveniments ul li p.titol-esdeveniment {
        font-size: 2rem;
        line-height: 2.1rem;
        margin-top: 0;
    }

    .slider-esdeveniments ul li p.descripcio-esdeveniment {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded p.data-esdeveniment {
        font-size: 2rem;
        line-height: 2.1rem;
        margin-bottom: 0.3rem;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded p.titol-esdeveniment {
        font-size: 2rem;
        line-height: 2.1rem;
        margin-top: 0;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded p.descripcio-esdeveniment {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded {
        border: none;
    }

    .slider-anys ul li.is-selected p {
        font-size: 3.3rem;
        margin: 1.4rem 0
    }

    .slider-anys ul li p {
        font-size: 3.3rem;
        text-align: center;
        line-height: 3.3rem;
        margin: 1.4rem 0
    }

    .video-resum-video {
        padding: 0rem 0rem 1rem 0rem;
    }

    .filtres-accions {
        display: block;
    }

    .containerAccions {
        padding: 3rem 2rem 3rem 2rem;
    }

    .topAccions {
        padding: 3rem 2rem 3rem 2rem;
    }

    .afegir-accions {
        padding-bottom: 1rem !important;
    }

    .boto-descarrega-campanya {
       margin-bottom: 3rem;
    }

    .lupa-accions {
        margin: 2rem 0 2rem 0;
    }

    .text-top-actes {
        font-size: 6rem;
        line-height: 6.2rem;
        /*line-height: 5.1rem;*/
    }

    .num-accions-wrapper {
        text-align: left;
    }

    .video-resum-text-wrapper {
        padding: 1rem 3rem 3rem 3rem;
    }

    .video-resum-descripcio h1 {
        font-size: 3rem;
        line-height: 3.1rem;
        margin-bottom: 0.9rem;
    }

    .video-resum-descripcio p {
        font-size: 1.2rem;
        line-height: 1.6rem;
        margin: 1.5rem 0 1.8rem 0;
    }

    .accions-text {
        padding: 3rem 1rem 8rem 3rem;
    }

    .accions-text-2 {
        padding: 3rem 1rem 16rem 3rem;
    }

    .h1-accions {
        margin-bottom: 1rem;
        font-size: 2.8rem;
        line-height: 2.9rem;
    }

    .p-accions {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .boto-negre.boto-accions {
        font-size: 1.1rem;
        height: 3.1rem;
        line-height: 1.1rem;
    }

    .accions-imatge img {
        width: 35%;
    }

    .h1-uneixte {
        font-size: 2.8rem;
        line-height: 2.9rem;
    }

    .p-uneixte {
        font-size: 1.2rem;
        font-weight: 300;
        line-height: 1.6rem;
        color: #000;
        margin: 1rem 0 1.8rem 0;
    }

    .boto-negre.boto-uneixte {
        font-size: 1.1rem;
    }

    .selector-llengua-col {
        border-top: 1px solid #ff3300;
    }

    .overlay ul.selector-llengua-ul {
        border: none;
        padding-bottom: 2rem;
    }

    .overlay .menu-top-2 {
        border: none;
    }

    .text-principal {
        bottom: 15vh;
        left: 6vh;
    }

    .canal-oficial-span {
        background-color: #ff3300;
        padding: 4px 12px 4px 12px;
        font-size: 2.7rem;
        vertical-align: middle;
        line-height: 2rem;
    }

    .header-judici h1 {
        line-height: 4.1rem;
    }

    .header-judici h2 {

    }

    .share-icons-lateral .share-icon-quadrat.primeraIcona {
        border-left: 1px solid #000;
    }

    .share-icons-lateral .share-icon-quadrat {
        display: inline-block;
        float: left;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        border-left: none;
    }

    .botoVeurenMes {
        padding: 0 1rem 0 1rem;
        height: 3.1rem;
    }

    .logo-top {
        display: none;
    }

    .actes-territori-text {

        font-size: 5rem;
        line-height: 5rem;

    }

    #numAccions {
        text-align: left;
        padding: 0;
    }

    .logo-top-nolletra {
        display: inline-block;
        margin-right: 1rem;
    }

    .xxss-footer > a > div {
        width: 2.95rem;
        height: 3.1rem;
        margin-right: 3px;
    }

    .single-video-item-content {
        padding: 2rem 0 2rem 0rem;
    }

    .containerSingleVideo {
        position: relative;
        padding: 0rem 3rem 3rem 3rem;
    }

    .single-video-h1 {
        margin-top: 3rem;
        padding-left: 3rem;
    }

    .containerSingleVideo .share-icons-lateral {
        display: none;
    }

    .containerSingleVideo .single-video-item-content .share-icons-lateral {
        display: inline-block;
    }

    .form-diari-img {
        padding: 3rem 3rem 0 3rem;
    }

    .ultim-video-content {
        padding: 24rem 3rem 3rem 3rem;
    }

    .ultim-video-content-2 {
        padding: 2rem 3rem 3rem 3rem;
    }
}

@media screen and (max-width: 680px) {
    html {
        font-size: 12px;
    }

    form.jotform-form .form-input {
        width: 100%;
    }

    .fancybox-slide {
        padding: 0px;
    }

    .share-icons-lateral.sharer-accions-mobil.sharer-streaming {
        display: block;
        vertical-align: top;
        margin-top: 1rem;
        margin-left: 0;
    }

    .slider-esdeveniments li.is-selected.is-expanded .timeline-item-content {
        width: 100%;
    }

    .accions-imatge img {
        width: 40%;
    }

    .slider-esdeveniments ul li.is-selected.is-expanded p.data-esdeveniment {
        font-size: 2rem;
        line-height: 2.1rem;
    }

    .p-uneixte {
        font-size: 1.2rem;
        line-height: 1.6rem;
        color: #000;
    }

    .header-judici h1 {

    }

}

@media screen and (max-width: 640px) {
    html {
        font-size: 11px;
    }

    .accions-imatge img {
        width: 50%;
    }

    nav {
        margin-top: 40px;
    }

    .overlay ul {
        margin-left: 0;
    }

    .overlay ul li a {
    }

    .slider-anys ul li p {
        font-size: 3.3rem;
        margin: 1.4rem 0
    }
}

@media screen and (max-width: 425px) {
    html {
        font-size: 10px;
    }

    .share-icons-lateral.sharer-accions-mobil {
        margin-left: 1.8rem;
    }


    .moltesgracies-msg {
        font-size: 4.4rem;
        color: #fff;
        padding-top: 4rem;
    }

    .overlay-boxify.open {
        padding-left: 15px;
        padding-right: 15px;
    }

    .accions-imatge img {
        width: 80%;
    }

    blockquote p {
        width: 70%;
    }

    .presos-divider {
        display: none;
    }

    .presos-pol-text1 {
        font-size: 2.8rem;
        line-height: 2.9rem;
    }

    .presos-pol-text2 h4 {
        color: #ff3300;
        font-size: 1.3rem;
        line-height: 1.6rem;
        margin: 0.6rem 0 0.6rem 0;
        font-family: 'Roboto Slab', sans-serif;
        font-weight: 400;
    }

    .graella-presos {
        padding-top: 0;
    }

    .canal24footer img {
        width: 80%;
        padding-bottom: 1rem;
    }

    .h1-footer {
        font-size: 1.1rem;
        line-height: 1.2rem;
    }

    .boto-negre.uneix-footer {
        font-size: 1.1rem;
        margin-bottom: 1rem;
    }

    .p-copyright {
        text-align: left;
        font-size: 0.9rem;
        line-height: 1rem;
        font-weight: 300;
        padding-left: 3rem;
    }

    .col-12-footer-legal {
        text-align: left;
        background-color: #e2e2e2;
        font-size: 0.9rem;
        line-height: 1.5rem;
        padding: 2rem 3rem 2rem 3rem;
    }

    .col-12-footer-legal .item-legal {
        display: block;
    }

    .footer-copyright {
        background-color: #f1f1f1;
    }

    .menu-mobil-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider-anys ul li {
        width: 100%;
    }

    .play-joacuso-slider {
        background-image: url(../img/play_blanc_rodo.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 4rem;
        height: 4rem;
        margin-bottom: 1rem;
    }

    .play-joacuso-slider:hover {
        width: 4rem;
        height: 4rem;
        margin-bottom: 1rem;
    }

    .canal-oficial-span {
        background-color: #ff3300;
        padding: 4px 9px 4px 9px;
        font-size: 2.1rem;
        vertical-align: middle;
        line-height: 2.2rem;
    }

    .joacusoslidertoptext.joacusotextmobil h1 {
        font-size: 3rem;
        line-height: 3.1rem;
        color: #000;
        margin-top: 0.1rem;
        margin-bottom: 0.1rem;
    }
}

@media screen and (max-width: 375px) {
    html {
        font-size: 10px;
    }

    .presos-text-gran {
        font-size: 5.3rem;
        line-height: 4.9rem;
    }

    .presos-nom-cognom {
        margin-top: 1.2rem;
        font-size: 1.6rem;
        line-height: 1.7rem;
    }

    .presos-carrec {
        font-size: 1.7rem;
        line-height: 1.9rem;
    }

    .presos-acusacio {
        font-size: 2.6rem;
        line-height: 2.8rem;
    }

    .presos-text-petit {
        line-height: 3rem;
        font-size: 3.2rem;
    }

    .canal-oficial-span {
        background-color: #ff3300;
        padding: 4px 9px 4px 9px;
        font-size: 1.9rem;
        vertical-align: middle;
        line-height: 1.9rem;
    }

    .joacusoslidertoptext.joacusotextmobil h1 {
        font-size: 3.2rem;
        line-height: 3.3rem;
        color: #000;
        margin-top: 0.1rem;
        margin-bottom: 0.1rem;
    }
}

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

    .top-presos {
        padding: 2.5rem 3rem 0rem 2rem;
    }

    .top-form-diari {
        padding-left: 3rem;
    }

    .containerPresos {
        position: relative;
        padding: 2rem 0 2rem 2rem;
    }

    .containerSingleVideo {
        position: relative;
        padding: 0rem 2rem 2rem 2rem;
    }

    .single-video-h1 {
        padding-left: 2rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .canal-oficial-span {
        background-color: #ff3300;
        padding: 4px 9px 4px 9px;
        font-size: 1.6rem;
        vertical-align: middle;
        line-height: 1.6rem;
    }

    .joacusoslidertoptext.joacusotextmobil h1 {
        font-size: 3rem;
        line-height: 3.1rem;
        color: #000;
        margin-top: 0.1rem;
        margin-bottom: 0.1rem;
    }

    .nav-toggle {
        position: relative;
        float: right;
        z-index: 999999;
        padding: 11px 25px 9px 10px;
        cursor: pointer;
    }
}