#header #logo          {align-self:center;}
#header #sitename      {right:0;margin:0 0 0 auto;}
#header #sitename div  {text-align: right;}
#header #hcontacts     {}

@media only screen and (max-width: 1185px){
 #headerbox             {height:309px;}
}
@media only screen and (max-width: 980px){
 #headerbox             {height:250px;}
 #header #sitename      {font-size:250%;}
 #header #hcontacts a   {font-size:120%;}
 #body  {width:auto;} 
}
@media only screen and (max-width: 768px){
 #headerbox             {height:156px;}
 #header #sitename      {font-size:200%;}
 #header #hcontacts a   {font-size:120%;}
 #sitename div          {display:none;}
 #header #logo          {padding: 5% 1% 0 1%;}
 
 #content {padding:10px; border-radius: 4px;}
 #left, #right {padding:10px; border-radius: 4px;}
 #left  {margin-right:10px;}
 #right {margin-left:10px;}
}
@media only screen and (max-width: 480px){
 #header                {display:block;height: auto;}
 #headerimg             {display:none;}
 #headerbox             {height:auto;}
 
 #header #logo          {float:none;margin:5px auto; padding: 5px; text-align: center;}
 #header #sitename      {float:none;width:auto; margin:5px auto; padding: 5px; text-align: center;font-size:170%;}
 #header #hcontacts     {float:none;width:auto; margin:5px auto; padding: 5px; text-align: center;} 
 
 #header #hcontacts a   {font-size:120%;} 
 #sitename div          {display:none;}
 
 
 #content {padding:10px; border-radius: 4px;}
 #left, #right {padding:5px; border-radius: 4px;}
 #left  {margin-right:0px;}
 #right {margin-left:0px;}
}
@media only screen and (max-width: 320px){
 #headerbox             {height:104px;}
 #header #sitename      {font-size:170%;}
 #header #hcontacts a   {font-size:120%;} 
 #sitename div          {display:none;}
 
 #content {padding:10px; border-radius: 4px;}
 #left, #right {padding:5px; border-radius: 4px;}
}


@media only screen and (max-width: 600px){
 body {background: #fff;}
 #body  {width:auto;}
 
 #content {padding:10px; border-radius: 4px;}
 #left, #right {padding:10px; border-radius: 4px;}
 #left  {margin-right: 0px;}
 #right {margin-left:0px;}
 
 main   {width:100%;float:none;}
 aside  {width:100%;float:none;}
 main .items-leading .item-image,
 main .item .item-image {
  width:auto;
  height:auto;
  float:none;
  margin:0 0px 5px 0;
 }
 #topmenu ul li,
 #topmenu ul.dj-main .dj-up {
  margin:0 1px 0 2px !important;
  padding:5px 2px 5px 2px;
 }
 #topmenu ul li a,
 #topmenu ul.dj-main li.dj-up a.dj-up_a {
  padding:6px 5px 6px 5px;
  font-size: 120%;
  line-height:1.2em;

 }
}