@media screen and (max-width: 1000px)
{   #menu{display:none; position:fixed; left:0; right:0; bottom:0; top:50px; width:auto; z-index:1000;}
   .mainPage{margin-left:5px; margin-right:5px;}
   .mainPage h1{font-size:24px;}
   body{padding-top:55px;}
   #header{z-index:1001}
   #header .logo{left:60px; width:30px; background-size:auto 30px; display:none}
   #header .uName{display:none}
   #menu .topBg{display:none;}
   #timeZone{display:none}
   #menuMobileBtn{display:block;}
   #searchForm{left:100px; padding-left:0;}
   #searchForm fa{display:none;}
   #searchForm [type=text]{width:140px;}
   #header h1{left:60px; right:80px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:18px;}

   .blocker.flywin .shell{left:5px; top:5px; right:5px; bottom:5px;}
   .blocker.flywin .content{padding:5px}}

@media screen and (min-width: 1000px)
{	  #menu{display:block!important;}}

@media screen and (max-width: 500px)
{
   .mainPage{padding:10px!important}
   .pages_block .countInfo{position:relative; padding-bottom:10px; text-align:center; padding-top:0}
   .pages_block{padding:20px 5px}
}

/*
@media screen and (max-width:700px)
{
   .blocker.message{padding-top:15%}
   .blocker.flywin:not(.flexView) .shell{left:5px; top:5px; bottom:5px; right:5px;}

   .blocker.flywin .content{padding:10px}
   .authForm{min-width:0!important}

   #menu{display:none; position:fixed; left:0; right:0; bottom:0; top:50px; width:auto; z-index:1000}
   #menu .logo{display:none;}
   #menu .thisUser{right:10px; width:auto;}
   #pageContent .gallery{height:200px!important}
   .mainPage{margin:0; padding:10px; padding-top:60px}

   #header{display:block;}
}
*/