/* ==========================================================================
.blog
========================================================================== */
.col-md-3 {
   
    padding: 5px;
	float:left;
	width:25%;
}
  .blog img {
    width: 100%;
    height: auto;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;border: 1px solid #cacaca;background:#fafafa; }
  .blog h2 {
    font-size: 1.2em;;
 
    text-transform: uppercase;border: 1px solid #cacaca;
   }

   figcaption{padding:10px; text-align:left;padding-left:0; font-weight:200 !important;color:#555;}
.box-size{display: inline-block;
width: auto;
padding: 4px 7px;
border: 1px solid #ccc;
color: #ccc;
font-weight: 200;
margin: 10px 0;
font-size: 10px;}

 figcaption  h4{padding:5px;font-weight:400;color:#333;font-size: 15px;}
  figcaption  h5{padding:5px;font-weight:200;color:#777}

	        figcaption  h2 a { font-weight:200 !important;color:#555}
/*  .blog .btn {
    margin-top: 20px; }
  .blog .blog-img-wrap {
  box-shadow:0 0 3px #333;
    position: relative;
    overflow: hidden; }
    .blog .blog-img-wrap .overlay {
      position: absolute;
      width: 100%;
      height: 100%;
  
      -webkit-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0; }
    .blog .blog-img-wrap i {
      color: #fff;
      font-size: 20px;
      position: absolute;
      width: 20px;
      height: 20px;
      top: 25px;
      right: 35px; }

  .blog .blog-img-wrap:hover .overlay, .blog .blog-img-wrap:focus .overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
    z-index: 9; }
  .blog figcaption i {
    margin-left: 5px;
    font-size: 15px; }
  .blog figcaption a.blog-post-title {
    color: rgba(28, 54, 83, 0.6); }
  .blog figcaption a.blog-post-title:hover, .blog figcaption a.blog-post-title:focus {
    color: #3D4351; }*/
	.list_page:after{clear:both; content:''; display:block}
.list_page > li {display:list-item;-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
.list_page > li.on {display:list-item; line-height:30px; ;-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
.list_page + div {margin-top:20px; text-align:center;-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
.list_page + div p {display:inline-block;-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}

.list_page + div p span{padding:5px}


@media all and (min-width:1px) and (max-width:640px) {
.col-md-3 {
   
    padding:10px 5px;
	float:left;
	width:50%
}
   figcaption{padding:0px; text-align:left;padding-left:0; font-weight:200 !important;color:#555;}
 figcaption  h3{padding:2px;font-weight:200;color:#555;font-size:12px}
  figcaption  h4{padding:2px;font-weight:200;color:#777;font-size:10px}


}