#respond .input-wrapper {
  display: flex;
  flex-direction: column;
}
.single .post-comments #respond { 
  max-width: 630px;
  width: 100%;
  margin: 0 auto; }

.single .post-comments .comments {
  max-width: 630px;
  width: 100%;
  margin: 0 auto; }

#respond .left textarea {
  width: calc(100% - 12px);
  max-width: 623px;
  padding: 10px 0 10px 10px;
  border: 1px solid #bdbdbd;
  color: #878787;
  font-size: 1em;
  height: 136px;
  margin: 0;
  line-height: 1.5em;
  letter-spacing: 0.01em; }

#respond h4 {
  color: #533e2d;
  font-size: 1.8125em;
  letter-spacing: 0.025em;
  padding: 0;
  line-height: 1em;
  margin: 20px 0 15px; }

#respond .right,
#respond .left { 
  width: calc((100% - 9px) / 2);
  display: inline-block; }

#respond .right { 
  margin-left: 3px;
  float: right; }

#respond .right input {
  height: 27px;
  width: calc(100% - 12px);
  margin: 0 0 10px;
  border: 0;
  padding: 0 0 0 10px;
  color: #6b6a6a;
  font-size: 1em; 
  color: #878787;
  border: 1px solid #bdbdbd; }

#respond .right input[type=submit] {
  background: #dc824b;
  border: 0 none;
  color: #FFF;
  text-transform: uppercase;
  width: 100%;
  height: auto;
  padding: 4px 0 3px;
  letter-spacing: 0.025em;
  margin: 2px auto 0;
  font-size: 1.4375em;
  font-style: italic;
  border-radius: 3px; }

#respond input[type=submit]:hover { background: #4E96BC; }

#respond .right .logged-in a:link,
#respond .right .logged-in a:visited { color: #533e2d; }

#respond .right .logged-in {
  color: #533e2d;
  text-align: left;
  margin: 0 0 10px;
  font-size: 1.125em; }

.comments h3 {
  font-size: 1.3125em;
  color: #533e2d;
  background: #e7dfcd;
  padding: 20px;
  letter-spacing: 0.025em;
  margin: 0;
  line-height: 1.38095238em;
  text-transform: none; }

.commentlist {
  margin: 0 0 45px;
  list-style: outside none none;
  padding: 0; }

.commentlist li { padding: 25px; }

.commentlist .thread-odd {
  margin: 0;
  background: #e7dfcd; }

.commentlist .thread-even {
  margin: 0;
  background: #efeadd; }

/* Uncomment these lines and add-in the doctor's username to distinguish their posts from others
.commentlist .comment.comment-author-[DR-USERNAME] { background: #f4edf2; }

.commentlist .children .comment.comment-author-[DR-USERNAME] { padding: 10px; }
*/

.comment-body p {
  color: #73574b;
  font-size: 1em;
  line-height: 1.8125em;
  margin: 0;
  letter-spacing: 0.01em; }

.comment-body .comment-author {
  color: #73574b;
  font-size: 1em;
  letter-spacing: 0.015em; }

.comment-body .comment-author a:link,
.comment-body .comment-author a:visited,
#respond a:link,
#respond a:visited { color: #4e96bc; }

#respond a#cancel-comment-reply-link { 
  font-size: 0.75em;
  color: #999; }

#cancel-comment-reply { text-align: center; }

.comment-awaiting-moderation { color: #DC824B; }

.comment-body .comment-author .author,
.comment-body .comment-author .comment-date,
.comment-body .comment-author .comment-time { color: #4E96BC; }

.comment-body .comment-author img {
  position: relative;
  top: 5px; }

.commentlist .children {
  list-style: none;
  margin: 0 0 0 25px;
  padding: 0; }

.commentlist .children li { 
  padding: 10px 0 0;
  border-top: 1px #3F3F3F solid;
  margin: 10px 0 0; }

.commentlist a:link,
.commentlist a:visited { color: #000; }

.commentlist a:hover { color: #876495; }

.post-comments .post-comments-inner .nocomments { 
  margin-left: 10px;
  color: #73574B;
  font-size: 1.125em;
  padding: 10px; }







@media (min-width:415px)  {

  #respond .right, #respond .left {
    width: 100%;
    display: block;
    margin-bottom: 10px; }

  #respond h4 {
    margin: 0 0 20px;
    font-size: 1.25em; }

  #respond .right input { height: 30px; }

  .commentlist .thread-even,
  .commentlist .thread-odd { margin: 0 -20px; }

  .comments h3 { margin: 0 -20px; }

}

@media (min-width:600px)  {
  #respond .input-wrapper {
    flex-direction: row;
  }
}