@media screen and (max-width: 767px) {
    a.btn.req-btn {
        display: none !important;
    }

    header .main-header ul.menu>li a {
        color: #fff;
        padding: 0px;
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
        display: flex;
    }

    header .main-header ul.menu>li {
        display: block;
        padding: 0px;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        z-index: 9999;
    }

    .card.lower-box {
        border: none
    }

    .modal-content.modaal-div {
        background-color: #fff !important;
        padding: 18px !important;
        margin: 10px !important;
    }

    .main-header {
        padding: 15px 0px;
    }

    .banner-content h6 {
        font-size: 30px;
        line-height: 30px;
    }

    .banner-content span {
        font-size: 30px;
        line-height: 30px;
    }

    .banner-content p {
        font-size: 16px;
        line-height: 23px;
        font-weight: 300;
    }

    .banner-content ul li {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
    }

    .bannner-sec {
        background-size: cover;
        background-position: revert-layer;
        display: flex;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        margin-top: -4px;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .upper-box .float {
        position: relative;
        z-index: 9;
        left: 241px;
        top: -64px;
    }

    .upper-box img {
        position: absolute;
        z-index: 999;
        width: 71px;
    }

    .brands_logo {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .succ-cont h6 {
        font-size: 30px;
        line-height: 39px;
    }

    .succ-cont p {
        font-size: 16px;
        line-height: 23px;
        font-weight: 500;
        margin-top: 10px;
    }

    .sec-toper {
        margin-top: 2rem;
    }

    .brands_cont h5 {
        font-size: 30px;
        line-height: 39px;
        border-right: 0px solid #ffaa17;
        text-align: center;
    }

    .nft-slider p {
        font-size: 30px;
        line-height: 39px;
    }

    .fether-sec {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .fether-content h6 {
        font-size: 35px;
        line-height: 39px;
    }

    .fether-content span {
        font-size: 35px;
        line-height: 39px;
    }

    .double-book h6 {
        font-size: 30px;
        line-height: 39px;
    }

    .accordion button {
        position: relative;
        display: block;
        text-align: left;
        width: 100%;
        padding: 11px 49px 12px 16px;
        font-size: 14px;
        font-weight: 400;
        background: none;
        outline: none;
        border-radius: 19px;
        margin: 19px 0px;
        color: #000;
        height: 67px;
        font-family: 'Poppins';
        border: 1px solid transparent;
        box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16);
        border-radius: 24px;
        line-height: 21px;
    }

    .accordion button[aria-expanded="true"]+.accordion-content {
        max-height: 500px;
    }

    .accordion .accordion-content p {
        font-size: 15px;
        line-height: 19px;
    }

    .accordion .accordion-content ul li {
        font-size: 15px;
        line-height: 19px;
    }

    section.black-bg {
        background: #202020;
        padding: 16px 0px;
        text-align: center;
    }

    .double-book.wow.slideInRight ul li {
        font-size: 14px;
        font-weight: 400;
    }
}

@media screen and (min-width:768px) and (max-width: 1023px) {
    a.btn.req-btn {
        display: none !important;
    }

    a.btn.req-btn2:hover {
        background-color: #fff;
        color: #000;
        border: 1px solid #000;
        height: 50px;
        transform: scale(1.1);
        font-family: "Rubik", sans-serif;
        width: 410px;
        font-size: 20px;
    }

    a.btn.req-btn:hover {
        background-color: #fff;
        color: #000;
        border: 1px solid #000;
        height: 50px;
        transform: scale(1.1);
        font-family: "Rubik", sans-serif;
        width: 410px;
        font-size: 20px;
    }

    header .main-header ul.menu>li a {
        color: #fff;
        padding: 0px;
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
        display: flex;
    }

    header .main-header ul.menu>li {
        display: block;
        padding: 0px;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 9999;
    }

    .accordion button[aria-expanded="true"]+.accordion-content {
        max-height: 500px;
    }

    .fether-sec {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .card.pkg-box ul li {
        font-size: 14px;
        text-align: left;
        font-family: 'Poppins';
        font-weight: 400;
        line-height: 30px;
    }

    .main-header {
        padding: 15px 0px;
    }

    .nft-slider p {
        font-size: 30px;
        line-height: 39px;
    }

    .brands_cont h5 {
        font-size: 26px;
        line-height: 28px;
    }

    .brands_logo {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .bannner-sec {
        margin-top: -4px;
    }

    .upper-box .float {
        position: relative;
        z-index: 9;
        left: 400px;
        top: -70px;
    }

    .upper-box img {
        position: absolute;
        z-index: 999;
        width: 71px;
    }

    .upper-box img {
        position: absolute;
        z-index: 999;
        width: 78px;
    }



}

@media screen and (max-width: 1024px) {
    a.btn.req-btn {
        display: none !important;
    }
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 9999;
    }

    .sec-toper {
        margin-top: 4rem;
    }

    .card.pkg-box ul li {
        font-size: 14px;
        text-align: left;
        font-family: 'Poppins';
        font-weight: 400;
        line-height: 30px;
    }

    .fether-sec {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .upper-box h5 {
        font-size: 23px;
        font-family: 'Oswald';
        font-weight: 700;
        line-height: 30px;
    }

    .card.lower-box {
        padding: 15px 5px;
        margin: -7px 4px;
        border: none;
    }

    .main-header {
        padding: 15px 0px;
    }

    .lower-box input,
    select,
    textarea {
        font-size: 13px;
        height: 37px;

    }

    .lower-box button {
        width: 100%;
        height: 37px;
        font-size: 15px;
    }
}