@media(max-width:1440px){
	header{padding:35px 0}
header .header_wrapper{gap:40px}
header .header_wrapper .logo img{max-width:220px}
.banner .container{padding:0 20px}
.banner::before{width:210px;height:364px}
.banner::after{width:300px;height:514px}
.section-4::before{width:300px;height:514px}
.section-4::after{width:300px;height:514px}
.section-4 .founder-wrapper:not(:last-of-type),.section-4 .sec-title{padding-bottom:70px;margin-bottom:0}
}
@media(max-width:1240px){
    header .header_wrapper .logo img{max-width:220px}
	.banner .banner-wrapper{flex-direction:column-reverse;text-align:center;max-width:100%}
	.banner .left{text-align:center}
	.legal-area .legal-wrapper .item{width:45%}
	.legal-area .legal-wrapper .item:not(:nth-child(3n)):after{display:none}
	.clients .list-wrapper ul{justify-content:space-between}
	.clients .list-wrapper ul li{width:45%}
	.clients .img-grid .img-item{width:48%}
}
/* @media (min-width: 992px) {
    header .menu-icon {
        display: none;
    }
} */
@media(max-width: 992px){
	header .mobile{display:block;position:absolute;top:488%;width:100%;left:0}
header{padding:20px 0}
header .header_wrapper{position:relative;gap:inherit}
header .header_wrapper .main_menu ul{position:absolute;top:130%;left:0;width:100%;height:0;background-color:#505050;z-index:99;display:none}
header .main_menu ul li{display:block;margin:0 0 20px}
header .main_menu ul li a{text-align:center}
header .menu-icon{order:1}
header .menu-btn:checked ~ .right .main_menu ul{display:block;height:auto;padding:20px 0}
.banner .left{text-align:center}
.legal-area .legal-wrapper .item{width:45%}
.legal-area .legal-wrapper .item:not(:nth-child(3n)):after{display:none}
.section-4::before,.section-4::after{width:200px;height:334px}
.clients .list-wrapper ul li{width:45%}
.clients .img-grid .img-item{width:48%}
.banner .left h1,.legal-area h2,.clients h2,.section-4 .sec-title h2{font-size:32px}
.legal-area:after{width:522px;height:568px;background-size:cover;background-repeat:no-repeat}
}

@media(max-width: 768px){
.section-4,.clients,.legal-area,.banner{padding:40px 0}
header .header_wrapper .logo img{max-width:180px}
.section-4 .founder-wrapper:not(:last-of-type),.section-4 .sec-title{padding-bottom:40px}
.banner .left h1,.legal-area h2,.clients h2,.section-4 .sec-title h2{font-size:24px}
.banner .left p,.legal-area p,.clients p,.section-4 .sec-title p{font-size:16px}
.section-4::before,.section-4::after,.section-4 .sec-title:before{content:none}
.banner::after,.banner::before{width:150px;height:250px}
footer .social-media ul,footer .footer-nav-links ul,footer .footer-bottom-links ul{flex-wrap:wrap}
footer .footer-bottom-links{padding:20px 0}
.banner .banner-wrapper .right img{max-width:100%;height:auto}
}

@media(max-width:480px){
header .header_wrapper .logo img{max-width:150px}
.legal-area .legal-wrapper .item{width:100%}
.banner .left{text-align:center}
.legal-area:after{content:none}
.legal-area .legal-wrapper{gap:30px}
.clients .list-wrapper ul li{width:100%}
}