.desktop { display: block; }
    .mobile { display: none; }

@media (max-width: 991px) { 
    .desktop { display: none; }
    .mobile { display: block; }
    .blocos1 .Left {
        position: relative !important;
        width: 100% !important;
        height: 200px !important;
        left: 0 !important;
        box-shadow: none !important;
        top: 0 !important;
    }
    .blocos1 .Right {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        right: 0 !important;
        padding: 20px !important;
        box-shadow: none !important;
    }
    .blocos2 .Left {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        right: 0 !important;
        padding: 20px !important;
        box-shadow: none !important;
    }
    .blocos2 .Right {
        position: relative !important;
        width: 100% !important;
        height: 200px !important;
        left: 0 !important;
        box-shadow: none !important;
        top: 0 !important;
    }
    h1 {
        font-size: 26px !important;
    }
    .logo img {
        width: 258px !important;
        margin: 20px !important;
    }
    .Sociais {
        top: 130px !important;
    }
    .ProG1 {
        padding: 0 !important;
    }
    .MeS1 {
        width: 100% !important;
    }
    ul.SemanA1 li a .base_espetaculos {
        width: 150px !important;
        height: 150px !important;
    }
    .SemanA1 li a .TexT1 {
        width: 190px !important;
        height: 150px !important;
    }
    .SemanA1 li a img {
        width: 150px !important;
        height: 150px !important;
    }
    .bg-homenageados .hom {
    padding: 14px 44px;
}
header.esp {
    margin-top: 56px;
}

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

mg.esp_bg {
    display: none;
}
.base_esp {
    width: 100%;
    padding: 0;
    overflow-y: auto;
    height: 93vh;
    background: rgb(0 0 0 / 48%);
}
img.esp_foto {
    width: 100%;
    height: 93vh;
}
.genero_esp .badge {
    padding: 6px 8px;
    font-size: 12px;
}
.genero_esp {
    padding: 13px;
    display: block;
    text-align: center;
}
h3.album_esp {
    font-size: 18px;
    text-align: center;
    padding: 16px;
}
.sinopse_esp {
    background: #ffffffab !important;
    padding: 8px 14px;
    border-radius: 10px 10px 0 0;
    margin: 0 10px;
}
.ficha_esp {
    background: #ffffffab !important;
    padding: 6px 16px;
    border-radius: 0 0 12px 12px;
    margin: 0 10px;
}
.data_esp {
    padding-right: 16px;
}
a.btn.btn-warning.btn-ingresso {
    margin: 0 10px 16px 10px;
}
.maps_esp {
    padding: 0 10px;
}

}

@media (max-width: 520px) { 

ul.SemanA1 {
    width: 100%;
}
.SemanA1 li a .TexT1 {
    width: 180px !important;
}
ul.SemanA1 .TexT1 .nome1 {
    font-size: 14px;
    line-height: 16px;
}
ul.SemanA1 .TexT1 .teatro1, span.genero1 {
    font-size: 12px;
}

}