/* ============================================================================
   PORTFOLIO
============================================================================ */
.port-main-wrapper {width:100%;background:#fff;}
/* photos display */
.gallcontainer {max-width: 100%;margin:0 0 0 0;padding:0;}
.gallcontents-def {width: 25%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.gallcontents-last {width: 25%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.gallcontainer img {max-width:100%;height:360px;}
.gallcontainer-last img {max-width:100%;height:360px;}

a.iprtphoto-hover {width:100%;height:100%;position: absolute;top:0;left:0;display:block;background:none;}
a.iprtphoto-hover:hover {width:100%;height:100%;position: absolute;top:0;left:0;display:block;background: rgba(197, 157, 186, 0.8);}

.visithover {display:none;}
.iprtphoto-hover:hover .visithover {display:block;position:relative;}
.iporttxt-sm {width:90%;margin:0px auto;padding:120px 0 0 0;color:#fff;font-size:22px;line-height:28px;text-align:center;font-weight:400;}

.fade-in {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


/* RESPONSIVE */
@media only screen and (min-width: 1370px) and (max-width: 1720px){

}

@media only screen and (min-width: 1180px) and (max-width: 1370px){
.gallcontainer {max-width: 100%;margin:0 0 0 0;padding:0;}
.gallcontents-def {width: 25%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.gallcontents-last {width: 25%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.gallcontainer img {max-width:100%;height:260px;}
.gallcontainer-last img {max-width:100%;height:260px;}
}

@media only screen and (min-width: 959px) and (max-width: 1180px){
.gallcontainer {max-width: 100%;margin:0 0 0 0;padding:0;}
.gallcontents-def {width: 25%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.gallcontents-last {width: 25%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.gallcontainer img {max-width:100%;height:220px;}
.gallcontainer-last img {max-width:100%;height:220px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
.gallcontents-def {width: 50%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.gallcontents-last {width: 50%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.gallcontainer img {max-width:100%;height:360px;}
.gallcontainer-last img {max-width:100%;height:360px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.gallcontainer {max-width: 100%;margin:0 0 0 0;padding:0;}
.gallcontents-def {width: 100%;display: block;margin:0 0 0 0;}
.gallcontents-last {width: 100%;display: block;margin:0 0 0 0;}
.gallcontainer img {width: 100%;max-width:100%;height:340px;}
.gallcontainer-last img {width: 100%;max-width:100%;height:340px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
.gallcontainer {max-width: 100%;margin:0 0 0 0;padding:0;}
.gallcontents-def {width: 100%;display: block;margin:0 0 0 0;}
.gallcontents-last {width: 100%;display: block;margin:0 0 0 0;}
.gallcontainer img {width: 100%;max-width:100%;height:290px;}
.gallcontainer-last img {width: 100%;max-width:100%;height:290px;}
}