/* Extra small devices (small phone, less than 544px) */
/* Small devices (phone (portrait), 544px and up) */
/* Medium devices (tablet (portrait and phone landscape), 768px and up) */
/* Large devices (desktop (tablet landscape), 992px and up) */
/* Extra large devices (wide desktop, 1200px and up) */

@media (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
  }
  #sidebar-first {
    display: none;
  }
  #main .grid16-12 {
    width: 100%;
  }
  #page #site-name {
    font-size: 150%;
    line-height: 120%;
  }
  #page #header-site-info {
    width: 100%;
  }
  #page #header-group #block-menu-menu-glavnoe {
    width: 100%;
  }
  #page .block.marina-list-raquo ul {
    margin-bottom: 5px;
  }
  #page #new-private-messages {
    padding: 0;
  }
  #y-header {
    background: #FFC200;
  }
  #outer1-razdela {
    display: none;
  }
  #outer2-razdela, #outer3-razdela {
    width: 100%;
    max-width: 100%;
  }
  #outer1-saita, #outer1-group  {
    width: 28%;
  }
  #outer2-saita, #outer2-group  {
    width: 69%;
  }
  #outer3-saita, #outer3-group  {
    width: 100%;
    max-width: 100%;
  }
  #outer3-saita .media-collection-item-wrapper {
  display: inline-block;
  width: 32%;
  }
  .ui-tabs-vertical .ui-tabs-nav {
    width: 28%;
  }
  .node-type-site-klassa .marina-title-rounded-blue {
    width:25%;
  }
  .site-klassa-navmenu .tabs-content {
    width: 70%;
  }
  .show-on-desktop {
    display: none;
  }
}
@media (max-width: 544px) {
  #outer1-razdela, #outer2-razdela, #outer3-razdela, #outer1-saita, #outer1-group,  #outer2-saita, #outer2-group, #outer3-saita, #outer3-group  {
    width: 100%;
    max-width: 100%;
  }
  #outer3-saita .media-collection-item-wrapper {
    width: 82%;
  }
}
@media (max-width: 992px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}