.blog-page-list .blog-container-main {
    display: flex;
}
.blog-page-list .blog-container-main .post-list-wrapper {
    width: 66.66666667%;
    padding-right: 15px;
}
.blog-page-list .blog-container-main .blog-categories {
    width: 33.33333333%;
    padding: 0px 15px;
}
.blog-page-list .columns {
    display: flex;
}
.blog-page-list .columns .column.main {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0px 15px;
}
.blog-page-list .columns .column.main .container .page-title-wrapper h1.page-title {
    text-align: left;
    margin: 40px 0px 10px;  
    text-transform: capitalize;
    padding: 0px;
    font-size: 30px;
}
.blog-page-list .columns .column.main .container {
    padding: 0px;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-image {
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
    padding: 0px 15px;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-info {
    width: 58.33333333% !important;
    flex: 0 0 58.33333333% !important;
    padding: 0px 15px 0px;
}
.blog-page-list .blog-container-main .blog-categories h3 {
    margin: 0px;
    font-size: 30px;
    padding-bottom: 10px;
}
.blog-page-list .blog-container-main .blog-categories ul.category-list li.list {
    display: flex;
    margin: 0px;
}
.blog-page-list .blog-container-main .blog-categories ul.category-list {
    padding: 0px;
    margin: 0px;
}
.blog-page-list .blog-container-main .blog-categories ul.category-list li.list a {
    color: #000;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-info a.action.primary {
    background: transparent;
    border: none;
    color: #333;
    font-weight: 100;
    font-size: 16px;
    padding: 0px;
    margin-left: 5px;
    font-family: droid_sansregular;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-info a.action.primary:hover {
    color: #23527c;
    text-decoration: underline;
}
.blog-page-list .post-list.modern .post-info .post-title-wrap h3 a:hover {
    color: #f15c22;
    text-decoration: underline;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-image .image-container {
    height: 100%;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-image .image-container a.image-wrap {
    height: 100%;
}
.blog-page-list .post-list.modern .post-info .post-title-wrap h3 a {
    color: #d84e28 !important;
    text-transform: uppercase;
    font-weight: 700;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container {
    margin-right: -15px;
    margin-left: -15px;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-info .post-description {
    font-size: 16px;
    line-height: 25px;
}

@media screen and (min-width:768px) {
.blog-page-list .columns .column.main {
    max-width: 750px;
    margin: 0 auto;
    padding: 0px 15px;
}
}

@media screen and (max-width:767px) {
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-info .post-description {
    font-size: 14px;
    line-height: 21px;
    display: block;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container {
    flex-direction: column;
    gap: 20px;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-image {
    flex: 0 0 100%;
    padding-right: 0px;
    width: 300px;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-info {
    width: 100% !important;
    max-width: 100%;
    padding-right: 0px;
}
.blog-page-list .blog-container-main .post-list-wrapper .post-container .post-info a.action.primary {
    font-size: 14px;
}
.blog-post-view ._post-view.post-view-modern .post-holder .post-description p {
    font-size: 14px;
    line-height: 21px;
}
}


@media screen and (min-width:992px) {
.blog-page-list .columns .column.main {
    max-width: 970px;
    margin: 0 auto;
    padding: 0px 15px;
}
}

@media screen and (min-width:1200px) {
.blog-page-list .columns .column.main {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0px 15px;
}
}

@media screen and (max-width:1200px) {
body#html-body {
    padding-top: 0px;
}
}

@media screen and (max-width:991px) {
.blog-page-list .blog-container-main {
    flex-direction: column-reverse;
}
.blog-page-list .blog-container-main .blog-categories {
    padding: 0px;
    width: 100%;
    margin-bottom: 20px;
}
.blog-page-list .blog-container-main .post-list-wrapper {
    width: 100%;
}
.blog-page-list .blog-container-main .blog-categories h3 {
    background: #dcdcdc;
    padding: 10px 12px;
    width: 100%;
    border: none;
    text-transform: uppercase;
    text-align: left;
    color: #d84e28;
    font-size: 1.75em;
}
.blog-page-list .blog-container-main .blog-categories ul.category-list li.list {
    display: flex;
    margin: 0px;
    background: #dcdcdc;
    padding: 10px 12px;
    width: 100%;
    border: none;
    text-transform: uppercase;
    text-align: left;
    color: #d84e28;
    font-size: 15px;
}
.blog-page-list .blog-container-main .blog-categories ul.category-list {
    display: none;
}
.blog-page-list .blog-container-main .blog-categories h3:hover ~ ul.category-list {
    display: block;
}
}
.blog-page-list
.post-description.mb-4 p,
.blog-page-list .post-description.mb-4 a{ display:inline}   

.blog-page-list .blog-container-main .post-list-wrapper li.post-item.post-holder {
    border-color: #000;
}
.blog-post-view ._post-view.post-view-modern {
    display: flex;
}
.blog-post-view ._post-view.post-view-modern .post-holder {
    width: 66.66666667%;
    padding-right: 15px;
}
.blog-post-view ._post-view.post-view-modern .blog-categories {
    padding: 0px 15px;
    width: 33.33333333%;
}
.blog-post-view .columns {
    display: flex;
}
.blog-post-view .columns .column.main {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0px 15px;
}
.blog-post-view .columns .column.main .container .page-title-wrapper h1.page-title {
    text-align: left;
    margin: 40px 0px 10px;  
    text-transform: uppercase;
    padding: 0px;
    font-size: 30px;
}
.blog-post-view .columns .column.main .container {
    padding: 0px;
}
.blog-post-view ._post-view.post-view-modern .blog-categories h3 {
    margin: 0px;
    font-size: 30px;
    padding-bottom: 10px;
}
.blog-post-view ._post-view.post-view-modern .blog-categories ul.category-list li.list {
    display: flex;
    margin: 0px;
}
.blog-post-view ._post-view.post-view-modern .blog-categories ul.category-list {
    padding: 0px;
    margin: 0px;
}
.blog-post-view .post-list.modern .post-info .post-title-wrap h3 a:hover {
    color: #f15c22;
    text-decoration: underline;
}
.blog-post-view .blog-container-main .post-list-wrapper .post-container .post-image .image-container {
    height: 100%;
}
.blog-post-view .blog-container-main .post-list-wrapper .post-container .post-image .image-container a.image-wrap {
    height: 100%;
}
.blog-post-view .post-list.modern .post-info .post-title-wrap h3 a {
    color: #f15c22 !important;
    text-transform: uppercase;
}
.blog-post-view .blog-container-main .post-list-wrapper .post-container {
    margin-right: -15px;
    margin-left: -15px;
}
.blog-post-view ._post-view.post-view-modern .blog-categories ul.category-list li.list a {
    color: #000;
}
.blog-post-view .post-content .post-description img {
    width: 100%;
}
.blog-post-view ._post-view.post-view-modern .post-holder .post-description p {
    font-size: 16px;
    line-height: 25px;
}

@media screen and (min-width:768px) {
.blog-post-view .columns .column.main {
    max-width: 750px;
    margin: 0 auto;
    padding: 0px 15px;
}
}

@media screen and (min-width:992px) {
.blog-post-view .columns .column.main {
    max-width: 970px;
    margin: 0 auto;
    padding: 0px 15px;
}
}

@media screen and (min-width:1200px) {
.blog-post-view .columns .column.main {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0px 15px;
}
}

@media screen and (max-width:1200px) {
body#html-body {
    padding-top: 0px;
}
}

@media screen and (max-width:991px) {
.blog-post-view ._post-view.post-view-modern {
    flex-direction: column-reverse;
}
.blog-post-view ._post-view.post-view-modern .blog-categories {
    padding: 0px;
    width: 100%;
    margin-bottom: 20px;
}
.blog-post-view .blog-container-main .post-list-wrapper {
    width: 100%;
}
.blog-post-view ._post-view.post-view-modern .blog-categories h3 {
    background: #dcdcdc;
    padding: 10px 12px;
    width: 100%;
    border: none;
    text-transform: uppercase;
    text-align: left;
    color: #d84e28;
    font-size: 1.75em;
}
.blog-post-view ._post-view.post-view-modern .blog-categories ul.category-list li.list {
    display: flex;
    margin: 0px;
    background: #dcdcdc;
    padding: 10px 12px;
    width: 100%;
    border: none;
    text-transform: uppercase;
    text-align: left;
    color: #d84e28;
    font-size: 15px;
}
.blog-post-view ._post-view.post-view-modern .blog-categories ul.category-list {
    display: none;
}
.blog-post-view ._post-view.post-view-modern .blog-categories h3:hover ~ ul.category-list {
    display: block;
}
.blog-post-view ._post-view.post-view-modern .post-holder {
    width: 100%;
    padding-right: 0px;
}

.blog-post-view ._post-view.post-view-modern .blog-categories {
    display: none;
}
}
.blog-post-view .post-view.post-view-modern .post-holder .post-bottom a span.text-left, .blog-post-view .post-view.post-view-modern .post-holder .post-bottom a span.text-right {
    font-size: 17px;
    color: #000;
}
.blog-post-view ._post-view.post-view-modern .post-holder .post-bottom a:hover {
    text-decoration: underline;
    color: #000;
}
.blog-post-view ._post-view.post-view-modern .post-holder .post-bottom .post-nextprev {
    border-bottom: 0px;
    border-color: #000;
}
.blog-post-view ._post-view.post-view-modern .post-holder .post-bottom a span.text-left, .blog-post-view ._post-view.post-view-modern .post-holder .post-bottom a span.text-right {
    font-size: 17px;
    color: #000 !important;
}