body.single section.content .container {
    width:970px;
    max-width:100%;
  }
  
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    body.single section.content .container {
      width: 1170px;
    }   
  }
  @media only screen and (min-width: 1600px) {
    body.single section.content .container {
      width: 1170px;
    }   
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    body.single section.content .container {
      width: 750px;
    }
  }
   @media only screen and (max-width: 767px) {
    body.single section.content .container {
      width: auto;
    }
  }
  body.single section.content{font-size:16px;line-height:1.7;}
.blog-detail .detail-port-nav{
  padding-top: 35px !important;
  padding-bottom: 35px !important;
  background-color: #f9f9f9 !important;
}
@media only screen and (max-width: 991px){
  .blog-detail .detail-port-nav{
    padding-top: 21px !important;
    padding-bottom: 21px !important;
  }
}

  .body .blog-detail .detail-social{
    font-size: 14px;
  }
  .body .blog-detail .detail-author-info .title a,
  .body .blog-detail .detail-port-nav a{
    color: #333333;
  }
  .body .blog-detail .detail-info a:hover,
  .body .blog-detail .list-info a:hover,
  .body .blog-detail .detail-recent .title a:hover,
  .body .blog-detail .detail-port-nav a:hover, 
  .body .portfolio-detail .detail-port-nav a:hover,
  .body .comments-area a:hover,
  .body .detail-author-info .title a:hover{
    color:#20a3f0;
  }
  .body .dg-blockquote.left-border{
    border-left-color:#20a3f0;
  }
  .body .comment-respond .form-submit .submit {
    border-color: #20a3f0;
    background-color: #20a3f0;
  }
  .blog-detail .detail-port-nav a:hover .arrow-next span::after,
  .blog-detail .detail-port-nav a:hover .arrow-prev span::after{
    border-color: #20a3f0 !important;
  }
  .blog-detail .detail-port-nav a:hover .arrow-next span::before,
  .blog-detail .detail-port-nav a:hover .arrow-prev span::before{
    border-color: #20a3f0 !important;
  }