#ed-portfolio,.ed-gallery-grid-rows {  

        -webkit-column-count:4; 

        -moz-column-count: 4;

        column-count: 4;

        -webkit-column-gap: 0.5rem;

        -moz-column-gap: 0.5rem;

        column-gap: 0.5rem;

        -webkit-column-width: 25%;

        -moz-column-width: 25%;

        column-width: 25%;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

    }

   

   .ed-mask{

    	font-family:'Open Sans',sans-serif;

    	font-size:13px;

        color:#ffffff;

       

    }

    

    .ed-mask h3{

   		font-family:'Open Sans',sans-serif;

    	font-size:16px;

        color:#ffffff;

        margin:0px;

		padding:0px;

    }

    ul.ed-toolbar li{

  		 background-color: #fb3c2d;

         font-family:'Open Sans',sans-serif;

    	font-size:13px;

        color:#ffffff;

    }

    ul.ed-toolbar li.ed-active,ul.ed-toolbar li:hover,ul.ed-toolbar li:active{

   	 background-color: rgba(251,60,45,0.5) !important;

    }

    

   

     

  

  

  

    #ed-portfolio .ed-mask {

        position: absolute;

        overflow: hidden;

        top: 0;

        left: 0;

        bottom: 0px;

        right: 0px;

        -webkit-transition: all 0.4s ease-in-out;

        -moz-transition: all 0.4s ease-in-out;

        -o-transition: all 0.4s ease-in-out;

        -ms-transition: all 0.4s ease-in-out;

        transition: all 0.4s ease-in-out;

        text-decoration:none;

        background-color: rgba(35,49,57,0.6) !important;

         padding:25px;

    }

    #ed-portfolio .ed-mask.fadeout {

        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

        filter: alpha(opacity=0);

        opacity: 0;

    }

    

    #ed-portfolio .ed-tile:hover .ed-mask.fadeout {

         -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";

        filter: alpha(opacity=1);

        opacity: 1;

    }

    #ed-portfolio .ed-tile img.blur{

      -webkit-transition: all 0.6s ease-in-out;

        -moz-transition: all 0.6s ease-in-out;

        -o-transition: all 0.6s ease-in-out;

        -ms-transition: all 0.6s ease-in-out;

        transition: all 0.6s ease-in-out;

    }

    #ed-portfolio .ed-tile .ed-mask.blur {

    	opacity: 0;

    }

    #ed-portfolio .ed-tile:hover img.blur,#ed-portfolio .ed-tile:hover .ed-mask.blur {

        filter: blur(1px);

        -webkit-filter: blur(1px);

        -moz-filter: blur(1px);

        -o-filter: blur(1px);

        -ms-filter: blur(1px);

        filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');

        opacity: 1;

    }

    

    #ed-portfolio .ed-mask.zoom_in {

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        -o-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0);

    }

    

   #ed-portfolio .ed-tile:hover .ed-mask.zoom_in {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -o-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

          opacity: 1;

    }

    

    #ed-portfolio .ed-mask.zoomOut {

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -o-transform: scale(1.5);

        -ms-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0;

    }

    

   #ed-portfolio .ed-tile:hover .ed-mask.zoomOut {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -o-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

          opacity: 1;

    }

    #ed-portfolio .ed-mask.zoominbox {

		-webkit-transform: scale(0);

        -moz-transform: scale(0);

        -o-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0);

    }

    

   #ed-portfolio .ed-tile:hover .ed-mask.zoominbox {

        -webkit-transform: scale(0.9);

        -moz-transform: scale(0.9);

        -o-transform: scale(0.9);

        -ms-transform: scale(0.9);

        transform: scale(0.9);

          opacity: 1;

    }

   #ed-portfolio .ed-mask.rotate {

        -webkit-transform: rotate(360deg) scale(0);

        -moz-transform: rotate(360deg) scale(0);

        -o-transform: rotate(360deg) scale(0);

        -ms-transform: rotate(360deg) scale(0);

        transform: rotate(360deg) scale(0);

        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

        filter: alpha(opacity=0);

        opacity: 0;

    }

    

   #ed-portfolio .ed-tile:hover .ed-mask.rotate {

         -webkit-transform: rotate(0deg) scale(1);

        -moz-transform: rotate(0deg) scale(1);

        -o-transform: rotate(0deg) scale(1);

        -ms-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";

        filter: alpha(opacity=1);

        opacity: 0;



          opacity: 1;

    }

    #ed-portfolio .ed-mask.sideleft {

        opacity: 1;

        -webkit-transform: translateX(-100%);

        -moz-transform: translateX(-100%);

        -o-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

        transform: translateX(-100%);

    }

    

   #ed-portfolio .ed-tile:hover .ed-mask.sideleft {

        -webkit-transform: translateX(0%);

        -moz-transform: translateX(0%);

        -o-transform: translateX(-0%);

        -ms-transform: translateX(0%);

        transform: translateX(0%);



    }

    #ed-portfolio .ed-mask.sideright {

        opacity: 1;

        -webkit-transform: translateX(100%);

        -moz-transform: translateX(100%);

        -o-transform: translateX(100%);

        -ms-transform: translateX(100%);

        transform: translateX(100%);

    }

    

   #ed-portfolio .ed-tile:hover .ed-mask.sideright {

        -webkit-transform: translateX(0%);

        -moz-transform: translateX(0%);

        -o-transform: translateX(-0%);

        -ms-transform: translateX(0%);

        transform: translateX(0%);



    }

    #ed-portfolio .ed-mask.sidetop {

        opacity: 1;

        -webkit-transform: translateY(-100%);

        -moz-transform: translateY(-100%);

        -o-transform: translateY(-100%);

        -ms-transform: translateY(-100%);

        transform: translateY(-100%);

    }

    

   #ed-portfolio .ed-tile:hover .ed-mask.sidetop {

        -webkit-transform: translateY(0%);

        -moz-transform: translateY(0%);

        -o-transform: translateY(0%);

        -ms-transform: translateY(0%);

        transform: translateY(0%);



    }

    

     #ed-portfolio .ed-mask.sidebottom {

        opacity: 1;

        -webkit-transform: translateY(100%);

        -moz-transform: translateY(100%);

        -o-transform: translateY(100%);

        -ms-transform: translateY(100%);

        transform: translateY(100%);

    }

    

   #ed-portfolio .ed-tile:hover .ed-mask.sidebottom {

        -webkit-transform: translateY(0%);

        -moz-transform: translateY(0%);

        -o-transform: translateY(0%);

        -ms-transform: translateY(0%);

        transform: translateY(0%);



    }

    

  #ed-portfolio .ed-mask.bounce {

        opacity: 1;

         -webkit-transform: translateY(-100%);

        -moz-transform: translateY(-100%);

        -o-transform: translateY(-100%);

        -ms-transform: translateY(-100%);

        transform: translateY(-100%);

    }

    

   #ed-portfolio .ed-tile:hover .ed-mask.bounce {

          -webkit-transform: translateY(0%);

        -moz-transform: translateY(0%);

        -o-transform: translateY(0%);

        -ms-transform: translateY(0%);

        transform: translateY(0%);

        -webkit-animation: bounceY 0.9s linear;

        -moz-animation: bounceY 0.9s linear;

        -ms-animation: bounceY 0.9s linear;

        animation: bounceY 0.9s linear;



    }   



@keyframes bounceY {

    0% { transform: translateY(-205px);}

    40% { transform: translateY(-100px);}

    65% { transform: translateY(-52px);}

    82% { transform: translateY(-25px);}

    92% { transform: translateY(-12px);}

    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}

}

@-moz-keyframes bounceY {

    0% { -moz-transform: translateY(-205px);}

    40% { -moz-transform: translateY(-100px);}

    65% { -moz-transform: translateY(-52px);}

    82% { -moz-transform: translateY(-25px);}

    92% { -moz-transform: translateY(-12px);}

    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}

}

@-webkit-keyframes bounceY {

    0% { -webkit-transform: translateY(-205px);}

    40% { -webkit-transform: translateY(-100px);}

    65% { -webkit-transform: translateY(-52px);}

    82% { -webkit-transform: translateY(-25px);}

    92% { -webkit-transform: translateY(-12px);}

    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}

}





     

    

    

@media only screen and (min-width :481px) and (max-width :768px) {

    #ed-portfolio {  

       

        -webkit-column-count:2; 

        -moz-column-count: 2;

        column-count: 2;

        -webkit-column-gap: 0.5rem;

        -moz-column-gap: 0.5rem;

        column-gap: 0.5rem;

        -webkit-column-width: 50%;

        -moz-column-width: 50%;

        column-width: 50%;

        text-align:center;

    }



}    

@media only screen and (min-width :320px) and (max-width :480px) {

    #ed-portfolio {  

      

        -webkit-column-count:1; 

        -moz-column-count: 1;

        column-count: 1;

        -webkit-column-gap: 0.5rem;

        -moz-column-gap: 0.5rem;

        column-gap: 0.5rem;

        -webkit-column-width: 100%;

        -moz-column-width: 100%;

        column-width: 100%;

        text-align:center;

    }



}