@media (max-width: 1280px) {
  .table-list tr {
    border: 1px solid #AAA;
  }
  .table-list .nocellmobile{
   display:block;
   margin: 0 !important;
   border-left: 1px solid #AAA;
  }
  .table-list .cellmobile{
   display: table-cell;
  }
  #nav-head {
    width: 60%;
  }
  #img-head .logo {
   top:125px;
  }
  .col.col-title {
    border:0;
   }
   .col.col-img {
      display:none;
   }
   .row:nth-child(3) {
      border-top: 1px solid #AAA;
   }
   .col.col-doc {
      width: 96%;
      border: 0;
      border-bottom: 1px solid #AAA;
      margin-right: 28px;
   }
   .e404 h1   {
      font-size:18px;
}
.e404 h2   {
      font-size:14px;
}
.e404 img   {
      margin-top: -67px;
}
}

@media (max-width: 980px){
  #nav-head {
    width: 80%;
  }
  
  #nav-panel {
    width: 80%;
  }
  
  #img-head .logo {
   top:125px;
  }
  
  #img-desc-margin {
    height: 100px;
    background-color: #FFF;
    padding: 5px 5px 5px 1%;
    position: relative;
    height: 450px;
  }
  #img-desc-container {
   display: none;
  }
  .img-desc-box {
    width: 100%;
    height: auto;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    text-align: left;
  }
  .des-icon {
   float:left;
  }
  .col {
    margin: 15px;
    padding: 15px;
    width: 100%;
    border-right: 0px solid #AAA;
  }
  #diagram {
   display:none;
  }
  
   #organization-text {
      float: none;
   }
   #organization-logo {
      float: none;
      margin-top: 0;
   }
}

@media (max-width: 768px) {
  #nav-head {
    display:none;
  }
  #header {
   display: none;
  }
  #top-mobile-panel{
   height: 70px;
   width: 100%;
   background-color:#1198D6;
   display:block;
   position: relative;
   border-bottom: 1px solid rgb(204, 204, 204);
  }
  #menu {
   font-size: 64px;
   padding-left: 2%;
   padding-top: 3px;
   color: #E40546;
   float: left;
   height: 100%;
  }
  #menu-logo {
    display: block;
    background-color: rgb(255, 255, 255);
    width: 30%;
    height: 100%;
    float: right;
    text-align: right;
    padding: 4px 13px 6px 6px;
    border-bottom: 1px solid rgb(170, 170, 170);
    padding-right: -;
    width: 200px;
  }
  
  #menu-options {
    height: 208px;
    top: 0px;
    z-index: 30;
    width: 100%;
    background-color: #EEE;
  }
  #menu-options .nav {
    display: block;
    border-bottom: 1px solid rgb(170, 170, 170);
    font-size: 24px;
    padding: 15px;
    font-weight: bold;
    background-color: rgb(238, 238, 238);
   color: rgb(17, 152, 214);
   width: 100%;
   text-align: left;
  }
  #menu-options{
   height: 0px;
  }
     .e404 h1   {
     display:none;
}
.e404 h2   {
      display:none;
}
.e404 img   {
      margin-top: 0px;
}
}  

@media (max-width: 600px) {
   #img-head .logo {
    top: 90px;
   }
   .img-desc-box{
      padding-right: 48px;
      padding-bottom: 8px;
   }
   .des-box {
    text-align: left;
   }
   #img-desc-margin {
    height: 520px;
   }
   #container {
       width: 100%;
   }

@media (max-width: 550px) {
   #img-head .logo {
    top: 85px;
   }
}

@media (max-width: 500px) {
   .des-icon {
      font-size: 50px;
   }
   #img-desc-margin {
    height: 600px;
   }
   #footer {
    height: auto;
   }
   #footer-links {
    float: none;
    text-align: left;
   }
   #logos-list {
    float: none;
    margin-top:2px;
   }
}

@media (max-width: 450px) {
   .img-desc-box {
      padding-bottom: 24px;
      padding-right: 12px;
   }
   .des-icon {
      font-size: 52px;
      margin: 52px 24px;
   }
   .des-icon {
    height: 54px;
   }
}
