@media (max-width: 1024px) {
    .banner{
        min-height: auto !important;
    }
    .banner-content h1{
        font-size: 40px;
    }
    .banner-content{
        padding: 170px 0 100px 0;
    }
    .banner::after {
        display: none;
    }
    .banner-content a{
        margin-top: 30px;
    }
    section{
        padding: 40px 0 !important;
    }
    .vision-text h2, .tortor-content h3, .benefits-left h4, .works-left h4, .in-number-left-top h3, .curabitur h2, .team-left h3, .founder-content h3{
        font-size: 30px;
    }
    .purest-tortor{
        min-height: 400px;
        background-attachment: scroll;
    }
    .benefits-wrapper, .banner-right, .works-content-wrapper, .diagram-dropdowns, .in-number-wrapper, .curabitur-wrapper, .team-wrapper, .team-right, .news-wrapper, .footer-top-left, .footer-top-right{
        flex-direction: column;
        gap: 20px;
    }
    .banner-right{
        width: 100%;
        align-items: stretch;
    }
    .before-after-image{
        height: 400px;
        border-radius: 10px;
        overflow: hidden;
    }
    .before-after{
        gap: 10px;
        margin-bottom: 20px;
    }
    .diagram-dropdowns{
        margin-top: 50px;
    }
    .accordion-header h3{
        font-size: 20px;
    }
    .accordion-item{
        padding: 20px;
    }
    .works-right img{
        width: 100%;
    }
    .in-left-block h2{
        font-size: 40px;
        line-height: 40px;
    }
    .in-left-block h2 sup{
        font-size: 30px;
    }
    .works-content-wrapper, .curabitur-wrapper, .news-wrapper{
        align-items: stretch;
    }
    .in-numbers-right img{
        width: 100%;
    }
    .curabitur h2{
        margin-bottom: 20px;
    }
    .team-left{
        gap: 20px;
    }
    .single-news h4{
        font-size: 20px;
    }
    .founder-words::after {
        display: none;
    }
    .empty-section{
        min-height: 300px;
    }
    .footer-top-right ul{
        gap: 20px;
    }
    .login-footer{
        align-items: center;
        margin-top: 20px;
    }
    .copyright{
        flex-direction: column-reverse;
        gap: 20px;
    }
    .footer-top-right ul li a{
        font-size: 16px;
    }

}
/* Mobile Styles */
@media (max-width: 1024px) {
    nav ul {
        position: fixed;
        top: 67px;
        left: 50%;
        transform: translateX(-50%) translateY(-150%);
        width: 90%;
        max-width: 400px;
        background-color: rgba(30, 30, 30, 0.9);
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
        gap: 15px;
        height: auto;
        transition: transform 0.3s ease, background-color 0.3s ease;
    }
    
    nav ul.active {
        transform: translateX(-50%) translateY(0);
    }
    
    .menu-toggle {
        display: flex;
    }
    
    .navbar-login-button {
        display: none;
    }
    
    .mobile-login-button {
        display: block;
        margin-top: 15px;
    }
    
    header.scrolled nav ul {
        background-color: rgba(255, 255, 255, 0.95);
    }
    
    header.scrolled nav ul li a {
        color: #1E1E1E;
    }
	.mobile-login-button .navbar-login-button{
		display:block;
		line-height:40px;
		text-align:center;
	}
}

@media (max-width: 990px) {
	
}
@media (max-width: 767px) {
	.latest-news .news-wrapper .news-right { 
		flex-direction: column;
	}
	.latest-news .news-wrapper .news-right .single-news{
		width:100%;
	}
	.latest-news .news-wrapper .news-right .single-news .news-image-small{
		    height: 380px;
	}
	.single-curabitur { 
    gap: 15px;
}
	.news-image-small img {
    max-width: 100%;
		height: 100%;}
	.copyright { 
    padding-top: 35px;
}.all-news {
    margin-top: 45px;
}
}