.single-blog {
      padding: 80px 0 38px;
      footer {
            clear: both;
            margin-top:39px;
      }
     .content-before-footer {
       padding-top: 30px; 
     }   
    .entry_content {
         margin-top: 36px;   
    }
    .post-related {
        margin: 0 -20px;
        padding: 0;
        margin-bottom: 21px;
        > h3 {
            padding: 0 20px;
            margin-bottom: 27px;
            font-size: 30px;
        }
      .post_related_slider {
        padding:0;
         margin-bottom: -5px;
         &:hover {
           .jws-carousel-btn {
            opacity:1;
            transform: translatex(0) !important;
           } 
         }
         
         .jws_post_wap{
            margin-bottom: 0;
         }
         .entry-title {
            margin-bottom: 10px;
         }
      }  
      .post_related_slider > .jws-carousel-btn {
        position: absolute;
        z-index: 1;
        border: 2px solid var(--main);
        background:var(--main);
        width: 40px;
        height: 40px;
        line-height: 37px;
        text-align: center;
        color: var(--main);
        cursor: pointer;
        transition: 0.3s all;
        font-size: 20px;
        top: 50%;
        margin-top: -20px;
        color: #ffffff;  
        opacity: 0;
        &:hover {
          background:var(--heading);
          border-color:var(--heading);
        
        } 
        &.prev-item {
            left:20px;
            transform: translatex(-10px);
        }
        &.next-item {
            right:20px;
            transform: translatex(10px);
        }
    }
    }
    .jws_post_image {
        position: relative;
        margin-bottom: 17px;
        &.post-no-thumbnail {
           .entry-date {
                position: relative;
                left: 0;
                top: 5px;
           } 
        }
        img {
            width:100%;
        }
        .entry-date {
        font-size: 13px;
        color: var(--light);
        background: var(--main);
        padding: 8px 15px;
        position: absolute;
        left: -10px;
        top: 22px;
        z-index: 1;  
        a {
            color:var(--light);
        }
    }
    &:after {
      content:"";
      display: table;
      clear: both;  
    }

  } 
  
  .post-bottom {
            margin-top: 15px;
            margin-bottom: 6px;
            &:after {
                content:"";
                display: table;
                clear: both;
            }
            .entry-category {
                float:left;
                color:var(--heading);
                font-size: 13px;
                text-transform: uppercase;
                a {
                  color:var(--heading);  
                  &:hover {
                    color:var(--main);
                  }  
                }
            }
            
              .car-share {
                    float:right;
             
                }

            .entry-comment {
               float:right;
               color:var(--body);
                   margin-right: 35px;
               span {
                    margin-right: 5px;
                    color: var(--body);
                    font-size: 16px;
                    opacity: 0.5;
                    transition: 0.3s all;
               } 
               &:hover {
                span {
                  opacity: 1;
                  color: var(--main);  
                }
               }
            }
        }
        .entry_title {
            margin-bottom: 12px;
                font-size: 36px;
        }
        .post_author {
            font-size: 13px;
            text-transform: uppercase;
            a {
                color:var(--heading);
                font-weight: 500;
            }  
        }
        .post-tags {
            &:after {
            content:'';
            display: table;
            clear: both;
            }
            a {
                color: var(--heading);
                font-size: 13px;
                background: #f5f5f5;
                border-radius: 3px;
                padding: 6px 20px;
                display: block;
                float: left;
                margin-right: 10px;
                margin-bottom: 10px;
                &:hover {
                    background:#dcdcdc;
                } 
            }
        }
        .post-share {
          text-align: right;
           margin-top: 5px;
          .social_label {
            color:var(--heading);
            font-size: 13px;
            font-weight: 500;
            margin-right: 25px;
          }  
          a {
               background: var(--heading);
                width: 28px;
                height: 28px;
                line-height: 28px;
                text-align: center;
                border-radius: 5px;
                color: #ffffff;
                font-size: 15px; 
                display: inline-block;
                &:not(:last-child) {
                    margin-right:11px;
                }
                &:hover {
                    background:var(--main);
                } 
          }  
        }
        .post-about-author {
            background: #f5f5f5;
            padding: 30px 45px;
            margin-top: 38px;
                margin-bottom: 51px;
           .post-author-avatar {
            img {
                max-width: 180px;
                border-radius: 100%;  
            }
           }
           .at-name {
                font-size: 18px;
                font-weight: 500;
                text-transform: uppercase;
                margin-bottom: 18px;
                a {
                    color:var(--heading);
                    &:hover {
                      color:var(--main);  
                    }
                }
           } 
           .description {
                margin-bottom: 27px;
           }
           .icon-author {
            a {
                color: var(--heading);
                font-size: 18px;
                margin-right: 20px; 
                &:hover {
                  color: var(--main);  
                }  
            }
           }
        }
        .no-thumbnail {
          .images_nav {
            display: none;
          }  
          .content_nav {
            padding: 0 !important;
          }
          &.right {
             .content_nav {
                -ms-flex: 0 0 100% !important;
                flex: 0 0 100% !important;
                max-width: 100% !important;
                padding: 0 !important;
                text-align: right;
            }
          }
        }
        .post-navigation {
            position: relative;
            margin-bottom: 74px;margin-top: 25px;
            &:after{
                content:"";
                display: table;
                clear: both;
            }
            > a {
                 clear: both;
                display: block;
                position: absolute;
                left: 50%;
                color: var(--heading);
                font-size: 32px;
                top: 24px;
                margin-left: -16px; 
             
            }
            > div {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            }
            >div.left {
                float: left;
                width: 43%;  
            }
             >div.right {
                float: right;
                width: 43%; 
            }
            .images_nav {
                 -webkit-box-flex: 0;
                -ms-flex: 0 0 80px;
                flex: 0 0 80px;
                max-width: 80px;
            }
            .content_nav {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 calc(~"100% - 80px");
                flex: 0 0 calc(~"100% - 80px");
                max-width: calc(~"100% - 80px");
                padding: 0 20px;
            }
            .title {
                    font-weight: bold;
                    margin-bottom: 0px;
                a {
                    color:var(--heading);
                    &:hover {
                        color:var(--main);
                   }
                }
            }
            .entry-date {
                a {
                    font-size: 12px;
                    color: var(--body);
                    letter-spacing: 1px;
                        text-transform: uppercase;
                    &:hover {
                        color:var(--main);
                   }  
                }
            }
        }
    
}

.comments-area {
  .comment_top {
    .comments-title {
              font-size: 30px;
              color:var(--heading);
              margin-bottom: 33px;
              letter-spacing: 0.5px;
    }
    .comment-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
        .comment-respond {
            margin-top: 30px;
            margin-bottom: 30px;  
        }
           li {
                 ol {
                    list-style-type: none;
                    padding: 0;
                    margin: 0;
                  } 
                  .children {
                    padding-left: 110px;
                  }          
                  .comment-body {
                    margin-bottom: 20px;
                    padding: 20px;
                    border-radius: 5px;
                    background: #f5f5f5;
                   .comment-avatar {
                       max-width: 80px;
                       display: inline-block;
                       vertical-align: top;
                       margin-top: 6px;
                       img {
                            border-radius:100%;
                       }
                   } 
                    .title-review {
                       font-weight:500;
                       margin-bottom: -5px;

                    }
                   .author-info {
                    margin-top: -7px;
                    .comment-date {
                        margin-right: 5px; 
                    }
                    .comment-author {
                        display: inline-block;
                         font-size: 13px !important;
                     }
                   }
                   .comment-info {
                        width: ~"calc(100% - 90px)";
                        display: inline-block;
                        vertical-align: top;
                        padding-left: 18px;
                        > p {
                            font-size: 15px;
                            line-height: 24px;
                             
                        }
                        > p:last-child {
                                margin: 0;  
                        }
                        .comment-header-info {
                                   margin-bottom: 4px;
                               position: relative;
                            .comment-author {
                                font-size: 18px;
                                font-weight: 500;
                                    margin-bottom: -4px;
                            }  
                            .comment-date {
                                font-size:12px;
                                color: #7e7e7e;
                                text-transform: uppercase;
                            }
                            .reply {
                                   position: absolute;
                                    top: 0;
                                    right: 0;
                                a {
                                    color: var(--heading);
                                 font-weight: 500;
                                    &:hover {
                                        color:var(--main);
                                    } 
                                }
                            }
                        }
                   }
                }
           } 
    }
  } 
  .comment-respond {
    background: #f5f5f5;
    padding: 40px 45px 47px;
    margin-top: 73px;
    .comment-form-cookies-consent {
         margin-top: 3px;
         label {
            margin:0;
            vertical-align: middle;
         }   
    }
    .comment-reply-title {
              color:var(--heading);
              margin-bottom: 9px;
              letter-spacing: 0.5px;
              font-size:30px;
    }

    #cancel-comment-reply-link {
        color:var(--heading);
        font-size:12px; 
        font-weight: 700;
        letter-spacing: 3px;
        text-transform: uppercase;
            margin-left: 10px;
       &:hover {
          color:var(--main);
       } 
    }
    .comment-form {
       p {
        margin:0;
       } 
       input[type="text"] , textarea {
           border: 1px solid #d7d7d7;
           background: #ffffff;
            width: 100%;
            padding: 0 17px;
            font-size: 14px;
            margin-bottom:25px;
            &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
              color:var(--heading);
            }
            &::-moz-placeholder { /* Firefox 19+ */
              color:var(--heading);
            }
            &:-ms-input-placeholder { /* IE 10+ */
              color:var(--heading);
            }
            &:-moz-placeholder { /* Firefox 18- */
             color:var(--heading);
            }
       } 
       textarea {
            padding-top: 12px;
            height: 150px;
       }
       input[type="text"] {
            height: 50px;
       }
       .comment-form-cookies-consent {
           input {
            margin-right: 8px;
           }
       }
       .comment-notes {
            margin-bottom: 27px;
            margin-top: 0;
            letter-spacing: 0.5px;
       }
       .logged-in-as{
            margin-bottom: 18px;
       }
       .comment-form-cookies-consent {
           margin-bottom: 18px;
       }
       .submit {
            color: #ffffff;
            background: var(--heading);
            border: none;
            outline: none;
            padding: 11px 43px;
            transition: 0.3s all;
            
            &:hover {
                background:var(--main);
            }
       }
    }
  } 
}

@media(max-width:1024px) {
   .single-blog .post_content {
        margin-bottom:30px;
   } 
}
@media(max-width:767px) {
    .single-blog .entry_title {
       font-size: 24px; 
       line-height: 30px; 
    }
    .single-blog .post-bottom .entry-comment {
    margin-right: 15px;    
    }
    .single-blog .post-share {
        text-align: left;
    }
    .single-blog .post-about-author .post-author-avatar img {
        margin-bottom: 30px;
    }
    .single-blog .post-navigation > div {
         width: 100% !important;
         float: none !important; 
         .content_nav {
           text-align: left !important; 
         }  
    }
    .single-blog .post-navigation .content_nav {
            -webkit-box-ordinal-group: 11;
            -ms-flex-order: 10;
            order: 10;  
    }
    .single-blog .post-navigation > a {
        margin: 15px 0;
        margin-left: -3px;
        position: unset; 
    }
    .single-blog .post-about-author {
      padding: 30px 20px;  
    }
    .comments-area .comment_top .comment-list li .comment-body {
        .comment-avatar {
           display: block; 
        }
        .comment-info {
            display: block;
            width: 100%;
            padding-left: 0;
            margin-top: 10px;   
        }
    }
    .comments-area .comment_top .comment-list li .children {
       padding-left: 30px; 
    }
    .comments-area .comment-respond {
          padding-left: 25px;
    padding-right: 25px;
    }
}