@media only screen and ( max-width: 989px ) {
   
   .site{
     width:100%;
   }
   
   ul.slideshow li{
     height:340px;
   }
   
   ul.page-slideshow li{
     height:400px;
   }
   
}

@media only screen and ( max-width: 767px ) {
   
   
   
   
   ul.slideshow li{
     height:320px;
   }
   
   ul.page-slideshow li{
     height:360px;
   }
   
   ul.slideshow li .png-over-slide{
     -webkit-transform: scale(0.9,0.9);
     -moz-transform: scale(0.9,0.9);
     -o-transform: scale(0.9,0.9);
     -ms-transform: scale(0.9,0.9);
     transform: scale(0.9,0.9);
     left:-20px;
   }
   
   .bx-wrapper .bx-pager.bx-default-pager a {
	 width: 16px;
	 height: 16px;
	 -moz-border-radius: 9px;
	 -webkit-border-radius: 9px;
     -ms-border-radius: 9px;
	 border-radius: 9px;
   }
   
   
   
}

@media only screen and ( max-width: 599px ) {
  
   
  
   ul.slideshow li{
     height:270px;
   }
   
   ul.page-slideshow li{
     height:310px;
   }
   
   ul.slideshow li .png-over-slide{
     -webkit-transform: scale(0.8,0.8);
     -moz-transform: scale(0.8,0.8);
     -o-transform: scale(0.8,0.8);
     -ms-transform: scale(0.8,0.8);
     transform: scale(0.8,0.8);
     left:-30px;
   }
   
   .bx-wrapper .bx-pager.bx-default-pager a {
	 width: 14px;
	 height: 14px;
	 -moz-border-radius: 8px;
	 -webkit-border-radius: 8px;
     -ms-border-radius: 8px;
	 border-radius: 8px;
   }
   
   .page-left{
     float:none;
     width:100%;
     padding-bottom:15px;
   }
   
   .page-right{
     float:none;
     width:100%;
   }
   

}

@media only screen and ( max-width: 519px ) {
  
 
  
   ul.slideshow li{
     height:250px;
   }
   
   ul.page-slideshow li{
     height:250px;
   }
   
   
   
   .project-list-open ul{
     padding-left:35px;
   }
   
   .project-list-open ul li span{
     display:block;
     
     max-width:90%;
   }
   

}

@media only screen and ( max-width: 479px ) {
  
  .mobile{
     visibility:visible;
   }
   
   .desktop{
     visibility:hidden;
   }
   
   #mobile-menu img{
     display:inline-block;
     vertical-align:middle;
     height:18px;
     margin-right:6px;
   }
  
  ul.slideshow li{
     height:220px;
   }
   
   ul.page-slideshow li{
     height:220px;
   }
   
  ul.slideshow li .png-over-slide{
     -webkit-transform: scale(0.70,0.70);
     -moz-transform: scale(0.70,0.70);
     -o-transform: scale(0.70,0.70);
     -ms-transform: scale(0.70,0.70);
     transform: scale(0.70,0.70);
     left:-40px;
   }
   
   .bx-wrapper .bx-pager.bx-default-pager a {
	 width: 12px;
	 height: 12px;
	 -moz-border-radius: 7px;
	 -webkit-border-radius: 7px;
     -ms-border-radius: 7px;
	 border-radius: 7px;
   }
   
   
   .block-list-detail .list-element{
     width:100%;
     float:none;
   
   }

}