/*1200 Grid*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{
	margin:10px;
	float:left;
	display:inline;

}

.grid_1 {width:80px;}
.grid_2 {width:180px;}
.grid_3 {width:280px;}
.grid_4 {width:380px;}
.grid_5 {width:480px;}
.grid_6 {width:580px;}
.grid_7 {width:680px;}
.grid_8 {width:780px;}
.grid_9 {width:880px;}
.grid_10 {width:980px;}
.grid_11 {width:1080px;}
.grid_12 {width:1180px;}


/* Masonry grid */
.grid-item,
.grid-sizer {
    width: 23%;
    margin-bottom: 3%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    float: left;
}

.list-view .grid-item,
.list-view .grid-sizer {
    width: 31.33%;
}

.grid-item.sticky { background: #fff8e4; }

.grid-item img { width: 100%;  margin-bottom: 15px; }
.grid-item:hover img { text-decoration: none; }

.grid-item h2 { font-size: 21px; margin-bottom: 10px; }

.grid-item .date {
    color: #777;
    font-style: italic;
    float: right;
}

.grid-item .details {  }

.gutter-sizer {
    width: 2%;
}

.grid-item-w2 {
    width: 48%;
}

.list-view .grid-item-w2 {
    width: 64.66%;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .grid-item,
    .grid-sizer,
    .list-view .grid-item,
    .list-view .grid-sizer {
        width: 48%;
    }

    .grid-item-w2,
    .list-view .grid-item-w2 {
        width: 98%;
    }
}

@media screen and (max-width: 767px) {
    .grid-item,
    .grid-sizer,
    .grid-item-w2,
    .list-view .grid-item,
    .list-view .grid-sizer,
    .list-view .grid-item-w2 { width: 100%; }

    .gutter-sizer,
    .list-view .gutter-sizer { width: 0; }
}