@media (max-width:1280px) {
    .container {
        width: 720px;
    }

    .logo__mobile {
        width: 120px;
    }

    .menu__responsivo {
        display: block !important;
        z-index: 999999;
        top: 0;
        left: 0;
        width: 100%;
        padding: 30px 0;
    }

    .menu__responsivo .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu__responsivo .sanduiche {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 5px;
        cursor: pointer;
    }

    .menu__responsivo .sanduiche span {
        display: block;
        width: 35px;
        height: 5px;
        border-radius: 5px;
        background: var(--amarelo);
        transition: all .2s;
    }

    .menu__responsivo .sanduiche.open {
        position: relative;
        top: -10px;
    }

    .menu__responsivo .sanduiche.open span:last-child {
        display: none;
    }

    .menu__responsivo .sanduiche.open span:first-child {
        transform: rotate(45deg);
        position: relative;
        top: 10px;
    }

    .menu__responsivo .sanduiche.open span:nth-child(2) {
        transform: rotate(-45deg);
    }

    header .super__bar {
        background: #7a090bcf;
        display: none;
        height: 100vh;
        align-items: center;
        justify-content: center;
    }
    header .super__bar ul {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 50px;
    }

    header .super__bar ul li {
        min-width: 100%;
        padding:0;
    }

    header .super__bar ul li a {
        border-bottom: 1px var(--amarelo) solid;
        display: block;
        text-align: center;
        border-right: 0;
        padding: 15px
    }

    section.intro {
        background: url(/Content/images/aniversario/bg-intro-mobile.png) 0 100px repeat-x #ee3434;
        padding-top: 75px;
    }

    section.intro .container {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 70px;
        position: relative;
    }


    section.intro .center {
        order: 1;
        max-width: 450px;
    }

    section.intro .center img {
        width: 100%;
    }

    section.intro .left {
        order: 2;
        max-width: 350px;
    }

    section.intro .left h2 {
        font-size: 24px;
        text-align: center;
    }

    section.intro .right,
    section.intro .left img {
        display: none;
    }

    section.premios .box img {
        object-fit: contain;
        width: 250px;
        height: 180px;
    }

    section.premios .splide__track {
        overflow: initial;
    }

	section.premios .splide__arrow--next {
		right: 1em;
		width: 40px;
		height: 40px;
		background: url(/Content/images/aniversario/down-duvidas.png) no-repeat center center;
		opacity: 1;
		background-size: contain;
		transform: rotate(-90deg);
		margin-top: -30px;
	}

	section.premios .splide__arrow--prev {
		right: 1em;
		width: 40px;
		height: 40px;
		background: url(/Content/images/aniversario/down-duvidas.png) no-repeat center center;
		opacity: 1;
		background-size: contain;
		transform: rotate(90deg);
		margin-top: -30px;
	}

    .splide__arrow svg {
        display: none;
    }

    section.premios .box h3 {
        font-size: 16px;
    }

    section.como__participar .passos {
        flex-wrap: wrap;
        margin-bottom: 50px;
    }

    section.como__participar .passo {
        min-height: 170px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-size: 60px;
        background-position: left center;
        padding-left: 70px;
        min-height: 110px;
    }

    section.como__participar .passo1 {
        background-size: 45px;
    }

    section.como__participar .passo p {
        padding: 0;
    }

    section.ganhadores .container:before {
        left: -180px;
    }

    section.ganhadores .container:after {
        right: -170px
    }

    section.ganhadores table {
        width: 100%; 
        font-size: 14px;
    }

    section.duvidas .duvidas__list {
        width: 100%;
    }

    footer .container {
        position: relative;
        flex-wrap: wrap;
    }

    footer .porcent {
        position: absolute;
        top: 20px;
        right: 0;
    }
}

@media (max-width:730px) {
    .container {
        width: 90%;
    }

    .logo__mobile {
        width: 90px;
    }

    section.intro .container {
        background: url(/Content/images/aniversario/confete-mobile.png) center 30px no-repeat;
        background-attachment: initial;
    }

    section.intro .prev__index {
        display: none;
    }

    section.intro .center {
        max-width: 240px;
    }

    section.premios .container, 
    section.premios {
        display: block;
    }

    section.premios .box {
        margin-top: -70px;
    }

    section.como__participar .passos {
        margin-bottom: 40px;
        justify-content: center;
    }

    section.como__participar .passo {
        min-height: 110px;
        max-width: 55%;
    }

    section.como__participar .passo p {
        font-size: 16px;
    }

    section.como__participar h2, 
    section.ganhadores h2,
    section.duvidas h2 {
        font-size: 30px;
        letter-spacing: 4px;
        padding-bottom: 30px;
        background: none;
    }

    section.como__participar a,
    section.ganhadores a {
        font-size: 20px;
    }

    section.como__participar a:after,
    section.ganhadores a:after {
        width: 55px;
        height: 55px;
        background-size: contain;
        left: -20px;
        top: -7px;
    }

    section.ganhadores .container:before,
    section.ganhadores .container::after {
        display: none;
    }

    section.ganhadores table {
        width: 100%;
        font-size: 11px;
    }

    section.ganhadores table td {
        padding: 7px;
    }

    section.ganhadores a:after {
        width: 65px;
        height: 65px;
        top: -19px;
    }

    section.duvidas h2 {
        padding-bottom: 0;
    }

    section.duvidas h3 {
        font-size: 14px;
        padding:15px 20px;
    }

    section.duvidas h3:after {
        width: 36px;
        height: 36px;
    }

    section.duvidas p {
        font-size: 14px;
    }

    section.duvidas a {
        font-size: 18px;
    }

	section.topo img#mobile {
		display: block;
		width: 100%;
	}

	section.topo img#desktop {
		display: none;
	}

    footer .container {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    footer img {
        max-width: 90px;
    }


    section.como__participar .passos {
        position: relative;
    }

	section.como__participar .passos:before {
		content: '';
		width: 90px;
		height: 90px;
		display: block;
		position: absolute;
		bottom: 100px;
		right: calc(100% - 65px);
		background: url(/Content/images/aniversario/vale.png) center center no-repeat;
		background-size: contain;
	}

	section.como__participar .passos:after {
		content: '';
		width: 85px;
		height: 200px;
		display: block;
		position: absolute;
		top: 100px;
		left: calc(100% - 50px);
		background: url(/Content/images/aniversario/balao.png) center center no-repeat;
		background-size: contain;
	}

    section.content h2 {
        font-size: 36px;
    }

    footer .container {
        position: relative;
    }

	footer .container::after {
		content: '';
		width: 52px;
		height: 97px;
		display: block;
		background: url(/Content/images/aniversario/balao-rodape.png) center center no-repeat;
		background-size: cover;
		position: absolute;
		top: 40px;
		left: -10px;
	}
}