@media screen and (max-width:1440px) {
    .main_heading {
        font-size: 190px;
        line-height: 150px;
        ;
    }

    .sub_heading {
        font-size: 160px;
        line-height: 126px;
        margin-bottom: 46px;
    }

    .sub_peragraph {
        font-size: 22px;
        line-height: 130%;
        margin-bottom: 50px;
    }

    .offer-card {
        position: absolute !important;
        bottom: -26%;
    }

    .heading_120 {
        font-size: 110px;
        line-height: 82%;
        margin-bottom: 50px;
    }

    .mb_80 {
        margin-bottom: 70px !important;
    }

    body {
        font-size: 22px;
    }

    .krometa_footer {
        padding: 0px 0 54px;
    }

    .kro_shap5 {
        left: 0;
    }
}

@media screen and (max-width:1024px) {
    body {
        font-size: 20px;
    }

    .main_heading {
        font-size: 200px;
        line-height: 158px;
    }

    .sub_heading {
        font-size: 120px;
        line-height: 94px;
        margin-bottom: 40px;
    }

    .sub_peragraph {
        font-size: 20px;
        line-height: 126%;
        margin-bottom: 42px;
    }

    .offer-box {
        height: 300px;
    }

    .offer-card {
        width: 400px;
    }

    .offer-button {
        width: 160px;
        height: 160px;
    }

    .container-fluid {
        padding: 0 12px;
    }

    .krometa_btn,
    .krometa_btn:hover {
        font-size: 20px;
        line-height: 160%;
    }

    .medium_heading {
        font-size: 64px;
        line-height: 110%;
    }

    .kro_marqee .d-flex {
        gap: 30px;
        padding: 20px 0;
    }

    .section_space {
        padding: 60px 0;
    }

    .yellow_btn_krometa,
    .yellow_btn_krometa:hover {
        height: 74px;
        padding: 21px 30px;
        margin-top: 30px;
    }

    .heading_120 {
        font-size: 98px;
        line-height: 82%;
        margin-bottom: 38px;
    }

    .mb_120 {
        margin-bottom: 90px !important;
    }

    .hero_big_squar {
        right: -100%;
        top: 20%;
    }

    .hero::before {
        left: 0px;
        bottom: -3%;
        background-size: contain;
    }
    .offer-card {
        bottom: -7%;
    }
    .pb_260 {
        padding-bottom: 90px !important;
    }
    .about_all_collation_nft {
        right: 15% !important;
        bottom: 30% !important;
        transform: scale(0.7) translate(50%, 50%);
    }

    .best_nft_img {
        
        transform: scale(0.5);
    }

    .topto_btn {
        width: 100px;
        height: 100px;
        top: 1%;
    }

    .all_collation_krometa {
        padding-top: 180px !important;
    }

    .kro_shap5 {
        width: 150px;
        height: 150px;
        bottom: 110px;
        left: 10%;
    }

    .kro_shap4 {
        width: 150px;
        height: 150px;
        left: 30%;
        bottom: -10px;
    }

    .kro_shap3 {
        width: 150px;
        height: 150px;
        bottom: 130px;
        left: 50%;
    }

    .kro_shap2 {
        width: 150px;
        height: 150px;
        left: 72%;
        bottom: -5px;
    }

    .kro_text_img {
        width: 150px;
    }
    .kro_marqee .marqee_animation {
        padding: 10px 0;
    }
}

@media screen and (max-width:768px) {
    .main_heading {
        font-size: 180px;
        line-height: 140px;
    }

    body {
        font-size: 18px;
    }

    .yellow_btn_krometa,
    .yellow_btn_krometa:hover {
        height: 64px;
        padding: 14px 30px;
        margin-top: 30px;
    }

    .krometa_btn,
    .krometa_btn:hover {
        font-size: 18px;
        line-height: 206%;
    }

    .hero::before {
        left: 0px;
        bottom: -4%;
    }

    .topto_btn {
        width: 69px;
        height: 69px;
        top: 0%;
    }
    .kro_marqee img {
        width: 29px;
        height: 29px;
    }

    .kro_marqee .d-flex {
        gap: 24px;
        padding: 5px 0;
    }
    .hero {
        padding: 90px 0px 0px !important;
    }

    .topto_btn img {
        width: 26px;
    }

    .sub_heading {
        font-size: 89px;
        line-height: 72px;
        margin-bottom: 28px;
    }

    .krometa_btn,
    .krometa_btn:hover {
        font-size: 16px;
        line-height: 180%;
        padding: 16px 36px;
    }

    .sub_peragraph {
        font-size: 18px;
        line-height: 130%;
        margin-bottom: 32px;
    }

    .pb_260 {
        padding-bottom: 30px !important;
    }

    .heading_120 {
        font-size: 76px;
        line-height: 78%;
        margin-bottom: 38px;
    }

    .medium_heading {
        font-size: 44px;
        line-height: 134%;
        margin: 0 !important;
    }

    .offer-button {
        width: 100px;
        height: 100px;
    }

    .offer-button img {
        width: 30px;
    }

    .section_space {
        padding: 70px 0;
    }

    .sub_heading {
        font-size: 80px;
        line-height: 64px;
        margin-bottom: 24px;
    }

    .mb_41 {
        margin-bottom: 20px;
    }

    .offer-card {
        width: 60%;
        position: relative !important;
    }

    .mb_80 {
        margin-bottom: 20px !important;
    }

    .hero_big_squar {
        right: -25%;
        top: 50%;
        transform: translate(-50%, -50%) scale(0.6);
    }

    .hero_krometa_nft {
        left: 40%;
        bottom: 0%;
        transform: translate(10%, 8%);
    }

    .mb_120 {
        margin-bottom: 50px !important;
    }

    .all_collation_krometa {
        padding-top: 140px !important;
    }

    .kro_best_img {
        position: relative;
        top: 20px;
    }

    .kro_shap5 {
        width: 100px;
        height: 100px;
        bottom: 70px;
        left: 14%;
    }

    .kro_shap4 {
        width: 100px;
        height: 100px;
        left: 27%;
        bottom: -19px;
        ;
    }

    .kro_shap3 {
        width: 100px;
        height: 100px;
        bottom: 80px;
        left: 51%;
    }

    .kro_shap2 {
        width: 100px;
        height: 100px;
        left: 71%;
        bottom: -18px;
    }

}

@media screen and (max-width:600px) {
    .heading_120 {
        font-size: 70px;
        line-height: 88%;
        margin-bottom: 16px;
        letter-spacing: 1px;
    }

    .mb_120 {
        margin-bottom: 40px !important;
    }

    body {
        font-size: 16px;
    }

    .krometa_btn,
    .krometa_btn:hover {
        font-size: 14px;
        line-height: 160%;
        padding: 14px 36px;
    }

    .sub_heading {
        font-size: 70px;
        line-height: 60px;
        margin-bottom: 24px;
    }

    .pb_260 {
        padding-bottom: 60px !important;
    }

    .main_heading {
        font-size: 120px;
        line-height: 100px;
    }

    .krometa_btn,
    .krometa_btn:hover {
        font-size: 13px;
        line-height: 196%;
        padding: 8px 13px;
        height: 46px;
    }

    .krometa_btn img {
        width: 20px;
    }
    .hero {
        padding: 60px 0px 0px !important;
    }
    .all_collation_krometa {
        padding-top: 90px !important;
    }
    .section_space {
        padding: 50px 0;
    }
    .topto_btn {
        width: 39px;
        height: 39px;
        top: 6px;
    }

    .offer-button {
        width: 90px;
        height: 90px;
        position: absolute;
        right: -14px;
    }

    .offer-button img {
        width: 30px;
    }

    .offer-box {
        height: 250px;
    }

    .mb_80 {
        margin-bottom: 30px !important;
    }

    .container-fluid {
        padding: 0 12px;
    }

    .toggle {
        width: 37px;
        height: 37px;
        gap: 8px;
    }

    .btn_round {
        width: 25px;
        height: 25px;
        display: inline-block;
        border-radius: 50%;
    }

    .mb_41 {
        margin-bottom: 20px;
    }

    .hero_big_squar {
        right: -25%;
        top: 90%;
        transform: translate(-10%, -50%) scale(0.5);
    }

    .hero::before {
        bottom: -7%;
    }

    .topto_btn img {
        width: 16px;
    }

    .kro_marqee .d-flex {
        gap: 20px;
        padding: 5px 0;
    }

    .medium_heading {
        font-size: 44px;
        line-height: 64px;
    }

    .kro_marqee {
        padding: 14px 0;
    }

    .all_collation_krometa .kro_marqee {
        bottom: -6%;
    }

    .kro_shap5 {
        display: none;
    }

    .kro_shap4 {
        display: none;
    }

    .kro_shap3 {
        display: none;
    }

    .kro_shap2 {
        display: none;
    }
}