@media screen and (max-width: 1600px) {
	.size_it::after{
		content:"1600";
	}
	
}
@media screen and (max-width: 1480px) {
	.size_it::after{
		content:"1480";
	}
}
@media screen and (max-width: 1240px) {
	.size_it::after{
		content:"1240";
	}
	.hp_platform img {
		margin-left: 0;
	}
}

@media screen and (max-width: 1035px) 	{
	.size_it::after{
		content:"1035";
	}
	header nav ul {
		gap: 0.3em;
	}
	.hp_top {
		height: auto;
		min-height: 50vw;
		margin: 0;
		padding: 150px 0 90px 0;
	}
	.hp_why .child-cont-c {
		width: 48%;
		padding-bottom: 30px;
	}
	.about_image {
		top: -20%;
	}
}

@media screen and (max-width: 900px) 	{
	.size_it::after{
		content:"900";
	}
	:root {
		--gap-1: 2vw;
		--gap-2: 3vw;
		--gap-3: 4vw;
		--gap-4: 5vw;
		--gap-5: 6vw;
		--gap-6: 7vw;
		--gap-7: 8vw;
	}
	.ul_cont {
		position: absolute;
		top: 90px;
		left: 0;
		display: none;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		background: white;
		padding-left: 20px;
		height: 100vh;
		padding-top: 50px;
	}
	.toggler {
  		display: flex;
  	}
	.hamburger {
		display: flex;
	}
	header nav ul {
		flex-direction: column;
		display: none;
		gap: 0;
	}
	header {
		height: 90px;
	}
	header nav li a, header.front nav li a {
		font-size: 1.5rem;
		padding: 10px;
	}
	.main_logo img {
		width: 150px;
		min-width: 150px;
		max-width: 150px;
		margin-top: -20px;
	}
	.hp_top {
		padding: 120px 0 90px 0;
	}
	.hp_about {
		padding: var(--gap-3) 0;
	}
	.hp_about .in-1240, .hp_solutions .in-1240, .hp_solutions .in-1240:nth-child(odd) {
		flex-direction: column;
		gap: var(--gap-2);
	}
	.hp_platform {
		flex-direction: column-reverse;
		gap: var(--gap-2);
	}
	.hp_about p {
		max-width: 800px;
	}
	.about_image {
		top: auto;
		bottom: -10%;
		left: -10%;
		min-width: 120%;
	}
	.hp_solutions {
		padding: var(--gap-3) 0;
	}
	.hp_solutions .in-1240:nth-child(even) .child-cont-c:first-child {
		padding-right: 0;
		margin-top: var(--gap-3);
	}
	.hp_platform .child-cont-c {
		width: 100%;
	}
	.hp_platform .max_600_r {
		max-width: 100%;
	}
	.hp_contact .in-1240 {
		padding-left: 0;
	}
	.hp_contact .child-cont-c:first-child {
		-webkit-mask-image: linear-gradient(to right, black 40%, transparent);
  		mask-image: linear-gradient(to right, black 40%, transparent);
  		max-width: 40%;
  		min-width: 40%;
	}
	.hp_contact .child-cont-c:last-child {
		min-width: 60%;
		padding-left: 20px;
	}
	.hp_contact .max_600_r {
		max-width: 100%;
	}
}
@media screen and (max-width: 820px) 	{
	.size_it::after{
		content:"800";
	}
	.black-footer .in-1240 {
		flex-wrap: wrap;
		gap: 15px;
	}
	.black-footer .child-cont-c, .black-footer .in-1240 .child-cont-c:last-child {
		width: 100%;
		align-items: flex-start;
	}
	.hp_kpis .in-1240 {
		flex-wrap: wrap;
	}
	.hp_kpis .child-cont-c {
		width: 50%;
	}
	.hp_industries .child-cont-c {
		width: 48%;
	}
	.hp_contact .child-cont-c:first-child {
  		max-width: 30%;
  		min-width: 30%;
	}
	.hp_contact .child-cont-c:last-child {
		min-width: 70%;
	}
	.hp_top video {
		top: 50px;
		left: -10%;
	}
}

@media screen and (max-width: 680px) 	{
	.size_it::after{
		content:"680";
	}
	:root {
		--gap-1: 3vw;
		--gap-2: 4vw;
		--gap-3: 5vw;
		--gap-4: 6vw;
		--gap-5: 7vw;
		--gap-6: 8vw;
		--gap-7: 9vw;
	}
	.hp_why .child-cont-c {
		width: 100%;
	}
	.hp_contact {
		overflow: hidden;
	}
	.hp_contact .in-1240 {
		padding: 0;
	}
	.hp_contact .child-cont-c:last-child {
		padding: var(--gap-3) 20px;
	}
	.hp_contact .child-cont-c:first-child {
  		max-width: 100%;
  		min-width: 100%;
  		position: absolute;
  		top: 0;
  		left: 0;
  		opacity: 0.2;
	}
	.hp_contact video {
		margin-top: -50%;
	}
	.hp_top video {
		width: 160%;
		top: 50px;
		left: -30%;
	}
	.hp_top h1 {
		font-weight: 400;
	}
}
@media screen and (max-width: 530px) 	{
	.size_it::after{
		content:"530";
	}
	.hp_top video {
		width: 180%;
		top: 80px;
		left: -40%;
	}
	.hp_industries p {
		font-weight: 400;
	}
}
@media screen and (max-width: 430px) 	{
	.size_it::after{
		content:"400";
	}
	.hp_industries .child-cont-c {
		width: 100%;
	}
}