@media screen and (max-width: 1024px){
    .hero-text .hero-text-box h1 {
        font-size: 62px;
        line-height: 72px;
    }
    .gallery-section .gallery-iteam {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 768px){
    .top-area .logo {
        margin-left: 0px;
    }
    .top-area .logo a img {
        width: 90px;
    }
    .main-nav ul li a {
        padding: 20px 10px;
        font-weight: 600;
        font-size: 12px;
    }
    .hero-text .hero-text-box h1 {
        font-size: 39px;
        line-height: 54px;
    }
    .hero-text-box .hero-btn a {
        padding: 10px 5px;
        font-size: 12px;
    }
    .about-section .about-all {
        display: flex;
        flex-direction: column-reverse;
        gap: 70px;
        
    }
    .about-section {
        padding-bottom: 100px;
    }
    .gallery-section .gallery-title h2 {
        font-size: 45px;
    }
    .gallery-section .gallery-title p {
        font-size: 14px;
    }
    .gallery-section .gallery-iteam {
        grid-template-columns: 1fr;
    }
    .testimonial-section .test-title h4 {
        font-size: 25px;
    }
    .testimonial-section .test-title h2 {
        font-size: 40px;
    }
    .testimonial-section .test-all{
        grid-template-columns: 1fr;
    }
    .testimonial-section .test-data:nth-child(2){
        display: none;
    }
    .footer-section .end{
        grid-template-columns: 1fr;
        text-align: center;
    }
}