@media (min-width: 2560px){
    #project-thumb-wrapper .project-thumb{
      
    }
    #project-thumb-wrapper .project-thumb a{
     
    }
    .bg-alfa .navbar-brand,.bg-white .navbar-brand{
      margin-left: 1px !important;
    }
    #project-thumb-wrapper .project-thumb img{
    }
  }
  @media (min-width: 1920px) and (max-width: 2559px){
    #project-thumb-wrapper .project-thumb{

    }
    #project-thumb-wrapper .project-thumb a{
      width: 210px;
      height: 80px;
    }
    .bg-alfa .navbar-brand,.bg-white .navbar-brand{
      margin-left: 1px !important;
    }
    #project-thumb-wrapper .project-thumb img{
      
    }
  }
  @media (min-width: 1600px) and (max-width: 1919px){
    #project-thumb-wrapper .project-thumb{
      
    }
    #project-thumb-wrapper .project-thumb a{
      
    }
    .bg-alfa .navbar-brand,.bg-white .navbar-brand{
      margin-left: 1px !important;
    }
    #project-thumb-wrapper .project-thumb img{
      
    }
  }
  @media (min-width: 1200px) and (max-width: 1599px){
    #project-thumb-wrapper .project-thumb{
      /*height: 80px;*/
    }
    #project-thumb-wrapper .project-thumb a{
      width: 210px;
      height: 80px;
    }
    .bg-alfa .navbar-brand,.bg-white .navbar-brand{
      margin-left: 1px !important;
    }
    #project-thumb-wrapper .project-thumb img{
      /*transform: translate(-50%,-50%);*/
    }
  }
  @media (min-width: 992px) and (max-width: 1199px){
    #project-thumb-wrapper .project-thumb{
      /*height: 80px;*/
    }
    #project-thumb-wrapper .project-thumb a{
      /*width: 210px;
      height: 80px;*/
    }
    .bg-alfa .navbar-brand,.bg-white .navbar-brand{
      margin-left: 1px !important;
    }
    #project-thumb-wrapper .project-thumb img{
      /*transform: translate(-50%,-50%);*/
    }
    #journal-list ul{
      margin-left: 9px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px){
    #contact-content-wrapper .contact-address-wrapper{
    	padding-left: 0px;
    }

    #contact-content-wrapper .contact-address ul{
      padding-left: 29px;
    }

    #project-thumb-wrapper.fadeIn{
      max-width: 100%;
      display: block;
      background: #fff;
      /*padding-left: 20%;*/
      max-height: 100%;
      overflow: scroll;
    }

    #project-thumb-wrapper.fadeOut{
      max-width: 10%;
    }

    #contact-content-wrapper .contact-address-wrapper{
    	padding-left: 30px;
    }

    #project-thumb-wrapper .project-thumb{
      /*height: 80px;*/
    }

    #nav-toggle{
      top: 30px;
      right: 35px;
      z-index: 999;
    }

    #nav-toggle[aria-expanded="true"]{
      top: 20px;
      right: 35px;
    }

    #navbar .dropdown-menu{
      padding-top: 0;
      padding-bottom: 30px;
      margin-left: 1px;
    }

    #navbar .dropdown-menu a{
      padding-left: 0px;
    }

    #navbarSupportedContent{
      background: #fff;
      width: 100%;
      left: 0;
      z-index: 9;
      height: 100%;
      position: fixed;
      top: 0;
      margin: 0;
      padding-left: 24px;
      padding-top: 80px;
    }

    .navbar a.active{
      color: #000 !important;
    }

    .navbar-brand{
      position: fixed;
      z-index: 999;
      margin: 0 -15px;
      top: 10px;
      margin-left: -15px !important;
      padding-left: 10px !important;
    }

    .navbar-collapse{
      margin-left: 6px;
    }

    #footer{
      position: relative;
      max-width: 100%;
    }

    .footer-homepage{
      margin-right: 30px;
      margin-bottom: 25px;
    }

    #footer .pagination-project-wrapper{
      position: relative;
      padding: 50px 30px;
      margin-bottom: 70px;
    }

    .bg-white #nav-toggle span{
    	background: #9d9fa1;
    }

    #footer ul{
      position: relative;
      margin-left: -15px;
      display: block;
      flex-direction: column;
      flex-wrap: wrap;
      height: 4em;
    }

    #project-image-wrapper{
      padding-right: 30px;
      top: 40%;
    }

    #project-detail-wrapper .journal-text, #project-detail-wrapper .project-text{
      padding: 0 17px;
      margin-top: 50%;
    }

    #main{
      overflow: scroll;
    }

    #project-detail-wrapper  .project-content .project-detail-text{
      overflow: overlay !important;
      height: 100%;
      max-height: 100%;
    }

    #contact-content-wrapper .contact-form{
      padding-right: 14px;
    }
    #contact-content-wrapper .title{
      margin-left: 4px;
    }

    .screen-reader-text{
      display: none;
    }

    #about-content-wrapper{
      background: #d1d2a9;
    }

    #about-content-wrapper img{
      position: fixed;
      width: 100%;
      z-index: 99;
      top: 0;
      padding-top: 80px;
      left: 0;
      padding-bottom: 40px;
      background: #d1d2a9;
      padding-right: 20px;
      padding-left: 0;
      margin-left: -10px;
    }

    #about-content-wrapper .col-md-6{
      width: 100%;
      flex: none;
      max-width: 100%;
    }

    #about-content-wrapper .about-text{
      padding-left: 25px;
      padding-top: 210px;
    }

    #contact-content-wrapper .contact-address {
      margin-top: 14px;
    }

    #contact-content-wrapper .title{
      padding-top: 0;
      margin-top: 3px;
    }

    .screen-reader-text{
      display: none;
    }

    #searchbox{
      margin-left: 0px;
    }

    #search-result-wrapper {
      padding-left: 0px;
      margin-left: -7px;
    }

    #journal-list{
      background: #fff;
      padding-left: 23px;
      color: #fff;
      overflow: scroll;
      height: 100%;
      width: 100%;
      padding-bottom: 150px;
    }
    #pagination-slider{
      display: none !important;
    }
    #project-image .mask1 {
      width: 60%;
      right: 0px;
      float: right;
      left: unset;
    }
    #project-image img{
      width: 60%;
      height: auto;
      right: 0;
      float: right;
    }
    #journal-list ul li{
      margin-left: 0;
      width:100%;
    }
    #project-detail-slider-wrapper .cycle-slide{
      min-height: 300px !important;
      max-height: 300px !important;
    }
    #journal-list ul{
      margin-left: 9px;
    }
  }
  @media (max-width: 767px) and (min-width: 641px){

    #contact-content-wrapper .contact-address-wrapper{
    	padding-left: 9px;
    }

    #contact-content-wrapper .contact-form-wrapper{
    	padding-left: 26px;
      padding-right: 20px;
    }

    #project-thumb-wrapper.fadeIn{
      max-width: 100%;
      display: block;
      background: #fff;
      padding-left: 60%;
      max-height: 100%;
      overflow: scroll;
    }

    .bg-white #nav-toggle span {
        background: #9d9fa1;
    }

    #project-thumb-wrapper.fadeOut{
      max-width: 10%;
    }

    #project-thumb-wrapper .project-thumb{
      /*height: 80px;*/
    }

    #nav-toggle{
      top: 30px;
      right: 35px;
      z-index: 999;
    }

    #nav-toggle[aria-expanded="true"]{
      top: 20px;
      right: 35px;
    }

    #navbar .dropdown-menu{
      padding-top: 0;
      padding-bottom: 30px;
      margin-left: 1px;
    }

    #navbar .dropdown-menu a{
      padding-left: 0px;
    }

    #navbarSupportedContent{
      background: #fff;
      width: 100%;
      left: 0;
      z-index: 9;
      height: 100%;
      position: fixed;
      top: 0;
      margin: 0;
      padding-left: 13px;
      padding-top: 80px;
    }

    .navbar a.active{
      color: #000 !important;
    }

    .navbar-brand{
      position: fixed;
      z-index: 999;
      margin: 0 -15px;
      top: 10px;
      margin-left: -15px !important;
      padding-left: 10px !important;
    }

    .navbar-collapse{
      margin-left: 6px;
    }

    #footer{
      position: relative;
      max-width: 100%;
    }

    .footer-homepage{
      margin-right: 30px;
      margin-bottom: 25px;
    }

    #footer .pagination-project-wrapper{
      position: relative;
      padding: 50px 32px;
      margin-bottom: 70px;
    }

    #footer ul{
      position: relative;
      margin-left: -15px;
      display: block;
      flex-direction: column;
      flex-wrap: wrap;
      height: 4em;
    }
    #project-image-wrapper{
      padding-right: 30px;
      top: 40%;
    }
    #project-detail-wrapper .journal-text, #project-detail-wrapper .project-text{
      padding: 0 17px;
      margin-top: 20px;
    }

    #project-slider-wrapper{
        position: fixed;
        width: 100%;
        background: #fff;
        margin: 0;
        z-index: 999;
    }

    #project-text-wrapper{
      margin-top: 450px;
    }

    #main{
      overflow: scroll;
    }

    #project-detail-wrapper .project-content .project-detail-text{
      overflow: overlay !important;
      height: 100%;
      max-height: 100%;
    }

    #contact-content-wrapper .contact-form{
      padding-right: 14px;
    }
    #contact-content-wrapper .title{
      margin-left: 4px;
    }
    .screen-reader-text{
      display: none;
    }

    #about-content-wrapper{
      background: #d1d2a9;
    }

    #about-content-wrapper img{
      position: fixed;
      width: 100%;
      z-index: 99;
      top: 0;
      padding-top: 80px;
      left: 0;
      padding-bottom: 40px;
      background: #d1d2a9;
      padding-right: 20px;
      padding-left: 0;
      margin-left: -10px;
    }

    #about-content-wrapper .col-md-6{
      width: 100%;
      flex: none;
      max-width: 100%;
    }

    #contact-content-wrapper .title{
      padding-top: 0;
      margin-top: 35px;
    }

    .screen-reader-text{
      display: none;
    }

    #searchbox{
      margin-left: -5px;
    }

    #search-result-wrapper {
      padding-left: 0px;
      margin-left: -7px;
    }

    #journal-list{
      background: #fff;
      padding-left: 23px;
      color: #fff;
      overflow: scroll;
      height: 100%;
      width: 100%;
      padding-bottom: 150px;
    }
    #pagination-slider{
      display: none !important;
    }
    #project-image img{
      width: 60%;
      height: auto;
      right: 0;
      float: right;
    }
    #journal-list ul li{
      margin-left: 0;
      width:100%;
    }
    #project-detail-slider-wrapper .cycle-slide{
      min-height: 300px !important;
      max-height: 300px !important;
    }
    #journal-list ul{
      margin-left: 9px;
    }
  }
  @media (max-width: 640px) and (min-width: 481px){
    #contact-content-wrapper .contact-address-wrapper{
      padding-left: 9px;
    }

    #contact-content-wrapper .contact-form-wrapper{
      padding-left: 26px;
      padding-right: 20px;
    }

    #project-thumb-wrapper.fadeIn{
      max-width: 100%;
      display: block;
      background: #fff;
      padding-left: 60%;
      max-height: 100%;
      overflow: scroll;
    }

    #project-thumb-wrapper.fadeOut{
      max-width: 10%;
    }

    #project-thumb-wrapper .project-thumb{
      height: 80px;
    }
    #navbar{
        padding: 25px 20px;
    }

    #nav-toggle{
      top: 30px;
      right: 35px;
      z-index: 999;
    }

    #nav-toggle[aria-expanded="true"]{
      top: 20px;
      right: 35px;
    }

    #navbar .dropdown-menu{
      padding-top: 0;
      padding-bottom: 30px;
      margin-left: 1px;
    }

    #navbar .dropdown-menu a{
      padding-left: 0px;
    }

    #navbarSupportedContent{
      background: #fff;
      width: 100%;
      left: 0;
      z-index: 9;
      height: 100%;
      position: fixed;
      top: 0;
      margin: 0;
      padding-left: 13px;
      padding-top: 80px;
    }

    .navbar a.active{
      color: #000 !important;
    }

    .navbar-brand{
      position: fixed;
      z-index: 999;
      margin: 0 -15px;
      top: 10px;
      margin-left: -15px !important;
      padding-left: 10px !important;
    }

    .navbar-collapse{
      margin-left: 6px;
    }

    #footer{
      position: relative;
      max-width: 100%;
    }

    .footer-homepage{
      margin-right: 30px;
      margin-bottom: 25px;
    }

    #footer .pagination-project-wrapper{
      position: relative;
      padding: 20px 30px;
      margin-bottom: 70px;
    }

    .bg-white #nav-toggle span{
    	background: #9d9fa1;
    }

    #footer ul{
      position: relative;
      margin-left: -15px;
      display: block;
      flex-direction: column;
      flex-wrap: wrap;
      height: 4em;
    }

    #project-image-wrapper{
      padding-right: 30px;
      top: 40%;
    }

    #project-detail-wrapper .journal-text, #project-detail-wrapper .project-text{
      padding: 0 17px;
      margin-top: 50%;
    }

    #project-slider-wrapper{
        position: fixed;
        width: 100%;
        background: #fff;
        margin: 0;
        z-index: 999;
    }

    #project-text-wrapper{
      margin-top:250px;
    }

    #main{
      overflow: scroll;
    }

    #project-detail-wrapper .project-content .project-detail-text{
      overflow: overlay !important;
      height: 100%;
      max-height: 100%;
    }

    #contact-content-wrapper .contact-form{
      padding-right: 14px;
    }

    #contact-content-wrapper .title{
      margin-left: 4px;
    }

    .screen-reader-text{
      display: none;
    }

    #about-content-wrapper{
      background: #d1d2a9;
    }

    #about-content-wrapper img{
      position: fixed;
      width: 100%;
      z-index: 99;
      top: 0;
      padding-top: 80px;
      left: 0;
      padding-bottom: 40px;
      background: #d1d2a9;
      padding-right: 20px;
      padding-left: 0;
      margin-left: -10px;
    }

    #about-content-wrapper .col-md-6{
      width: 100%;
      flex: none;
      max-width: 100%;
    }

    #about-content-wrapper .about-text{
      padding-left: 25px;
      padding-top: 250px;
    }

    #contact-content-wrapper .title{
      padding-top: 0;
      margin-top: 35px;
    }

    .screen-reader-text{
      display: none;
    }

    #project-image .mask1 {
      width: 60%;
      right: 0px;
      float: right;
      left: unset;
    }

    #project-image img{
      width: 60%;
      height: auto;
      right: 0;
      float: right;
    }

    #searchbox{
      margin-left: -5px;
    }

    #search-result-wrapper {
      padding-left: 0px;
      margin-left: -7px;
    }

    #journal-list{
      background: #fff;
      padding-left: 23px;
      color: #fff;
      overflow: scroll;
      height: 100%;
      width: 100%;
      padding-bottom: 150px;
    }
    #pagination-slider{
      display: none !important;
    }
    #journal-list ul li{
      margin-left: 0;
      width:100%;
    }
    #project-detail-slider-wrapper .cycle-slide{
      min-height: 300px !important;
      max-height: 300px !important;
    }
    #journal-list ul{
      margin-left: 0px;
    }
  }
  @media  (max-width: 480px){
    #nav-toggle{
      top: 30px;
      right: 35px;
      z-index: 999;
    }

    #project-image .mask1 {
      width: 60%;
      right: 0px;
      float: right;
      left: unset;
    }

    #project-image img{
      width: 60%;
      height: auto;
      right: 0;
      float: right;
    }

    #contact-content-wrapper .contact-address-wrapper{
      padding-left: 9px;
    }

    #contact-content-wrapper .contact-form-wrapper{
      padding-left: 26px;
      padding-right: 20px;
    }

    #project-thumb-wrapper.fadeIn{
      max-width: 100%;
      display: block;
      background: #fff;
      padding-left: 40%;
      max-height: 100%;
      overflow: scroll;
    }

    #project-thumb-wrapper.fadeOut{
      max-width: 10%;
    }

    #project-thumb-wrapper .project-thumb{
      height: 80px;
    }

    #nav-toggle[aria-expanded="true"]{
      top: 20px;
      right: 35px;
    }

    #navbar .dropdown-menu{
      padding-top: 0;
      padding-bottom: 30px;
      margin-left: 1px;
    }

    #navbar .dropdown-menu a{
      padding-left: 0px;
    }

    #navbarSupportedContent{
      background: #fff;
      width: 100%;
      left: 0;
      z-index: 9;
      height: 100%;
      position: fixed;
      top: 0;
      margin: 0;
      padding-left: 24px;
      padding-top: 80px;
    }

    .navbar a.active{
      color: #000 !important;
    }

    .navbar-brand{
      position: fixed;
      z-index: 999;
      margin: 0 -15px;
      top: 10px;
      margin-left: -15px !important;
      padding-left: 10px !important;
    }

    .navbar-collapse{
      margin-left: 6px;
    }
    #footer{
      position: relative;
      max-width: 100%;
    }

    .footer-homepage{
      margin-right: 30px;
      margin-bottom: 25px;
    }

    #footer .pagination-project-wrapper{
      position: relative;
      padding: 20px 30px;
      margin-bottom: 70px;
    }

    .bg-white #nav-toggle span{
    	background: #9d9fa1;
    }

    #footer ul{
      position: relative;
      margin-left: -15px;
      display: block;
      flex-direction: column;
      flex-wrap: wrap;
      height: 4em;
    }
    #project-image-wrapper{
      padding-right: 30px;
      top: 40%;
    }

    #project-detail-wrapper .journal-text, #project-detail-wrapper .project-text{
      padding: 0 17px;
      margin-top: 50%;
    }

    #project-slider-wrapper{
        position: fixed;
        width: 100%;
        background: #fff;
        margin: 0;
        z-index: 999;
    }

    #project-text-wrapper{
      margin-top: 200px;
    }

    #main{
      overflow: scroll;
    }

    #project-detail-wrapper .project-content .project-detail-text{
      overflow: overlay !important;
      height: 100%;
      max-height: 100%;
    }

    #contact-content-wrapper .contact-form{
      padding-right: 14px;
    }

    #contact-content-wrapper .title{
      margin-left: 4px;
    }

    .screen-reader-text{
      display: none;
    }

    #about-content-wrapper{
      background: #d1d2a9;
    }

    #about-content-wrapper img{
      position: fixed;
      width: 100%;
      z-index: 99;
      top: 0;
      padding-top: 80px;
      left: 0;
      padding-bottom: 40px;
      background: #d1d2a9;
      padding-right: 20px;
      padding-left: 0;
      margin-left: -10px;
    }

    #about-content-wrapper .col-md-6{
      width: 100%;
      flex: none;
      max-width: 100%;
    }

    #about-content-wrapper .about-text{
      padding-left: 25px;
      padding-top: 210px;
    }

    #contact-content-wrapper .title{
      padding-top: 0;
      margin-top: 35px;
    }

    .screen-reader-text{
      display: none;
    }

    #searchbox{
      margin-left: 0px;
    }

    #search-result-wrapper {
      padding-left: 0px;
      margin-left: -7px;
    }

    #btn-share{
      margin-bottom: 50px;
    }

    #journal-list{
      background: #fff;
      padding-left: 23px;
      color: #fff;
      overflow: scroll;
      height: 100%;
      width: 100%;
      padding-bottom: 150px;
    }

    #pagination-slider{
      display: none !important;
    }

    #journal-list ul li{
      margin-left: 0;
      width:100%;
    }

    #project-detail-slider-wrapper .cycle-slide{
      min-height: 200px !important;
      max-height: 200px !important;
    }

    #journal-list ul{
      margin-left: 9px;
    }
  }