@media (max-width: 1400px) {  
#vmap {   margin: -120px -150px -50px -150px; }
.contact-page {overflow: hidden;}
}


@media (max-width: 1100px) {  
:root {
	
  --fixX: 5px;	
	--fixY: 8px;	 
} 
  
#vmap {  margin: -50px -115px; }
	.banner1 .h0 {
		order: 1;
		align-self: center;
	}

	.banner1 .t2 {
		order: 3;
		align-self: flex-start;
		margin-top: 80px;
		max-width: 280px;
	}

	.banner1 .t1 {
		order: 2;
		align-self: center;
		max-width: unset;
		margin-top: -35px;
		text-align: center;
	}

	.main-services-top {
		flex-direction: column;
		gap: 80px;
		padding: 0 50px;
	}

	.services-top-items {
		align-self: center;
		max-width: 763px;
		width: 100%;
	}


	.main-services-top .buttons {
		width: 100%;
	}

}


@media (max-width: 1024px) {
	
	:root {
	
  --fixX: 14px;	
	--fixY: 21px;	 
}

	.banner1 .h0 {
		font-size: 0.9 em;
	}

	.banner1 .h0 {
		font-size: 100px;
	}

	.banner1 .t2 {
		margin-top: 120px;
	}

	section {
		margin: 80px auto;
		padding: 0 30px;
	}
	
	.banner3 .head-bg {
    padding: 0 30px;}
	
	
	.banner-text{ flex-direction: column; display: flex;
    gap: 15px;}
	
	.right-button {    align-self: flex-end;}

}

@media (max-width: 900px) {
	
	
#vmap {  margin: -50px 0px; width: 100%}
	
	
	
	.banner1 .t2 {
		max-width: 200px;
	}

	.main-services-top .buttons {
		width: calc(50% + 75px);
	}
}


@media (max-width: 800px) {

	.banner1 .h0 {
		font-size: 80px;
	}

	.services-top-items {
		flex-wrap: wrap;
	}

.detail-item { flex: 1 1 90%;}
.segmenty .detail-item  {flex: 1 1 44%;}

}


@media (max-width: 680px) {
	
	.segmenty .detail-item  {flex: 1 1 90%;}
	
	#vmap {overflow: visible!important;}
	section {
		margin: 64px auto;
		padding: 0 20px;
	}

.banner3 .head-bg {
    padding: 0 20px;}
	
	
	.banner1 .banner {
		gap: 17px;
	}

	.main-services-top .buttons {
		flex-direction: row;
		width: 100%;
		justify-content: center;
		max-width: auto;
		z-index: 1;
	}

	.main-services-top .buttons a {
		width: 100%;
	}

	.main-services-top {
		gap: 140px;
		margin-top: -127px;
	}


	.banner1 .h0 {
		order: 2;
		font-size: var(--h1-font-size);
		margin-top: 55px;
	}

	.banner1 .t2 {
		order: 1;
		margin-top: 38px;
		width: 100%;
		max-width: unset;
		text-align: center;
	}

	.banner1 .t1 {
		order: 3;
		margin-top: 0px;
	}

	.head-bg.main {
		mask-size: 1500px 700px;
		mask-position: calc(50% + 57px) 0px;
	}

	.main-services-top .btn-blue-transparent {
		background: var(--color-blue);
		color: var(--color-white);
	}

	.main-services-top .btn-transparent {
		color: var(--color-blue);
		background: var(--color-white);
	}

}


@media (max-width: 600px) {
	
	 .banner4 .head-bg {
    padding: 0 20px;}

	.nav-contact-item .btn-contact {
		display: none;
	}

	.header-content>.logo {
		display: none;
	}

	.header-content {
		background: none;
		justify-content: flex-end;
	}

	.burger-menu {
		border-radius: 12px;
		background: rgba(72, 96, 143, 0.80);
		padding: 8px;
	}

}


@media (max-width: 550px) {
	
	#jqvmap1_10016_pin {
    
    margin-left: calc(-85px + var(--fixX));}
#jqvmap1_100131_pin {  margin-left: calc(-88px + var(--fixX))}
	#jqvmap1_100117_pin{    margin-left: calc(-50px + var(--fixX));}
	:root{
	        --fixX: 42px;
        --fixY: 44px;}
	.jqvmap-pin  {padding: 1px 5px; font-size: 6px;}
	    #vmap {
        margin: -50px 22px -0px 22px;}
	.banner1 .h0 {
		font-size: var(--mob-h1-font-size);
		margin-top: 35px;
	}

	.banner1 .t2 {
		font-size: var(--mob-t2-font-size);
	}

	.banner1 .t1 {
		font-size: var(--mob-h3-font-size);
	}

	.main-services-top .btn-blue-transparent,
	.main-services-top .btn-transparent {
		font-size: var(--mob-t1-font-size);
	}

	.main-services-top .buttons {
		flex-direction: column;
	}

	.main-services-top {

		margin-top: -180px;
	}
}


@media (max-width: 450px) {
	.stroke__item img {
		height: 36px;
	}


.industries-page {
    margin-top: -80px;
}
	.stroke {
		gap: 16px;
	}

	section { padding: 0 10px;
		margin: 48px auto;
	}
	
	.banner3 .head-bg {
    padding: 0 20px;}
	
	 .banner4 .head-bg {
    padding: 0 5px;}

	h3,
	.h3 {

		font-size: var(--mob-h3-font-size);

		line-height: var(--mob-h3-line-height);

	}


	.container {
		padding: 0 20px;
	}

	.main-services-top {
		padding: 0 20px;
	}


}