@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%)	;
		-webkit-transform: translateX(-50%)	;
		-moz-transform: translateX(-50%)	;
		-ms-transform: translateX(-50%)	;
		-o-transform: translateX(-50%)	;
}
    .client_testimonials {
        left: 70% !important;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
	.benefits-video{
  width: 150px; height: auto; object-fit: cover; overflow: hidden; margin-top:2px;
}
}
@media (min-width:768px) and (max-width:1355px) {

	.fs_press-release{
    font-size: x-small;
	}
	.cus-display-6{
		font-size: x-large !important;
	}
	.cus-font-p{
		font-size: small !important;
	}
	.benefits-video{
  width: 150px; height: auto;  object-fit: cover; overflow: hidden; margin-top:2px;
}
}

@media (min-width:1357px) and (max-width:1600px) {

	.cus-display-6{
		font-size: x-large !important;
	}
	.cus-font-p{
		font-size: small !important;
	}
}

@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
	}
}

@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 10px
	}

	.client_values h5 {
		font-size: 16px
	}

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

	.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
	}

	.client_values .nav .nav_titles .nav-link h5 br {
		display: none;
	}
}

@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% - 170px)
	}

	.div_pre-header a:first-child {
		padding: 0;
	}

	.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 */
	}
}

@media screen and (max-width:777px) {
	#search-model .modal-dialog {
		max-width: 96%;
	}

	/* .div_pre-header {
		width: 74%;
	} */
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .benefits-video{
  	width: 130px; height: auto; object-fit: cover; overflow: hidden; margin-top:2px;
}
}
@media screen and (min-width: 768px) and (max-width: 949px) {
       .div_pre-header {
		width: 77%;
	}
}
@media screen and (min-width: 950px) and (max-width: 1199px) {
       .div_pre-header {
		width: 80%;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
       .div_pre-header {
		width: 83%;
	}
}
@media screen and (min-width: 1600px) {
       .div_pre-header {
		width: 85%;
	}
}