@media (max-width: 1570px) {
    .landing-wrap .bottom .mid {
        gap: 20px;
    }
}
@media (max-width: 1430px) {
    .landing-wrap .bottom {
        background: url(../images/Patterns.webp) left top 345px repeat-x;
    }
    .landing-wrap .bottom .mid {
        flex-direction: column;
        padding-bottom: 60px;
    }
    .home-footer {
        gap: 0;
    }
    .home-footer::after {
        bottom: -17px;
    }
    .green-sec {
        padding-left: 25px;
        padding-right: 25px;
    }
    .green-sec .cl-1 h3 {
        font-size:50px;
    }
    .green-sec .cl-2 span {
        font-size: 62px;
    }
    .green-sec .cl-2 label {
        font-size: 18px;
    }
    
}
@media (max-width: 1320px) {
    header .left, 
    header .right {
        margin-top: 10px;
    }
    header .center {
        margin-top: -3px;
    }
    header .center img {
        width: 500px;
    }
    header .left {
        right: -30px;
    }
    header .left img {
        width: 140px;
    }
    header .right {
        left: -30px;
    }
    header .right img {
        width: 140px;
    }
    .page-two {
        padding-top: 125px;
    }
}
@media (max-width: 1264px) and (min-width: 1200px) {
    .register-nxt {
        width: 196px;
    }
    .register-nxt span {
        padding-right: 4px;
        padding-left: 15px;
        font-size: 17px;
    }
    .register-nxt span img {
        width: 29px !important;
        height: auto;
    }
}
@media (max-width: 1199px) {
    .inner-banner::after {
        width: 226px;
        height: 45px;
        bottom: -2px;
        background-size: 100%;
    }
    .form-page h1 {
        margin-bottom: 60px;
    }
    .form-page {
        padding-top: 70px;
    }
    .landing-wrap .bottom {
        border-radius: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        background: url(../images/Patterns.webp) left top 245px repeat-x;
    }
    .home-footer {
        flex-direction: column;
        gap: 15px;
        width: calc(100% - 20px);
        margin-left: 10px;
        bottom: 0;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .home-footer .cell.cntr {
        order: 2;
    }
    .home-footer .cell.cntr a {
        bottom: 0;
    }
    .landing-wrap .bottom .mid {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
        align-items: flex-start;
    }
    .landing-wrap .bottom .mid .banner-contact {
        width: 50%;
        padding: 0 15px;
    }
    .landing-wrap .bottom .mid .register-cell {
        margin-bottom: 30px;
    }
    .landing-wrap .bottom .mid .banner-contact.lft {
        order: 2;
        align-items: flex-end;
    }
    .landing-wrap .bottom .mid .banner-contact.rit {
        order: 3;
        align-items: flex-start;
    }
    .home-footer::after {
        bottom: 18px;
    }
    .home-social {
        bottom: 15px;
    }
    .green-sec .cell-2 {
        display: none;
    }
    .green-sec {
        padding-bottom: 400px;
        gap: 20px;
    }
    .green-sec .cell-1,
    .green-sec .cell-3 {
        min-width: auto;
    }
    .green-sec .cl-2 {
        gap: 10px;
    }
    .green-sec .cl-1 {
        padding-bottom: 0;
        padding-top: 20px;
    }
    .home-social {
        position: relative;
        bottom: 0;
        left: 0;
        /* right: auto; */
        /* margin: 0 auto; */
        transform: none;
    }
}
@media (max-height: 900px) {
    .green-sec .cell-2 img.both {
        height: 370px;
        width: auto;
    }
}
@media (max-height: 690px) {
    .green-sec .cell-2 img.both {
        height: 234px;
        width: auto;
    }
    .register-nxt {
        margin-top: 2px;
    }
}
@media (max-width: 991px) {
    .inner-banner::after {
        width: 156px;
        height: 35px;
        bottom: 3px;
    }
    header .left {
        right: -23px;
    }
    header .right {
        left: -23px;
    }
    header .left, 
    header .right {
        margin-top: 8px;
    }
    header .left img,
    header .right img {
        width: 110px;
    }
    header .center {
        margin-top: -4px;
    }
    header .center img {
        width: 390px;
    }
    .banner-contact .cell a {
        font-size: 16px;
    }
    .banner-contact .cell a span {
        margin-top: 2px;
    }
    .banner-contact .cell {
        gap: 8px;
        height: 54px;
        border-radius: 27px;
        padding: 0 20px;
    }
    .banner-contact .title {
        font-size: 14px;
    }
    .banner-contact {
        bottom: -17px;
        right: 30px;
    }
    .form-page {
        padding-top: 60px;
    }
    .form-page h1 {
        margin-bottom: 60px;
    }
    .landing-wrap .bottom .mid .register-cell {
        flex-direction: column;
        width: 100%;
        gap: 20px;
    }
    .landing-wrap .bottom .mid .register-cell img {
        order: -1;
    }
    .landing-wrap .bottom .mid .register-cell .cell .rw img {
        order: initial;
    }
    .landing-wrap .bottom .mid {
        margin-top: 20px;
    }
    .page-two {
        padding-top: 102px;
    }
    .green-sec {
        flex-direction: column;
    }

    .landing-wrap .bottom {
        background: url(../images/Patterns.webp) left top 600px repeat-x;
        margin-top: -121.6%;
    }
    .green-sec .cell-3 {
        border-top: 1px solid rgba(255, 255, 255, 0.18);
        margin-top: 50px;
        padding-top: 50px;
    }
    /* .green-sec .cl-7 {
        max-width: 100%;
        margin-left: 0;
    } */
    .guidelines-wrap {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
        gap: 20px;
    }
    
}
@media (max-width: 767px) {
    .inner-footer {
        padding-top: 70px;
    }
    .inner-banner::after {
        display: none;
    }
    .banner-contact {
        right: 50%;
        transform: translateX(50%);
    }
    header .center {
        margin-top: -2px;
    }
    header .center img {
        width: 360px;
    }
    .landing-wrap .bottom .mid {
        flex-direction: column;
        gap: 25px;
    }
    .landing-wrap .bottom .mid .banner-contact {
        width: 100%;
        align-items: center !important;
        transform: none;
    }
    .home-footer {
        padding-left: 10px;
        padding-right: 10px;
        gap: 10px;
    }
    .home-footer::after {
        display: none;
    }
    
    .page-two {
        padding-top: 98px;
    }
    .green-sec {
        padding-bottom: 350px;
    }
    .landing-wrap .bottom {
        background: url(../images/Patterns.webp) left top 727px repeat-x;
        margin-top: -177.3%;
    }
    .register-nxt {
        margin-bottom: 20px;
    }
}
@media (max-width: 575px) {
    header {
        top: 0;
    }
    header .center {
        margin-top: -2px;
    }
    header .center img {
        width: 250px;
    }
    header .left, 
    header .right {
        margin-top: 3px;
    }
    header .left img, 
    header .right img {
        width: 70px;
    }
    header .right {
        left: -16px;
    }
    header .left {
        right: -16px;
    }
    .inner-banner {
        padding: 0;
    }
    .inner-banner img {
        border-radius: 0;
    }
    .form-page h1 {
        font-size: 30px;
    }
    .make-payment {
        font-size: 16px;
    }
    .banner-contact {
        bottom: -30px;
    }



    .home-banner {
        padding: 0;
    }
    .home-banner .main-image {
        border-radius: 0;
    }
    .landing-wrap .bottom {
        padding: 0;
        width: 100%;
        margin-left: 0;
        background: url(../images/Patterns.webp) left top 724px repeat-x;
        margin-top: -296.1%;
    }
    .home-footer {
        width: 100%;
        margin-left: 0;
        padding-top: 30px;
        border-radius: 0;
    }
    .register-modal .modal-body {
        flex-direction: column;
    }
    .register-modal .modal-dialog {
        width: 290px;
    }
    .register-modal .modal-body .cell {
        width: 250px;
    }
    .register-modal .modal-dialog {
        margin: 20px auto;
    }
    .page-two {
        padding-top: 77px;
    }

    .green-sec {
        padding-left: 15px;
        padding-right: 15px;
        gap: 0;
    }

    .green-sec {
        padding-bottom: 320px;
    }
    .green-sec .cl-1 h3 {
        font-size: 35px;
    }
    .green-sec .cell-1 {
        padding-top: 40px;
    }
    .register-nxt {
        top: -20px;
    }
    .not-just-league h6 {
        font-size: 20px;
        line-height: 35px;
    }
    .not-just-league h6 label {
        font-size: 26px;
    }
    .green-sec .cl-7 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-banner,
    body.home-body {
        background: url('../images/mobile-bg.webp') repeat;
    }
}



/* temp hide: Start */
/* .landing-wrap .bottom .mid .banner-contact.lft {
    opacity: 0;
} */
.home-footer .cell.lft {
    display: none;
}
.home-footer .cell.rit {
    display: none;
}
@media (max-width: 1430px) {
    /* .landing-wrap .bottom .mid .banner-contact.lft {
        display: none;
    } */
    /* .landing-wrap .bottom {
        background: url(../images/Patterns.webp) left top 179px repeat-x;
    } */
}
@media (max-width: 1199px) {
    /* .landing-wrap .bottom {
        background: url(../images/Patterns.webp) left top 188px repeat-x;
    } */
    /* .landing-wrap .bottom .mid .banner-contact.rit {
        display: flex;
        align-items: center;
    } */
    .green-sec {
        padding-bottom: 260px;
    }
}
@media (max-width: 991px) {
    /* .landing-wrap .bottom {
        background: url(../images/Patterns.webp) left top 530px repeat-x;
    } */
}
@media (max-width: 767px) {
    /* .landing-wrap .bottom {
        background: url(../images/Patterns.webp) left top 555px repeat-x;
    } */
}
@media (max-width: 575px) {
    .green-sec {
        padding-bottom: 240px;
    }
}
/* temp hide: End */