@media screen and (max-width: 1300px) {
    .content h1 {
        font-size: 3rem;
    }
    .lottoSix h1 {
        font-size: 6rem;
    }
    .lotto h1 {
        font-size: 6rem;
    }
    .lottoSix {
        width: 800px;
    }
    .lotto {
        width: 800px;
    }
    .animal {
        width: 800px;
    }
    .lottoThree {
        width: 490px;
    }
    .lottoTwo {
        width: 290px;
    }
}

@media screen and (max-width: 1040px) {
    .lottoSix {
        width: 77%;
    }
    .lottoSix h1 {
        font-size: 90px;
    }
    .lotto {
        width: 77%;
    }
    .lottoTwo {
        margin-left: 20px;
    }
    .animal {
        width: 77%;
    }
}
@media screen and (max-width: 900px) {
    .lottoSix p {
        font-size: 35px;
    }
    .lottoSix h1 {
        font-size: 60px;
        letter-spacing: 50px;
        padding: 13px 5px;
    }
    .lotto p {
        font-size: 35px;
    }
    .lotto h1 {
        letter-spacing: 40px;
        font-size: 60px;
        padding: 13px 5px;
    }
    .lotto h1::after {
        content: '';
        margin-left: -40px; /* ลบ letter-spacing ของตัวสุดท้ายออก */
    }
    .lottoSix h1::after {
        content: '';
        margin-left: -50px; /* ลบ letter-spacing ของตัวสุดท้ายออก */
    }
}
@media screen and (max-width: 621px) {
    .center .image img {
        width: 60px;
    }
    .center {
        padding: 0px 6px;
    }
    .back a {
        font-size: 10px;
    }
    .content h1 {
        font-size: 2rem;
    }
    .content p {
        font-size: 1.5rem;
    }
    .lottoSix h1 {
        letter-spacing: 30px;
    }
    .lotto h1 {
        letter-spacing: 30px;
    }
    .lotto h1::after {
        content: '';
        margin-left: -30px; /* ลบ letter-spacing ของตัวสุดท้ายออก */
    }
    .lottoSix h1::after {
        content: '';
        margin-left: -30px; /* ลบ letter-spacing ของตัวสุดท้ายออก */
    }
    .animal h1 {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 390px) {
    .center .image img {
        width: 50px;
    }
    
    .back a {
        font-size: 10px;
    }
    .content {
        margin-top: 8vh;
    }
    .content h1 {
        font-size: 24px;
    }
    .content p {
        font-size: 16px;
    }
    .lottoSix p {
        font-size: 18px;
    }
    .lottoSix h1 {
        font-size: 25px;
        letter-spacing: 15px;
    }
    .lotto p {
        font-size: 18px;
    }
    .lotto h1 {
        font-size: 25px;
        letter-spacing: 15px;
    }
    .lotto h1::after {
        content: '';
        margin-left: -15px; /* ลบ letter-spacing ของตัวสุดท้ายออก */
    }
    .lottoSix h1::after {
        content: '';
        margin-left: -15px; /* ลบ letter-spacing ของตัวสุดท้ายออก */
    }
    .lottoTwo {
        margin-left: 8px;
    }
}
@media screen and (max-width: 290px) {
    .center {
        padding: 0 8px;
    }
    .lottoSix p, .lotto p {
        font-size: 13px;
    }
    .lottoSix h1 , .lotto h1{
        letter-spacing: 7px;
    }
    .lotto h1::after, .lottoSix h1::after {
        content: '';
        margin-left: -7px; /* ลบ letter-spacing ของตัวสุดท้ายออก */
    }
    .lottoTwo {
        margin-left: 8px;
    }
}
@media screen and (max-width: 230px) {
    .center {
        padding: 0 8px;
    }
    .content h1 {
        font-size: 16px;
    }
    .content p {
        font-size: 12px;
    }
    .lottoSix p, .lotto p {
        font-size: 10px;
    }
    .lottoSix h1 , .lotto h1{
        letter-spacing: 4px;
    }
    .lotto h1::after, .lottoSix h1::after {
        content: '';
        margin-left: -4px; /* ลบ letter-spacing ของตัวสุดท้ายออก */
    }
    .animal h1 {
        font-size: 20px;
    }
}