@media only screen and (max-width: 1100px) {
    .imaginiHolder {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media only screen and (max-width: 900px) {
    .holderAddProduse{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas:
            'titlu titlu titlu adaugaProdus'
            'input input input filtre';
        row-gap: 10px;
    }
    .holderAddProduse .subtitlu {
        grid-area: titlu;
    }
    .holderAddProduse .form-cautare {
        grid-area: input;
    }
    .holderAddProduse .addProdus {
        grid-area: adaugaProdus;
    }
    .holderAddProduse .avansat{
        top: 116px
    }
    .holderProduse{
        margin-top: 40px;
    }
    .left {
        top: 45px;
    }
    .containerService{
        margin-top: 45px;
    }
    #avansat {
        width: 100%;
    }
    .imaginiHolder {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 700px) {
    .imaginiHolder {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 500px) {
    .hodlderImg img {
        height: 150px;
    }
}