@media (max-width: 1200px) {
    body header .lotto-header-wrapper, body .lotto-main-wrapper, body .lotto-footer-wrapper{
        padding: 0 20px;
    }

    body main{
        padding-top: 40px;
    }

    body .lotto-wrap-items{
        justify-content: space-between;
        gap: 20px;
    }

    body .lotto-subscribe-wrap div{
        padding: 20px 40px;
    }

    body .lotto-support form{
        flex-direction: column;
    }

}

@media (max-width: 768px) {
    body .lotto-blocks-to-pay{
        justify-content: center;
        gap: 20px;
    }

    body .lotto-blocks-to-pay h3{
        margin-bottom: 20px;
    }

    body .lotto-footer-additional-info{
        flex-direction: column;
    }

    body .lotto-rules{
        flex-direction: column;
    }

    body .lotto-subscribe-wrap {
        justify-content: center;
        flex-wrap: wrap;
    }

        body .lotto-subscribe-wrap div{
        padding: 20px 20px;
    }

    body .odds p{
        padding: 20px;
    }

    body main{
        padding-bottom: 40px;
    }

    body .lotto-footer-additional-info div{
        align-items: center;
    }

    body .lotto-footer-additional-info div img{
        width: auto;
        max-width: 100px;
        height: 80px;
    }

    body .lotto-contacts, body .lotto-links{
        flex-direction: column;
    }

    body .lotto-links{
        gap: 10px;
    }

    body .lotto-spielerschutz{
        flex-direction: column;
    }

    body .lotto-spielerschutz img{
        width: max-content;
        margin: 0 auto;
    }

    body .tab{
        flex-direction: column;
        justify-content: center;
    }

    body .lotto-lottery .tab > div{
        width: 100%;
    }

    body .tab-pane{
        gap: 20px;
    }

    body .lotto-faq details, body .lotto-spielerschutz{
        padding: 20px;
    }

    body .lotto-spielerschutz{
        gap: 40px;
    }

    body .lotto-blocks-to-pay section div{
        flex-wrap: wrap;
        gap: 10px;
    }
}

@media (max-width: 620px) {
    body .lotto-item{
        min-width: unset;
        max-width: unset;
    }

    body header nav ul{
        gap: 20px;
    }

    body .lotto-header-signup{
        display: none;
    }

    body .lotto-support-wrap{
    background-size: cover;
    background-position: center;
    }

    body section{
        overflow: hidden;
    }

    body .lotto-support-wrap a{
        width: 80%;
    }

    body main{
        margin-top: 20px;
    }

    body .lotto-faq details summary{
        max-width: 80%;
        line-height: 20px;
    }

    body details summary::after{
        right: -20%;
    }
}

@media (max-width: 380px) {
    body .lotto-logo{
        width: 75%;
        margin-top: 5px;
    }

    body header nav ul{
        gap: 10px;
    }
    
    body .lotto-blocks-to-pay section ul{
        gap: 10px;
        flex-wrap: wrap;
    }
}