@media(min-width:1400px) {
    .meta-font-angle {
        left: -285px
    }
}

@media(min-width:1400px) and (max-width:1650px) {
    .ul_accomplishments {
        gap: 15px
    }

    .ul_accomplishments div {
        max-width: 155px;
        max-height: 155px;
        margin-bottom: 15px
    }
}

@media(min-width:1400px) and (max-width:1600px) {
    .header-banner-grp .slide-1 h1 {
        font-size: 55px;
        line-height: 65px;
        width: 75%;
        margin: 0 auto 30px
    }

    .header-banner-grp .slide-2 h1 {
        font-size: 50px;
        line-height: 60px
    }

    .meta-font-angle .meta-font-style {
        font-size: 85px
    }
}

@media (max-width:1600px) {
    .popup-from-1 {
        max-width: 70%
    }
}

@media (max-width:1440px) {
    .content_404 div img {
        width: calc(100% / 5)
    }
}

@media(min-width:992px) and (max-width:1399px) {
    .header-banner-grp .slide-1 h1 {
        font-size: 50px;
        line-height: 60px;
        width: 75%;
        margin: 0 auto 30px
    }

    .header-banner-grp .slide-2 h1 {
        font-size: 50px
    }

    .meta-glass {
        width: 450px
    }

    .meta-font-angle .meta-font-style {
        font-size: 70px
    }

    .ai-content-grp h1 {
        font-size: 60px
    }

    .ai-content-grp {
        bottom: 11%;
        width: 90%
    }

    .ai-vector-group li img {
        width: 60%
    }

    .ai-vector-group li:nth-child(3) {
        right: 15%
    }

    .ai-vector-group li:nth-child(2) {
        right: -8%
    }

    .header-banner-grp .headerThumbSwiper {
        width: 400px
    }

    .inner-slide img {
        width: 120px;
        height: 80px;
        border-radius: 2px
    }

    .popup-bg-half img {
        left: -75px
    }
}

@media (max-width:1399px) {
    .header-title h2 {
        font-size: 25px;
        line-height: 35px
    }

    .service-front h5 {
        font-size: 18px
    }

    .technology-grp .nav-item .nav-link {
        margin: 0
    }

    .section-padding {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .ul_accomplishments div {
        width: 150px;
        height: 150px
    }

    .div_marquee-container {
        width: calc(100% - 153px)
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .mega_menu li {
        padding: 6px 15px
    }

    .h-600 {
        height: 414px
    }

    nav li img {
        width: 22px
    }

    .mega_menu .nav-link {
        padding: 10px !important
    }
}

@media (min-width:1200px) and (max-width:1366px) {
    .dropdown_center-menu {
        left: -500% !important;
        right: 0
    }

    .dropdown-menu-end {
        right: 0 !important;
        left: auto !important
    }

    .meta-font-angle .meta-font-style {
        font-size: 60px
    }

    .reality-img {
        text-align: center
    }

    .reality-img img {
        height: 90vh
    }

    .bee-img {
        max-width: 150px
    }

    .header-banner-grp .slide-1 h1 {
        margin-bottom: 15px
    }

    .header-banner-grp .slide-1 p {
        font-size: 19px
    }

    .header-banner-grp .slide-2 h1 {
        font-size: 45px
    }

    .slide-2 h1 span {
        letter-spacing: 2px
    }

    .meta-glass {
        max-width: 350px
    }

    .meta-coin-list li:first-child,
    .meta-coin-list li:nth-child(2) {
        z-index: -1
    }

    .nft-bg-banner ul li:first-child,
    .nft-bg-banner ul li:nth-child(2) {
        top: 100px
    }

    .ai-content-grp {
        bottom: 15%
    }

    .nft_images>img {
        max-width: 450px
    }

    .blockchain_images>img,
    .nft_images div img {
        max-width: 325px
    }

    .meta-font-angle {
        left: -170px
    }

    .blockchain-bg-banner h1 {
        font-size: 42px
    }

    .blockchain-bg-banner p {
        font-size: 17px
    }

    .nav_titles {
        gap: 20px
    }

    .client_values .nav-link {
        padding: 0 10px
    }

    .twocolumn-tab .twocolumn-tab-nav {
        padding: 15px
    }

    .right-hex-bor img {
        top: 79px;
        right: 0
    }

    .product_image {
        height: calc(100% - 62px);
        top: 30px;
        left: 30px;
        right: 30px;
        width: calc(100% - 55px)
    }
}

@media (min-width:1199px) {
    .dropdown-menu_center {
        left: -50% !important;
        transform: translateX(-50%)
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .h-600 {
        height: 347px
    }

    :root {
        --vision-gap: 15px
    }

    .ul_accomplishments div {
        width: 125px;
        height: 125px;
        margin-bottom: 20px
    }

    .ul_accomplishments img {
        max-width: 120px;
        height: 120px;
        object-fit: contain
    }

    .small-rocket li:nth-child(2) img {
        left: 0
    }

    .nav_titles {
        gap: 15px;
        padding: 35px 20px
    }

    .client_values .nav-link {
        padding: 0 10px
    }

    .client_values h5 {
        font-size: 17px
    }

    .client_values .nav-link img {
        max-width: 60px
    }

    .company_left {
        display: grid;
        border-radius: 0 150px 150px 0;
        padding: 20px 0 20px 20px
    }

    .company_right {
        border-radius: 150px 0 0 150px;
        padding: 20px 20px 20px 0
    }
}

@media (max-width:1199px) {
    .blockchain-bg-banner h1 {
        font-size: 41px
    }

    .header-banner-grp .headerThumbSwiper {
        position: inherit;
        margin-top: 15px
    }

    .blockchain-bg-banner,
    .header-banner-grp .ai-bg,
    .header-banner-grp .game-bg,
    .header-banner-grp .slide-1,
    .meta-bg,
    .nft-bg-banner {
        height: 78vh
    }

    .reality-img img {
        width: 80%;
        margin: 0 auto;
        text-align: center;
        display: block
    }

    .swiper-padding {
        padding-top: 0;
        padding-bottom: 0
    }

    .header-banner-grp .slide-1 p {
        font-size: 18px
    }

    .bee-img {
        width: 12.5%
    }

    .service-front h5 {
        font-size: 15px
    }

    .header-title h2 {
        font-size: 23px;
        line-height: 35px
    }

    .contact-first-col,
    .contact-second-col {
        padding: 50px 30px
    }

    .vision_mission {
        display: grid;
        place-content: center;
        padding: 3rem 0 2rem
    }

    .company_vision .header-title+p {
        max-width: 100%
    }

    .company_vision ul li {
        margin-bottom: 15px
    }

    .page_not_found {
        height: 60vh
    }

    .content_404 {
        bottom: 28%
    }

    .content_404 span {
        font-size: 2rem;
        margin-bottom: 1rem
    }

    .earth_sm {
        height: 320px;
        object-fit: cover
    }

    .mega_menu {
        white-space: normal
    }

    #offcanvasResponsive {
        z-index: 9999
    }
}

@media (max-width:1198px) {
    .offcanvas_resp {
        width: 100% !important;
        overflow: auto
    }

    .mega_menu {
        width: 100%;
        min-width: auto;
        padding-right: 10px;
        overflow: auto
    }

    .mega_menu .active::after {
        display: none
    }
}

@media (max-width:991px) {

    .counter-grp,
    .team-group li {
        display: inline-block
    }

    .ai-content-grp h1,
    .header-banner-grp .slide-1 h1,
    .meta-font-angle .meta-font-style {
        font-size: 50px
    }

    .reality-img,
    .twocolumn-tab .twocolumn-tab-nav {
        width: 100%
    }

    .header-banner-grp .slide-2 h1 {
        font-size: 35px
    }

    .meta-coin-list li img,
    .meta-glass {
        width: 50%
    }

    .ai-element img {
        width: 80%
    }

    .ai-vector-group li img {
        width: 45%
    }

    .ai-vector-group li:nth-child(3) {
        right: -11%;
        width: 33%
    }

    .nft-bg-banner h1 span {
        font-size: 50px;
        line-height: 60px
    }

    .nft-bg-banner h1 {
        font-size: 40px
    }

    .nft-bg-banner ul li:first-child,
    .nft-bg-banner ul li:nth-child(2) {
        width: 60%
    }

    .twocolumn-tab .twocolumn-tab-nav .nav-pills {
        display: flex;
        justify-content: center
    }

    .big-rocket {
        position: inherit
    }

    .project-vibes-bg {
        padding: 10px;
        background-size: cover
    }

    .right-hex-bor {
        display: none
    }

    .margin-min-80-res {
        margin-top: -80px
    }

    .big-rocket+img {
        max-width: 275px
    }

    .project-vibes-contents {
        margin-bottom: 0
    }

    .team-group li {
        margin-right: 15px;
        margin-left: 15px
    }

    .team-group li:nth-child(2) {
        margin-top: 0 !important
    }

    .team-group li:nth-child(3) {
        margin-top: 30px !important
    }

    .mission_content-bg,
    .mission_content-bg.last_one {
        width: 100%;
        margin: 0
    }

    .mission_content-bg+div {
        rotate: 90deg;
        margin: 25px 0
    }

    .company_left {
        width: 95%;
        margin-bottom: 15px
    }

    .company_right {
        width: 95%;
        margin-left: auto
    }

    #career_form .modal-dialog {
        max-width: 80%
    }

    .content_404 div img {
        width: calc(100% / 3);
        height: 100%
    }

    .rgb-color h4 {
        font-size: 15px
    }

    .faq .nav-link {
        display: inline-block !important;
        width: auto !important;
        margin-right: 10px !important
    }

    .faq .nav {
        display: flex !important;
        flex-direction: unset !important;
        margin-bottom: 15px
    }

    .header-title h2:before,
    .header-title h2:after,
    .header-title span:before,
    .header-title span:after {
        width: 40px;
        height: 10px;
        display: block;
        margin: 5px auto;
        background-position: center
    }

    .header-title h2,
    .header-title span {
        text-align: center;
    }
}

@media (max-width:991px) and (min-width:767px) {
    .h-600 {
        height: 320px
    }
}

@media (max-width:767px) {
    .h-600 {
        height: auto
    }

    .ms-n4_perk {
        margin-left: 0
    }

    .me-n4_perk {
        margin-right: 0
    }

    .div_pre-header {
        width: 100%;
        clip-path: unset;
        border-radius: unset
    }

    .product_image,
    .product_image img {
        border-radius: 4px
    }

    .blockchain-bg-banner,
    .header-banner-grp .ai-bg,
    .header-banner-grp .game-bg,
    .header-banner-grp .slide-1,
    .meta-bg,
    .nft-bg-banner {
        height: 70vh;
        padding: 40px 0
    }

    .ai-content-grp h1,
    .game-bg h1,
    .header-banner-grp .slide-1 h1 {
        font-size: 40px
    }

    .ai-content-grp,
    .ai-content-grp p,
    .game-bg p,
    .header-banner-grp .slide-1 p {
        width: 100%
    }

    .ai-vector-group li:nth-child(2) {
        position: absolute;
        right: -7%;
        top: -28%;
        display: none
    }

    .header-banner-grp p {
        font-size: 17px
    }

    .clients-logo>div:first-child img {
        max-width: 85px;
        padding: 0
    }

    .ai-content-grp {
        top: 10%;
        bottom: inherit
    }

    .nft-bg-banner ul li:first-child,
    .nft-bg-banner ul li:nth-child(2) {
        top: 50px
    }

    .counter-grp,
    .counter-grp.counteractive {
        width: 100% !important;
        margin: 0
    }

    .small-rocket {
        display: none
    }

    .margin-min-80,
    .margin-min-80-res,
    .ul_accomplishments li:last-child,
    .ul_accomplishments li:nth-child(2) {
        margin-top: 0
    }

    .nav_titles {
        gap: 0;
        padding: 35px 10px
    }

    .client_values .nav-link {
        padding: 0 5px
    }

    .client_values h5 {
        font-size: 14px
    }

    .client_values .nav-link img {
        max-width: 40px;
        height: auto
    }

    .ul_accomplishments {
        column-gap: 20px;
        row-gap: unset
    }

    .ul_accomplishments li:first-child {
        margin-top: 75px
    }

    .ul_accomplishments li:nth-child(3) {
        margin-top: -75px
    }

    .ul_accomplishments div {
        width: 125px;
        height: 125px;
        margin-bottom: 20px
    }

    .ul_accomplishments img {
        max-width: 120px;
        height: 120px;
        object-fit: contain
    }

    .image_frame>img {
        height: 245px
    }

    .product_image {
        height: calc(100% - 30px);
        top: 11px;
        left: 12px;
        right: 12px
    }

    .blockchain_portfolio .nav {
        gap: 10px
    }

    .blockchain_portfolio .nav-link {
        width: calc(50% - 5px);
        margin-bottom: 0
    }

    .services-one-grp,
    .services-one-grp-1 {
        width: 75%;
        margin: auto
    }

    .twocolumn-tab-nav ul {
        display: flex !important
    }

    .position-tabs ul.nav-pills {
        height: 175px;
        overflow: scroll
    }

    .rgb-color ul {
        padding-left: 0
    }

    .banner_bg {
        display: grid;
        place-content: center;
        min-height: 73vh;
        height: auto
    }

    .section_e-commerce h1 {
        font-size: 21px !important
    }

    .section_e-commerce h1+p {
        font-size: 14px !important
    }

    .award-link .swiper-slide {
        text-align: center
    }
}

@media (max-width:576px) {
    .cube_swiper {
        width: 320px
    }

    :root {
        --vision-bg-height: 175px
    }

    .mega_menu .nav-link {
        padding: 13px !important
    }

    .mega_menu .tab-content {
        min-height: 357px;
        max-height: 407px;
        overflow-y: auto
    }

    .div_marquee-container {
        width: calc(100% - 145px)
    }

    .div_press-release {
        min-width: 131px
    }

    .blockchain-bg-banner h1 {
        font-size: 30px
    }

    .meta-font-angle .meta-font-style {
        display: none
    }

    .contact-first-col ul li p:nth-child(2) {
        width: 100%
    }

    .popup-from-1 {
        max-width: 98%;
        margin: 0 auto
    }

    .popup-close-btn {
        right: 8px;
        top: 8px;
        z-index: 2
    }

    .about-bg h2 {
        font-size: 24px
    }

    .breadcrumb-bg {
        display: block !important
    }

    .breadcrumb-bg li {
        display: inline-block !important;
        font-size: 12px
    }

    .team-group li:nth-child(2) {
        margin-top: 30px !important
    }

    .company_left div div,
    .company_right div div {
        padding: 20px
    }

    #career_form .modal-dialog {
        max-width: 100%
    }
}

@media(min-width:1200px) and (max-width:1300px) {
    .textsmall {
        font-size: 0.875em !important;
        /* Equivalent to "small" in most browsers */
    }
}