@media screen and (max-width:1920px) {
    .bg-video video {
        width: auto;
    }
}

@media screen and (max-width:1499px) {
    /* EARLYBIRD SECTION */
    .earlybird-cols .content-col {
        background-size: cover;
        padding: 80px 50px;
    }

    .lottery-details .lottery-date-counter h2,
    .earlybird-section .earlybird-content h1,
    .lottery-details .lottery-tickets h1,
    .proceeds_section .black_title h1,
    #contact .black_title h1 {
        font-size: 48px !important;
    }

        .lottery-details .lottery-date-counter h2 span {
            font-size: 28px;
        }

    .earlybird-section .earlybird-content img {
        margin-right: 30px;
    }

    .earlybird-section .earlybird-content h3 {
        font-size: 36px !important;
    }

    .content-col .earlybird-list ul li {
        font-size: 20px;
    }

    .content-col .earlybird-three {
        font-size: 24px;
    }
}

@media screen and (max-width:1320px) {

    .lottery-details .red-bg {
        padding: 150px 20px 80px 20px;
    }

    .chha-logo,
    .imagine-logo {
        display: none;
    }

    .nav-flex {
        margin-top: 17px;
    }
}

@media screen and (max-width:1216px) {

    .sponsors_section .sponsors_slider .flex-direction-nav a {
        margin: -9px 0 0 0;
    }
}

@media screen and (max-width:1199px) {
    /* NAV */
    .nav-title {
        display: none;
    }

    .nav-overlay {
        display: none;
        position: fixed;
        width: 100%;
        height: 3000px;
        overflow: hidden;
        background-color: rgba(0,0,0,0.6);
        z-index: 99;
    }

    .nav-menu {
        display: block;
        position: relative;
        margin-right: 20px;
        padding: 10px;
        width: 50px;
        height: 37px;
        cursor: pointer;
    }

        .nav-menu span {
            display: block;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 24px;
            height: 2px;
            background-color: var(--titles);
        }

    .nav-container.home-nav .nav-menu span {
        background-color: #fff;
    }

    .nav-fixed .nav-menu span {
        background-color: #000;
    }

    .nav-menu span:nth-of-type(2) {
        top: 17px;
    }

    .nav-menu span:nth-of-type(3) {
        top: 24px;
    }

    .nav-links {
        position: fixed;
        top: 0;
        right: 0;
        width: 350px;
        height: 100%;
        overflow-y: hidden;
        background-color: #fff;
        padding: 80px 30px 30px;
        z-index: 1050;
        -webkit-transform: translateX(350px);
        -ms-transform: translateX(350px);
        transform: translateX(350px);
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
    }

        .nav-links.menu-open {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

    .close-btn {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        padding: 10px;
    }

        .close-btn img {
            width: 20px;
            height: auto;
        }

    #myNavbar {
        display: block;
    }

    .nav-links ul {
        flex-direction: column;
        gap: 30px;
        width: 100%;
    }

    .nav-links ul li {
        display: block;
        width: 100%;
    }

        .nav-links ul li a,
        .home-nav .nav-links ul li a {
            color: var(--titles) !important;
            border: none !important;
            font-size: 17px;
            letter-spacing: 0.5px;
            padding: 0;
        }

            .nav-links ul li a.active {
                border: none !important;
                color: #777 !important;
            }

        .nav-links ul li:last-child {
            margin-top: 10px;
        }

        .nav-links ul li a.header-btn {
            color: #fff !important;
            display: block;
            text-align: center;
            width: 100% !important;
            margin: 0 !important;
            padding: 12px;
        }

    /* FOOTER */
    .footer-top {
        padding: 80px 0 60px 0;
    }

    .footer-logo,
    .footer-desc {
        margin-bottom: 25px;
    }

    .footer-desc {
        max-width: 400px;
    }

    .footer-columns {
        flex-wrap: wrap;
        gap: 30px;
    }

    .footer-col.col-logo {
        width: 100%;
        margin-bottom: 15px;
    }

    .footer-col.col-address,
    .footer-col.col-about,
    .footer-col.col-lotteries {
        width: calc(33.3333% - 20px);
    }

    /* HOME */
    .hero-tagline h1 {
        font-size: 58px;
        max-width: 600px;
    }

    .counter-cols .counter-cta {
        margin-left: 0;
    }

    .tab-name label {
        font-size: 16px;
    }

    .home-cta-col-1 h2 {
        font-size: 33px;
    }

    .home-cta-col-1 p {
        font-size: 17px;
    }

    .counter-col h1 {
        font-size: 38px;
    }

    /* ALL LOTTERIES PAGE */
    .deadline-container .deadline-number {
        font-size: 22px;
    }

        .deadline-container .deadline-number span {
            font-size: 15px;
            margin-left: 5px;
        }

    /* LOTTERY PAGE */
    .lotto-details {
        flex-direction: column;
    }

        .lotto-details .lotto-col-2 {
            display: none;
        }

        .lotto-details .lotto-col-1 {
            width: 100%;
        }

    .lotto-col-1 .lotto-col-1-mobile {
        display: flex;
        gap: 20px;
    }

        .lotto-col-1-mobile .lotto-img {
            width: 60%;
        }

    .lotto-col-1-mobile .lotto-tickets-mobile {
        display: flex;
        width: 40%;
        gap: 20px;
    }

    .lotto-details .lotto-info-mobile {
        display: flex;
    }

    .lotto-info-mobile .lotto-info-box {
        display: flex;
        justify-content: space-evenly;
        gap: 30px;
    }

    /* ABOUT PAGE */
    .about-container {
        align-items: flex-start;
        gap: 40px;
    }

        .about-container p {
            font-size: 16px;
            line-height: 1.7em;
        }

    .about-features {
        gap: 30px;
    }

    /* FAQ PAGE */
    .cta-left h2 {
        font-size: 32px;
    }

    .cta-left p {
        font-size: 16px;
        max-width: 450px;
    }

    .cta-right .btn-lg {
        padding: 15px 80px;
    }
}

@media screen and (max-width:991px) {
    /* COLUMNS */
    .flex-grid {
        gap: 30px;
    }

    .col-lg-3 {
        width: calc(25% - 22.5px);
    }

    .col-lg-6 {
        width: calc(50% - 15px);
    }

    .col-md-12 {
        width: 100%;
    }

    /* FOOTER */
    .col-address div,
    .footer-links li a {
        font-size: 14px;
        line-height: 1.8em;
    }

    /* HOME */
    #why-choose-us .home-offer-cols {
        grid-template-columns: 1fr 1fr;
    }

    #home-counters .counter-cols {
        flex-wrap: wrap;
    }

    .counter-cols .counter-col {
        width: calc(50% - 10px);
    }

    .counter-cols .counter-cta {
        width: 100%;
    }

    #home-features .features-tabs-container {
        flex-direction: column;
        gap: 20px;
    }

    .tab-name {
        flex-direction: row;
        gap: 10px;
        width: 100%;
    }

    .features-tabs-container .tabs-col-left {
        width: 100%;
    }

    .tabs-content .content-box {
        position: static;
        visibility: visible;
        opacity: 1;
        display: none;
        padding: 20px;
    }

    .tabset input:nth-child(1):checked ~ .tabs-content .content-box:nth-child(1),
    .tabset input:nth-child(2):checked ~ .tabs-content .content-box:nth-child(2),
    .tabset input:nth-child(3):checked ~ .tabs-content .content-box:nth-child(3),
    .tabset input:nth-child(4):checked ~ .tabs-content .content-box:nth-child(4) {
        display: block;
    }

    .tab-name label {
        display: flex;
        align-content: center;
        justify-content: center;
        font-size: 15px;
        line-height: 1.4;
        padding: 12px;
        width: 25%;
    }

        .tab-name label span {
            text-align: center;
            width: 140px;
        }

    #custom-lottery {
        padding: 40px 0;
    }

        #custom-lottery .custom-lottery-container {
            align-items: center;
            gap: 40px;
        }

    .custom-lottery-container .custom-lottery-img img {
        position: static;
        width: 300px;
        transform: rotate(0deg) translateX(0%);
    }

    .custom-lottery-container .custom-lottery-text {
        padding: 0;
    }

    #home-cta {
        padding: 90px 0;
    }

    .home-cta-cols {
        flex-direction: column;
        gap: 50px;
    }

    .home-cta-col-1,
    .home-cta-col-2 {
        width: 100%;
    }

    .home-cta-col-1 {
        text-align: center;
    }

        .home-cta-col-1 h2 {
            margin-bottom: 15px;
        }

    .home-cta-col-2 {
        max-width: 500px;
    }

    /* ALL LOTTERIES PAGE */
    .tile-container {
        grid-template-columns: 1fr 1fr;
    } 

    /* LOTTERY PAGE */
    .lotto-details .lotto-block {
        border-radius: 18px;
        padding: 20px;
    }

    .lotto-col-1 .lotto-img img {
        border-radius: 18px;
    }

    .lotto-block h3 {
        font-size: 28px;
    }

    .lotto-col-1-mobile .lotto-tickets-mobile {
        gap: 15px;
        padding: 20px;
    }

    .lotto-sales .lotto-sales-txt {
        font-size: 48px;
    }

    .lotto-deadline-cols .deadline-cols {
        font-size: 36px;
    }

    .lotto-deadline .lotto-deadline-cols {
        height: 69px;
    }

        .lotto-deadline-cols .deadline-cols span {
            font-size: 14px;
        }

    .lotto-tickets .btn-purchase, .lotto-tickets-mobile .btn-purchase {
        font-size: 16px;
        padding: 14px;
    }

    .lotto-tickets-mobile .lotto-ticket-options {
        gap: 10px;
        font-size: 24px;
    }

    .lotto-info-mobile .lotto-info-box {
        gap: 20px;
    }

    .lotto-info-mobile .lotto-info-item .info-label {
        font-size: 16px;
    }

    .lotto-info-mobile .lotto-info-item .info-txt {
        font-size: 14px;
    }

    /* ABOUT PAGE */
    .about-container {
        flex-direction: column;
    }

        .about-container img {
            width: 100%;
            max-width: 600px;
        }

        .about-desc {
            width: 100%;
        }

    .about-features {
        grid-template-columns: 1fr 1fr;
        gap: 60px 50px;
        margin-top: 80px;
    }

    .about-outro {
        padding: 60px;
    }

    /* HOW TO PAGE */
    .howto-container .howto-item {
        padding: 50px 60px;
    }

    .howto-item .howto-cols {
        gap: 60px;
    }

    /* CONTACT PAGE */
    .contact-cols {
        gap: 20px;
    }

    .contact-col .contact-header {
        gap: 15px;
    }

    .contact-col .contact-header h3 {
        font-size: 24px;
    }

    .contact-col .contact-header i {
        font-size: 28px;
    }

    .contact-cols .contact-col {
        padding: 30px;
    }

    .contact-col .txt-lg {
        font-size: 16px;
    }

    /* RULES */
    .rules_top .rules_top_content h2 {
        font-size: 34px;
    }

    .rules_top .rules_top_content p {
        font-size: 18px;
    }

    .rules_top {
        padding: 86px 0 100px 0;
    }

    .rules_condition_section .rules_title h1 {
        font-size: 30px;
        margin-bottom: 0;
    }

    .rules_condition_section {
        padding: 40px 0;
    }

        .rules_condition_section .rules_condition_content h5 {
            margin-bottom: 16px;
        }

        .rules_condition_section .rules_condition_content p {
            margin-bottom: 8px;
            width: 96%;
        }

        .rules_condition_section .rules_center_section h4 {
            font-size: 18px;
            margin-bottom: 4px;
        }

        .rules_condition_section .rules_center_section p {
            font-size: 18px;
            margin-bottom: 2px;
        }

        .rules_condition_section .rules_center_section {
            margin: 10px 0 18px 0;
            padding: 14px 24px 20px 24px;
        }

        .rules_condition_section .rules_condition_content h4 {
            font-size: 18px;
            margin: 30px 0 20px 0;
        }

        .rules_condition_section .rules_condition_content span {
            width: 4%;
        }

        .rules_condition_section .licence_date {
            padding: 20px 0 60px 0;
        }
}

@media screen and (max-width:799px) {
    .contact-cta-container {
        flex-direction: column;
    }

    .cta-left h2,
    .cta-left p {
        text-align: center;
    }
}

@media screen and (max-width:767px) {
    /* COLUMNS */
    .flex-grid {
        gap: 20px;
    }

    .col-lg-3 {
        width: calc(25% - 15px);
    }

    .col-lg-6 {
        width: calc(50% - 10px);
    }

    .wrapper {
        padding: 70px 0;
    }

    .blue-gradient {
        background: linear-gradient(rgba(51, 153, 255, .15), #fff 250px);
    }

    /* NAV */
    .nav-container {
        height: 60px;
    }

    .nav-logo .main-logo {
        width: 200px;
        height: auto;
    }

    /* HOME */
    #home-features .features-tabs-container {
        gap: 15px;
    }

    .tab-name {
        flex-direction: column;
        gap: 8px;
    }

        .tab-name label {
            display: flex;
            align-content: center;
            justify-content: center;
            font-size: 16px;
            width: 100%;
        }

            .tab-name label span {
                width: 100%;
            }

    .content-box .tabs-desc-content {
        flex-direction: column;
        gap: 20px;
    }

    .features-tabs-container .tabs-col-left {
        width: 100%;
    }

    .features-tabs-container .content-box h3 {
        margin-bottom: 15px;
    }

    .tabs-desc-content .tabs-desc-img,
    .tabs-desc-content .tabs-desc-txt {
        width: 100%;
    }

    .counter-cols .counter-col img {
        width: 160px;
    }

    .counter-col h3 {
        font-size: 24px;
    }

    .counter-col h1 {
        font-size: 32px;
    }

    /* LOTTERY PAGE */
    .lotto-details,
    .lotto-details .lotto-col-1,
    .lotto-details .lotto-col-2,
    .lotto-col-1-info {
        gap: 15px;
    }

    .lotto-block h3 {
        font-size: 26px;
    }

    .lotto-details .lotto-tickets {
        height: 100%;
    }

    .lotto-col-1-mobile .lotto-tickets-mobile,
    .lotto-details .lotto-info-mobile {
        display: none;
    }

    .lotto-details .lotto-col-2 {
        display: flex;
        flex-basis: 0;
        flex-direction: row;
        width: 100%;
        height: 100%;
    }

    .lotto-details .lotto-tickets,
    .lotto-details .lotto-info {
        width: 50%;
    }

    .lotto-sales .lotto-sales-txt {
        font-size: 42px;
    }

    .lotto-deadline-cols .deadline-cols {
        font-size: 32px;
    }

        .lotto-deadline-cols .deadline-cols span {
            font-size: 13px;
        }

    .lotto-deadline .lotto-deadline-cols {
        height: 63px;
    }

    .lotto-tickets .lotto-ticket-options,
    .lotto-tickets-mobile .lotto-ticket-options {
        gap: 15px;
        font-size: 26px;
    }

    .lotto-col-1-mobile .lotto-img {
        width: 100%;
    }

    .lotto-info .lotto-info-box {
        gap: 10px;
    }

    .lotto-info-item .info-label {
        font-size: 18px;
    }

    .lotto-info-item .info-txt {
        font-size: 16px;
    }

    .lotto-desc h3 {
        font-size: 30px;
    }

    .accordion-item {
        border-radius: 8px;
    }

    .accordion-item .accordion-header {
        gap: 15px;
        padding: 20px 30px;
    }

        .accordion-item .accordion-header h4 {
            font-size: 22px;
        }

        .accordion-item .accordion-header i {
            font-size: 20px;
        }

    .accordion-body-container .accordion-body {
        padding: 20px;
    }

    /* CHECKOUT PAGE */
    .form-container {
        border-radius: 18px;
        padding: 30px;
    }

    /* THANKS/SORRY PAGE */
    .checkout-completed {
        height: auto;
    }

    /* ABOUT */
    .about-container img {
        border-radius: 12px;
        width: 100%;
        max-width: 100%;
        box-shadow: 4px 4px 0 var(--primary-blue);
    }

    .about-features {
        gap: 50px 40px;
        margin-top: 60px;
    }

    .about-features-item i {
        font-size: 75px;
        height: 75px;
    }

    .about-outro {
        border-radius: 12px;
        margin-top: 60px;
        padding: 40px;
    }

    /* FAQ PAGE */
    .contact-cta {
        padding: 60px 0;
    }

    /* HOW TO PAGE */
    .howto-item .howto-cols {
        gap: 50px;
    }

    .howto-container .howto-item {
        padding: 50px;
    }

    .howto-item .howto-icon {
        width: 35%;
    }

    .howto-item .howto-text {
        width: 65%;
    }

    /* CONTACT PAGE */
    .contact-cols {
        grid-template-columns: 1fr;
    }

    /* RULES */
    .rules_top {
        padding: 60px 0;
    }

        .rules_top .rules_top_content h2 {
            font-size: 30px;
            margin-bottom: 10px;
        }

        .rules_top .rules_top_content p {
            font-size: 16px;
            line-height: 29px;
            margin-bottom: 12px;
        }

        .rules_top .rules_top_content {
            width: 90%;
            padding: 30px;
        }

    .rules_condition_section .rules_title h1 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .rules_condition_section .rules_condition_content h5 {
        margin-bottom: 9px;
        margin-top: 0;
        font-size: 14px;
    }

    .rules_condition_section .rules_condition_content p {
        font-size: 14px;
        margin-bottom: 8px;
        line-height: 22px;
    }

    .rules_top .rules_top_content a {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .rules_condition_section .rules_condition_content span {
        font-size: 14px;
    }

    .rules_condition_section .rules_center_section h4,
    .rules_condition_section .rules_center_section p {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .rules_condition_section .rules_center_section p {
        margin-left: 14px;
    }

    .rules_condition_section .rules_center_section h4 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .rules_condition_section .rules_center_section {
        margin: 10px 0 20px 0;
    }

    .rules_condition_section .rules_condition_content h4 {
        font-size: 16px;
        margin: 20px 0 14px 0;
    }

    .rules_condition_section .licence_date p {
        font-size: 14px;
        margin-bottom: 10px;
        width: 97%;
    }

    .rules_condition_section .licence_date {
        padding: 14px 0 0 0;
    }
}

@media screen and (max-width:699px) {
    .col-lg-6,
    .col-lg-3 {
        width: 100%;
    }

    /* FOOTER */
    .footer-columns {
        flex-direction: column;
    }

    .footer-col.col-address,
    .footer-col.col-about,
    .footer-col.col-lotteries {
        width: 100%;
    }

    .footer-bottom-columns p {
        font-size: 14px;
    }

    /* ALL LOTTERIES PAGE */
    .tile-container {
        grid-template-columns: 1fr;
    }

    /* LOTTERY PAGE */
    .lotto-info-item .info-txt {
        font-size: 15px;
    }

    .lotto-info-item .info-label {
        font-size: 16px;
    }

    /* CHECKOUT PAGE */
    .form-container {
        border-radius: 12px;
        padding: 25px;
    }
}

@media screen and (max-width:576px) {
    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 17px;
    }

    h6 {
        font-size: 15px;
    }

    .txt-lg {
        font-size: 16px;
    }

    .subtitle {
        font-size: 18px;
    }

    .flex-grid {
        gap: 20px;
    }

    .wrapper {
        padding: 60px 0;
    }

    .blue-gradient {
        background: linear-gradient(rgba(51, 153, 255, .15), #fff 200px);
    }

    .accordion-item .accordion-header {
        gap: 15px;
        padding: 15px 20px;
    }

    .accordion-item .accordion-header i {
        font-size: 20px;
    }

    .accordion-item .accordion-header h4 {
        font-size: 18px;
    }

    .btn-lg {
        font-size: 17px;
        padding: 16px 60px;
        width: 100%;
    }

    .m-2 {
        margin: calc(20px - 5px) !important;
    }

    .m-3 {
        margin: calc(30px - 10px) !important;
    }

    .m-4 {
        margin: calc(40px - 15px) !important;
    }

    .mt-2 {
        margin-top: calc(20px - 5px) !important;
    }

    .mt-3 {
        margin-top: calc(30px - 10px) !important;
    }

    .mt-4 {
        margin-top: calc(40px - 15px) !important;
    }

    .mb-2 {
        margin-bottom: calc(20px - 5px) !important;
    }

    .mb-3 {
        margin-bottom: calc(30px - 10px) !important;
    }

    .mb-4 {
        margin-bottom: calc(40px - 15px) !important;
    }

    .p-2 {
        padding: calc(20px - 5px) !important;
    }

    .p-3 {
        padding: calc(30px - 10px) !important;
    }

    .p-4 {
        padding: calc(40px - 15px) !important;
    }

    .pt-2 {
        padding-top: calc(20px - 5px) !important;
    }

    .pt-3 {
        padding-top: calc(30px - 10px) !important;
    }

    .pt-4 {
        padding-top: calc(40px - 15px) !important;
    }

    .pb-2 {
        padding-bottom: calc(20px - 5px) !important;
    }

    .pb-3 {
        padding-bottom: calc(30px - 10px) !important;
    }

    .pb-4 {
        padding-bottom: calc(40px - 15px) !important;
    }

    /* NAV */
    .nav-logo .main-logo {
        width: 180px;
        padding-left: 20px;
    }

    .nav-menu {
        margin-right: 5px;
        padding: 10px;
        width: 50px;
        height: 36px;
    }

    .nav-right a.mobile-header-btn {
        display: none;
    }

    /* FOOTER */
    .footer-top {
        padding: 60px 0 40px 0;
    }

    .footer-bottom-columns {
        flex-direction: column;
        gap: 15px;
        padding: 20px 0;
    }

    /* HOME */
    .hero {
        min-height: 500px;
    }

    .hero-scroll {
        height: 85px;
    }

    .hero-tagline h1 {
        font-size: 36px;
        max-width: 420px;
        padding: 0 20px;
    }

    #why-choose-us,
    #home-features {
        padding: 60px 0;
    }

    .why-choose-desc {
        margin-bottom: 40px;
    }

    #why-choose-us .home-offer-cols {
        grid-template-columns: 1fr;
    }

    .counter-cols {
        flex-direction: column;
        flex-wrap: nowrap;
    }

        .counter-cols .counter-col {
            width: 100%;
        }

            .counter-cols .counter-col img {
                width: 200px;
            }

    .counter-col h3 {
        font-size: 32px;
        margin: 20px 0 15px 0;
    }

    .counter-col h1 {
        font-size: 40px;
    }

    #custom-lottery .custom-lottery-container {
        flex-direction: column;
        gap: 20px;
    }

    .custom-lottery-container .custom-lottery-img,
    .custom-lottery-container .custom-lottery-text {
        width: 100%;
    }

    .custom-lottery-container .custom-lottery-img img {
        display: block;
        width: 100%;
        max-width: 400px;
        box-shadow: none;
        margin: 0 auto;
    }

    .custom-lottery-text h4 {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .custom-lottery-text .btn-reg {
        margin-top: 20px;
        width: 100%;
    }

    #home-cta {
        padding: 80px 0;
    }

    .home-cta-cols {
        flex-direction: column;
        gap: 30px;
    }

    .home-cta-col-1 h2 {
        font-size: 32px;
    }

    .home-cta-col-2 .form-group,
    .home-cta-col-2 #mc_embed_signup .mc-field-group.form-group {
        flex-direction: column;
        gap: 10px;
        background-color: transparent;
        border-radius: 0;
        padding: 0;
    }

        .home-cta-col-2 .form-group button,
        .home-cta-col-2 #mc_embed_signup #mc-embedded-subscribe {
            width: 100%;
        }

        .home-cta-col-2 .form-group input[type="text"],
        .home-cta-col-2 #mc_embed_signup .mc-field-group input[type="email"] {
            border-radius: 50px;
            padding: 12px 20px;
        }

    .home-cta-col-2 #mc_embed_signup div#mce-responses,
    .home-cta-col-2 #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
        top: 100px;
        font-size: 13px;
        padding: 0;
    }

    /* ALL LOTTERIES PAGE */
    .lottery-tile h3 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .lottery-tile .label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .jackpot .jackpot-total {
        font-size: 32px;
    }

    /* LOTTERY PAGE */
    .wrapper.lotto-page {
        padding: 40px 0;
    }

    .lotto-page h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .lotto-details .lotto-block {
        border-radius: 12px;
        padding: 15px;
    }

    .lotto-block h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .lotto-col-1 .lotto-img img {
        border-radius: 12px;
    }

    .lotto-col-1-info,
    .lotto-details .lotto-col-2 {
        flex-direction: column;
    }

        .lotto-col-1-info .lotto-sales,
        .lotto-col-1-info .lotto-deadline,
        .lotto-details .lotto-tickets,
        .lotto-details .lotto-info {
            width: 100%;
        }

    .lotto-sales .lotto-sales-txt {
        font-size: 38px;
    }

        .lotto-sales .lotto-sales-txt:after {
            font-size: 22px;
            top: 6px;
        }

    .lotto-sales .lotto-winner-amount {
        font-size: 13px;
        margin-top: 8px;
    }

    .lotto-deadline-cols .deadline-cols {
        font-size: 28px;
    }

    .lotto-deadline .lotto-deadline-cols {
        height: auto;
    }

    .lotto-tickets .lotto-ticket-options,
    .lotto-tickets-mobile .lotto-ticket-options {
        font-size: 20px;
    }

    .lotto-info .lotto-info-box {
        gap: 8px;
    }

    .lotto-desc h3 {
        font-size: 28px;
    }

    .lotto-rules .lotto-rules-header {
        gap: 12px;
        padding: 18px 20px;
    }

    .lotto-rules .lotto-rules-header h4 {
        font-size: 20px;
    }

    .lotto-rules-content ul,
    .lotto-rules-content ol {
        padding-left: 30px;
    }

    /* CHECKOUT */
    .checkout {
        padding: 40px 0;
    }

    .order-block h2 {
        margin-bottom: 20px;
    }

    #tickets .tickets-select,
    #tickets .tickets-total {
        padding: 25px;
    }

        #tickets .tickets-select p {
            font-size: 18px;
            margin-bottom: 30px;
        }

    #tickets .ticket-input {
        gap: 20px;
    }

        #tickets .ticket-input:not(last-child) {
            margin-bottom: 10px;
        }

        #tickets .ticket-input label {
            font-size: 20px;
        }

    #tickets .tickets-total {
        gap: 15px;
        font-size: 32px;
        padding: 20px 25px;
    }

    .form-container .form-item label {
        font-size: 15px;
    }

    .checkout-completed h2 {
        margin-bottom: 15px;
    }

    .confirm-info-container {
        margin-top: 30px;
    }

    .btn-order-continue {
        font-size: 16px;
        padding: 15px;
    }

    .checkout-completed img {
        height: 90px;
        margin-bottom: 20px;
    }

    .checkout-completed h4 {
        margin-top: 0;
        margin-bottom: 30px;
    }

    #thanks.checkout-completed h5 {
        margin-bottom: 15px;
    }

    .checkout-completed p {
        font-size: 16px;
        text-align: left;
    }

    .checkout-completed .confirm-info-container {
        margin-top: 40px;
    }

    .checkout-completed .btn-return {
        border-width: 2px;
        font-size: 16px;
        padding: 15px 20px;
    }

    /* ABOUT PAGE */
    .about-features {
        grid-template-columns: 1fr;
        gap: 50px 0;
        margin-top: 60px;
    }

    .about-outro {
        padding: 35px;
    }

    /* FAQ PAGE */
    .faq-page h3 {
        font-size: 24px;
    }

    .faq-container {
        gap: 15px;
        margin-top: 20px;
    }

    .faq-page h3 {
        margin-top: 50px;
    }

        .faq-container .accordion-header h4 {
            font-size: 18px;
        }

        .faq-container .accordion-body-container .accordion-body {
            font-size: 15px;
        }

        .faq-container .accordion-body-container .accordion-body ul {
            padding-left: 20px;
        }

    /* HOW TO PAGE */
    .howto-container {
        gap: 50px;
        margin-top: 60px;
    }

    .howto-item .howto-number {
        font-size: 36px;
        width: 52px;
        height: 52px;
    }

    .howto-container .howto-item {
        padding: 50px 30px 30px;
    }

        .howto-container .howto-item:not(:last-child)::before {
            height: 35px;
            bottom: -35px;
        }

    .howto-item .howto-cols {
        flex-direction: column;
        gap: 30px;
    }

    .howto-item .howto-icon {
        width: 100%;
        order: 0;
    }

    .howto-item .howto-icon img {
        display: block;
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }

    .howto-item .howto-text {
        width: 100%;
        order: 1;
    }

    .howto-item .howto-text p {
        font-size: 17px;
    }

    /* CONTACT PAGE */
    .contact-form {
        padding: 50px 0;
    }

    /* CONTACT CTA */
    .cta-left,
    .cta-right {
        width: 100%;
    }

    /* POLICY PAGES */
    .policy-indent {
        margin-bottom: 40px;
        padding-left: 0;
    }

    /* ERROR PAGES */
    .error-container h1 {
        font-size: 120px;
    }

    .error-container p {
        font-size: 17px;
    }

    .error-container .btn-lg {
        margin-top: 40px;
        width: 100%;
    }

    /* SIGNUP SUCCESS PAGE */
    .success-container {
        padding: 30px 0;
    }

    .success-container i {
        font-size: 100px;
    }

    .success-container h2 {
        margin-bottom: 30px;
    }

    .success-container p {
        font-size: 15px;
    }

    /* RULES */
    .rules_top .rules_top_content h2 {
        font-size: 26px;
        margin-top: 4px;
        margin-bottom: 10px;
    }

    .rules_top .rules_top_content p {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 22px;
    }

    .rules_top .rules_top_content a {
        margin-bottom: 30px;
        padding: 14px 40px;
    }

    .rules_condition_section {
        padding: 30px 0;
    }

        .rules_condition_section .rules_title h1 {
            font-size: 24px;
        }

        .rules_condition_section .rules_condition_content p {
            width: 95%;
        }

        .rules_condition_section .rules_condition_content span {
            width: 5%;
        }

        .rules_condition_section .licence_date {
            padding: 4px 0 14px 0;
        }

        .rules_condition_section .rules_center_section {
            padding: 10px 15px 20px 15px;
        }

            .rules_condition_section .rules_center_section h4 {
                width: 95%;
            }

            .rules_condition_section .rules_center_section span {
                width: 2%;
            }

    /* SPLASH */
    #splash h1 {
        font-size: 36px;
        margin-top: 40px;
    }
}

@media screen and (max-width:480px) {
    /* RULES */
    .rules_top .rules_top_content h2 {
        font-size: 22px;
    }

    .rules_top {
        padding: 29px 0 33px 0;
    }

        .rules_top .rules_top_content {
            padding: 20px;
        }

    .rules_condition_section .rules_condition_content p {
        width: 92%;
    }

    .rules_top .rules_top_content a {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 20px;
        padding: 12px 20px;
    }

    .rules_condition_section .rules_condition_content span {
        width: 8%;
    }

    .lottery-details .lottery-dates img {
        height: 45px;
        margin-bottom: 0;
        margin-left: 0;
    }
}

@media (max-width: 370px) {
    .nav-right a.header-purchase {
        display: none;
    }

        .rules-modal-container h2 {
            font-size: 26px;
        }
}