@media (min-width: 2000px) {
    .intro-nft-banner .intro-bg-arc {
        display: none;
    }
}

@media (max-width: 1750px) {
    /* blockchain development company start */
    .common-list-grp {
        height: 230px !important;
    }
    /* blockchain development company End */
}

@media (min-width: 1441px) {
    .intro-nft-banner .main__para {
        width: 600px;
        margin: 0 auto;
    }
    .metaverse-realestate-banner {
        background-image: url('https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/metaverse-realestate/banner.webp');
        background-size: cover; /* Use cover instead of contain */
    background-position: center;
    background-repeat: no-repeat;
     width: 100%;
    margin-top: 73px;
    }
    .smart-process .center-img {
        padding-top: 30%;
    }
}

@media (max-width: 1350px) {
    .common-list-grp::before {
        top: -48px !important;
        left: 0 !important;
    }
    .common-list-grp {
        height: 250px !important;
    }
    .common-list-grp {
        height: auto !important;
    }
}

@media (min-width: 1201px) and (max-width: 1440px) {
    .section__intersection-bg.metaverse-future {
        background: url('https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/home_page/intersection_bg.webp') no-repeat bottom/100% 100% !important;
    }
    .metaverse-realestate-luxury .swiper {
        height: 300px;
    }
    .metaverse-realestate-luxury .swiper-button-prev {
        right: 10%;
    }
    .intro-nft-banner {
        padding-top: 100px;
    }
    .intro-nft-banner .intro-titles {
        padding: 234px 30px 100px !important;
    }
    .intro-nft-banner .nft-wrapper {
        width: 400px;
        margin: 0 auto;
    }
    .intro-nft-banner .h1-word {
        font-size: 28px;
        line-height: 1.4;
        color: #fff;
    }
    .intro-nft-banner .ring {}
    .intro-nft-banner .ring .card {
        width: 200px;
    }
    .intro-nft-banner .intro-bg-arc {
        display: none;
    }
    .smart-process {}
    .smart-process .center-img {
        padding-top: 30%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .metaverse-swiper .swiper-card {
        padding: 50px 0;
    }
    .metaverse-swiper .swiper-img {
        width: 200px !important;
        height: 200px !important;
        transform: translateX(-48px) !important;
    }
    .metaverse-swiper .swiper-button-next {
        top: 88%;
    }
    .metaverse-swiper .swiper-button-prev {
        top: 88%;
    }
    .section__intersection-bg.metaverse-future {
        background: url('https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/home_page/intersection_bg.webp') no-repeat bottom/100% 100% !important;
    }
    .realestate-luxury .swiper-button-prev {
        right: 10%;
    }
    .realestate-luxury .card-container1,
    .realestate-luxury .card-container2 {
        padding: 30px 20px;
    }
    .metaverse-realestate-luxury .swiper {
        height: 340px;
    }
    .metaverse-realestate-luxury .swiper-button-prev {
        right: 10%;
    }
    .smart-process .center-img {
        padding-top: 50%;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .intro-nft-banner {
        padding-top: 100px;
    }
    .intro-nft-banner .intro-titles {
        padding: 234px 30px 100px !important;
    }
    .intro-nft-banner .nft-wrapper {
        width: 400px;
        margin: 0 auto;
    }
    .intro-nft-banner .h1-word {
        font-size: 28px;
        line-height: 1.4;
        color: #fff;
    }
    .intro-nft-banner .ring {}
    .intro-nft-banner .card {
        width: 200px;
        top: -50px !important;
    }
    .intro-nft-banner .intro-bg-arc {
        /* left: 12%;
            margin-top: 0;
            top: -32px; */
        display: none;
    }
    .intro-nft-banner svg {
        width: 800px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .ul__light-dark_boxes {
        gap: 25px;
        height: calc(340px * 2);
    }
    .ul__light-dark_boxes li {
        width: calc((100% / 2) - 25px);
    }
    .portfolio-tab .nav-tabs .nav-item .nav-link {
        width: fit-content;
        white-space: nowrap;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .intro-nft-banner {
        padding-top: 100px;
    }
    .intro-nft-banner .intro-titles {
        padding: 234px 30px 100px !important;
    }
    .intro-nft-banner .nft-wrapper {
        width: 400px;
        margin: 0 auto;
    }
    .intro-nft-banner .h1-word {
        font-size: 28px;
        line-height: 1.4;
        color: #fff;
    }
    .intro-nft-banner .card {
        width: 200px;
        top: -100px !important;
    }
    .intro-nft-banner .intro-bg-arc {
        left: 12%;
        margin-top: 0;
        top: -32px;
    }
    .intro-nft-banner svg {
        width: 800px;
    }
    .ul__tech-list-token li {
        margin: 10px;
    }
    .section__testimonial-bg .swiper {
        min-height: 470px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .metaverse-swiper .swiper {
        height: 500px;
    }
    .metaverse-swiper .swiper-card {
        margin: 100px auto !important;
    }
    .metaverse-swiper .swiper-img {
        width: 200px !important;
        height: auto !important;
        transform: translateY(-80px) !important;
        margin: 0 auto;
    }
    .metaverse-swiper .swiper-content {
        transform: translateY(-40px);
        margin: 0 30px;
    }
    .metaverse-swiper .swiper-button-prev {
        top: 93%;
        right: 0;
    }
    .metaverse-swiper .swiper-button-next {
        top: 93%;
        right: 3%;
    }
    .practical-swiper .swiper-box {
        height: auto;
        padding: 0;
    }
    .practical-swiper .swiper-box::before {
        z-index: -1;
    }
    .practical-swiper .swiper-parent {
        height: auto;
        width: 95%;
        position: relative;
        padding-top: 60px;
    }
    .practical-swiper .swiper-child {
        width: 95%;
        margin: 0 auto;
    }
    .section__intersection-bg.metaverse-future {
        background: url('https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/home_page/intersection_bg.webp') no-repeat bottom/100% 100% !important;
    }
    .realestate-luxury .swiper {
        height: 100%;
    }
    .realestate-luxury .swiper-button-prev {
        right: 10%;
    }
    .tech-sec .tech_list {
        grid-template-columns: 33% 33% 33%;
        column-gap: 0;
    }
    .intro-nft-banner {
        padding-top: 100px;
    }
    .intro-nft-banner .intro-titles {
        padding: 150px 30px 100px !important;
    }
    .intro-nft-banner .nft-wrapper {
        width: 400px;
        margin: 0 auto;
    }
    .intro-nft-banner .h1-word {
        font-size: 28px;
        line-height: 1.4;
        color: #fff;
    }
    .intro-nft-banner .card {
        width: 150px;
        top: -100px !important;
    }
    .intro-nft-banner .intro-bg-arc {
        display: none;
    }
    .intro-nft-banner .intro-bg {
        top: 50px;
    }
    .ul__tech-list-token li {
        margin: 10px;
    }
}

@media (max-width: 991px) {
    .common-list-grp::before {
        display: none;
    }
    .common-list-grp {
        height: auto !important;
        margin-bottom: 0 !important;
    }
    .common-list-bg {
        padding: 60px 0 !important;
    }
}

@media (max-width: 991px) {
    .div__supported-blockchain_slider {
        transform: rotate(180deg);
    }
    .blockchain_box {
        transform: scale(1) rotate(180deg);
    }
    .section__metaverse-game_banner {
        background-size: cover;
    }
    .section__nft-game {
        background-size: cover;
    }
    .section__revolutionize-gaming .p__banner-width {
        max-width: 100%;
    }
    .portfolio-tab .img-box {
        overflow: auto;
        height: auto;
    }
    .portfolio-tab .nav-pills .nav-link,
    .nav-pills .show>.nav-link {
        margin: 5px;
    }
}

@media (max-width: 767px) {
    .section__transform-concept_bg {
        padding: 2rem;
    }
    .ar-banner .banner-secribtion {
        font-size: 16px;
    }
    .section__metaverse-game_banner div {
        max-width: 100%;
    }
    .metaverse-swiper .swiper {
        height: 600px;
    }
    .metaverse-swiper .swiper-card {
        width: 100% !important;
        margin: 80px auto 50px auto !important;
    }
    .metaverse-swiper .swiper-img {
        width: 200px !important;
        height: auto !important;
        transform: translateY(-80px) !important;
        margin: 0 auto;
    }
    .metaverse-swiper .swiper-content {
        transform: translateY(-40px);
        margin: 0 10px;
    }
    .metaverse-swiper .swiper-button-prev {
        top: 100% !important;
        right: 59%;
        background-size: 30px;
    }
    .metaverse-swiper .swiper-button-next {
        top: 100% !important;
        right: 54% !important;
        background-size: 30px;
    }
    .metaverse-swiper .swiper-card p{
        font-size: 15px;
    }
    .practical-swiper .swiper-box {
        padding: 10px;
        height: auto;
    }
    .practical-swiper .swiper-box::before {
        z-index: -1;
    }
    .practical-swiper .swiper-parent {
        height: auto;
        width: 95%;
        position: relative;
        margin-top: -60px;
    }
    .practical-swiper .swiper-child {
        width: 100%;
        height: auto;
    }
    .practical-swiper .swiper-content {
        width: 100%;
        height: 449px !important;
        padding-top: 80px;
        min-height: 375px;
    }
    .practical-swiper p {
        font-size: 16px;
    }
    .metaverse-usecase .usecase-container {
        margin: 0;
    }
    .metaverse-usecase .usecase-container img {
        width: 100%;
        height: 100px;
    }
    .metaverse-usecase .usecase-container.active img {
        height: 100%;
    }
    .realestate-luxury .swiper {
        height: 100%;
    }
    .realestate-luxury .swiper-button-prev {
        right: 50px;
        left: 0;
        top: 85%;
        margin-top: 10px;
    }
    .realestate-luxury .swiper-button-next {
        left: 50px;
        right: 0;
        top: 85%;
        margin-top: 10px;
    }
    .metaverse-swiper .swiper .swiper-button-prev{
        /* right: 50px; */
        margin: -125px auto;
        /* left: 0;
        top: 85%; */
    }
    .metaverse-swiper .swiper .swiper-button-next {
        /* left: 50px; */
        margin: -125px auto;
        /* right: 0;
        top: 85%; */
    }
    .realestate-luxury .card-container1,
    .realestate-luxury .card-container2 {
        padding: 30px 20px;
    }
    .tech-sec .tech_list {
        grid-template-columns: 100%;
    }
    .intro-nft-banner .wrapper {
        column-gap: 0;
    }
    .intro-nft-banner .intro-bg-wrapper {
        display: none !important;
    }
    .intro-nft-banner .intro-titles {
        padding: 150px 0px !important;
    }
    .intro-nft-banner .h1-word {
        font-size: 24px !important;
    }
    .intro-nft-banner .nft-wrapper {
        width: 100%;
    }
    .Chatbot-ai-differ .difference-grid {
        display: grid;
        grid-template-columns: 100%;
        column-gap: 10px;
    }
    .ul__tech-list-token li {
        margin: 10px;
    }
    .crypto-exchange .col-md-6:nth-child(1) .card-container,
    .crypto-exchange .col-md-6:nth-child(3) .card-container,
    .crypto-exchange .col-md-6:nth-child(5) .card-container,
    .crypto-exchange .col-md-6:nth-child(7) .card-container {
        background-color: #d6876054;
    }
    .crypto-exchange .col-md-6:nth-child(2) .card-container,
    .crypto-exchange .col-md-6:nth-child(4) .card-container,
    .crypto-exchange .col-md-6:nth-child(6) .card-container {
        background-color: #9874c58a;
    }
    .ul__light-dark_boxes {
        gap: 25px;
    }
    .ul__light-dark_boxes li {
        width: 100%;
    }
    .bussiness-card .col-md-6:nth-child(1) .card-container,
    .bussiness-card .col-md-6:nth-child(3) .card-container,
    .bussiness-card .col-md-6:nth-child(5) .card-container,
    .bussiness-card .col-md-6:nth-child(7) .card-container {
        border: 1px dotted #000;
    }
    .bussiness-card .col-md-6:nth-child(2) .card-container,
    .bussiness-card .col-md-6:nth-child(4) .card-container,
    .bussiness-card .col-md-6:nth-child(6) .card-container,
    .bussiness-card .col-md-6:nth-child(8) .card-container {
        border: 1px dotted #000;
    }
    .portfolio-tab .img-box {
        overflow: auto;
        height: auto;
    }
    .portfolio-tab .monitor-pill {
        /* flex-wrap: nowrap; */
        display: block;
        white-space: nowrap;
        overflow: auto;
    }
    .monitor-pill .nav-item {
        display: inline-block;
    }
    .portfolio-tab .monitor-bottom,
    .portfolio-tab .monitor-stand {
        display: none;
    }
    .portfolio-tab .monitor-tab {
        border-radius: 30px;
        background: none;
        padding: 0;
    }
    .monitor-tab .nav-pills {
        display: block;
        white-space: nowrap;
        overflow: auto;
    }
    .monitor-tab .nav-item {
        display: inline-block;
    }
    .portfolio-tab .img-box {
        background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 60px) calc(100% - 60px) no-repeat, linear-gradient(0deg, #000000 0%, #000000 100%);
        padding: 15px;
        box-sizing: border-box;
        border-radius: 15px;
        margin-top: 20px;
    }
    .tap-to-earn-swiper{
        text-align: center;
    }
}