.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .noc1, .noc2, .noc3, .noc4, .noc5, .noc6, .noc7, .noc8, .noc9, .noc10, .noc11, .noc12 {
  position: relative;
  margin: 0 0 10px 0;
}

.row {
  margin: 0;
}

.row:after {
  content: "";
  clear: both;
  display: block;
}





@media all and (max-width: 799px){



} 

@media all and (min-width: 800px){

  .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
    position: relative;
    float: left;
  }
  .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11 {
   margin-right: 2%;
  }
  .c12 {
      width: 100%;
  }
  .c11 {
     width: 91.5%;
  }
  .c10 {
    width: 83%;
  }
  .c9 {
    width: 74.5%;
  }
  .c8 {
    width: 66%;
  }
  .c7 {
    width: 57.5%;
  }
  .c6 {
    width: 49%;
  }
  .c5 {
    width: 40.5%;
   }
  .c4 {
    width: 32%;
  }
  .c3 {
     width: 23.5%;
  }
  .c2 {
    width: 15%;
  }
  .c1 {
     width: 6.5%;
  }
  .last {
    margin-right: 0;
  }
    
  .noc1, .noc2, .noc3, .noc4, .noc5, .noc6, .noc7, .noc8, .noc9, .noc10, .noc11, .noc12 {
  	float: left;
  	position: relative;
  }
    
  .noc1 {width: 8.3334%;}
  .noc2 {width: 16.6667%;}
  .noc3 {width: 25%;}
  .noc4 {width: 33.33%;}
  .noc5 {width: 41.69%;}
  .noc6 {width: 50%;}
  .noc7 {width: 58.31%;}
  .noc8 {width: 66.67%;}
  .noc9 {width: 75%;}
  .noc10{width: 83.33%;}
  .noc11{width: 91.66%;}
  .noc12{width: 100%;}
}
.last {
  margin-right: 0;
}

img {
  max-width: 100%;
}

.page-template-template-portfolio .post-entry {
	padding-left: 20px;
}