@media screen and (max-width:1260px){
    .footer-img{
        grid-column: span 2;
    }

    .footer-img img{
        width: 100%;
    }

    .footform-re input{
        margin-bottom: 1em;
        width: 60vw;
    }
}

@media screen and (max-width:1080px){
    .first{
        grid-column: span 3;
    }

    .first img{
        height: 40vh;
    }

    .second{
        grid-column: span 3;
    }

    .second img{
        height: 40vh;
    }

    .third{
        grid-column: span 3;
    }

    .third img{
        height: 40vh;
    }
}

@media screen and (max-width:780px){
    .head img{
        height:50vh;
    }
}

@media screen and (max-width:550px){
    .head img{
        height:50vh;
    }

    .first{
        padding: 20px;
    }

    .first img{
        width: 80vw;
    }

    .second{
        padding: 20px;
    }

    .third img{
        width: 80vw;
    }
 
    .footform-re input{
        margin-bottom: 1em;
        width: 40vw;
    }
}

@media screen and (max-width:400px){
    .head img{
        height:30vh;
    }

    .first img{
        height: 30vh;
    }

    .second img{
        height: 30vh;
    }

    .third img{
        height: 30vh;
    }
}

@media screen and (max-width:370px){
    .links ul{
        display: block;
    }
}

@media screen and (max-width:340px){
   footer{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 10px 10px;
    gap: 0px;
   }
}