@media (max-width: 480px) {

  /********LOGIN & LANDING********/
  html{
  }
  #header-inner{
    width: 100%;
    display: block;
  }
  #header-inner>div {
    width: 100%;
    float: left;
    margin: 0;
  }
  #header-inner #header-left {
    width: 100%;
    position: relative;
  }
  #header-inner #header-center{
    display: none;
  }
  #logo-wrapper span{
    height: 80px;
    width: 80px;
    margin: auto;
}
#logo-wrapper img{
  position: relative;
  height: 100%;
  width: 100%;
}
#logo-wrapper h3{
  font-size: 1.6em;
  margin: 5px 0 10px 0;
  padding: 5px 0px;
  letter-spacing: 2px;
}
#logo-wrapper h6{
    max-width: 220px;
  }
  #header-inner #header-right {
    width: 100%;
    text-align: center;
    display: none;
  }
  #header-inner #header-right #top-search-wrapper{
    float: left;
  }
#nav{
    height: 55px;
  float: left;
  width: 100vw;
    overflow: hidden;
    padding: 0;
  }
#nav li{
  displas: none;
  width: 50%;
  float: left;
  border-bottom: 1px solid #05b347;
  max-height: 55px;
  padding: 15px 5px;
 }
  #nav .active{
    background: #05b347;
    color: #ffffaa;
  }
  #nav #menu{
    width: 40%;
    display: block;
    float: left;
  }
  #nav #search{
    display: block;
    float: left;
    width: 60%;
  }
  #nav #search input{
    border: none;
    padding: 3px;
    background: #fff;
    border-radius: 1px;
  }
  #nav .home-li{
    float: left;
    border: none;
  }
  #account-portal{
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 4%;
  }
  #account-portal #account-portal-inner > div{
    width: 100%;
    margin-bottom: 60px;
    border: none;
    float: left;
  }
  #account-portal-inner .account-portal-input-text-field{
    width: 100%;
  }
  #content #layer1{
    height: 300px
  }
  #content #layer1 h4{
    padding: 0px 0;
    margin: 0;
    line-height: 300%;
  }
  #content #layer1 h3{
    font-size: 2.3em;
    line-height: 130%;
  }
  #content #carousel-wrapper{
    height: 300px;
    margin-top: -300px;
  }
  #content #carousel-wrapper .carousel-slide {
    float: left;
    width: 100%;
    height: 300px;
  }
  #content #carousel-wrapper .carousel-slide #carousel-pic img {
    float: left;
    width: 100%;
    height: 300px;
    display: block;
  }
  #content #carousel-wrapper .carousel-slide #carousel-caption{
    margin-top: -240px;
    padding: 4px;
    height: auto;
  }
  #content #carousel-wrapper .carousel-slide #carousel-caption h3{
    font-size: 1.3em;
    padding: 5px;
    height: auto;
    margin: 0;
  }
  #container #layer2 .tabs{
    width: 100%;
    padding: 20px;
  }
  #content #content-inner .input-text-field{
    width: 100%;
  }
  #footer{
    height: auto;
    display: block;
    width: 100%;
  }
  #footer #footer-inner{
    width: 100%;
    float: left;
    height: auto;
    display: block;
  }
  #footer #footer-inner #footer-left, #footer #footer-inner #footer-center, #footer #footer-inner #footer-right{
    width: 100%;
    float: left;
    display: block;
    margin: 0;
    padding: 15px;
  }
  #footer #footer-inner #footer-left button{
    display: block;
    float: left;
    width: 50%;
    display: none;
  }
  #footer #footer-inner #footer-left h6{
    word-break: break-word;
    max-width: 200px;
  }
  #footer #footer-inner #footer-center h3{
  transform: rotate(0deg);
      margin: 0px 0 0 0;
  }
  #footer .footer-section{
    height: auto;
  }
  
  
  /****PROJECTS*****/
  #content .page-title{
    padding: 30px;
  }
  #content .page-title h3{
    font-size: 2em;
    margin: 0;
    padding: 0;
    line-height: 100%;
  }
  #content #content-inner #content-inner-left{
    width: 100%;
    position: relative;
    display: none;
  }
  #content #content-inner #content-inner-right{
    width: 100%;
    border: none;
    float: left;
}
  #content #content-inner #content-inner-right .index-page-text,#content #content-inner #content-inner-right .page-text{
    padding: 15px;
    width: 100%;
  }
  #content #content-inner #content-inner-right .page-heading{
    text-align: center;
    line-height: 100%;
  }
  #content #content-inner #content-inner-right .page-text .project-wide{
    width: 100%;
  }
  #content #content-inner #content-inner-right .page-text .project-thin{
    width: 50%;
  }
  #content #content-inner #content-inner-right .page-text .project-wide img{
    width: 100%;
    max-height: 250px;
  }
  /*****PERSONS*****/
  #personModal{
    margin-top:  53px;
  }
  .persons{
    min-width: 150px;
  }
    #content #content-inner #content-inner-right .persons{
    width: 50%;
    padding: 10px;
  }
  .persons-big .persons-inner .person-image{
    min-height: auto;
  }
  /*****LIBRARY*****/
  #publications li{
    width: 100%;
    float: left;
    padding: 10px;
  }
  
  /******NEWS******/
  #content #content-inner .index-page-text .index-page-text-image-wrapper,#content #content-inner .page-text .page-text-image-wrapper{
  float: left;
  width: 100%;
  background: #fff;
}
  #content #content-inner .page-text .page-text-image-wrapper div{
    width: 100%;
  }
#content #content-inner .page-text .page-text-image-wrapper img{
  width: 100%;
  max-height: 220px;
  max-width: 500px;
  float:left;
}
   /******CONTACT******/
  #content #content-inner .page-text #contact-portal{
    width: 100%;
  }
  #content #content-inner .page-text #contact-portal .input-text-field{
    width: 100%;
    padding: 12px;
  }
  #content #content-inner .page-text #contact-portal button{
    width: 100%;
  }
  .page-text .currbtn{
    display: block;
    min-width: 100%;
    padding: 10px 4%;
  }
  .page-text .currbtn .btn-text{
    text-align: right;
  }
}

@media (min-width: 481px) and (max-width: 1185px) {
  #header-inner #header-right #top-search-wrapper{
    margin:0 15px 0 0;
  }
  #header-inner #header-right #login-btn{
    margin: 15px 0 10px 100px;
    padding: 6px 12px;;
  }
  #nav{
    min-height: 95px;
    float: left;
  }
  #content{
    
  }
  #content #account-portal{
    width: 100%;
    margin: 60px 0;
    float: left;
    padding: 25px;
  }
  #content #account-portal #account-portal-inner >div{
    border: none;
    margin: auto;
    width: 50%;
    max-width: 300px;
  }
  #content .page-title{
    padding: 25px;
  }

  #content #content-inner .tabs{
    padding: 20px;
  }
  #content #layer2{
    margin-top: -0px;
  }
  #content #content-inner-right .index-page-text, #content #content-inner-right .page-text{
    width: 100%;
  }
  #content #content-inner #content-inner-right .persons-big{
    
  }
   .persons-big .persons-inner .person-image{
    min-height: auto;
  }
}