/*additional styles*/
.relatedImages .article_images .article_image img {width: 140px; float: left; margin-right: 10px; }
.relatedImages{width:20%;float:right;display:block; min-width: 100px; }
.gallery_pagesmall{background:url(/content/images/gallery.gif) no-repeat;display:block;width:22px;height:22px;position:absolute;z-index:3;margin-left:120px;margin-top:-2px}
.article_descriptionFourth {float:left;width:98%}
.article_descriptionFourth p em{font-style:italic!important} 
div.fullwidth, img.fullwidth {width:98%; }
div.halfleft, img.halfleft {width:50%; float:left; padding:10px;}
div.halfright, img.halfright {width:50%; float:right; padding:10px;}
div.thirdleft, img.thirdleft {width:33%; float:left; padding:10px;}
div.thirdright, img.thirdright {width:33%; float:right; padding:10px;}
.login3 {padding: 0.4% 0.3%; font-size: 15px; font-weight: 100; text-align:center; margin-bottom: 5px;margin: 5px 0 9px 0;float: right;}
.login3 .fa-user::before {background: #999 none repeat scroll 0 0; border-radius: 25%; color: #fff; font-size: 13px; padding: 2px 5px; }
.login3 a {font-weight: 600; }

@media (min-width: 1046px) and (max-width: 1230px)  {
.relatedImages .article_images .article_image img {width: 105px; float: left; margin-right: 10px; }
.relatedImages{width:18%;float:right;display:block; min-width: 90px; }
.gallery_pagesmall{background:url(/content/images/gallery.gif) no-repeat;display:block;width:22px;height:22px;position:absolute;z-index:3;margin-left:85px;margin-top:-2px}
}

@media only screen and (max-width: 1045px) {
.relatedImages {float: none; width: 100%;  }
.article_descriptionFourth{float:left;width:100%}
}
@media only screen and (max-width: 650px) {
div .halfleft, img .halfleft {width:95%; float:left; padding:10px;}
div .halfright, img .halfright {width:95%; float:right; padding:10px;}
div .thirdleft, img .thirdleft {width:95%; float:left; padding:10px;}
div .thirdright, img .thirdright {width:95%; float:right; padding:10px;}
}
@media only screen and (max-width: 440px) {
div .halfleft, img .halfleft {width:95%; float:left; padding:10px;}
div .halfright, img .halfright {width:95%; float:right; padding:10px;}
div .thirdleft, img .thirdleft {width:95%; float:left; padding:10px;}
div .thirdright, img .thirdright {width:95%; float:right; padding:10px;}
}
@media only screen and (max-width: 350px) {
div .halfleft, img .halfleft {width:95%; float:left; padding:10px;}
div .halfright, img .halfright {width:95%; float:right; padding:10px;}
div .thirdleft, img .thirdleft {width:95%; float:left; padding:10px;}
div .thirdright, img .thirdright {width:95%; float:right; padding:10px;}
}