@media (max-width: 980px) {
    .about-page__cards {
        grid-template-columns: 1fr;
    }

    .about-page__result {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .about-page {
        padding: 2.5rem 0;
    }

    .about-page__hero-card {
        padding: 1.45rem 1rem;
        border-radius: 1rem;
    }

    .about-page__hero-points {
        gap: 0.45rem;
    }

    .about-page__hero-points span {
        width: 100%;
        text-align: center;
    }

    .about-page__step {
        grid-template-columns: 1fr;
    }

    .about-page__step-num {
        width: 46px;
        height: 46px;
    }
}

@media (max-width: 1100px) {
    .contact-neo__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .contact-neo__header {
        margin-bottom: 1.4rem;
    }

    .contact-neo__title {
        margin-top: 0.8rem;
    }

    .contact-neo__subtitle {
        font-size: 0.95rem;
    }

    .contact-neo__info,
    .contact-neo__form {
        padding: 1.1rem 0.95rem;
        border-radius: 1rem;
    }

    .contact-neo__hero {
        padding: 1rem;
    }

    .contact-neo__cards {
        grid-template-columns: 1fr;
    }

    .contact-neo__card {
        padding: 0.72rem 0.75rem;
    }

    .contact-neo::before {
        width: 240px;
        height: 240px;
    }
}

@media (max-width: 768px) {
    .banner_one-stats {
        display: grid !important;
        grid-auto-rows: auto !important;
        gap: 0.55rem !important;
        margin-top: 0.75rem !important;
    }

    .banner_one-stat {
        max-width: 100% !important;
        padding: 0.58rem 0.62rem !important;
        border-radius: 0.72rem !important;
        gap: 0.38rem !important;
    }

    .banner_one-stat-icon {
        width: 30px !important;
        height: 30px !important;
        border-radius: 0.55rem !important;
    }

    .banner_one-stat-icon svg {
        width: 14px !important;
        height: 14px !important;
    }

    .banner_one-stat-content {
        gap: 0.16rem !important;
    }

    .banner_one-stat-value {
        font-size: 0.86rem !important;
        line-height: 1.16 !important;
        letter-spacing: 0 !important;
    }

    .banner_one-stat-label {
        font-size: 0.69rem !important;
        line-height: 1.2 !important;
        opacity: 0.94 !important;
    }

    .banner_one-stat-divider {
        display: none !important;
    }
}@media (max-width: 480px) {
    .banner_one-stats {
        gap: 0.48rem !important;
    }

    .banner_one-stat {
        padding: 0.52rem 0.56rem !important;
    }

    .banner_one-stat-icon {
        width: 28px !important;
        height: 28px !important;
    }

    .banner_one-stat-icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    .banner_one-stat-value {
        font-size: 0.8rem !important;
    }

    .banner_one-stat-label {
        font-size: 0.66rem !important;
    }
}@media (max-width: 768px) {
    .section-header {
        margin-bottom: 2.2rem;
    }

    .section-header .section-title {
        font-size: clamp(1.6rem, 6.2vw, 2.1rem);
        margin-bottom: 0.9rem;
    }

    .section-header .section-title::after {
        width: 52px;
        height: 3px;
        bottom: -7px;
    }

    .section-header .section-subtitle {
        font-size: 0.95rem;
        line-height: 1.45;
        max-width: 100%;
    }
}@media (max-width: 480px) {
    .section-header {
        margin-bottom: 1.8rem;
    }

    .section-header .section-title {
        font-size: clamp(1.35rem, 6.8vw, 1.75rem);
        margin-bottom: 0.75rem;
    }

    .section-header .section-title::after {
        width: 44px;
        bottom: -6px;
    }

    .section-header .section-subtitle {
        font-size: 0.88rem;
        line-height: 1.4;
    }
}@media (max-width: 768px) {
    .banner_one {
        min-height: auto !important;
        max-height: none !important;
        height: auto !important;
        padding: 96px 0 40px !important;
    }

    .banner_one-stats {
        display: grid !important;
    }
}@media (max-width: 480px) {
    .banner_one {
        padding: 88px 0 28px !important;
    }

    .banner_one-title {
        font-size: clamp(1.4rem, 7.2vw, 1.9rem);
        line-height: 1.2;
    }

    .banner_one-subtitle {
        font-size: 0.95rem;
    }

    .banner_one-btn {
        padding: 0.85rem 1rem;
    }

    .banner_one-stat-value {
        font-size: 0.95rem;
    }

    .banner_one-stat-label {
        font-size: 0.74rem;
        line-height: 1.25;
    }

    .banner_one-stat {
        padding: 0.68rem 0.72rem;
    }

    .banner_one-stat-icon {
        width: 34px;
        height: 34px;
    }

    .banner_one-stat-icon svg {
        width: 16px;
        height: 16px;
    }
}@media (max-width: 768px) {
    .error-404-page {
        min-height: auto;
        padding: 2.5rem 0;
    }

    .error-404-card {
        padding: 2rem 1.15rem;
    }
}@media (max-width: 900px) {
    .service-lead-strip {
        flex-direction: column;
        align-items: flex-start;
    }
}@media (max-width: 991px) {
    .sx-hero__inner,
    .sx-layout {
        grid-template-columns: 1fr;
    }

    .sx-sidebar {
        position: static;
    }

    .sx-grid--benefits,
    .sx-grid--features {
        grid-template-columns: 1fr;
    }

    .sx-trust-row,
    .sx-problem-grid {
        grid-template-columns: 1fr;
    }

    .sx-final-cta {
        flex-direction: column;
        align-items: flex-start;
    }
}@media (max-width: 767px) {
    .sx-mobile-lead-btn {
        display: block;
    }

    .sx-anchor-nav {
        top: auto;
        position: static;
    }

    .sx-page {
        padding-bottom: 4.5rem;
    }
}@media (max-width: 768px) {
    .cta-content,
    .service-cta-content,
    .project-cta-content {
        padding: 1.35rem 0.9rem !important;
    }

    .cta-buttons,
    .project-cta .cta-buttons,
    .service-cta .cta-buttons-row,
    .service-cta .cta-buttons {
        flex-direction: column;
    }

    .cta-buttons .btn,
    .project-cta .cta-buttons .btn,
    .service-cta .cta-buttons-row .cta-btn,
    .service-cta .cta-buttons .btn {
        width: 100%;
    }
}@media (max-width: 900px) {
    .cta.cta--sales .cta-convert__grid {
        grid-template-columns: 1fr;
    }
}@media (min-width: 1600px) {
    .main-content .container {
        max-width: 1400px;
    }
}@media (min-width: 1920px) {
    .main-content .container {
        max-width: 1400px;
    }
}@media (min-width: 1600px) {
    .container {
        max-width: 1600px;
    }
}@media (min-width: 1920px) {
    .container {
        max-width: 1800px;
    }
}@media (max-width: 768px) {
    .portfolio {
        padding: var(--section-padding-y-sm) 0;
    }

    .portfolio-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .portfolio-item {
        min-height: 350px;
    }

    .portfolio-image {
        height: 350px;
    }

    .portfolio-content {
        padding: 1.5rem;
    }

    .portfolio-title {
        font-size: 20px;
        text-align: center;
    }

    .portfolio-description {
        font-size: 14px;
        text-align: center;
    }

    .portfolio-category {
        font-size:13px;
        margin:10px auto;
    }

    .breadcrumbs-nav {
        flex-wrap:wrap;
        padding-left: 40px;
    }
    .sx-hero {
        padding-top: 2.5rem;
    }

    .sx-hero a, .sx-hero span {
        font-size:14px;
    }
}

@media (max-width: 768px) {
    .portfolio-grid-full {
        grid-template-columns: 1fr;
    }

    .portfolio-filters-section {
        padding: 2rem 0;
        top: 70px;
        position:static;
    }
    .portfolio-hero-title {
        font-size:20px;
    }

    .breadcrumbs-list {
        padding-left: 40px;
    }

    .portfolio-hero-subtitle {
        font-size:14px;
    }

    .portfolio-filters {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap:10px;
        
    }

    .portfolio-filters::-webkit-scrollbar {
        height: 4px;
    }

    .portfolio-filters::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.05);
    }

    .portfolio-filters::-webkit-scrollbar-thumb {
        background: rgba(224, 89, 64, 0.3);
        border-radius: 2px;
    }

    .filter-btn {
        flex-shrink: 0;
        padding: 0.625rem 1.5rem;
        font-size: 0.875rem;
    }

    .portfolio-image-full {
        height: 400px;
    }

    .portfolio-hero {
        padding: var(--section-padding-y-sm) 0;
    }
}@media (max-width: 768px) {
    .service-content-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .service-main-content {
        margin-bottom: 2rem;
    }
    
    .sticky-sidebar {
        position: static;
    }

    .service-features-grid,
    .service-benefits-grid,
    .service-packages-grid,
    .service-examples-grid,
    .service-gallery-grid,
    .service-testimonials-grid,
    .service-additional-grid {
        grid-template-columns: 1fr;
    }
    
    .service-package-card {
        padding: 2rem;
    }
    
    .package-price-value {
        font-size: 2rem;
    }

    .service-step-item {
        flex-direction: column;
        gap: 1rem;
        padding: 1.5rem;
    }
    
    .step-item-number {
        min-width: 60px;
        font-size: 2.5rem;
    }
    
    .service-technologies-list {
        gap: 1rem;
    }
    
    .service-tech-item {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }
    
    .service-testimonial-card {
        padding: 1.5rem;
    }
    
    .service-faq-item {
        border-radius: 0.75rem;
    }
    
    .faq-question {
        padding: 1rem;
    }
    
    .faq-answer-content {
        padding: 0 1rem 1rem 1rem;
    }
    
    .service-cta .cta-title {
        font-size: 2rem;
    }
    
    .service-cta .cta-subtitle {
        font-size: 1.125rem;
    }

    .dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        margin-top: 0;
        padding: 0.5rem 0;
    }

    .dropdown-menu::before {
        display: none;
    }
}@media (max-width: 768px) {
    .about-main-content,
    .contacts-hero {
        padding: 4rem 0 3rem;
    }

    .contacts-main {
        padding: 3rem 0;
    }

    .contacts-layout {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .contact-item-full {
        padding: 1.5rem;
    }

    .contact-icon-full {
        width: 60px;
        height: 60px;
    }

    .contact-icon-full svg {
        width: 28px;
        height: 28px;
    }

    .contact-form-full {
        padding: 2rem;
    }

    .contacts-map {
        padding: 3rem 0;
    }

    .map-container iframe,
    .map-container embed,
    .map-container object,
    .map-img {
        height: 400px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .values-grid,
    .team-grid,
    .process-steps {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    /* Tablet styles for process-steps */
    @media (min-width: 768px) and (max-width: 1024px) {
        .process-steps {
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
        }
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }

    .stat-card {
        padding: 1.75rem 1.25rem;
        min-height: 160px;
    }

    .stat-card:hover {
        transform: translateY(-3px);
    }

    .stat-card .stat-number {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }

    .stat-card .stat-label {
        font-size: 0.875rem;
    }
}@media (max-width: 768px) {
    .benefits-modern .benefits-modern__grid {
        gap: 1rem;
        margin-top: 1.8rem;
    }

    .benefits-modern .benefits-modern__card {
        padding: 1.2rem 1rem;
    }
}@media (min-width: 769px) and (max-width: 1024px) {
    .process-steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
}@media (max-width: 1024px) and (min-width: 769px) {
    .nav-menu {
        gap: 0.25rem;
    }

    .nav-link {
        padding: 0.5rem 0.875rem;
        font-size: 0.875rem;
    }

    .header-phone {
        padding: 0.5rem 0.875rem;
        font-size: 0.8125rem;
    }

    .header-phone span {
        display: inline;
    }

    .header-cta {
        padding: 0.5rem 1.25rem;
        font-size: 0.875rem;
    }

    .logo-text {
        font-size: 1.625rem;
    }
}@media (max-width: 768px) {
    .header {
        border-bottom: 1px solid rgba(224, 89, 64, 0.15);
    }

    .header.scrolled {
        box-shadow: none;
    }

    .nav {
        padding: 1rem 0;
    }

    .logo-text {
        font-size: 1.5rem;
    }

    .header-contacts {
        display: none;
    }

    .header-mobile-actions {
        display: flex;
    }

    .header-phone-mobile {
        display: flex;
    }

    .nav-toggle {
        display: flex;
    }


    .nav-menu {
        position: fixed;
        top: 70px;
        left: -100%;
        flex-direction: column;
        align-items: stretch;
        background: #ffffff;
        backdrop-filter: none;
        width: 100%;
        max-width: 100%;
        padding: 1.5rem;
        box-shadow: none;
        transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        gap: 0.75rem;
        height: calc(100vh - 70px);
        overflow-y: auto;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    .nav-menu.active {
        left: 0;
    }

    .nav-menu li {
        width: 100%;
    }

    .header-mobile-actions {
        display: flex;
    }

    .header-phone-mobile {
        display: flex;
    }

    .nav-link {
        width: 100%;
        padding: 1.125rem 1.5rem;
        border-radius: 1rem;
        justify-content: flex-start;
        font-size: 1.0625rem;
        font-weight: 600;
    }

    .nav-link::before {
        border-radius: 1rem;
    }

    .nav-link:hover {
        transform: translateX(4px);
    }

    .nav-dropdown {
        width: 100%;
    }

    .dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: 
            inset 0 2px 4px rgba(0, 0, 0, 0.02),
            0 1px 0 rgba(255, 255, 255, 0.5);
        background: rgba(0, 0, 0, 0.02);
        margin-top: 0.75rem;
        border-radius: 1rem;
        padding: 0.75rem;
        min-width: auto;
        width: 100%;
        border: 1px solid rgba(0, 0, 0, 0.05);
    }

    .dropdown-menu::before {
        display: block;
        height: 3px;
        border-radius: 1rem 1rem 0 0;
    }

    .dropdown-menu::after {
        display: none;
    }

    .dropdown-menu a {
        padding: 0.875rem 1.25rem;
        font-size: 1rem;
    }

    .dropdown-menu a:hover {
        padding-left: 1.5rem;
        transform: translateX(4px);
    }

    .nav-toggle {
        display: flex;
    }


    .about {
        padding: var(--section-padding-y-sm) 0;
        min-height: auto;
        background: #ffffff;
    }

    .about-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .about-text {
        order: 1;
    }

    .about-text .section-title {
        margin-bottom: 1.5rem;
        font-size: clamp(1.875rem, 6vw, 2.25rem);
    }

    .about-description {
        font-size: 1rem;
        margin-bottom: 1.25rem;
        max-width: 100%;
        line-height: 1.7;
    }

    .about-image {
        order: 2;
    }

    .about-image::before {
        top: -15px;
        right: -15px;
    }

    .about-img {
        max-height: 450px;
        border-radius: 1.25rem;
    }

    .about-highlights {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        max-width: 100%;
    }

    .about-highlight {
        text-align: center;
        padding: 1.5rem 1.25rem;
    }

    .about-highlight .stat-number {
        font-size: 2.25rem;
    }

    .about-highlight .stat-label {
        font-size: 0.875rem;
    }

    .about-stat:hover {
        transform: none;
    }

    .stat-number {
        font-size: 2.25rem;
    }

    .stat-label {
        font-size: 0.875rem;
    }

    .contact-layout {
        grid-template-columns: 1fr;
    }

    .contact-conversion-form {
        padding: 1.4rem 1.2rem;
    }

    .contact-hero-card {
        padding: 1.3rem;
    }

    .contact-hero-card h3 {
        font-size: 1.35rem;
    }

    .contact-proof-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-quick-link strong {
        font-size: 0.95rem;
    }

    .contact-quick-link {
        padding: 0.9rem;
    }

    .contact-quick-link-icon {
        width: 38px;
        height: 38px;
    }

    .contact-modern {
        grid-template-columns: 1fr;
    }

    .contact-modern__info,
    .contact-modern__form {
        padding: 1.35rem 1.15rem;
        border-radius: 1rem;
    }

    .contact-modern__info h3 {
        font-size: 1.35rem;
    }

    .contact-modern__offer {
        padding: 0.95rem;
    }

    .contact-modern__microproof {
        grid-template-columns: 1fr;
    }

    .contact-modern__header::before,
    .contact-modern__header::after {
        display: none;
    }

    .contact-modern__title {
        padding: 0 0.65rem;
    }

    .contact-modern__title::before {
        left: -30px;
        width: 26px;
        height: 26px;
        font-size: 0.8rem;
    }

    .contact-modern__title::after {
        right: -30px;
        width: 26px;
        height: 26px;
        font-size: 0.8rem;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .services {
        padding: var(--section-padding-y-sm) 0;
    }

    .services-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .service-card {
        padding: 20px;
        border-radius: 1.25rem;
    }

    .service-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 1.25rem;
    }

    .service-icon svg {
        width: 28px;
        height: 28px;
    }

    .service-title {
        font-size: 20px;
        min-height: auto;
    }

    .service-price {
        font-size: 20px;
    }

    .services-grid .service-description {
        font-size:14px;
    }

    .service-link {
        padding: 0.625rem 1.25rem;
        font-size: 0.9375rem;
    }

    .calculator-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .calc-info-block {
        position: static;
        max-height: none;
    }

    .calc-calculator-block {
        position: static;
        max-height: none;
    }

    .calc-calculator-block {
        padding: 1.5rem;
    }

    .calculator-tabs {
        flex-direction: column;
    }

    .calc-tab {
        padding: 0.875rem 1.5rem;
    }

    .calc-options {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .calc-option {
        padding: 1.25rem;
    }

    .calc-option:nth-child(4),
    .calc-option:nth-child(5) {
        grid-column: span 1;
    }

    .calc-calculator-block {
        max-height: none;
        padding: 2rem 1.5rem;
    }

    .calc-content {
        max-height: none;
    }

    .calc-result {
        margin-top: 1.5rem;
        padding: 1.75rem;
    }

    .calc-result-price {
        font-size: 2rem;
    }

    .calc-range-wrapper {
        flex-direction: column;
        align-items: stretch;
    }

    .calc-range-value {
        text-align: center;
    }

    .calc-info-block {
        padding: 1.5rem;
    }

    .calc-info-title {
        font-size: 1.5rem;
    }

    .benefits {
        padding: var(--section-padding-y) 0;
    }

    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .benefit-card {
        padding: 2.5rem 2rem;
    }

    .benefit-icon {
        width: 70px;
        height: 70px;
        margin-bottom: 1.5rem;
    }

    .benefit-icon svg {
        width: 36px;
        height: 36px;
    }

    .benefit-title {
        font-size: 1.375rem;
        margin-bottom: 0.875rem;
    }

    .benefit-description {
        font-size: 1rem;
        line-height: 1.7;
    }

    .process {
        padding: var(--section-padding-y) 0;
    }

    .process-steps {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-top: 3rem;
        padding: 1rem 0;
    }

    .process-step {
        padding: 2.5rem 2rem;
        min-height: auto;
        border-radius: 1.5rem;
    }

    .process-modern .process-modern__steps {
        margin-top: 1.8rem;
        gap: 1rem;
        padding: 0;
    }

    .process-modern .process-modern__step {
        padding: 1.15rem 1rem;
        border-radius: 0.95rem;
    }

    .step-icon-wrapper {
        margin-bottom: 1.5rem;
        gap: 1.25rem;
    }

    .step-icon {
        width: 64px;
        height: 64px;
        border-radius: 1rem;
    }

    .step-icon svg {
        width: 32px;
        height: 32px;
    }

    .step-number {
        font-size: 3.5rem;
        opacity: 0.7;
    }

    .step-title {
        font-size: 1.5rem;
        min-height: auto;
        margin-bottom: 1rem;
    }

    .step-description {
        font-size: 1rem;
        line-height: 1.7;
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    .clients-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .breadcrumbs {
        padding: 1rem 0;
        margin-top: 0;
    }

    .breadcrumbs-nav {
        font-size: 0.8125rem;
    }

    .cta {
        padding: var(--section-padding-y-sm) 0;
    }

    .cta-title {
        font-size: 2rem;
    }

    .cta-subtitle {
        font-size: 1.125rem;
    }

    .cta-buttons {
        flex-direction: column;
    }

    .cta-features {
        flex-direction: column;
        gap: 1rem;
    }

    .faq-question {
        padding: 1.5rem 1.5rem;
    }

    .faq-question-content {
        gap: 1rem;
    }

    .faq-number {
        width: 2.25rem;
        height: 2.25rem;
        font-size: 0.8125rem;
    }

    .faq-question h3 {
        font-size: 1rem;
    }

    .faq-icon-wrapper {
        width: 2.25rem;
        height: 2.25rem;
        margin-left: 0.75rem;
    }

    .faq-icon {
        width: 1.125rem;
        height: 1.125rem;
    }

    .faq-answer {
        padding: 0 1.5rem 1.5rem;
    }
    
    .faq-item.active .faq-answer {
        padding: 0 1.5rem 1.5rem;
    }

    .faq-modern .faq-answer {
        padding: 0 1rem;
    }

    .faq-modern .faq-item.active .faq-answer {
        padding: 0 1rem 0.9rem;
    }

    .faq-modern .faq-answer-content {
        padding: 0.1rem 0 0 0;
    }

    .faq-list {
        max-width: 100%;
    }
    
    .service-faq-item.active .faq-answer {
        max-height: 3000px;
    }

    .btn-large {
        width: 100%;
        min-width: auto;
        padding: 1.125rem 2rem;
        font-size: 1rem;
    }

}@media (max-width: 480px) {
    .modal-content {
        padding: 1.5rem;
        max-width: 95%;
    }

    .modal-title {
        font-size: 1.25rem;
    }

    .modal-subtitle {
        font-size: 0.8125rem;
    }

    .stats-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .stat-card {
        padding: 1.5rem 1.25rem;
        min-height: 150px;
    }

    .stat-card .stat-number {
        font-size: 2.25rem;
    }

    .stat-card .stat-label {
        font-size: 0.875rem;
    }
}

@media (max-width: 1080px) {
    .project-hero {
        padding: var(--section-padding-y-sm) 0;
    }

    .project-title {
        font-size: 20px;
    }

    .project-subtitle {
        font-size: 14px;
    }

    .project-section .section-title {
        font-size:20px;
    }

    .project-text-content p:last-child, .project-solution p {
        font-size:14px;
    }

    .project-image-section {
        padding: var(--section-padding-y-sm) 0;
    }

    .project-main-image {
        height: auto;
        max-height: auto;
    }

    .project-main-image-wrapper {
        height: auto;
        max-height: auto;
        overflow: visible;
        cursor: pointer;
    }

    .project-main-image-img {
        height: auto;
        width: 100%;
    }

    .project-main-image:hover .project-main-image-wrapper {
        overflow: visible;
    }

    .project-overview {
        padding: var(--section-padding-y-sm) 0;
    }

    .project-overview-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .project-description .section-title,
    .project-features .section-title,
    .project-results .section-title {
        font-size: clamp(1.75rem, 4vw, 2rem);
        margin-bottom: 2.5rem;
    }

    .project-results .container {
        max-width: 100%;
        padding: 0 1rem;
    }

    .project-info-card {
        position: static;
        padding: 15px;
    }

    .info-card-title {
        font-size:20px;
    }

    .project-info-value {
        font-size:15px;
    }

    .project-info-item {
        padding-bottom:10px;
        margin-bottom:10px;
    }

    .project-features,
    .project-results,
    .project-cta {
        padding: var(--section-padding-y-sm) 0;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .results-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .feature-item {
        padding: 2.5rem;
    }

    .feature-title {
        min-height: auto;
        font-size: 1.375rem;
    }

    .result-item {
        padding: 2.5rem 2rem;
    }

    .project-cta .cta-title {
        font-size: 2rem;
    }

    .project-cta .cta-subtitle {
        font-size: 1.125rem;
    }

    .project-cta .cta-buttons {
        flex-direction: column;
        gap: 1rem;
    }

    .project-cta .cta-buttons .btn {
        width: 100%;
    }

    .project-content-layout {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .additional-images-grid,
    .project-gallery-grid,
    .related-projects-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .testimonial-card {
        padding: 2.5rem 2rem;
    }

    .testimonial-text {
        font-size: 1.125rem;
    }

    .result-card {
        padding: 2rem;
    }

    .project-related .section-title,
    .project-gallery .section-title,
    .project-additional-images .section-title {
        font-size: 2rem;
    }

    /* ===========================
       Sidebar Layout Responsive
       =========================== */
    .site-wrapper {
        flex-direction: column;
    }

    .sidebar {
        position: fixed;
        left: -280px;
        transition: left 0.3s ease;
        z-index: 10000;
    }

    .sidebar.active {
        left: 0;
    }

    .main-content {
        margin-left: 0;
        width: 100%;
    }

    .mobile-menu-toggle {
        display: flex;
    }

    /* Sidebar Overlay */
    .sidebar-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 9999;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .sidebar-overlay.active {
        display: block;
        opacity: 1;
    }

    body.sidebar-open {
        overflow: hidden;
    }
}@media (max-width: 768px) {
    .service-hero {
        padding: 3rem 0;
    }

    .service-hero-icon {
        width: 80px;
        height: 80px;
        margin-bottom: 1.5rem;
    }

    .service-hero-icon svg {
        width: 40px;
        height: 40px;
    }

    .service-hero-actions {
        flex-direction: column;
    }

    .service-hero-actions .btn {
        width: 100%;
    }

    .service-content-layout {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .service-main-content {
        gap: 3rem;
    }

    .service-section .section-title {
        font-size: 1.875rem;
    }

    .service-sidebar {
        position: static;
    }
    
    .service-hero-content {
        padding: 0 1rem;
    }
    
    .service-cta-content {
        padding: 0 1rem;
    }

    .service-info-card {
        margin-bottom: 1.5rem;
    }
}@media (max-width: 768px) {
    .project-content-layout {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .additional-images-grid,
    .project-gallery-grid,
    .related-projects-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .project-testimonial {
        padding: 2rem 0;
    }

    .project-testimonial .container {
        max-width: 100%;
        padding: 0 1rem;
    }

    .testimonial-card {
        padding: 2rem 1.5rem;
        border-radius: 1.25rem;
    }

    .testimonial-text {
        font-size: 1rem;
        line-height: 1.75;
        margin-bottom: 1.5rem;
    }

    .testimonial-author {
        padding-top: 1.25rem;
    }

    .testimonial-author-name {
        font-size: 1rem;
    }

    .testimonial-author-position {
        font-size: 0.875rem;
    }

    .testimonial-text::after {
        bottom: -2.5rem;
        right: -1rem;
    }

    .testimonial-author {
        flex-direction: column;
        gap: 1.25rem;
        text-align: center;
    }

    .testimonial-author-info {
        text-align: center;
    }

    .testimonial-author-avatar {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }

    .testimonial-author-name {
        font-size: 1.25rem;
    }

    .testimonial-author-position {
        font-size: 1rem;
    }

    .project-results-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .result-card {
        padding: 2rem 1.5rem;
    }

    .result-card .result-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 1.5rem;
    }

    .result-card .result-icon svg {
        width: 32px;
        height: 32px;
    }

    .result-card .result-value {
        font-size: 2rem;
    }

    .result-card .result-title {
        font-size: 1.125rem;
    }

    .result-card .result-description {
        font-size: 0.9375rem;
    }

    .project-related .section-title,
    .project-gallery .section-title,
    .project-additional-images .section-title {
        font-size: 22px;
        display: block;
        text-align: center;
    }

    /* ===========================
       Sidebar Layout Responsive
       =========================== */
    .site-wrapper {
        flex-direction: column;
    }

    .sidebar {
        position: fixed;
        left: -280px;
        transition: left 0.3s ease;
        z-index: 10000;
    }

    .sidebar.active {
        left: 0;
    }

    .main-content {
        margin-left: 0;
        width: 100%;
    }

    .mobile-menu-toggle {
        display: flex;
    }

    /* Sidebar Overlay */
    .sidebar-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 9999;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .sidebar-overlay.active {
        display: block;
        opacity: 1;
    }

    body.sidebar-open {
        overflow: hidden;
    }
}

@media (max-width: 1024px) {
    .smm-tariffs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .smm-tariffs-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {

    .sidebar-logo {
        padding:0 0 15px 20px;
    }

    .about-hero-title {
        font-size:22px;
    }
    .about-hero-subtitle {
        font-size:14px;
    }
    .sidebar-link {
        padding:10px;
    }

    .sidebar-inner {
        padding:15px 0;
    }
    .service-intro-bullets .container {
        padding: 0 1rem;
    }

    .intro-bullet-item {
        font-size: 1rem;
    }

    .smm-hero {
        padding: 3.5rem 0 4rem;
    }

    .smm-hero-inner {
        padding: 0 1rem;
    }

    .smm-hero-title {
        font-size: 1.5rem;
    }

    .smm-hero-cards {
        margin-bottom: 1.5rem;
    }

    .smm-hero-card {
        padding: 0.875rem 1rem;
    }

    .smm-hero-card-text {
        font-size: 0.9375rem;
    }

    .smm-hero-actions {
        flex-direction: column;
    }

    .smm-hero-btn {
        width: 100%;
        white-space: normal;
        text-align: center;
    }

    .smm-hero-divider {
        padding: 0.25rem 0;
    }

    .service-cta-smm {
        padding: 3rem 0;
    }

    .service-cta-smm .service-cta-inner {
        padding: 0 1rem;
    }

    .service-cta-smm .cta-buttons-row {
        flex-direction: column;
    }

    .service-cta-smm .cta-buttons-row .cta-btn {
        width: 100%;
        white-space: normal;
        text-align: center;
    }

    .smm-cta-form-grid {
        grid-template-columns: 1fr;
    }

    .smm-cta-form .form-group-submit {
        justify-content: stretch;
    }

    .smm-cta-form .btn-submit {
        width: 100%;
    }

    .who-manages-card {
        flex-direction: column;
    }

    .service-for-who-grid {
        grid-template-columns: 1fr;
    }

    .smm-stats-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .smm-intro-cards {
        grid-template-columns: 1fr;
    }

    .smm-benefits-grid,
    .smm-results-grid,
    .smm-steps-timeline,
    .smm-cases-grid,
    .smm-forwho-grid {
        grid-template-columns: 1fr;
    }

    .service-main-content > .smm-section:nth-of-type(even) {
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .smm-stats .smm-stat {
        padding: 1rem;
    }
}