#filter_btn_box{

    display: none;
}


.grid-item-gallery img {


    cursor: pointer;

}

.grid-item-gallery img:hover{
    -webkit-box-shadow: 11px 10px 24px -3px rgba(28,28,28,0.71);
    -moz-box-shadow: 11px 10px 24px -3px rgba(28,28,28,0.71);
    box-shadow: 11px 10px 24px -3px rgba(28,28,28,0.71);
}




@media only screen and (min-width: 1200px){


    .grid-container-gallery {
        display: flex;
        justify-content: space-evenly;
        margin: 5px;
        width: 1200px; 
    }

    .grid-container-gallery {
        display: grid;
        grid-template-columns: auto auto auto auto; 
        grid-column-gap: 15px;
        width: 1200px; 
        margin: 5px;
    }

    .grid-item-gallery {
        display: flex;
        flex-direction: column; 
        justify-content: flex-end;
        font-size: 14px;
        text-align: center;
    }

    .grid-item-gallery-info{
        position: relative;
        margin-top: 20px;
        height: 35px;
        min-width: 120px;
    }



}


@media only screen and (min-width: 10px) and (max-width: 1199px){

    .grid-container-gallery {
        display: grid;
        grid-template-columns: auto auto auto auto; 
        grid-column-gap: 15px;
        max-width: 1200px;

    }

    .grid-item-gallery {
        display: flex;
        flex-direction: column; 
        justify-content: flex-end;
        font-size: 14px;
        text-align: center;
    }

    .grid-item-gallery-info{
        position: relative;
        margin-top: 20px;
        height: 35px;
        min-width: 120px;
    }


}


@media only screen and (min-width: 10px) and (max-width: 965px){

    .grid-container-gallery {
        display: grid;
        grid-template-columns: auto auto auto; 
        grid-column-gap: 15px;
        max-width: 1200px;
    }

    .grid-item-gallery {
        display: flex;
        flex-direction: column; 
        justify-content: flex-end;
        font-size: 14px;
        text-align: center;
    }

    .grid-item-gallery-info{
        position: relative;
        margin-top: 20px;
        height: 35px;
        min-width: 120px;
    }


}

@media only screen and (min-width: 10px) and (max-width: 746px){

    .grid-container-gallery {
        display: grid;
        grid-template-columns: auto auto; 
        grid-column-gap: 15px;
        max-width: 1200px;

    }

    .grid-item-gallery {
        display: flex;
        flex-direction: column; 
        justify-content: flex-end;
        font-size: 14px;
        text-align: center;
    }

    .grid-item-gallery-info{
        position: relative;
        margin-top: 20px;
        height: 35px;
        min-width: 120px;

    }



}


@media only screen and (min-width: 440px) and (max-width: 758px){


    #gallery_wrapper img {
        width: 200px; 
        height: auto; 
        display: block;
    } 


    .grid-container-gallery {
        display: grid;
        grid-template-columns: auto auto auto ; 
        grid-column-gap: 15px;

        max-width: 1200px;
    }

    .grid-item-gallery {
        display: flex;
        flex-direction: column; 
        justify-content: flex-end;
        font-size: 14px;
        text-align: center;
    }

    .grid-item-gallery-info{
        position: relative;
        margin-top: 20px;
        height: 35px;
        min-width: 120px;
    }


    .grid-item-gallery img {
        max-width: 100%; 
        height: auto; 
        image-rendering: -moz-crisp-edges;         /* Firefox */
        image-rendering:   -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */

    }


}

@media only screen and (min-width: 10px) and (max-width: 440px){

    #gallery_wrapper img {
        width: 200px; 
        height: auto; 
        display: block;
    } 


    .grid-container-gallery {
        display: grid;
        grid-template-columns: auto auto ; 
        grid-column-gap: 15px;
        max-width: 1200px;
    }

    .grid-item-gallery {
        display: flex;
        flex-direction: column; 
        justify-content: flex-end;
        font-size: 14px;
        text-align: center;
    }

    .grid-item-gallery-info{
        position: relative;
        margin-top: 5px;
        height: 35px;
        min-width: 120px;
    }


    .grid-item-gallery img {
        max-width: 100%; 
        height: auto; 
        image-rendering: -moz-crisp-edges;         /* Firefox */
        image-rendering:   -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */

    }


}