.img-holder{
    width:370px;
    height:270px;
}

.text-holder {
    padding-left: 0;
    position: relative;
    padding-top: 19px;
    padding-bottom: 15px;
    background-color: #ddd;
    text-align: center;
}

/*RESPONSIVE MEDIA QUERIES FOR INDEX PAGE*/
@media screen and (min-device-width: 1350px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) { 

}

@media screen and (min-device-width: 1020px) and (max-device-width: 1030px) and (-webkit-min-device-pixel-ratio: 1) { 
    .img-holder{
        width:315px!important;
        height:250px!important;
    }
    
    .gallery_image{
        width: 100%!important
    }

}

@media screen and (min-device-width: 760px) and (max-device-width: 770px) and (-webkit-min-device-pixel-ratio: 1) { 
    .img-holder{
        width:100%!important;
        height:100%!important;
    }

    .gallery_image{
        width: 100%!important
    }

}

@media screen and (min-device-width: 410px) and (max-device-width: 420px) and (-webkit-min-device-pixel-ratio: 1) { 
    .img-holder{
        width:100%!important;
        height:100%!important;
    }

    .gallery_image{
        width: 100%!important
    }

}   

@media screen and (min-device-width: 730px) and (max-device-width: 740px) and (-webkit-min-device-pixel-ratio: 1) { 
    .img-holder{
        width:100%!important;
        height:100%!important;
    }

    .gallery_image{
        width: 700px!important;
    }

}

@media screen and (min-device-width: 640px) and (max-device-width: 670px) and (-webkit-min-device-pixel-ratio: 1) { 
    .img-holder{
        width:100%!important;
        height:100%!important;
    }

    .gallery_image{
        width: 650px!important;
    }

}

@media screen and (min-device-width: 560px) and (max-device-width: 580px) and (-webkit-min-device-pixel-ratio: 1) { 
    .img-holder{
        width:100%!important;
        height:100%!important;
    }

    .gallery_image{
        width: 550px!important;
    }
}

@media screen and (min-device-width: 360px) and (max-device-width:380px) and (-webkit-min-device-pixel-ratio: 1) { 
    .img-holder{
        width:100%!important;
        height:100%!important;
    }

    .gallery_image{
        width: 100%!important
    }

}

@media screen and (min-device-width: 310px) and (max-device-width:325px) and (-webkit-min-device-pixel-ratio: 1) { 
    .img-holder{
        width:100%!important;
        height:100%!important;
    }

    .gallery_image{
        width: 100%!important;
    }

}

@media screen and (min-device-width: 480px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 1) { 
    .img-holder{
        width:100%!important;
        height:100%!important;
    }
    
    .gallery_image{
        width: 700px!important;
    }
}