.portfolio-main-content{padding-top:0px!important;}
.three-image li{list-style:none; float:left;}
.zoom{}
.links{margin-left:45px!important;}
.con{margin-left:90px!important;}

.portf-my-projects .page-header .feature-title{padding-bottom: 16px!important;}
.portf-my-projects .container .col-sm-12{padding-left:0px!important; padding-right:0px!important;}
.link-zoom {
background-image: url("../assets/images/port_tuhin_img/my_pro_arro2.png");
position: absolute;
z-index: 999;
width: 34px;
height: 34px;
} 
  
.link-target {
background-image: url("../assets/images/port_tuhin_img/my_pro_arro1.png");
position: absolute;
z-index: 999;
width: 34px;
height: 34px;
}  

.link-iso {
background-image: url("../assets/images/port_tuhin_img/my_pro_arro3.png");
position: absolute;
z-index: 999;
width: 34px;
height: 34px;
}


.hoverdiv{display:none; height:270px; width:90%; position:absolute; margin-right:30px;}
.element:hover .hoverdiv{z-index:9999; display:block; background-color: rgba(255,103,96, 0.8);
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}


.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


.element {
	height:270px;
	margin-bottom:15px; 
	margin-top:15px;

}

.mfp-wrap{position: fixed;
height:100%;
width: 100%;
z-index: 99999;
background-color: #2a2a2a;
}
.mfp-img{margin: 0 auto;
display: block;
margin-top: 8%;}

.portfolio-detail-content-container .content{width:50%; float:left; padding-right:30px;}
.portfolio-detail-content-container .item-details{width:50%; float:left; padding-left:30px;}

.mfp-figure .mfp-close{margin-right: 30px; margin-top:0%;
float: right;}

.mfp-inline-holder{margin-top:8%; padding:0px 30px 0px 30px;}
.portfolio-detail-content-container > .content > #myCarousel12 > .left{background-image: url(../assets/images/left.png)!important;
background-repeat: no-repeat; background-position:left;  }
.portfolio-detail-content-container > .content > #myCarousel12 > .right{background-image: url(../assets/images/right.png)!important;
background-position:right; background-repeat: no-repeat;}


.portfolio-detail-content-container .item-details h2{color:#fff;}
.portfolio-detail-content-container .item-details ul.item-info{padding-left:0px;}
.portfolio-detail-content-container .item-details ul.item-info li{list-style:none; color:#fff;}
.portfolio-detail-content-container .item-details ul.item-info li span.lite1{color:red;}
.portfolio-detail-content-container .item-details p{margin-bottom:40px;}

.portf-my-projects .container .portfolio-wrapper ul.filter{width:97%;}
.portf-my-projects .container .portfolio-wrapper ul.filter li{float:right;}
			
.isotop-readmore{text-decoration:none; background-color:#2c3e50; color:#fff; padding:8px 20px; border-radius:3px; margin-top:50px;}
.isotop-readmore:hover{text-decoration:none; background-color:#ff6760; padding:8px 20px; border-radius:3px; color:#fff;  margin-top:50px;}


.mfp-close{
margin-top:-17%;
float: right;
margin-right: 30px;}

.hoverdiv h3 {
color: white;
font-size: 24px;
text-transform: uppercase;
text-align: center;
padding: 35px 5px 5px 5px;
}

.hoverdiv span.meta {
color: white;
text-align: center;
padding: 5px 5px 5px 50px;
}
ul.three-image {
margin-top: 20px;
margin-left: 30px;
}

#myCarousel12 .carousel-inner > .item > img{width:100%;}


@media (max-width:600px){
.portf-my-projects .container p{margin-top:35px;}
}

.portfolio-details-text{text-align:center; padding-bottom:30px; padding-left:30px; padding-right:30px;}
.col-5{width:210px; height:210px!important; margin-left:15px; margin-right:15px;}
.col-5 .hoverdiv{width:100%; height:100%;}
.col-5 .hoverdiv ul.three-image{margin-left:0%;}

.col-6 .col-sm-2{height:170px!important;}
.col-6 .col-sm-2 .hoverdiv{width:85%; height:100%;}
.col-6 .col-sm-2 .hoverdiv ul.three-image{margin-left:0%;}
.col-6 .col-sm-2 .hoverdiv h3 {padding: 0px; font-size:18px;}
.col-6 .col-sm-2 .hoverdiv span.meta {padding: 5px 5px 5px 10px;}
.col-6 .col-sm-2 .hoverdiv ul.three-image{margin-left:0%;}
.col-6 .col-sm-2 .hoverdiv ul.three-image li.zoom{margin-left:-10px;}
.col-6 .col-sm-2 .hoverdiv ul.three-image li.links{margin-left:30px!important;}
.col-6 .col-sm-2 .hoverdiv ul.three-image li.con{margin-left:70px!important;}