.desktop {
  display: none;
  }
  
.mobile {
  display: block;
  }  

/* PLACEHOLDER
------------------------------------------------------------------------- */ 

#comingsoon H1 {
  top: auto;
  bottom: 25px;
  left: 25px;
  right: 25px;
  font-size: 23px;
  width: auto;
  }

#comingsoon H1 STRONG {
  letter-spacing: 0;
  }
  
#comingsoon H1 BR {
  display: none;
  }  
  
#comingsoon #logo {
  top: 20px;
  right: 20px;
  }
  
#comingsoon #languages {
  top: 25px;
  left: 25px;
  font-size: 16px;
  }
  
/* TYPO
------------------------------------------------------------------------- */     

H1 {
  margin-bottom: 0;
  }
  
/* HEADER
------------------------------------------------------------------------- */  
  
header#videohead-pro {
  border: none;
  }
  
header#videohead-pro #mobile-bars-icon-pro {
  padding: 35px 25px;
  }  
  
ul#mobile-menu-pro li a {
  border-bottom: none;
  border-top: 1px solid rgba(0,0,0,  0.05);
  }  
  
#video-logo-background a {
  width: 95px;
  } 
  
#languages {
  margin-right: 5px;
  }    
  
#header-user-profile img {
  margin-right: 0px;
  } 
  
#header-user-profile .fa-angle-down {
  display: none;
  }  
  
#header-user-profile-menu ul li a {
  font-size: 16px;
  }
  
#header-user-profile-menu ul li a I {
  font-size: 14px;
  }  
  
#header-user-profile-click #pic {
  margin-right: 0;
  }  
  
#theme A {
  padding: 20px 5px 20px 0;
  } 
  
#header-user-profile-menu {
  right: -12px;
  top: 60px;
  }   
  
/* HOME SLIDER
------------------------------------------------------------------------- */   
  
.flexslider.progression-studios-dashboard-slider h2 {
  font-size: 32px;
  letter-spacing: 0;
  }
  
.progression-studios-slider-dashboard-caption-width {
  margin: 0 20px 0 15px !important;
  }  
  
.progression-studios-slider-vertical-align {
  vertical-align: top;
  padding-top: 25px;
  }  
  
.progression-studios-dashboard-slider .btn-slider-pro {
  float: none;
  }  
  
p.progression-studios-slider-description {
  font-size: 15px;
  }  
  
/* LAYOUT
------------------------------------------------------------------------- */     
  
main#col-main {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  }  
  
.progression-studios-slider-dashboard-caption-width {
  margin: 0 30px;
  }
  
ul.dashboard-sub-menu {
  text-align: left;
  margin-top: 20px;
  }  
  
.content {
  padding: 0 20px 20px 20px;
  }
  
.movie-details-section {
  clear: both;
  padding-top: 25px;
  }  
  
/* SIDEBAR
------------------------------------------------------------------------- */   
  
#sidebar {
  margin-left: 0;
  padding-top: 20px;
  margin-bottom: 0;
  padding-top: calc(56vw + 25px);
  padding-bottom: 10px;  
  }    
  
#sidebar .content-sidebar-section {
  overflow: hidden;
  }    
  
.content-sidebar-section {
  padding: 0 25px;
  margin-bottom: 0;
  }
  
/* DETAIL
------------------------------------------------------------------------- */   
  
.not-available .content {
  margin-top: -15vw;
  }
  
.not-available:after {
  background-image: url('../img/casinotheater-mobile.jpg');
  }  
  
#movie-detail-rating {
  margin-bottom: 25px;
  } 
  
/* TABLE LIST
------------------------------------------------------------------------- */    

TABLE {
  margin-top: 20px;
  display: block;
  }
  
TABLE THEAD {  
  display: none;
  }  
  
TABLE TBODY,
TABLE TR,
TABLE TR TD {
  display: block;
  width: 100%;
  padding: 0;
  }
  
.content TABLE TR:hover TD {
  background: none !important;
  }  
  
.content TABLE TR {
  border-top: 1px solid rgba(0,0,0,0.1);
  overflow: hidden;
  padding: 10px 0;
  }  
  
.content TABLE TR TD {
  width: auto !important;
  border: none;
  line-height: 1.2;
  }
  
ul.dashboard-sub-menu li a {
  margin-left: 0;
  margin-right: 15px;
  }    
  
ul.dashboard-sub-menu li:last-child a {
  margin-right: 0;
  }
  
/* LIST OF PARTICIPANTS
------------------------------------------------------------------------- */      

#participants {
  padding-top: 30px;
  }  
  
#participants #filter {
  top: -10px;
  width: 100%;
  }
  
#participants #filter SELECT {
  width: 100%;
  }  
  
#participants TD.lastname,
#participants TD.firstname {
  float: left;
  margin-right: 5px;
  color: #111;
  } 
  
#participants TD.country {
  float: right;
  } 
  
#participants TD.category {
  clear: left;
  color: #777;
  }   
  
#participants #badge.show {
  top: -200px;
  } 
  
#participants #badge #close {
  top: 230px;
  }   
  
/* PROGRAMME ÜBERSICHT
------------------------------------------------------------------------- */   

#programme .content {
  padding-top: 20px;
  }
  
#programme #tabs {
  display: none;
  }  
  
TABLE#programme .title {
  width: auto !important;
  font-size: 16px;
  padding: 0;
  } 
  
TABLE#programme .category,
TABLE#programme .count,
TABLE#programme .duration {
  float: left;
  } 
  
TABLE#programme .count {
  clear: both;
  background: #aaa;
  color: #fff;
  border-radius: 3px;
  font-size: 11px;
  padding: 4px 7px 4px 7px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 5px;
  }   
  
TABLE#programme .duration { 
  float: right;
  margin-top: 7px;
  font-size: 14px;
  }   
  
/* INDUSTRY EVENTS
------------------------------------------------------------------------- */   

.events #tabs {

  }

.events.content {
  padding-top: 20px;
  }
  
#events TABLE TR {
  position: relative;
  }  

#events TABLE TD.title {
  font-size: 17px;
  line-height: 1.2;
  padding-top: 3px;
  padding-bottom: 0;
  clear: both;
  padding-right: 50px;
  }
  
#events TABLE TD.date {
  color: #888;
  float: left;
  }  
  
#events TABLE TD.time {
  float: left;
  color: #aaa;
  margin-left: 10px;
  }  
  
#events TABLE TD.status {
  position: absolute;
  top: 8px;
  right: 0;
  }
  
/* DETAILSEITE
------------------------------------------------------------------------- */       

MAIN {
  position: relative;
  }
  
#player {
  position: absolute;
  top: 0;
  }
  
/* PROGRAMMFILME
------------------------------------------------------------------------- */  

.filmlist {
  padding-bottom: 20px;
  }
  
.filmlist .film:hover {
  background: none !important;
  }

.filmlist .film .head {
  position: relative;
  padding: 10px 0 12px 50px;
  }

.filmlist .film .head .title {
  float: none;
  padding-left: 0;
  line-height: inherit;
  line-height: 1.2;
  }
  
.filmlist .film .head .meta {
  float: none;
  line-height: 1.2;
  padding-left: 0;
  } 
  
.filmlist .film .head .play {
  position: absolute;
  left: 0px;
  width: 32px;
  height: 32px;
  }
  
.filmlist .film .head .play I {
  line-height: 33px;
  font-size: 10px;
  }  
  
/* SPENDEN
------------------------------------------------------------------------- */  

#donate MAIN {
  padding-top: 20px;
  }
  

  
/* LOGIN
------------------------------------------------------------------------- */    

#login ASIDE {
  width: 100%;
  }
  
#login H1,
#login H2 {
  text-align: left;
  } 
  
#login H1 {
  font-size: 30px;
  line-height: 1;
  } 
  
#login H2 {
  font-size: 14px;
  margin-bottom: 5px;
  }     
  
#login #logo {
  z-index: 10;
  top: 30px;
  right: 30px;
  }  
  
#login #logo IMG {
  width: 75px;
  height: 75px;
  }  
  
/* SEARCH 
------------------------------------------------------------------------- */ 

#search MAIN .content {
  padding-top: 20px;
  }

#search .nada H1 {
  line-height: 0.8;
  margin-bottom: 30px;
  }
  
#search .nada P BR {
  display: none;
  }  
  
#search #films .title {
  font-size: 17px;
  margin-bottom: 2px;
  }  
  
#search #films TR {
  position: relative;
  } 
  
#search #films .programme,
#search #films .director {
  float: left;
  max-width: 80%;
  clear: both;
  font-size: 14px;
  line-height: 1.1;
  margin-bottom: 2px;
  }  
  
#search #films .duration {
  position: absolute;
  bottom: 10px;
  right: 0;
  }  
  
/* 503 SERVICE UNAVAILABLE 
------------------------------------------------------------------------- */   

BODY.error503 .message {
  top: auto;
  bottom: 25px;
  left: 25px;
  right: 25px;
  } 
  
BODY.error503 .message H2 {
  font-size: 48px;
  margin-bottom: 10px;
  }  
  
BODY.error503 .message H3 {
  font-size: 18px;
  }  
  
BODY.error503 .message H3 .bright {
  display: block;
  font-size: 18px;
  margin-top: 3px;
  }