#nav-left [type="checkbox"], #nav-left label.toggleSubmenu{display: none;}
#nav-left label.toggleMenu, #nav-left label.toggleSubmenu {width:100%; padding: 15px 0; display: none; text-transform: uppercase; font-size: 14px; cursor: pointer; position: relative; text-align:center; color: #fff;}



/*==== MEDIA ====*/
.cat-menu [type="checkbox"], .cat-menu label.toggleSubmenu{display: none;}
.cat-menu label.toggleMenu, .cat-menu label.toggleSubmenu {width:100%; padding: 15px 0; display: none; text-transform: uppercase; cursor: pointer; position: relative; text-align:center;}


iframe, video {max-width:100%;}


@media screen and (max-width: 999px) {
    #all, #header, #main {width: auto;}
    
    #header {margin: 20px;}
    
    #nav.fixed {width: 100%; padding:0; position:relative; }
    
    #nav a.logo {padding:5px 10px; display: block; float: none; text-align:center;}

    #nav {height: auto;}
    #nav ul {display:inline-block; float:none;}
    

    /*
      
    #nav ul {width: 100%; margin:0;}
    #nav>ul>li>.menu-cat {}
    */
    
    #logo-block {}

    #main {padding:0;}
    
    .foot-info {width: auto; margin:0 20px;}
}

/* Логотипы и навигация */
@media screen and (max-width: 890px) {
    #header {width: 100%; height: auto; margin: 0 auto; padding: 10px 0; background:#fff;}

    #header>div {display:block; text-align:center;}
    #header div.contacts {float:none; text-align:center;}
    
    #logo-block>div {height:auto;}
    
    #logo-block .logo {display:block; float:none; text-align:center; margin:0 auto; }
    #logo-block .logo img {height:50px;}
    #logo-block .org-name { text-align:center; color:#fff; text-shadow: #231F20 1px 0px, #231F20 1px 1px, #231F20 0px 1px, #231F20 -1px 1px, #231F20 -1px 0px, #231F20 -1px -1px, #231F20 0px -1px, #231F20 1px -1px;}

    #logo-block .title { font-size:30px; color:#fff; text-decoration: none; line-height:1em;}
    #logo-block .desc { font-size:18px;}
    
    #nav ul {float:none;}
    #nav ul {width: 100%; margin:0; float:none;}
    
    .nav-right-block {float: none; display: block; text-align: center;}
    .nav-right-block ul { width: auto;}
    #nav .nav-right-block ul>li>.menu-cat {display:block; width: auto; margin:0; position: relative; left: 0; right: 0; background:#0076B0;}
    #nav .to-right {float: none;}
    #nav .menu-cat.to-right a { text-align: center;}
    
    .user-block>ul>li {width: 100%; text-align: center;}

}




@media screen and (max-width: 700px) {
    #header {height: auto;}
    
    
    .head-links a, head-links span {display: block; text-align: center;}
    
    .logo, .contacts  {width: auto; margin: 0; float: none; text-align: center;}
    .logo img {width: auto; float: none; text-align: center;}
    .logo .podp {width: auto; margin: 0; }
    .contacts { margin: 10px 0;  font-size: 1.5em;}
    
    #logo-block .head-ruor>div {display:block; width:100%; text-align:center;}

    
    
    #nav ul>li { width: 32%; margin:0; text-align:center;}
    #nav .user-block>ul>li {width: 100%; display: inline-block; text-align: center;}
    
    #nav .user-block .menu-cat li {width: 32%; display: inline-block;}
    
    #aside {width: auto; margin:20px 0; float: none;  font-size:1.5em;}
    #content {margin: 20px 0;}

    .cat-menu {width:100%;}
    .cat-menu ul {width: auto; display: none;}
    .cat-menu>ul>li>ul {width: auto;}
    .cat-menu li {width:100%; position: relative;}
    .cat-menu a, .cat-menu>ul>li>ul a {display:block !important; height:auto; margin:0; padding:15px 0; width:100%; text-align: center;}
    .cat-menu label.toggleMenu {display: block; }
    .cat-menu>ul>li:hover>ul {display: none;}
    .cat-menu input.toggleMenu:checked ~ ul, .cat-menu input.toggleSubmenu:checked ~ ul{ width:100%; display: block; position: relative; max-height: 1000px;  transition: max-height 2s ease-in; }
    .cat-menu label.toggleSubmenu{ position: absolute;  top: 0;  right: 0;  width: 100%;  height: 100%;  cursor: pointer;  display: block; }

    .cat-menu ul>li.main>a {padding: 5px 0; font-weight: bold; text-align: center;}
    .foot-info .copy { width: 100%;}

}


@media screen and (max-width: 500px) {
    .phone-hidden {display: none;}
    
    .cabi-wrap {
        flex-flow: column nowrap;
        height: auto;

    }
    .cabi-menu{
        width: 100%;
    }
    
    .cabi-main-aside {width: 100%;}
    
    .cabi-main-data {
        flex-flow: column nowrap;
        height: calc(100vh - 100px);

    }

    #nav-left {width:100%; height:auto;}
    #nav-left .menu-hidden {width:100%; display:none;}
    #nav-left label.toggleMenu {display: block; }
    #nav-left input.toggleMenu:checked ~ .menu-hidden, #nav-left input.toggleSubmenu:checked ~ .menu-hidden{ width:100%; display: block; position: relative; max-height: 1000px;  transition: max-height 2s ease-in; }
    #nav-left label.toggleSubmenu{ position: absolute;  top: 0;  right: 0;  width: 100%;  height: 100%;  cursor: pointer;  display: block; }


    
    /*
    #logo-block>div {width: auto; display:block; border-radius: 0;}
    
    #nav ul>li { width: 48%;}
    #nav .user-block .menu-cat li {width: 48%;}
    
    .news-item {height: 300px;}
    .news-photo-main a, .news-photo-list a {width: 100%; float: none;}
    
    
    #footer {min-height: 80px;}
    */
   
    
    
    
}


@media screen and (max-width: 320px) {
    #nav ul>li { width: 100%;}
    #nav .user-block .menu-cat li {width: 100%;}
    
    
    
}