/* Write your custom css code here */
 @media handheld, only screen and (min-width: 1024px) {

.blog .items-row {
    margin-top: 30px;
}
   
.blog .item-image {
/*width: 30%;*/
float: left;
}

   .blog .entry-content {
     clear: none;
   }
   .blog .pull-left.item-image {
    margin-right: 20px;
	}
  /*.blog .items-row .page-header,
  .blog .items-row .article-info,
  .blog-featured .entry-content,
  .blog .items-row .entry-content {
    clear: none;
    width: 65%;
    float: left;
    margin-left: 20px;
  }*/
   .blog-featured .entry-content {
    clear: none;
    width: 65%;
    float: left;
    margin-left: 20px;
  }
}

/*.blog-featured h2.item-title, .blog h2.item-title {
font-size: 22px;
padding-bottom: 10px;
}*/

.blog .item-title, .blog .item-title {
font-size: 12px;
padding-bottom: 10px;
}

.sunfw-header {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
  .blog .pull-left.item-image {
    float: none !important;
  }
  
  .blog .pull-left.item-image img {
    width: 100%;
  }
}

.layout-item .blog .items-leading [class*="leading-"] {
clear: both;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 35px;
}

/*.blog-featured .item-image {
width: 250px;
}*/

.page-header h2 {
  font-size: 22px;
}

div.pagination ul.pagination li:not([class*="hidden-"]) a {
    padding-left: 15px;
    padding-right: 15px;
}

.pull-left.item-image {
    padding-bottom: 15px;
}

@media (max-width: 767px) {
ul.sunfw-tpl-menu .caret:before {
color: #c8c8c8;

}
}