@media (max-width: 1280px) {
.about-section,.services-section,.insta-showcase-section,.projects-section,.why-us-section,.testimonials-section,.blog-section,.mission-section,.about-values-section,.about-section-pag,.services-section-page,.projects-section-page, .projects-section-page-dtails, .blog-page-wrapp {padding:80px 0!important}

.about-grid {
gap: 40px;
    grid-template-columns: 1fr 1.3fr; }

.insta-video-grid {
    gap: 20px;
}
}

@media (max-width: 1024px) {
.about-section,.services-section,.insta-showcase-section,.projects-section,.why-us-section,.testimonials-section,.blog-section,.mission-section,.about-values-section,.about-section-pag,.services-section-page,.projects-section-page, .projects-section-page-dtails, .blog-page-wrapp {padding:60px 0!important}

    .about-grid {
        grid-template-columns: 1fr;
    }
.hme-experience-section { min-height: 500px; background-position: right top;}

.insta-showcase-header-right {
    align-items: flex-start;
    text-align: left;
    margin-top: 12px;
}
.insta-showcase-header-desc {
    text-align: left;
    max-width: 100%;
}
.insta-video-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
}

@media (max-width: 768px) {
.insta-video-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 14px;
    margin-top: 24px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 6px 15px 16px 15px;
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary) #e2e8f0;
}
.insta-video-grid::-webkit-scrollbar {
    height: 5px;
}
.insta-video-grid::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 9999px;
}
.insta-video-grid::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 9999px;
}
.insta-video-card {
    flex: 0 0 68%;
    min-width: 210px;
    max-width: 270px;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
}
}

@media (max-width: 668px) {
.prj-gall-grp {
    display: grid;
      grid-template-columns: 1fr;
    gap: 20px;
}
.about-left .btn-primary { margin-top: 35px;}
.cta-section {
    padding: 50px 0 !important;
} 
.client-logo-section, .logo-slider {
    padding: 15px 0 !important;
} 
    .experince-hme-content h2, .cta-title,  .section-header h2, .section-title-small, .prj-scop-exce .section-title {
        font-size: 1.4rem;
    }
.stat-number { font-size: 1.7rem;}
.addrss-area-cnt { padding: 20px;}
.footer-logo img { height: auto;}
}