.container.site-main.blog-main{padding:5%;}
.container.site-main.blog-main hr{display:none;}
.blog-main .post.format-standard{display:flex; margin:0 0 3em 0;}
.blog-main .post.format-standard .img-part{width:30%;}
.blog-main .post.format-standard .text-part{width:70%; padding-left:30px;}
.post.format-standard .date-and-categories ul{padding:0; margin:0;}
.post.format-standard .date-and-categories ul li{display:inline-block; font-size:15px; color:#666 !important; padding-bottom:15px;}
.post.format-standard .date-and-categories ul li::after{display:inline-block; background:#666; content:''; vertical-align:middle; width:4px; height:4px; border-radius:50%; margin:0 8px;}
.post.format-standard .date-and-categories ul li:last-child::after{display:none;}
.post.format-standard .post-tit .title{line-height:1; font-size:inherit;}
.post.format-standard .post-tit .title a{color:#303030; font-size:28px;}
.post.format-standard .post-tit .title a:hover{color:#303030;}
.post.format-standard .content .read-more{display:inline-block; margin:0; margin-top:0px; padding:0.4em 0.8em; background:#33bbcc; color:#fff; text-decoration:none; font-size:15px; font-size:0.9375rem;}
.post.format-standard .content .read-more:hover{background:#303030;}

.pagination {flex-wrap: wrap;}
.pagination .page-numbers, .pagination .page-numbers.current {
    display: inline-block;
    margin: 0 3px 3px 0;
    padding: 0.4em 1em;
    background: #303030;
    color: #fff;
    text-align: center;
    text-decoration: none;
    
}

.pagination .page-numbers:hover, .pagination .page-numbers:active, .pagination .page-numbers.current {
    background: #33bbcc;
}

@media(max-width:767px){
.post.format-standard .post-tit .title a{font-size:18px;}
}
@media(max-width:575px){
.blog-main .post.format-standard .img-part{width:100%;}
.blog-main .post.format-standard .text-part{width:100%; padding-left:0;}
.blog-main .post.format-standard{margin:0 0 1em 0; flex-wrap:wrap;}
.post.format-standard .date-and-categories ul li{padding-bottom:8px; padding-top:15px;}
}