@media screen and (max-width: 400px) {
    .testimonial{
    height: 120px !important;
}
}

@media screen and (max-width: 600px) {
   .footer{
    display: grid;
    grid-template-columns: 1fr  !important;
    row-gap: 40px;
}
}


@media screen and (max-width: 768px) {
    .header-top .contact-info {
        display: none !important;
    }

    .header-top .num-top{
        display: flex;
        justify-content: end;
        align-items: center;
        width: 100%;
    }

    .header-top{
        padding-right: 10px !important;
    }

    .mobile-element {
        display: block;
    }

    .navbar {
        justify-content: space-around;
    }

    .navbar li:nth-child(1),
    .navbar li:nth-child(3),
    .navbar li:nth-child(4),
    .navbar li:nth-child(6),
    .navbar li:nth-child(8),
    .navbar li:nth-child(9)
     {
        display: none;
    }

    .nav-active a {
        color: var(--secondary-color) !important;
        border-bottom: 2px solid var(--secondary-color);
        width: 100px;
    }

    .heroabout-img{
        height: 20rem !important;
    }
}


@media screen and (max-width: 1024px) {     
    .footer{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap: 40px;
}
}