@media (min-width: 1600px) and (max-width: 1830px) {
	.left_image.animation-img {
		transform: translate(-50%, 0%) translate(-670px, -75px) rotate(-7deg) !important;
		width: 180px !important;
		height: 257px !important;
	}

	.right_image.animation-img {
		transform: translate(-50%, 0%) translate(680px, 390px) rotate(-2deg) !important;
	}
}

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

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 20px;
	}

	.hyperion_left {
		left: -2px !important;
	}

	.hyperion_right {
		right: 0px !important;
	}
}

@media (min-width: 1366px) and (max-width: 1599px) {

	html.safari .left_image.animation-img {
		left: 41% !important;
	}

	html.safari .right_image.animation-img {
		left: 41% !important;
	}

	/* Check 1367px and add css here */
}

@media only screen and (max-width: 1599px) {
	.scroll_animation.show_scrolling {
		bottom: 10px;
	}

	.champion_sec::before {
		top: -55px;
		height: 140px;
	}

	.swiper-wrapper .swiper-slide:last-child {
		/* 		margin-left: -30px !important; */
	}

	/* 	html.safari .left_image.animation-img {
	transform: translate(-50%, 0%) translate(-600px, -40px) rotate(-5deg) !important; 
	left: 41% !important;
}

	html.safari .animation-img {
	transform: translate(-50%, 0%) translate(500px, 360px) rotate(-2deg); 
	right: 41% !important;
} */

	.hero_card_inner#r_to_l>.elementor-container,
	.hero_card_inner#l_to_r>.elementor-container {
		position: static;
	}

	.typewriter {
		position: absolute !important;
		top: 0;
		bottom: 0;
		margin: auto 0;
		display: flex;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.cyan_color.typewriter {
		top: 140px;
	}

	#l_to_r.new_class {
		/* 		transform: translateX(0vw) translateY(1vw) !important; */
	}
	.hero_card_inner>.elementor-container {
		/* 		padding-top: 20px; */
	}

	#r_to_l.new_class,
	#r_to_l.s_class{
		/* 		margin-top: 80px !important; */
	}
	/* Check 1367px and add css here */
}

@media only screen and (max-width: 1366px) {
	.cyan_color.typewriter {
		top: 100px;
	}

	body .gform_wrapper form .gform_footer.top_label input#gform_submit_button_2 {
		font-size: 20px;
		padding: 10px 23px 10px 23px;
	}

	body .gform_wrapper form .gform_footer.top_label:before {
		right: 2px;
		bottom: -15.2px;
	}

	/* Check 1200px and add css here */

}


@media only screen and (max-width: 1199px) {

	.hero_card_inner>.elementor-container {
		gap: 0px !important;
	}

	.mouse {
		width: 35px !important;
		height: 55px !important;
	}

	.btn-wrapper:before {
		bottom: -12.6px;
	}

	.footer_iner a {
		padding-inline: 7px;
	}

	body .gform_wrapper form .gform_footer.top_label input#gform_submit_button_2 {
		font-size: 18px;
	}

	.scroll-indicator {
		bottom: 0;
	}
	.scroll_animation{
		opacity: 0;
	}
	.scroll_animation.show_scrolling {
		opacity: 1;
	}

	/* Check 1025px and add css here */
}

@media (max-width: 1190px) {
	/* Hide the last two columns when the screen width is 1190px or less */
	/*     .elementor-column:nth-child(6),
	.elementor-column:nth-child(7) {
	display: none;
} */
}

@media only screen and (max-width: 1024px) {

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 30px;
	}

	.header-wrapper .nav-bar nav.elementor-nav-menu--dropdown {
		position: fixed !important;
		bottom: 0;
		top: initial !important;
		left: 0% !important;
		width: 100% !important;
		height: calc(100% - 90px) !important;
		padding: 0 30px;
		transition: all 0.3s;
		overflow: auto;
		margin: 0 !important;
	}

	.champion_sec::before {
		top: -65px;
		height: 120px;
	}

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

	.contact-popup .form-contact .elementor-container.elementor-column-gap-default {
		padding: 0 !important;
	}

	body .gform_body input[type=text],
	body .gform_body input[type=email],
	body .gform_body input[type=tel],
	body .gform_body input[type=number],
	body select,
	body textarea {
		padding: 13px 20px !important;
	}

	body .gform_wrapper form .gform_footer.top_label input#gform_submit_button_2 {
		font-size: 16px;
		padding: 10px 20px 10px 20px;
	}

	.scroll_animation.show_scrolling {
		bottom: -40px;
	}

	/* Check 768px and add css here */
}

@media only screen and (max-width: 767px) {

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 20px;
	}

	header#masthead.sticky .logo-box .elementor-widget-container {
		padding-block-end: 20px !important;
	}

	.notfound-content {
		padding: 12vw 0;
	}

	section#r_to_l {
		display: none !important;
	}

	.left_image,
	.right_image {
		display: none;
	}

	.hyperEVM_inner {
		visibility: visible;
	}

	.champion_sec::before {
		top: -60px;
		height: 100px;
	}

	span.colored-text {
		font-size: 23px !important;
		letter-spacing: normal;
		height: auto;
		display: inline-block;
		line-height: 30px;

	}

	.btn-wrapper:before {
		bottom: -14.6px;
	}

	.overlay::before,
	.overlay::after {
		display: none;
	}

	.dialog-widget-content .dialog-message {
		width: auto !important;
	}

	.dialog-widget-content {
		width: 90% !important;
		max-width: 90% !important;
	}

	.typewriter {
		position: static !important;
	}

	.scroll_animation.show_scrolling {
		bottom: -150px;
	}

	/* Check 480px and add css here */
}

@media only screen and (max-width: 479px) {

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 15px;
	}

	.cyan_color h2 {
		font-size: 27px !important;
		letter-spacing: 0.7px !important;
	}

	body:not(.rtl) .elementor-20 .elementor-element.elementor-element-b129d18 {
		right: 14px !important;
	}

	body:not(.rtl) .elementor-20 .elementor-element.elementor-element-bec9ec1 {
		left: 15px !important;
	}

	.live_core_section::before {
		top: -35px;
		height: 70px;
	}

	span.colored-text {
		/* 		font-size: 36px !important; */
	}

	/* Check 375px and add css here */
}

@media only screen and (max-width: 374px) {

	/* Check 320px and add css here */
	body:not(.rtl) .elementor-20 .elementor-element.elementor-element-bec9ec1 {
		left: 21px !important;
	}

	.elementor-20 .elementor-element.elementor-element-bec9ec1 {
		top: -27px;
	}

	body:not(.rtl) .elementor-20 .elementor-element.elementor-element-b129d18 {
		right: 21px !important;
	}

	.elementor-20 .elementor-element.elementor-element-b129d18 {
		top: -27px;
	}

}