/* Images */
    
.img-responsive{display: block; max-width: 100%;height: auto;margin: 0px auto;}
.img-circle { border-radius: 100%; }    
    
/* Comments */


textarea, input {border:1px solid #c2d2d64;}
textarea {width:100%;}

.comment-list, .children, .comment-list li{list-style:none;}

ul.children {list-style:none;padding-left:0px; margin-left:0px;}

.comment-wrap { border-bottom: 1px dotted #c2b490; padding-bottom: 40px; margin-bottom: 50px; position:relative; }

.comment-wrap .comments-title{padding-top:60px;}

.comment-wrap .comment-img { float: left; margin-right: 20px; padding-bottom:25px;}

.comment-author {text-align:left;}

.comment-reply {position:absolute;top:0px;right:0px;font-style:italic; padding:5px 5px; background: #c2b490 !important; border-radius: 3px; color: #fff !important;}

.comment-author,.comment-author a{font-size: 14px;text-transform: uppercase; letter-spacing: 2px;margin-bottom:2px;}

.comment-date{font-size: 10px;text-transform: uppercase; letter-spacing: 2px;font-style:italic;display:block;padding-bottom:7px;margin-left: 30px; margin-top: 5px;}

.depth-2 .comment-wrap {padding-left:30px;}
.depth-3 .comment-wrap {padding-left:60px;}
.depth-4 .comment-wrap {padding-left:90px;}
.depth-5 .comment-wrap {padding-left:120px;}
.depth-6 .comment-wrap {padding-left:150px;}
.depth-7 .comment-wrap {padding-left:180px;}
.depth-8 .comment-wrap {padding-left:210px;}
.depth-9 .comment-wrap {padding-left:240px;}
.depth-10 .comment-wrap {padding-left:270px;}

#commentform #comment,#commentform #author,#commentform #email,#commentform #url{display:block; width:100%; border:1px solid #c2d2d64; padding: 5px;}

#commentform input[type="submit"]{display:inline-block;padding:8px 15px;border:1px solid #c2d2d64;font-size: 10px;text-transform: uppercase;letter-spacing: 3px;background: #c2b490;margin-top:15px;}
#commentform input[type="submit"]:hover {background: #6f959e;}

/* Responsive */
@media (max-width: 767px) {
    .comment-list, .children { padding-left: 0px; }
    .comment-wrap .comment-img { float: none;margin: 0px;width: 100%;padding-bottom: 0px; }
    .comment-img>img { display: block;margin: 0px auto; }
    .comment-author, .comment-author a, .comment-date { text-align:center; }
    .depth-2 .comment-wrap,.depth-3 .comment-wrap,.depth-4 .comment-wrap,.depth-5 .comment-wrap,.depth-6 .comment-wrap,.depth-7 .comment-wrap,.depth-8 .comment-wrap,.depth-9 .comment-wrap,.depth-10 .comment-wrap {padding-left:0px;}
    .comment-reply { position: relative; text-align: center; display: block; margin-top: 25px;}
}