body{ color:#000;}

.blogs{ display:block; width:100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); border: 1px solid #F5F5F5; padding:20px 10px; margin-bottom:50px;}
.blogs-left{ display:inline-block; width:30%; margin-right:20px; }
.blogs-right{ display:inline-block; width:65%; vertical-align:top; }
.blogs-right h3{
	margin:0px;
	transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.blogs-right p{ margin-top:8px;}
.blogs a{ 
	text-decoration:none;
	transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.blogs a:hover h3{ 
	color:#0cb38e;
	transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.readmore{ text-align:right;}

.readmore a{ color:#fff; background:#0cb38e; padding:10px 25px;}
.readmore a:hover, .readmore a:focus, .readmore a:active{  color:#fff;}
.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-bubble-float-right::before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #0cb38e;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
.hvr-bubble-float-right:hover::before, .hvr-bubble-float-right:focus::before, .hvr-bubble-float-right:active::before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.recent-post{display:block; width:100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); border: 1px solid #F5F5F5; padding:20px 20px; margin-bottom:30px;}
.recent-post h3{
	margin:0px;
	margin-bottom:15px;
	
}

.recent-post ul{ list-style:none; margin:0px;}

.recent-post ul li {
    display: block;
	background:url("images/li.png") no-repeat 0px 13px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	
}
.recent-post ul li a{
text-decoration: none;
line-height: 16px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
font-size:15px;
font-weight:400;
color:#000;


}
.recent-post ul li:hover{
	background:url("images/lihover.png") no-repeat 0px 13px;
}

.recent-post ul li:hover a{
	color: #0cb38e;
	padding-left:8px;
}
.recent-post ul li:last-child{ border:none;}


.margin-2{ margin-bottom:0px;}
.margin-3 {margin-top:10px;}










































@media only screen and (max-width: 514px) {
    .blogs-left{ width:100%; margin-bottom:10px;}
	.blogs-left img{text-align:center; margin:0 auto;}
	.blogs-right{ width:100%;}
}