/* Masonry container */
.masonryeffectcontent { 
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 1.5em;
    padding: 0;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    font-size: .85em;
}
.masonryeffectcontent3 {
  -webkit-column-count: 3;
  -moz-column-count:3;
  column-count: 3;
}

.masonryeffectcontent4 {
  -webkit-column-count: 4;
  -moz-column-count:4;
  column-count: 4;
  line-height: 5px;
}

.masonryeffectcontent5 {
  -webkit-column-count: 5;
  -moz-column-count:5;
  column-count: 5;
}

.masonryeffectcontent6 {
      -webkit-column-count: 6;
  -moz-column-count:6;
  column-count: 6;
}
.masonry_item {
    display: inline-block;
  
}
.masonry_item img{max-width:100%; width: 100%}

@media only screen and (max-width: 320px) {
    .masonryeffectcontent, .masonryeffectcontent3, .masonryeffectcontent4, .masonryeffectcontent5, .masonryeffectcontent6 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
     .masonryeffectcontent, .masonryeffectcontent3, .masonryeffectcontent4 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
  
  .masonryeffectcontent5, .masonryeffectcontent6 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .masonryeffectcontent, .masonryeffectcontent3, .masonryeffectcontent4 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
  
  .masonryeffectcontent5, .masonryeffectcontent6 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
@media only screen and (min-width: 1201px) {
    .masonryeffectcontent3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    .masonryeffectcontent4 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
  
   .masonryeffectcontent5 {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
  
   .masonryeffectcontent6 {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
}
.gallery-box1 .gallery-title {
    margin: 0;
    position: absolute;
}
.gallery-box1 svg {
    background-color: #F2A74B;
    border-radius: 50%;
    fill: #ffffff;
    font-size: 20px;
    padding: 5px;
    width: 35px;
    height: 35px;
}
.gallery-box1 {
  position: relative;
}
.gallery-box1 a {
  line-height: 0px !important;
}
.project-col1 {
    border: 2px solid #eeeeee;
    break-inside: avoid-column;
    margin-bottom: 1rem;
}
.gallery-box1 {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    position: relative;
}
.gallery-box1 {
    overflow: hidden;
    line-height: 0px;
}
.gallery-box1 svg {
    width: 35px;
  height: 35px;
    fill: #ffffff;
  background-color: #F2A74B;
    border-radius: 50%;
    padding: 10px;
}
.gallery-box1 img {
    height: auto;
    transform: scale(1) rotate(0);
}
.gallery-box1 img, .gallery-box1:after {
    width: 100%;
    transition: all .3s ease 0s;
}
.project-col1 h5 {
    text-align: center;
    padding: 10px 20px;
}