.img-fluid{max-width:100%;height:auto}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.item1{width:23%; height:auto; float:left; padding:0!important;box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 10px;}

@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
.col,.col-6,.col-lg-4,.col-md-6,.col-sm-6{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
@media (min-width:576px){.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}
@media (min-width:768px){.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}
@media (min-width:992px){.col-lg-4{-ms-flex:0 0 32%;flex:0 0 32%;max-width:32%}}
.fade{transition:opacity .15s linear}

.item{border:none;margin-bottom:0;border-radius:4px; margin: 0.5%;}
.item a{display:block;overflow:hidden;position:relative;border-radius:4px}
.item a img{position:relative;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.item:hover a img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.item .bottomtext{width:100%; height:auto; float:left; padding:10px 10px 10px 10px;}
.gsap-reveal-img{line-height:0}
.gsap-reveal-img .reveal-wrap{position:relative;overflow:hidden}
.gsap-reveal-img .reveal-wrap .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#eee;margin-left:-100%;z-index:9}
.gsap-reveal-img .reveal-wrap .reveal-content{opacity:0;visibility:hidden}
.gsap-reveal-img .reveal-wrap .reveal-content .portfolio-item-content h3{margin-bottom:10px}
.gsap-reveal-hero{line-height:0}
.gsap-reveal-hero .reveal-wrap{position:relative;overflow:hidden;display:inline-block}
.gsap-reveal-hero .reveal-wrap .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#eee;margin-left:-100%;z-index:2}
.gsap-reveal-hero .reveal-wrap .reveal-content{line-height:1.5;z-index:1;display:inline-block;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
/*
.loader-portfolio-wrap{text-align:center;display:none;opacity:0;visibility:hidden;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:absolute}
.loader-portfolio{width:2rem;height:2rem;margin:2rem auto;border-radius:50%;border:.3rem solid rgba(255,255,255,.3);border-top-color:#fff;-webkit-animation:1.5s spin infinite linear;animation:1.5s spin infinite linear}
.loader-portfolio.dark{border:.3rem solid rgba(0,0,0,.3);border-top-color:#000}@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }}
    */
    .portfolio-item{overflow:hidden}
    .portfolio-item img{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;position:relative;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    .portfolio-item:hover img{-webkit-transform:scale(1.09);-ms-transform:scale(1.09);transform:scale(1.09)}
    .portfolio-item{display:block;overflow:hidden;position:relative}
    .portfolio-item .overlay{position:relative;z-index:8;opacity:0;visibility:hidden;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
    .portfolio-item .overlay1{position:relative;z-index:8;opacity:1!important;visibility:visible!important;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
    .portfolio-item .overlay,.portfolio-item .overlay:before{position:absolute;top:0;left:0;right:0;bottom:0}
    .portfolio-item .overlay:before{background:rgba(0,0,0,.5);content:""}
    .portfolio-item .wrap-icon{position:absolute;right:20px;color:#fff;top:20px}
    .portfolio-item .portfolio-item-content{position:absolute;bottom:0;left:0;right:0}
    .portfolio-item .portfolio-item-content h3,.portfolio-item .portfolio-item-content p{color:#fff;margin:0;padding:0}
    .portfolio-item .portfolio-item-content h3{font-size:18px;color: #fea801!important; margin-bottom: 20px!important;}
    .portfolio-item .portfolio-item-content p{font-size:12px;color: #fff!important;line-height: 20px!important;}
    .portfolio-item:hover .overlay{opacity:1;visibility:visible}
    .portfolio-item .overlay1:before{background:rgba(0,0,0,0);content:""}
    .portfolio-item .overlay1 h3{width:98%;font-size:16px;font-weight:500;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.7); color: #fff!important; background:  rgba(0, 0, 0, 0.8); margin-bottom: 0!important; padding: 1%;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.item{width:92%; height:auto; float:left;}
.item1{width:91%; height:auto; float:left; margin-bottom:20px!important; padding:0!important;box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 10px;}

}