.main { width: 80%; margin:0 auto;}
.top-section { clear:both; padding:40px 0; width:100%; float:left;}
.left-index {float: left;width: 75%;padding: 0 70px 0 0 ;box-sizing: border-box;}
.right-index {float: left;width: 25%;}
.middle-section { background:#f0f0f0; padding:40px 0; border-top:2px solid #ccc; border-bottom:2px solid #ccc;clear:both; overflow:hidden;}
.owl-dots { display:none;}
.box-slider { float: left; width: 33.333%;  padding: 0 1% 0 1%; box-sizing: border-box; overflow: hidden;}
.box-slider p { font-size:18px; font-weight:300;}

.homebox h3 a{ font-size:17px;font-weight:300; color:#40A3E6;}

.homebox h4 a{font-size:18px;font-weight:400;}
.homebox .author{margin-top:5px; padding:0;}
.homebox .author i{font-size:14px; color:#9B9999;}
.homebox .author a{ font-size:14px; color:#007ac3; }
.box-slider .item > a.viewall {background: #1aace5;
color: #fff;
font-size: 16px;
font-weight: 300;
transition: all 0.5s ease 0s;
display: inline-block;
padding: 7px 15px;
margin-bottom: 15px;}
.box-slider .item > a:hover { background:#007AC3;}
.owl-theme .owl-nav {   margin-top: 10px;   position: absolute;   top: -52px;   right: -15px;}
.owl-theme .owl-nav .owl-prev{ height:22px; width:23px; background-color:transparent; background:url(arrow-icon.png) 5px top no-repeat !important; text-indent:9999px; padding:0; margin:0;}
.owl-theme .owl-nav .owl-next{  height:22px; width:23px; background-color:transparent; background:url(arrow-icon.png) -15px top no-repeat !important; text-indent:9999px;padding:0; margin:0;}
.owl-theme .owl-nav .owl-prev:hover { background-color:transparent;  background:url(arrow-icon.png) 5px -23px no-repeat !important;}
.owl-theme .owl-nav .owl-next:hover { background-color:transparent;  background:url(arrow-icon.png) -15px -23px no-repeat !important;}
.bottom-section ul { list-style: none;margin: 0;float: left;width: 100%;padding: 0;}
.bottom-section ul li { width:50%; float: left;}
.bottom-section ul li a { padding-right:20px; border-bottom:2px solid #ccc; display:block; padding:10px; margin:0 10px; text-transform:uppercase; background:url(li-arrow.png) right 5px no-repeat; color:#333; text-decoration:none;}
.left-bottom, .right-bottom{ width:50%; float:left; padding:0 3%; box-sizing:border-box;}
.left-bottom h4, .right-bottom h4{ text-align:center;  border-bottom:2px solid #2fb5f4;}
.left-bottom h4 span, .right-bottom h4 span{color: #2fb5f4;background: #FFFFFF;font-size: 20px;font-weight: 300;display: inline-block;position: relative;bottom: -10px;padding: 0 20px;}
.bottom-section{margin:10px 0px 20px;}
.bottom-section ul li:last-child a{border-bottom:0px;}
.social-sidebar .soso {
    float: left;
    margin: 10px 20px 30px 0px;
    display: inline-block;
}
.left-bottom{width:100%;}
.left-bottom ul {margin:10px 0px 20px;}
.right-bottom ul {margin:10px 0px 20px;}
h4{font-size:14px; font-weight:normal;line-height:19px;}
.social-sidebar{margin-left:0px !important;}

.thumbnail-wrapper img{width:100%; margin:20px 0px 10px;}
 .recent-blog{position:absolute; background-color:#D9272E; color:#fff; top:30px;  padding: 5px 10px; font-weight:bold; left:-20px;}
 aside {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
top-img {
    text-decoration: none;
    border: 1px solid #1aace5;
    text-align: center;
    display: block;
    text-decoration: none;
}
aside{margin-top:0px;}
	h1.slideheading{
	       
    position: absolute;
    bottom: 10px;
    font-weight: normal;
    text-align: center;
    float: left;
    padding: 0px 10px;
    background-color: #2995ad;
    margin-right: 15px;
    opacity: 0.7;
    top: 47px;
    width: 60%;
    left: 40px;
    height: 100px;
    color: #000; 
	    
	}

h1.slideheading a{
text-decoration: none;
color: #fff;
font-size:24px;
font-weight: normal;}
.slideheading{
top: 20%;
position: absolute;
text-align: center;
width: 100%;
line-height: 1.3;
	font-size:28px !important;
	padding:0 3%;
}
.slideheading  a{color:#fff;}
.slidebox{
height: 100%;
width: 100%;
vertical-align: middle;
background: #000;
opacity: 0.6;
top: 0px;
position: absolute;
left:0px;
}
.slidebox:hover{
opacity: 0.4;

}
.item h3{margin-top:0px;font-size:20px;margin-bottom: 5px;}

.blog.home .top-img{ border:0;margin-top:0px;}
.blog.home .top-img img {
    margin: 0 auto 0;
    width:100%;
    float:right;
}
@media screen and (max-width: 1366px) {
.blog.home .main { width: 100%;}
.blog.home .logo.new {
      top:-3px;
    left: 10px;
}
.blog.home .recent-blog{ left:0;}
.main { width: auto; margin:0 auto;}
}
/* Large screens ----------- */

.box-slider { float: left; width: 33.333%;  padding: 0 3%; box-sizing: border-box;}

/* iPads (portrait and landscape) ----------- */
@media screen and (max-width: 992px) {
.box-slider { float: left; width: 100%;  padding: 0 3%; box-sizing: border-box;}
.blog.home .top-img { margin-top:20px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 767px) {
.item h4 {
    min-height: inherit;
}
.sliderbox{ width:100% !important;   }
.sliderleft{width:100% !important;}
.authorbox {
    font-weight: bold;
    padding: 0px !important;
    position: absolute;
    bottom: 0px !important;
    text-align: center;
    width: 100%;
}
.avatar-32 {

    border-radius: 30px;
    width: 20px !important;
    height: 20px !important;

}
.slideheading{top:35% !important; margin:0px auto;padding:0px;width:90%;}
.slidePost{display:none;}
.homemain h3 a{ font-size:16px;}
h2.slideheading { display:table;}
h2.slideheading a { font-size:14px;
    display: table-cell;
    vertical-align: middle;
}
.recent-blog {
    top: 5px;}
}

.homebox a, .homebox a:hover,.homebox a:active {color:#333333;}
.item .h4 a {color:#9C9999;}
 .homebox .col-md-4{margin-top:40px;} 
.homebox .img-thumbnail{border:0px solid;}
.author{font-weight:bold;padding:15px 10px;}
.homemain{margin-top:30px;}
/* .main >.col-md-8{padding:0px; border:1px solid ;} */



.authorbox{font-weight:bold;padding:15px 10px;position:absolute;bottom:5%;text-align:center;width:100%;}
.authorbox a{color:#fff;}

.popular .count{display:none;}

.popular h4  {
    font-size: 18px;
    font-weight: 400;
    color:#333333;
}
aside ul li.popular ul li a::before {background:none; }
.popular ul li {margin-bottom:10px;}