/*
Theme Name: SELECT BLOG
Theme URI: http://www.select-type.com/
Author: SELECT team
Author URI: http://www.select-type.com/
Description: SELECT BLOG
Version: 1.0
*/
.navbar .brand {padding: 10px 8px 10px 20px;}
.navbar .brand img {width: 110px; height: 28px;}
.navbar .logo-meta {
  display: block;
  float: left;
  margin: 15px 20px 10px 0;
  padding: 0 0 0 12px;
  font-size: 18px;
  font-weight: normal;
  font-family:Arial, Helvetica, sans-serif;
  line-height: 26px;
  color: rgba(255,255,255,.5);
  border-left: 1px solid rgba(255,255,255,.12);
  text-decoration: none;
}
.navbar .logo-meta:hover {color: rgba(255,255,255,1);}
.navbar .search-box{width: 220px;}
ul.unstyled, ol.unstyled {padding-left: 0;}
figure{margin-left:0; margin-right:0;}
.breadcrumb{padding: 16px 0 10px;}
.breadcrumb li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: none;}
.breadcrumb .bc-title{width: 600px;}
.blog{padding-top: 0; padding-bottom: 40px;}
.blog .blog-summary{
  background-color:#FFFFFF;
  padding: 25px 30px;
  margin-bottom: 10px;
  margin-right: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.08);
}
.blog .blog-summary h1{margin:10px 0;}
.blog .blog-summary p,
.blog .blog-summary div,
.blog .blog-summary li{font-size: 13px; line-height: 1.8;}
.blog .blog-summary li{margin-bottom:0;}
.blog .blog-summary ol,
.blog .blog-summary ul{margin: 0.5em 0 1.5em;}
.blog .blog-summary ol ol,
.blog .blog-summary ol ul,
.blog .blog-summary ul ul,
.blog .blog-summary ul ol{margin-bottom: 1em;}
.blog .blog-summary img{margin-top: 5px; margin-bottom: 5px;}
.blog .blog-summary hr{margin: 8px 0 12px;}
.blog .blog-post{margin: 5px 0; font-size: 16px;}
.blog .blog-img {margin: 10px 0;}
.blog .blog-summary .blog-info{margin-bottom: 0;}
.blog .blog-info a, .blog .blog-info li{color:#999; font-size: 12px;}
.blog .blog-body,.blog .comment-body{padding-bottom: 30px;}
.blog .alert {padding: 20px 30px;}
.blog .btn{
  background-color: #0088CC;
  background-image: none;
  color: #FFF;
  text-shadow: none;
  box-shadow: none;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
  border-radius: 15px;
  padding-left: 14px;
  padding-right: 14px;
}
.blog-item .media img {top: 3px; width: 54px; height: 54px; position: relative;}
.blog-item .media-heading {position: relative;}
.blog-item .media-heading span {top: 3px; right: 0; color: #999; position: absolute;}
.blog-item hr {margin: 20px 0;}
.posts .dl-horizontal {margin-top: 0; margin-bottom: 10px; padding: 0;}
.posts .dl-horizontal dt {width: 56px; float: left;}
.posts .dl-horizontal dt img {width: 50px; height: 50px;}
.posts .dl-horizontal dd {margin-left: 60px; margin-bottom: 0;}
.posts .dl-horizontal dd p {margin: 0;}
.sidebar ul{margin: 0; padding: 0; list-style: none;}
.sidebar .search-box, .sidebar .widget-box{margin-bottom: 30px;}
.sidebar .input-search{width: 76%;}
.sidebar .widget-box li li{margin-bottom: 10px;}
.about-box{margin-bottom: 30px;}
.about-box p{margin-bottom:10px;}
.about-box ul{margin-bottom:10px; list-style:disc; padding: 0 0 0 20px; font-size:11px; width:45%;}
.about-box .device-image{width:40%; height:auto; float:right;}
.about-box ul li{margin-bottom:5px;}
.about-box .btn{font-size:11px;}
.footer .copy {text-align: center;}
@media (min-width: 1200px){
.about-box ul{width:50%; font-size:12px;}
}
@media (max-width: 979px) and (min-width: 768px){
.about-box .device-image{display:none;}
.about-box ul{font-size:12px; width:90%;}
}
@media (max-width: 979px) {
.navbar .brand {padding: 10px 8px;}
.head{padding: 0 26px;}
.blog .blog-summary{margin-right: 0; padding: 15px;}
.breadcrumb {padding: 10px 0 0;}
.navbar .nav > li > a {margin: 0;}
.navbar-inverse .nav > li > a {padding: 13px 15px 8px; line-height: 31px; border-left: 1px solid #101417;}
.sidebar .input-search {width: 76%;}
}
@media (max-width: 767px) {
.breadcrumb .bc-title {width: 200px;}
.head{padding: 0 10px;}
.sidebar .search-box, .sidebar .widget-box, .sidebar .about-box {margin: 0 10px 20px;}
.blog .headline {margin: 5px 0 15px;}
.sidebar .input-search {width: 80%;}
.input-append, .input-prepend{display: block;}
.about-box .device-image{width:120px;}
}
@media (max-width: 480px) {
.blog .blog-summary{margin-left: 6px; margin-right: 6px;}
}