@media(max-width:1023px) {
    .container {
        padding: 0 20px;
    }

    .header-wrapper {
        padding: 24px;
    }

    .hero-banner-inr {
        padding: 24px;
    }

    .profile-inr {
        padding: 48px 16px;
        gap: 24px;
    }

    .profile-img img {
        width: 120px;
        height: 120px;
    }

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

    .enterprise-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .comfortable-content {
        padding: 48px 24px;
    }

    .portfolio-inr {
        padding: 48px 36px;
    }

    .explore-inr {
        padding: 48px 16px;
    }

    .feedback-inr {
        padding: 48px 16px;
    }
}

@media(min-width:768px) {
    .hero-banner-btn {
        display: none;
    }
}

@media(max-width:767px) {
    .container {
        padding: 0 12px;
    }

    .header-top-wrapper {
        padding: 16px;
        border-radius: 12px;
        flex-direction: column;
        align-items: self-start;
        gap: 8px;
        margin: 16px 0;
    }

    .header-inr {
        top: 153px;
    }

    .header-wrapper {
        padding: 24px 16px;
    }

    .header-wrapper .header-right-wrap {
        display: none;
    }

    .logo-wrapper p {
        font-size: 28px;
        line-height: 36px;
    }

    .header-inr.header-visible .logo-wrapper p {
        font-size: 18px;
    }

    .header-inr.header-visible .header-wrapper {
        padding: 12px 16px;
    }

    .header-inr.header-visible .header-wrapper .header-right-wrap {
        display: block;
    }

    .hero-banner-inr {
        padding: 32px 16px;
        border-radius: 12px;
        min-height: 470px;
    }

    .hero-banner-content p {
        font-size: 14px;
        padding: 16px 0 24px;
    }

    .header-inr.header-visible .custom-btn {
        font-size: 12px;
        padding: 10px 16px;
    }

    .hero-banner-btn {
        margin-top: 24px;
    }

    .hero-banner-btn .custom-btn {
        width: 100%;
    }

    .profile-inr {
        padding: 32px 16px;
        flex-direction: column;
        border-radius: 12px;
    }

    .profile-img img {
        width: 90px;
        height: 90px;
    }

    .clients-wrapper {
        padding: 24px 16px;
        border-radius: 12px;
    }

    .enterprise-item {
        padding: 32px 16px;
    }

    .enterprise-item h4,
    .performance-item-inr h4 {
        font-size: 20px;
        margin: 16px 0;
    }

    .comfortable-content {
        padding: 32px 20px;
        border-radius: 12px;
    }

    .portfolio-inr {
        padding: 30px 10px;
        border-radius: 12px;
    }

    .explore-inr {
        padding: 32px 16px;
        border-radius: 12px;
    }

    .explore-inr h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .explore-inr h3 {
        font-size: 16px;
    }

    .explore-inr p,
    .explore-inr ul {
        font-size: 14px;
    }

    .btn-wrap .custom-btn {
        width: 100%;
    }

    .feedback-inr {
        padding: 32px 10px;
        border-radius: 12px;
    }

    .testimonial-slide {
        padding: 24px 16px;
    }

    p.quote {
        font-size: 16px;
    }

    p.author {
        font-size: 14px;
    }

    .performance-item, .enterprise-item {
        position: sticky;
        top: calc(20px * var(--i, 1));
        box-shadow: 0 7px 20px 0 rgb(255 255 255 / 10%);
    }
}