.our-project .isotop-menu-wrapper li.is-checked {
    border-color: #70c745;
}
.our-project .isotop-menu-wrapper li.is-checked {
        color: #70c745;
}

/*----------------------- Our Project --------------------*/
.project-ms-grid .inner-container {max-width: 1410px;padding: 0 15px;margin: 0 auto;}
.our-project .isotop-menu-wrapper {text-align: center;}
.our-project .isotop-menu-wrapper li {
  display: inline-block;
  font-size: 20px;
  color: #70c745;
  line-height: 30px;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 6px 8px 6px 8px;
  border:2px solid transparent;
  cursor: pointer;
}

.our-project .isotop-menu-wrapper li a{

  color: #70c745;
}
#isotop-gallery-wrapper .grid-sizer,#isotop-gallery-wrapper .isotop-item {width: 33.33333333%;}


.project-ms-grid #isotop-gallery-wrapper {margin: 0 -25px;}
.project-ms-grid #isotop-gallery-wrapper .grid-sizer,.project-ms-grid #isotop-gallery-wrapper .isotop-item {
  width: 33.3333333%;
  padding: 0 25px;
  margin-bottom: 45px;
}
.our-project .project-item {overflow: hidden;position: relative;}
.our-project .project-item .img-box img {width: 100%; transition: all 1s ease-in-out;}


.our-project .project-item .title a {
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.our-project .project-item .title span {text-decoration: underline;}

#isotop-gallery-wrapper .isotop-item .project-item:hover .img-box img,
.project-with-sidebar .project-item:hover .img-box>img {
  -webkit-transform: scale3d(1.1,1.1,1);
  transform: scale3d(1.1,1.1,1);
}
.our-project .project-item .hover-valina {
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
  background: rgba(112, 199, 69, 0.70);
  padding: 30px;
  opacity: 0;
}
.our-project .project-item:hover .hover-valina {opacity: 1;}
.our-project .project-item .hover-valina:before, .our-project .project-item .hover-valina:after {
  content: '';
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  opacity: 0;
}
.our-project .project-item .hover-valina:before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.our-project .project-item .hover-valina:after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
}
.our-project .project-item:hover .hover-valina:before,
.our-project .project-item:hover .hover-valina:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.our-project .project-item .hover-valina>div {
  text-align: center;
  position: relative;
  z-index: 1;
  top:50%;
  transform: translateY(-50%);
}
.our-project .project-item .hover-valina .title a {
  opacity: 0;
  -webkit-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0);
  margin-bottom: 15px;
}
.our-project .project-item .hover-valina p {
  opacity: 0;
  font-size:98%;
  color: #fff;
  padding-bottom: 30px;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,20px,0);
  transition-delay: 0.15s;
}
.our-project .project-item .hover-valina .zoom {
  opacity: 0;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,20px,0);
  transition-delay: 0.2s;
}
.our-project .project-item .hover-valina .img  {
  width: 35px;
  height: 35px;
}
.our-project .project-item .hover-valina .zoom:hover .img path{fill: #ff3612;}
.our-project .project-item:hover .hover-valina .title a,
.our-project .project-item:hover .hover-valina p,
.our-project .project-item:hover .hover-valina .zoom {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}





@media (max-width: 1550px) {

}
@media (min-width: 1200px) and (max-width: 1366px) {
 
}
@media (min-width: 992px) and (max-width: 1450px) {

}
@media (max-width: 1199px) {

  .project-ms-grid #isotop-gallery-wrapper {margin: 0 -15px;}
  .project-ms-grid #isotop-gallery-wrapper .grid-sizer, .project-ms-grid #isotop-gallery-wrapper .isotop-item {padding: 0 15px;}


}
@media (min-width: 992px) and (max-width: 1550px) {
 
}

@media (min-width: 992px) and (max-width: 1350px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
  
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
 

} 
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
 .our-project .isotop-menu-wrapper li {
    display: inline-block;
    font-size: 14px;
    color: #244574;
    line-height: 31px;
    text-transform: capitalize;
    border-radius: 5px;
    padding: 0px 3px;
    border: 2px solid transparent;
    cursor: pointer;
    margin: 0 5px 10px;
}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (min-width: 650px) and (max-width: 991px) { 

  #isotop-gallery-wrapper .grid-sizer, #isotop-gallery-wrapper .isotop-item,.project-ms-full-width #isotop-gallery-wrapper .grid-sizer, .project-ms-full-width #isotop-gallery-wrapper .isotop-item,
  .project-ms-grid #isotop-gallery-wrapper .grid-sizer, .project-ms-grid #isotop-gallery-wrapper .isotop-item,.blog-filer .masnory-blog-wrapper .grid-sizer, .blog-filer .masnory-blog-wrapper .isotop-item,
  .masnory-blog-wrapper .grid-sizer, .masnory-blog-wrapper .isotop-item {width: 50%;}
}
@media (max-width: 649px) { 
  #isotop-gallery-wrapper .grid-sizer, #isotop-gallery-wrapper .isotop-item,.project-ms-full-width #isotop-gallery-wrapper .grid-sizer, .project-ms-full-width #isotop-gallery-wrapper .isotop-item,
  .project-ms-grid #isotop-gallery-wrapper .grid-sizer, .project-ms-grid #isotop-gallery-wrapper .isotop-item,.blog-filer .masnory-blog-wrapper .grid-sizer, .blog-filer .masnory-blog-wrapper .isotop-item,
  .masnory-blog-wrapper .grid-sizer, .masnory-blog-wrapper .isotop-item {width: 100%;}
}


@media (max-width: 767px) {


 .our-project .isotop-menu-wrapper li {
    display: inline-block;
    font-size: 14px;
    color: #244574;
    line-height: 31px;
    text-transform: capitalize;
    border-radius: 5px;
    padding: 0px 3px;
    border: 2px solid transparent;
    cursor: pointer;
    margin: 0 5px 10px;
}
}
/*(max-width: 767px)*/

@media (min-width: 576px) and (max-width: 767px) {
    
  
}
/*(min-width: 576px) and (max-width: 767px)*/

@media (max-width: 575px) {
   
}
/*(max-width: 575px)*/


@media (max-width: 500px) {
  
}

@media (max-width: 430px) {
  
}
@media (max-width: 350px) {

}