/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

.pimg-wrap{display: flex;flex-wrap: wrap;}
.pimg-wrap .pimg-col{max-width:23%;width: 100%;margin-bottom: 30px;position: relative}
.pimg-wrap .pimg-col:not(:nth-child(4)):not(:last-child){margin-right: 2.66%;}
.pimg-wrap .pimg-col .img-wrap{width: 100%;height:310px;overflow: hidden;transition: .5s ease all;-webkit-transition: .5s ease all;-moz-transition: .5s ease all;}
.pimg-wrap .pimg-col:hover .img-wrap{filter: grayscale(0%);}
.pimg-wrap .pimg-col .img-wrap img{height:100%;width: 100%;object-fit:cover;}
.pimg-wrap .pimg-col .text{position: absolute;bottom:0px;left: 0px;padding: 20px 20px; background-image: linear-gradient(179deg,transparent, #000);width: 100%;}
.pimg-wrap .pimg-col .text p,.pimg-wrap .pimg-col .text{color: #fff;font-weight: 600}
.pimg-wrap .pimg-col .text a{font-weight: 600; background-color:#960000;padding: 5px 10px;color: #fff;margin-top: 5px;display: inline-block;}
.pimg-wrap .pimg-col .text a:hover{color:#960000;background-color: #fff;}


@media only screen and (max-width:1300px){
    .pimg-wrap .pimg-col{max-width:31%;}
    .pimg-wrap .pimg-col:not(:nth-child(4)):not(:last-child){margin-right: 0px;}
    .pimg-wrap .pimg-col:not(:nth-child(3n)):not(:last-child){margin-right:3.5%;}
}

@media only screen and (max-width:1023px){
    .pimg-wrap .pimg-col{max-width:48%;}
    .pimg-wrap .pimg-col:not(:nth-child(3n)):not(:last-child){margin-right:0%;}
    .pimg-wrap .pimg-col:not(:nth-child(2n)):not(:last-child){margin-right:4%;}
}
@media only screen and (max-width:600px){
    .pimg-wrap .pimg-col{max-width:100%;}
    .pimg-wrap .pimg-col:not(:nth-child(2n)):not(:last-child){margin-right:0%;}
}