@media (max-width: 1024px) {
	

	
	
.container {
  
    padding: 0 50px;
}
.banner4 .banner {padding-top: 100px;}
	
	.call-us-wrap{ flex-direction: column;} 
	.call-us-btn {
    align-self: flex-end; }
	
	}
	
	
	@media (max-width: 800px) { 
	
	
	
	footer {padding-top: 36px; padding-bottom: 36px;}
	.footer-grid {
align-items: center;
    flex-direction: column;
	}
	
	.footer-menu ul {display: flex;  gap: 12px;    flex-wrap: wrap; justify-content: center;     padding-inline-start: 0px; }
	
	.footer-bottom {padding-top: 21px; margin-top: 21px;} 
	}
	
	@media (max-width: 705px) { 
	
		.banner-contacts {    mask-image: url(../images/maska-contacts-600.svg);}
	
	.top-buttons {margin-left: -30px; margin-right: -30px;}
	
	.top-buttons .buttons {
		
    width: 100%;
    flex-direction: column;
	align-self: center;
	
	}
	.banner2 .head-bg .container {}
	
	}
	
	
		@media (max-width: 600px) {
			.call-us-text {text-align: center; }
			
			.call-us-wrap{      align-items: center;} 
	.call-us-btn {
    align-self: center; }
			
			
			
			.banner2 .banner .h1,.banner3 .banner .h1  {font-size: 48px;}
			.banner2 .banner .t2,.banner3 .banner .t2  {font-size: 18x;}
	.head-bg .bredscrumb {
    
    margin-bottom: -10px;
}
		}
	
	
	@media (max-width: 450px) {  
	
		.banner-contacts {    mask-image: url(../images/maska-contacts-360.svg);}
	
	.footer-policy {gap: 12px; } 
	.banner3 .right-button a {
    width: 100%;}
	
	.banner3 .banner-text {
    display: flex
;
    align-items: stretch;}
	
	  .banner3   .right-button {
                align-self: stretch;
    }
	    .top-buttons {
			
        margin-left: -5px;
        margin-right: -5px;
    }
	 .top-buttons .buttons { padding: 8px 8px 0px 8px;} 
	
		.banner2 .banner .h1,.banner3 .banner .h1 {font-size: var(--mob-h2-font-size);}
	.banner2 .banner .t2,.banner3 .banner .t2 {font-size: var(--mob-t2-font-size);}
	.head-bg-wrap {padding: 0 8px;}
	
	.t3 {
  font-family: var(--font-family);
  font-size: var(--mob-t3-font-size);
  font-weight: 300; /* Light */
  line-height: var(--mob-t3-line-height);
}
footer .t3 {font-size: var(--t3-font-size); line-height: var(--t3-line-height); padding-left: 40px; padding-right: 40px;}
	
	}