.related-posts img {
margin: 0 0.5em 0.5em 0;
float: left; width: auto;
}
.related-posts ul {
margin: 1em 0 2em 0;
padding: 0;
list-style: none;
width: 100%;
float: left;
clear: both; }  .related-posts h2 {
margin-bottom: 30px;
margin-top: 20px;
} .related-posts {
margin: 0em 0 0em 0;
margin-left: 0px;
padding: 0.5px;
width: 100%;
display: block;
} .related-posts li {
margin: -2em 0 2em 0;
font-size: 10px;
display: inline-block;
vertical-align: top;
text-align: left;
width: 96%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}
.uhrelatedpostsbox .related-posts {
color: #9bc59e;
}
.uhrelatedpostsbox .related-posts li {
margin: -2em 1% 2em 0;
color: #9bc59e;
font-weight: 300;
}
.related-posts p {
padding-right: 2%; }
.uhrelatedposts-header a {
text-decoration: none;
color: #c0dac2;
}
.uhrelatedposts-header {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
} .uhrelated-shorttext {
display: none;
}
.uhrelated-longtext {
display: block;
} .uhrelatedpostsbox {
display: block;
margin: 0px 0 0 2%;
}
.uhrelatedpostsbox .comments-title,
.uhrelatedpostsbox .comment-reply-title {
color: #4f8753;
}
.uhrelatedpostsbox .comment-form label {
color: #4f8753;
}
.comment-form {
color: #2b492d;
}
.uhrelatedpostsbox .comment-author {
color: #4f8753;
}
.uhrelatedpostsbox .comment-author a {
color: #4f8753;
}
.uhrelatedpostsbox .comment-content p {
color: #9bc59e;
font-size: 11pt;
font-weight: 200;
}
.uhrelatedpostsbox .comment-respond {
width: 500;
max-width: 100%;
vertical-align: middle; 
}
.uhrelatedpostsbox .input-text,
input[type="text"],
input[type="input"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea,
select {
background: #cce1ce;
width: 100%;
}
@media screen and (min-width: 430px) {
.related-posts li {
width: 47.5%;
}
.uhrelatedposts-header {
font-size: 12px;
}
.related-posts li {
font-size: 10px;
}
}
@media screen and (min-width: 520px) {
.related-posts li {
font-size: 11px;
}
.uhrelatedposts-header {
font-size: 12px;
}
}
@media screen and (min-width: 594px) {
.related-posts h2 {
padding-top: 20px;
}
.single-post .uhrelatedpostsbox {
width: calc(100% - 155px);
}
}
@media screen and (min-width: 640px) {
.uhrelated-shorttext {
display: none;
}
.uhrelated-longtext {
display: block;
}
}
@media screen and (min-width: 673px) {
.related-posts h2 {
padding-top: 20px;
}
}
@media screen and (min-width: 700px) {
.related-posts li {
width: 31.33%;
}
.single-post .uhrelatedpostsbox {
width: calc(100% - 155px);
}
}
@media screen and (min-width: 800px) {
.related-posts li {
font-size: 12px;
font-weight: 200;
}
.uhrelatedposts-header {
font-size: 13px;
}
.single-post .uhrelatedpostsbox {
width: calc(100% - 155px);
}
@media screen and (min-width: 1008px) {
.uhrelatedposts-header {
font-size: 14px;
}
.uhrelatedpostsbox {
padding-left: 202px;
}
.single-post .uhrelatedpostsbox {
padding-left: 182px;
width: calc(100% - 382px);
}
}
@media screen and (min-width: 1080px) {
.single-post .uhrelatedpostsbox {
padding-left: 248px;
width: calc(100% - 448px);
}
.uhrelatedpostsbox {
padding-left: 272px;
}
}