﻿#wrapper #content .sys_comments-control ul {padding: 0;}
#wrapper #content .sys_comments-control ul li{border-color: #ccc; list-style-type: none; margin: 0; padding: 18px 0; }
#wrapper #content .sys_comments-control cite{margin-bottom: 6px; display:block;}
#wrapper #content .sys_comments-control .sys_user-name{color: #007ca7; font-weight:bold;}
#wrapper #content .sys_comments-control p:last-child{margin-bottom: 0;}

#content .sys_mediagallery-control{margin-bottom: 1em;}
#content .sys_mediagallery-control .sys_subitem {margin: 0 2px 2px 0;}
#content .sys_mediagallery-control .sys_subitem a{padding: 0!important;}
#content .sys_mediagallery-control .sys_subitem .sys_thumbnail {margin: 0;}
#content .sys_mediagallery-control .sys_subitem .sys_thumbnail img{border:none;}

#wrapper #content .sys_addcomments-row {margin: 0 0 1.5em 0;}
#wrapper #content .sys_addcomments-row label {display:block; font-weight:bold; margin-bottom: 4px;}
#wrapper #content .sys_addcomments-row input,
#wrapper #content .sys_addcomments-row textarea{border-color: #ccc; margin: 0 0 4px 0; width: 90%; padding: 10px 6px; font-size: 1.3em;}

#content .sys_button { border: 2px solid transparent; padding: 10px 6px; font-size: 1.5em; font-weight:normal; margin-bottom: 1em;}
#wrapper #content .sys_button:hover {background-color: #fff!important; border-color: #1a296b; color: #1a296b;}


@media screen and (max-width: 767px) {
  #wrapper #content .sys_mediagallery-control .sys_subitem {width: 24.5%!Important;}
}

@media only screen and (max-width: 479px) {
    #wrapper #content .sys_mediagallery-control .sys_subitem {width: 24%!Important;}
}

@media only screen and (max-width: 376px) {
    #wrapper #content .sys_mediagallery-control .sys_subitem {width: 48%!Important;}
}