.portfolio-grid{position:relative;margin-left:-10px;margin-right:-10px;list-style:none !important;padding:0}
.portfolio .blog-grid{margin-left:-5px;margin-right:-5px}
.portfolio-grid>li{position:relative;text-align:center;width:30%;float:left;padding:0px 10px 15px 10px;eight:320px;margin:0px 50px 0px 0px  !important}
.portfolio-grid>li.first{content:'';display:table;clear:both}
.portfolio-grid a.portPop{display:block}
.portfolio-grid a.portPop img{width:100%;height:auto}
.box_overlay{position:absolute;top:0;left:0;z-index:10;background:rgba(255,255,255,0.9);width:90%;height:90%;padding-top:60px;cursor:pointer;opacity:0;margin:3px
13px;display:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out}
.portfolio-grid > li a.portPop{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;border:3px
solid #FFF}
.portfolio-grid > li:hover a.portPop{border-color:#855A54}
.portfolio-grid > li:hover .box_overlay{opacity:1;display:block}
.box_overlay h2{font-size:24px;color:#000;font-family:Verdana,Arial,sans-serif}
.box_overlay ul{width:260px;margin:0 auto}
.box_overlay li{text-align:left;background:url('../images/bullet_blue.png') no-repeat 20px center;padding-left:40px;margin-bottom:5px;color:#414141}
.lens{display:block;width:30px;height:32px;margin:20px
auto;background:url('../images/view_lens.png') no-repeat center center}
.port_label{background-color:#f2f2f2;width:98%; height:54px; /*top:245px;*/left:12px;position:absolute;}
.port_label img{display:none;position:absolute}
.port_label span{position:absolute; color: #000000;}
.port_label img{left:20px;top:10px}
.port_label span{left:59px;width:134px;text-align:center;top:6px;font-size:14px}
.box_pop .port_label{background-color:#f2f2f2;width:540px;height:85px;top:496px;left:30px;position:absolute}
.box_pop .port_label img{left:18px;top:15px}
.box_pop .port_label span{left:83px;width:225px;text-align:center;top:8px;color:#FFF;font-size:20px}
.box_pop .port_label i{display:block;width:96px;height:65px;position:absolute;right:0px;top:10px;background:#ff0000;}
.box_pop img { width:100%; height: auto}
@media screen and (max-width:400px) {
	.portfolio-grid>li { width:95%;}
	.port_label { width:90%;}
}
@media screen and (min-width:401px)  and (max-width:600px) {
	.portfolio-grid>li { width:45%;}
	.port_label { width:90%;}
}