﻿


@media screen and (max-width:1060px) {

    body {
    }

    .ct {
        width:95%;
        margin:auto;
    }
    .stage {
        width: 100%;
        padding-top: 0px;
    }

    .logo {
        display: table;
        margin: auto;
        width: 100%;
        max-width: 300px;
        margin-bottom: 35px;
    }

    .intro {
        font-size: 24px;
        width: 100%;
        max-width:350px;
        line-height: 32px;
        text-align: center;
        float: none;
        clear: both;
        margin-top: 5px;
    }
    .ajuda {
        display: table;
    }

    .cartaz .txt {
        width: 62%;
        height: 215px;
        border-bottom: 2px dotted RGBA(255, 255, 255, 1);
    }

    .ctback {
        background-image: url(../images/vilar-de-mouros-2025resp.jpg);
        padding-top: 80px;
        padding-bottom: 0px;
    }

    .introbts {
        width: auto;
        margin: auto;
        display: table;
        float: none;
        width:100%;
        clear: both;
        margin-top:15px;
    }

    .fixoct {
        position: relative;
        top: initial;
        width:90%;
        background-color: rgba(22, 150, 95, 0) !important;
    }


    .btintro {
        float: none;
        margin:auto;
        width: 100%;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 20px;
        margin-left: 0%;
        margin-right: 0%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .ff {
        float: right !important;
    }

    .introct {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .help {
        display: table;
    }

    .container {
        display: block;
        overflow-x: scroll;
        max-width: 300px;
        width: 300px;
        border-left: none;
        border-right: none;
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .container2 {
        width: 100%;
    }

    .bandas .right .txt1 {
        width: 86%;
        text-align: center;
    }

    .cartaz .big {
        border-left: none;
        width: 315px;
        padding-top: 16px;
    }

    .division {
        border-bottom: 3px solid rgba(255,255,255,0.9);
    }

    .cartaz .txt div {
        font-size: 32px !important;
        padding-bottom: 16px;
    }

    .bandas .right .txt2 {
        text-align: center;
        width: 92%;
    }

    .bandas .right .txt1 span {
        width: 100%;
        text-align: center;
    }

    .help {
        display: table;
        width: 100%;
        margin: auto;
        text-align: center;
        font-family: agencybold;
        font-size: 20px;
        line-height: 28px;
        font-weight: normal;
        color: rgba(255, 255, 255, 1);
        padding-top: 15px;
    }

    .cartaz {
        width: 1260px;
    }

        .cartaz .data {
            border-right:none;

        }

        .cartaz .dia {
            display: table;
            float: left;
            width: 30%;
            font-size: 20px;
            line-height: 20px;
            text-align: center;
            font-weight: bold;
            margin-bottom: 20px;
        }

            .cartaz .dia span {
                width: 40px;
                font-size: 43px;
                line-height: 38px;
            }

    .legenda {
        display: none;
    }

    .legenda2 {
        display: table;
    }

    .bandas .play {
        top: 38%;
    }

    .bandas .right .txt1 span {
        display:table;
        line-height:18px;
    }

    .bandas .left {
        width: 100%;
        height: 380px;
    }

    .bandas .right {
        width: 100%;
        display: table;
        float: left;
    }

    .video {
        width: 100%;
        max-width: 800px;
        display: none;
        border-left: none;
        border-right: none;
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .video iframe {
            width: 95%;
            height: 340px;
            display: table;
            margin: auto;
        }
        .video div {
            display: table;
            width: 95%;
            text-align: right;
            font-size: 18px;
            line-height: 18px;
            font-weight: bold;
            color: #178dbb;
            padding-bottom: 0px;
            cursor: pointer;
        }

    .soptify {
        width: 100%;
        max-width: 800px;
        display: none;
        border-left: none;
        border-right: none;
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .soptify iframe {
            width: 100%;
            display: table;
            margin: auto;
        }

        .soptify div {
            display: table;
            width: 95%;
            text-align: right;
            font-size: 18px;
            line-height: 18px;
            font-weight: bold;
            color: #178dbb;
            padding-bottom: 7px;
            cursor: pointer;
        }

    .btintro:hover {
        padding-left: 10px;
        padding-right: 10px;
    }


    .recinto {
        display: block;
        width: 300px;
        max-width: 1350px;
        overflow: scroll;
        max-width: 200px;
        height: 500px;
    }

        .recinto img {
            width: 100%;
            max-width: 1300px;
            display: table;
        }

    .scroll {
        width: 1300px;
    }

    .faqsct {
        padding-bottom: 0px;
        max-width: 600px;
    }

    .faqs {
        display: table;
        margin: auto;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        max-width: 600px;
        padding-bottom: 0px;
        float: none;
    }

    .title2 {
        width: 90%;
        margin: auto;
        font-size: 28px;
        line-height: 32px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        text-transform: uppercase;
        padding-bottom: 0px;
        max-width: 600px;
    }

    .footer {
        display:table;
        width: 100%;
        margin-top: 20px;
        padding-bottom: 80px;
    }

    .footer .in{
        width: 80%;
        display:table;
        margin:auto;
    }

    .fixo {
        display: table;
        margin: auto;
        width: 100%;
        position: relative;
        top: initial;
        z-index: 10;
        background-color: transparent !important;
    }

    .recinto {
    }
}