.top-title-main-banner-wrap.blog-listing-main-banner {
    background: url(../images/Blog-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}
.top-title-main-banner-wrap.blog-listing-main-banner .top-title-main-banner-text h1:after{
    background: #ffffff;
}
.blog-post-listing-main-wrapper {
    background: #fafafa;
}
.blog-post-listing-main-wrapper .blog-post-listing-main-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-left-content {
    width: 100%;
    padding: 0 20px;
}
.blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-right-content {
    width: 27%;
    padding: 0 20px;
}
div#wp_subscribe-2 #wp-subscribe svg path {
    fill: #137abd;
}
div#wp_subscribe-2 #wp-subscribe .error {
    color: red;
    width: 100%;
    float: left;
}
.blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box {
    background: #fff;
    padding: 25px;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,0.05);
    border-radius: 4px;
    border: 0;
    margin-bottom: 35px;
}
.blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box .blog-custom-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #b5b5b5;
}
.blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box .blog-custom-title h2 a {
    text-align: center;
    display: inline-block;
    color: #333333;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 0.5px;
    transition: 0.2s;
    line-height: 1.4;
}
.blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box .blog-custom-title h2 {
    margin: 0 0 10px;
}
.blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box .blog-custom-img img {
    width: 100%;
    margin-top: 20px;
    height: auto;
}
.cutom-date-time-wrap .wpweb-post-meta-wrap {
    padding: 20px 0 10px;
    display: flex;
    justify-content: center;
}
.cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta {
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta .wpweb-post-meta-icon {
    display: flex;
    align-items: center;
    margin-right: 3px;
}
.cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta .wpweb-post-meta-icon img {
    width: 20px;
    margin-right: 10px;
}
.cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta .wpweb-post-meta-text {
    display: block;
    font-size: 14px;
    text-align: left;
}
.cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta:after {
    content: "|";
    margin: 0 18px;
}
.cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta a {
    color: #1a80b6;
    transition:all 500ms ease-in-out;
}
.cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta:last-child:after{
    display: none;
}
.blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box .custom-post-content p {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    margin: 5px 0 10px;
    letter-spacing: 0.5px;
    color: #2e2e2e;
    font-weight: 400;
}
.wpw-read-more-link {
    color: #137abd;
    margin-left: 3px;
    text-transform: uppercase;
    font-weight: 600;
    vertical-align: middle;
}
.blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box .blog-custom-title h2 a:hover{
    background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
    color: transparent;
    -webkit-background-clip: text;
}
.cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta a:hover{
    color: #000000;
}
.blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text {
    background: #fff;
    padding: 25px;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,0.05);
    border-radius: 4px;
    border: 0;
    margin-bottom: 25px;
    display: inline-block;
    width: 100%;
}
div#wp_subscribe-2 #wp-subscribe {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    padding: 0 10px !important;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .common-right-heading h4 {
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 0;
    font-size: 22px;
    color: #3386c2;
    padding-bottom: 5px;
    border-bottom: 1px solid #727272;
    margin: 0px;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-categories-listing ul li {
    padding: 10px 10px 15px 12px;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: 0.5s;
    border-bottom: 1px dashed #acacac;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-categories-listing ul li a {
    color: #333333;
    position: relative;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-categories-listing ul li a::before{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    margin-left: -12px;
    font-weight: 600;
    font-size: 10px;
    top: 3px;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-categories-listing ul li:last-child{
    border-bottom: none;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-about-us p {
    font-size: 15px;
    line-height: 26px;
    color: #4c5056;
    margin-top: 15px;
    font-weight: 400;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-subscribe-wrap {
    padding: 0 10px;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-subscribe-wrap .blog-subscribe-heading h4 {
    text-align: left;
    line-height: normal;
    margin-bottom: 0px;
    padding-top: 4px;
    font-size: 18px;
    border: 0;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-subscribe-wrap form input[type="email"] {
    color: #2e2e2e;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    width: 100%;
    height: 45px;
    padding: 10px 0px;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-subscribe-wrap form {
    margin-top: 20px;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-subscribe-wrap form input[type="submit"] {
    margin: 20px 0;
    background: #3486c2;
    color: #ffffff;
    font-size: 16px;
    padding: 13px 0;
    height: auto;
    width: 150px;
    border: 1px solid #3486c2;
    line-height: 1;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-subscribe-wrap form input[type="submit"]:hover{
    color: #3486c2;
    background: #ffffff;
}
.blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-categories-listing ul li a:hover{
    color: #1a80b6;
}
.plugin-paginations-wrap ul {
    margin: 0 0 35px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plugin-paginations-wrap ul li a {
    padding: 2px 6px 2px 6px;
    font-size: 15px;
    line-height: 27px;
    color: #333;
    position: relative;
    display: inline-block;
    margin: 0 6px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    background: transparent;
    box-shadow: unset;
}
.plugin-paginations-wrap ul li span.page-numbers.current {
    background: transparent;
    font-size: 24px;
    color: #333;
    position: relative;
    display: inline-block;
    padding: 1px 8px;
    margin: 0 6px !important;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    box-shadow: unset;
}
.plugin-paginations-wrap ul li span.page-numbers.current:after {
    background: #2f3030 !important;
    bottom: -5px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    transition: opacity .3s ease;
    opacity: 1;
}
.plugin-paginations-wrap ul li a:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    background: #1ebbf0;
    background: -webkit-linear-gradient(left, #1ebbf0 30%, #39dfaa 100%);
    background: linear-gradient(left, #1ebbf0 30%, #39dfaa 100%);
}
.plugin-paginations-wrap ul li.active a{
    font-size: 24px;
}
.plugin-paginations-wrap ul li.active a:after{
    opacity: 1;
    background: #2f3030 !important;
    bottom: -5px;
}
.plugin-paginations-wrap ul li a:hover:after {
    opacity: 1;
}
div#wp_subscribe-2 #wp-subscribe {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    padding: 0 10px !important;
}
div#wp_subscribe-2 #wp-subscribe h4.title {
    text-align: left;
    font-weight: bold !important;
    color: #137abd !important;
    line-height: normal !important;
    text-transform: capitalize;
    margin-bottom: 10px !important;
    font-size: 18px;
}
div#wp_subscribe-2 #wp-subscribe form input.regular-text.email-field {
    background: transparent !important;
    color: #2e2e2e;
    border: 0 !important;
    border-bottom: 1px solid #d7d7d7!important;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    outline: rgb(56, 128, 222) solid 1px;
    outline-offset: -1px;
    -webkit-text-fill-color: #2e2e2e;
}
div#wp_subscribe-2 #wp-subscribe p.text {
    display: none;
}

div#wp_subscribe-2 #wp-subscribe form input.submit {
    margin: 20px 0 0;
    background: #3486c2;
    color: #ffffff !important;
    font-size: 16px;
    padding: 13px 0 !important;
    height: auto;
    width: 150px !important;
    border: 1px solid #3486c2;
    float: left;
    outline: 0;
    text-transform: capitalize;
}
div#wp_subscribe-2 #wp-subscribe form input.submit:hover{
    color: #3486c2 !important;
    background: #ffffff !important;
}
body.blog .top-title-main-banner-wrap {
    height: 400px;
}
body.blog .top-title-main-banner-wrap .top-title-main-banner-text {
    margin-top: 20px;
}
div#wp_subscribe-2 #wp-subscribe p.thanks {
    color: #137abd !important;
    font-size: 13px;
}
@media screen and (max-width:1279px) and (min-width:1024px){
  .cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta a {
      font-size: 14px;
  }
  .cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta {
    font-size: 12px;
}
}
@media screen and (max-width:991px) and (min-width:768px){
  .blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-left-content {
      width: 100%;
  }
  .blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-right-content {
      width: 100%;
  }
  .blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box .blog-custom-img img {
  height: auto;
}
.cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta {
    font-size: 14px;
}
}
@media screen and (max-width:767px) {
  .top-title-main-banner-wrap.blog-listing-main-banner .top-title-main-banner-text h3 {
      display: block !important;
      font-size: 16px;
      margin-top: 25px !important;
  }
  .blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-left-content {
      width: 100%;
  }
  .blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-right-content {
      width: 100%;
  }
  .blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box {
      padding: 15px;
  }
  .cutom-date-time-wrap .wpweb-post-meta-wrap {
      flex-direction: column;
  }
  .cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta {
      width: 100%;
      margin-bottom: 15px;
  }
  .cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta:after {
      display: none;
  }
  .blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text {
      padding: 15px;
  }
  .cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta .wpweb-post-meta-text,
  .blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-categories-listing ul li,
  {
      font-size: 16px;
  }
  .blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box .custom-post-content p,
  .blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-subscribe-wrap form input[type="email"]{
      font-size: 15px;
        line-height: 28px;
  }
  .blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text .blog-subscribe-wrap .blog-subscribe-heading h4{
      letter-spacing: 0px;
  }
  .blog-post-listing-main-wrapper .blog-post-listing-main-wrap .blog-post-listing-right-content .blog-categories-text:last-child{
      margin-bottom: 0px;
  }
  .cutom-date-time-wrap .wpweb-post-meta-wrap .wpweb-post-meta a{
      font-size: 14px;
  }
  .blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box .blog-custom-title h2 a {
    font-size: 23px;
    }
    .blog-post-listing-main-wrap .blog-post-listing-left-content .blog-post-listing-box .blog-custom-img img {
    height: auto;
    }
    body.blog .top-title-main-banner-wrap h3.subhead-class {
        display: block;
    }
}