

/* Portfolio Isotope Transitions */

    .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;
    }




.works-masonry-container .works-item-one-half {
  margin: 0 !important;
  padding: 10px !important;
  width: 25% !important;
}


/* Super Large Desktops / HD Screens */
@media only screen and (min-width: 1450px) and (max-width: 3000px){
    .works-masonry-container .works-item-one-half {
      margin: 20px !important;
      padding: 0 !important;
      width: 340px !important;
    }

}

/* Larger than desktop */
@media (max-width: 992px) {
    .works-masonry-container .works-item-one-half{
          margin: 15px !important;
          padding: 0 !important;
          width: 260px !important;
    }
}


/* Larger than tablet */
@media (max-width: 768px) {
    .works-masonry-container .works-item-one-half{
          margin: 10px !important;
          padding: 0 !important;
          width: 190px !important;
    }


}

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {
    .works-masonry-container .works-item-one-half{
          margin: 0 !important;
          padding: 0 !important;
          width: 100% !important;
    }
}