@media screen and (min-width: 0) and (max-width:970px) 
 {
  #supersized {display:none !important;}
  #main {width:100%;background:#f77102;}
  #logo {width:294px;height:355px;margin:0;padding:0;position:relative;background:url("images/logo-mob.jpg") 0 0 no-repeat;overflow:hidden;}
  #logo a,#logo a span {display:block;width:294px;height:355px;margin:0;background-image:none;}
  #logo a:hover {background:url("images/logo-mob.jpg") 0 0 no-repeat;cursor:pointer;}
  #logo a span {position:absolute;left:0;top:0;z-index:1;background:url("images/logo-mob.jpg") 0 0 no-repeat;}
  #topmenu {width:100%;}
  #topmenu ul {margin:0 auto;text-align:center;}
  #right h2#vp {position:absolute;right:20px;top:55px;margin:0;}
  #phones {position:absolute;right:22px;top:135px;margin:0;}
  #middle,#left,#content,#right,#footer,#footer-left,#footer-in {width:100%;display:block;background:transparent;padding:0;margin:0;}
  #content,#right,#footer-left,#footer-in {padding:10px 15px;margin:0;}
  #top-right,#floatMenu,#recom,#footer-right {display:none;}
  #left {padding:46px 0 0 0;}
  #content {margin:15px 5px 0 0;text-align:center;border-bottom:1px solid #CD6606;} 
  #content h1 {margin:10px 0;}
  #content p img,#content li img {margin:0 auto;} 
  #rrefs {width:100%;padding-right:0;}
  #rrefs h2 {margin-top:0;}
  #rrefs div.foto {width:95%;margin:0 auto 15px;}
  #rrefs div.foto div.ramecek {display:inline-block;margin:0 4px;}
  #right h3 {color:white;} 
  #footer {border-top:1px solid #CD6606;}   
  #footer-left,#footer-in {border:none;}
 }
 
@media screen and (min-width: 0) and (max-width:699px) 
 {
  #topmenu li a,#topmenu li.active {padding:0 8px;}
  #right h2#vp {width:210px;}  
  #phones {top:95px;}
 }

/*mob*/
@media screen and (min-width: 0) and (max-width:607px) 
 {
  #left {padding:0;}   
  #logo {left:65px;}
  #logo,#logo a,#logo a span {width:124px;height:150px;}
  #logo,#logo a span,#logo a:hover {background-image:url("images/logo-mob1.jpg");}
  #right h2#vp {top:25px;}
  #phones {top:67px;} 
  #topmenu {padding:3px 0 0 0;position:relative;margin:0 auto;height:45px;font-size:110%;background:black;}
	#topmenu ul {display:none;position:absolute;left:0;width:100%;top:45px;margin:0;z-index:1000;}
	#topmenu ul li {display:block;width:55%;min-height:0;line-height:48px;height:45px;margin:0 auto;border-radius:6px;}
  #topmenu li a {display:block;padding:0 !important;background-color:white;color:black;border:1px solid black;line-height:48px;height:45px;margin:0;border-radius:6px;}
  #topmenu li span {display:inline;}
  #topmenu li a:hover,#topmenu li.section a {background-color:black;color:white;border:1px solid white;}
  #topmenu li.active {padding:0;margin:0 auto;background-color:black;color:white;border:1px solid white;line-height:45px;height:48px;border-radius:6px;}
  #topmenu a.clicknav {display:block;text-align:center;}
	#topmenu li a i {display:none;}
  #topmenu li a:hover,#topmenu li.section a,#topmenu li.active {background-image:none;}
  #content {border-top:0;margin-top:0;}
  input,textarea {width:90%;}
 }

@media screen and (min-width: 0) and (max-width: 479px) 
 {
  #topmenu ul li {width:95%;}
  #logo {left:10px;}
  #right h2#vp,#phones {width:160px;right:10px;}
  #action,#copy {width:100%;float:none;text-align:center;padding:0;margin:4px 0;}
  div.foto div.ramecek {float:none;margin:5px auto;}
 }