/* blog CSS Start*/
section {
    width: 100%;
}

.container{
	margin:10px;
}

* {
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
}
.blogListing li {
    box-shadow: 0 0 9px #b6b6b6;
    margin-bottom: 31px;
}

.blogImg {
    float: left;
    width: 40.775%;
}

img, a img {
    border: medium none;
    display: inline-block;
    /*height: auto;*/
    image-rendering: optimizequality;
    margin: 0;
    max-width: 100%;
    padding: 0;
}

.blogContent {
    float: left;
    padding: 1.7%;
    width: 55.938%;
    color:#4B4B4B;
}

.blogContent p {
	font-size:14px;
}

h3, .h3 {
    font-size: 1.8em;
    line-height: 1.1em;
    margin-bottom: 14px;
}

.blogContent p + a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #7e7e7e;
    border-radius: 20px;
    font-weight: 500;
    height: 32px;
    line-height: 29px;
    padding: 8px 20px;
    text-align: center;
}
.readMore {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #7e7e7e;
    border-radius: 20px;
    color: #4b4b4b;
    font-weight: 500;
    height: 32px;
    line-height: 29px;
    max-width: 100%;
    outline: 0 none;
    padding: 8px 20px;
    text-align: center;
}
a {
    color: #4b4b4b;
    max-width: 100%;
    outline: 0 none;
    text-decoration: none;
}


.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.blogListing li {
    box-shadow: 0 0 9px #b6b6b6;
    margin-bottom: 31px;
}
.clearfix {
    display: block;
}
ul li {
    list-style: none outside none;
}

p {
    line-height: 20px;
    margin: 1.79em 0;
    word-wrap: break-word;
}


.readMore:hover { text-decoration: none; color: #0d9fe1; }

.blogContent p + a:hover { text-decoration: none; color: #0d9fe1; }

.blogHeading {
    color: #363636;
}

.blogHeading > h2 {
    margin: 0;
    padding-bottom: 15px;
    position: relative;
    text-align: left;
    word-wrap: break-word;
    font-size:1.8em;
}

.blog_story {
    box-shadow: 0 0 9px #b6b6b6;
    /*padding: 38px 14px 14px; */
}


.sorter { border-bottom: 1px solid #f0f0f0; padding: 19px 0; }
.back_blog { float: left; }
.sorter .back_blog a { background: url(../images/back_arrow.png) no-repeat left 5px; padding-left: 16px; text-decoration: underline; }
.sorter .back_blog a:hover { color: #0d9fe1; background: url(../images/back_arrow_hover.png) no-repeat left 5px; }


/*Blog CSS End */


/*Pagination*/
.pagination { padding: 15px 0 0;}
.pagination a.number { background: #fff; border: 1px solid #787878; border-radius: 20px; color: #3b454d; display: inline-block; height: 39px; line-height: 36px; margin-right: 13px; text-align: center; width: 38px; }
.pagination a.number.current,
.pagination a.number:hover { color: #0d9fe1; text-decoration: none; }
.pagination .page_prev, .pagination .page_next  { font-size: 1.3em; }
.pagination .number.page_count { padding: 0 13px; width: auto; }
.pagination a.number:last-child { margin-right: 0; }

.pagination ul li{ margin-bottom: 15px;}

@media only screen and (max-width: 630px) and (min-width:275px) {
	.blogImg {width:100%;float:none;}
	.blogContent {width:100%;float:none;}
	.blogHeading > h2 {font-size: 1.3em}
}