/*============ blog-post ============*/

.blog_fix {
        width:100%;
        text-align: left;
        padding:0px;
        margin:20px auto auto;
        padding-top:0px;
        padding-bottom:0px;
}
.blog_post {
        position: relative;
        width:100%;
        vertical-align: top;
        padding-bottom: 30px;
        margin:auto;
}
.blog_post ul {
        position: relative;
        list-style: none;
        margin: 0 -8px;
        padding: 0;
        overflow:hidden
}

.blog_post li {
    background: #eaeaea none repeat scroll 0 0;
    border: 8px solid #ffffff;
    border-radius: 15px;
    float: left;
    margin: 0;
    padding: 15px;
    width: 50%;
}
.blog_post li:last-child {
        margin-right:0px
}
.blog-title {
        color: #000000;
        height: 50px;
        margin: 0 auto 10px;
        text-align: left;
        text-transform: none;
        border-bottom:3px #333 solid;
 
}
.blog-title h2:after {
        bottom: 6px;
        content: "";
        left: 0px;
        position: absolute;
        right: 3px;
        top: 0px;
        text-shadow:none;
        border-bottom:3px #C68810 solid
}
.blog-title h2 {
        color: #C68810;
        font-size:24px;
        font-weight: normal;
        margin-top: 0;
        padding: 10px 0px 9px 0px;
        position: relative;
        text-transform: uppercase;
        display:inline-block;
        width:auto;
        margin-left:0;
        text-align:center; line-height:37px;
}
.blog_post img {
        max-width: 100%;
        height: auto !important;
        border-radius:5px;
}
.latest-news ul li img {
        margin-bottom: 10px;
        width: 100%;
}
.latest-news ul li h2 {
        font-size: 16px;
        height: 22px;
        overflow: hidden;
        font-weight:normal;
        padding-bottom:5px
}
.latest-news ul li h3 {
        color: #5e5f5f;
        font-weight: normal;
        font-size: 13px;
}
.latest-news ul li p {
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0px 20px;
        text-align: left;
}
.latest-news ul li .f-block {
        border-top: 1px dotted #ddd;
        padding: 10px 0px 0px 0px;
}
.latest-news a {
        color:#C68810
}
.latest-news .icon-calendar {
        margin-right:0px
}
/*============ blog-End ============*/   
@media only screen and (min-width: 170px) and (max-width: 319px) {
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.blog_post li {border-radius: 2px;float: left;margin-bottom: 10px;margin-right: 0; width: 300px;}
.blog_post {width:100%;}
.blog_fix {margin: 30px auto auto;padding: 15px 0 20px;}
.blog-title h2 {margin-left:0;}
.blog-title h2:after {border-bottom:none;}
.blog_post li{ float:left; width:100%; margin:0 0 10px; border:none; border-radius:5px;}
.blog_post ul{ margin:0px;}
}
@media only screen and (min-width: 480px) and (max-width: 567px) {
.blog_post li {border-radius: 2px;float: left;margin-bottom: 10px;margin-right: 0;margin-left:100px;}
.blog_post li{ float:left; width:100%; margin:0 0 10px; border:none; border-radius:5px;}
.blog_post {width:100%;}
.blog_fix {margin: 30px auto auto;padding: 15px 0 20px;}
.blog-title h2 {margin-left:0;}
.blog-title h2:after {border-bottom:none;}
.blog_post ul{ margin:0px;}
}
@media only screen and (min-width:568px) and (max-width:767px) {
.blog_post li {border-radius: 2px;float: left;margin-bottom: 10px;margin-right: 0;margin-left:155px;}
.blog_post li{ float:left; width:100%; margin:0 0 10px; border:none; border-radius:5px;}
.blog_post {width:100%;}
.blog_fix {margin: 30px auto auto;padding: 15px 0 20px;}
.blog-title h2 {margin-left:0;}
.blog-title h2:after {border-bottom:none;}
.blog_post ul{ margin:0px;}
}
@media only screen and (min-width: 768px) and (max-width:977px) {
.blog_post {width:100%;}
.blog_fix {margin: 30px auto auto;padding: 15px 0 20px;}
.blog-title h2 {margin-left:0;}
.blog-title h2:after {border-bottom:none;}
}
@media only screen and (min-width: 978px) and (max-width:1024px) {
}