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

@media only screen and (max-width: 1350px){
 #header #logo img      {max-width:80%;margin: 0 auto;}
 #header #sitename      {font-size:250%;}
 #header #email         {font-size:120%;}
 #header #phone         {font-size:120%;}
}
@media only screen and (max-width: 1150px){
 #header #logo img      {}
 #header #sitename      {font-size:230%;}
 #header #email         {font-size:115%;}
 #header #phone         {font-size:115%;}
 #topmenu ul li         {padding: 4px 5px;}
}
@media only screen and (max-width: 1015px){
 #header #logo img      {}
 #header #sitename      {font-size:220%;}
 #header #email         {font-size:110%;}
 #header #phone         {font-size:110%;}
 #topmenu ul li a       {font-size:90%;padding: 4px 5px;} 
 
}

@media only screen and (max-width: 980px){
 #header #logo img      {}
 #header #sitename      {font-size:200%;}
 #header #email         {font-size:100%;}
 #header #phone         {font-size:100%;}
 #body  {width:auto;} 
 div.span4 {width:auto; float:none;}
}
@media only screen and (max-width: 910px){
 #header #logo          {margin: 0 auto; }
 #header #logo img      {max-height:150px;}
 #header #sitename      {font-size:200%;font-weight: normal;padding:0;}
 #header #email         {padding:5px 10px;}
 #header #phone         {padding:5px 10px;}
 
 #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: 845px){
 #contur                {display:none;}
 #headerbox             {height:auto;background:none !important;}
 #header                {display:block;position: relative;}
 #headcol1 #logo        {margin: 0 auto !important;text-align: center;}
 #header #sitename      {font-size:250%;font-weight: bold;}
 #header #sitename div  {text-align: center;}
 #header #sitename a    {display:block;}
 #header #logo img      {max-width:100%;max-height:100%;}
 #header #phone         {text-align: center;}
 
 #topmenu ul            {display: -webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
 #topmenu ul li         {} 
}

@media only screen and (max-width: 750px){
 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;}
 #version {display:none;}
 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;
 }
 img.img-left30  {
	width:calc(100% - 23px);height:auto;
	padding:3px;
	margin:4px 8px 6px 8px;
	box-shadow:0px 0px 4px grey;
	border:1px solid #366ea1;
	float:none;
}
img.img-left50  {
	width:calc(100% - 25px);height:auto;
	padding:3px;
	margin:4px 8px 6px 8px;
	box-shadow:0px 0px 4px grey;
	border:1px solid #366ea1;
	float:none;
}

}

@media only screen and (max-width: 480px){
 #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){

 #content {padding:10px; border-radius: 4px;}
 #left, #right {padding:5px; border-radius: 4px;}
}