@media (max-width:1250px) {

    #nav .menu,
    .button {
        display: none;
    }

    #mobile-nav {
        display: initial;
    }

    .header {
        justify-content: start;
        padding: 8px 0 7px 8px;
    }

    .logo img {
        height: 1.5rem !important;
        margin-top: 15px;
    }

    .hero {
        padding: 172px 0 0px;
    }

    .hero-text {
        font-size: 60px;
    }

    .pools .section-head .title {
        font-size: 46px;
        line-height: 53px;
    }

    .section-head .title {
        line-height: 34px;
        line-height: 56px;
    }

    .primary-footer {
        padding: 34px 30px !important;
    }

    .why-us {
        padding: 100px 0 100px;
    }

    .why-us-box {
        min-height: 505px;
    }

    .step1row,
    .step2row {
        position: unset;
        width: unset;
    }

    .step-card {
        width: 330px;
        height: 350px;
        margin-bottom: 40px;
    }

        .step-card p {
            font-size: 18px;
        }

    .how-it-works {
        padding: 60px 0 0px;
    }

    .footer_widget .widget-title {
        text-align: left;
    }

    .farming-title {
        line-height: 56px !important;
        font-size: 46px !important;
    }

    .farming-para {
        font-size: 24px;
        line-height: 41px;
    }

    .why-us-box .why-us-img img {
        width: 100px;
        margin-top: -154px;
    }
}

@media (max-width:800px) {
    .hero {
        padding: 200px 0px 0px;
    }

    .hero-text {
        font-size: 50px;
        line-height: 53px;
    }

    .hero-subtext {
        font-size: 22px;
    }

    .why-us {
        padding: 64px 0 70px;
    }

    .why-us-box {
        min-height: unset;
        margin-top: 50px;
        margin-bottom: 100px;
    }

    section.pools {
        padding: 65px 10px 0px;
    }

    .custom-btn {
        font-size: 14px;
        padding: 5px 12px;
    }

    .pools .section-head .title {
        font-size: 28px;
        line-height: unset;
    }

    .section-head .title {
        line-height: 34px;
        font-size: 28px;
    }

    .section-head {
        margin-bottom: 40px;
    }

    .header {
        justify-content: start;
        padding: 21px 0 0 17px;
    }

    .pool-card {
        padding: 38px 20px;
        margin-bottom: 15px;
    }


    .farming {
        margin: 50px 0 0px;
    }

    .footer {
        padding: 70px 0 40px;
    }

    .primary-footer {
        padding: 20px 30px;
    }

    .footer-social {
        padding: 28px 0 0;
        gap: 0;
    }

    .footer-logo {
        margin: unset;
    }

    .footer-desc {
        margin: 25px 0 0;
    }

    .footer_widget .widget-title {
        text-align: left;
    }

    .primary-footer h5 {
        margin-bottom: 11px;
        font-size: 17px;
    }

    .step-card {
        margin: 0 auto 40px;
        width: 100%;
    }

        .step-card p {
            font-size: 16px;
        }

    .farming {
        padding: 50px 0 50px;
    }

    .farming-para {
        font-size: 16px;
        line-height: 25px;
        max-width: 100%;
        margin: 0;
    }

    .farming-title {
        font-size: 28px !important;
        line-height: 34px !important;
    }


    .button-inner-icon{
        width:15px;
        height:15px;
    }

     .welcome-modal .modal-title {
        font-size: 40px;
    }

    .gift-image {
        width: 223px;
        right: -2px;
        top: -79px;
    }

    .footer-icons-area {
        justify-content: center;
    }

    .custom-title {
        text-align: center;
    }

    .timer-area {
        column-gap: 25px;
        margin: 0 0 30px;
    }

    .timer {
        font-size: 30px;
        gap: 2px;
    }

    .timer-heading {
        font-size: 13px;
    } 
}