@media only screen 
and (max-width : 799px) {
  .wrapper .grid .tile { float: none; width: auto; }
  .wrapper { padding: 4%; position: relative; padding-bottom: 920px; }
  .header { padding: 0; position: static; width: auto; }
  .header .logoCnt { float: none; width: auto; }
  .mainLogo { float: none; display: block; width: 100%; min-width: 0; }
  .mainLogo .largeLogo { display: block; width: 100%; }
  .mainLogo .smallLogo { display: none; }
  .headerSubtitle, .headerDate { font-size: 25px; }
  .header .titleCnt { padding: 2em 0; }
  .header .titleCnt .headerDate { font-weight: bold; }
  .header .navBreak { display: none; }
  
  .header .mainNav { position: absolute; left: 4%; bottom: 100px; width: 96%; display: block; float: none; }
  .header .mainNav .tile { float: none; width: auto; margin-top: 2em; }
  .header .mainNav li a { font-weight: bold; font-size: 30px; line-height: 1.2em; }
  .header .mainNav .mainNavCatTile { display: none; }
  .header .yearSelectCnt { position: absolute; left: 4%; bottom: 10px; width: 94%; }
  .header .yearSelectDiv { font-size: 30px; line-height: 30px; height: 30px; width: 100%; max-width: 260px; }
  .header .yearSelectItemSelected { font-weight: bold; }
  .header .yearSelectItemSelected:after { height: 38px; width: 38px; line-height: 38px; font-size: 30px; }
  .tile.w_3.logoCnt { position: static; }
  
  .mainCatsOverlayTile .mainCntntCnt { display: none; }
  .headerSpacer { display: none; }
  .header.miniHeader { height: 0; position: fixed; top: -500px; }
  .header .toggleMenu .icon { display: none; }
  .mainCats li a, .artists .artistCatTile { font-size: 54px; }
  
  .mainCntntCnt, .news, .media, .accomodation .intro, .accomodation .txtTile .txtCnt, .impressumTile > .tileInner, .archiveVideoTile .tileInner, .coordinateGame .tileInner { padding: 2em 0; }
  .sponsors > .tileInner, .coordinateGame .sectionTitle, .coordinateGame #eventList, .contact .impressumColTile .tileInner { padding: 0; }
  .media .sectionTitle, .coordinateGame .sectionTitle { padding: 0 0 1em; }
  .mediaItem { padding: 0 0 2em; min-height: 0; }
  .accomodation .intro .typeCntnt { margin: 3em 0 0; }
  .coordinateGame .sectionTitle { padding-top: 2em; }
  .coordinateGame #eventList { padding-top: 20px; padding-bottom: 20px; }
  .coordinateGame #eventList .smallEventTile { float: none; display: block; width: auto; min-height: 0; }
  
  .recommendations .title img { display: none; }
  .recommendations .title:hover img, .recommendations .title.ui-state-active, .recommendations .title.active img { display: none; }
  .recommendations .smallEventTile .coordinateCnt { display: none; }
  .recommendations .smallEventTile.first .coordinateCnt, .recommendations .smallEventTile:hover .coordinateCnt { display: none; }
  .recommendations .smallEventTile, .artistTile .smallEventTile { float: none; width: auto; }
  
  .eventItem, .smallEventItem, .albumTile { font-size: 22px; }
  .smallEventItem { min-height: 0; margin-bottom: 1em; }
  .largeEvents .dayName { padding: 1.5em 0; }
  .largeEvents .eventTile .squareSpacer { display: none; }
  .largeEvents .tile.w_2.open { width: auto; }
  .largeEvents .tile.open .imgBlock { display: none; }
  .largeEvents .tile.open .eventItem { margin: 0; }
  .eventItem .details .subEventTitle .subEventImgBlock { display: none; }
  
  .gallery .tile { display: none; }
  .gallery .tile.firstImgTile { display: block; }
  .gallery .alternativeNext { display: block; position: relative; margin-bottom: -100%; z-index: 4; }
  .gallery .alternativeNext .squareSpacer { display: block; float: none; margin: 0; width: 100%; }
  
  .recommendations.artistsLink { display: none; }
  .artists { display: none; }
  
  .orderTxtSection .tileInner, .coordinateGame .identityTxt .tileInner { padding-left: 0; padding-right: 0; }
  
  .sponsors .sectionTitle { padding-top: 1em; }
  .wrapper .sponsors .tile { float: left; width: 50%; }
  .contact .tileInner, .sponsors .tileInner { padding: 0; }
  .contact .tileInner { padding: 3em 0 0; }
  
  .albumRecommendation .sectionTitle, .archiveFilms .sectionTitle { padding-left: 0; padding-right: 0; padding-bottom: 0; }
  .albumTile .tileInner { padding: 2em 0 2em; }
  .albumRecommendation .twoColClr { display: none; }
  .albumRecommendation .fourColClr { display: none; }
  .albumRecommendation .threeColClr { display: none; }
   
  .cart .sectionTitle { padding-left: 0; padding-right: 0; }
  .cartInfo .tileInner { padding: 0; }
  .cart.largeEvents .eventItem .titleArea { height: auto; min-height: 2.5em; margin-bottom: 1em; }
  .cart.largeEvents .eventItem .eventInner { padding-bottom: 1.43em; }
  .cart.largeEvents .eventItem .eventPrice, .cart.largeEvents .eventItem .eventPriceFree { margin-top: .5em; }
  .largeEvents .jumpToMoreTile .eventItem .eventInner { padding-right: 5.42em; min-height: 2em; }
  
  .purchaseTile .tileInner { padding: 1em 0; }
  .purchaseTile.open .tileInner { padding: .5em 0; }
  .purchaseTile .purchaseItemsCnt > .largeTxt { padding-left: 0; padding-right: 0; }
  .purchaseTile .squareSpacer { display: none; } 
  
  .orderSection .tileInner { padding-left: 0; padding-right: 0; }
  #orderForm .btn { margin-right: 1em; margin-bottom: .4em; }
  .formCnt.sideLabels .row { padding-left: 0; }
  .formCnt.sideLabels .row label { float: none; display: block; margin: 0; }
  
  .btn.large, #mainCnt .btn.large { font-size: 20px; }
  .txtCntnt.largeTxt { font-size: 20px; }
  .orderSection .footNote { width: auto; }
  
  .reg-signin .tileInner { padding: 0; }
  .profile > .sectionTitle { padding: 1em 0; }
  .profile .tileInner { padding: 0; }
  
  .formCnt input[type=text], .formCnt input[type=password], .formCnt textarea, .formCnt .fancySelectDiv, .yearSelectDiv { width: 94%; }
  
  .search .formCnt .btn { margin-top: 0; }
  .searchTile .squareSpacer { display: none; }
  .searchTile .tileInner { padding: 4.34%; }
  
  .shareOverflow { position: fixed; top: -1000; left: -1000; width: 0; height: 0; background: transparent; overflow: hidden; z-index: -1; }
}
@media only screen 
and (max-width : 480px) {
  .mainCats li a, .artists .artistCatTile { font-size: 50px; }
  .headerSubtitle, .headerDate { font-size: 22px; }  
}
@media only screen 
and (max-width : 440px) {
  .mainCats li a, .artists .artistCatTile { font-size: 38px; }
  .headerSubtitle, .headerDate { font-size: 20px; }

  .cart.largeEvents .eventItem .details .info { margin-left: -92px; }
  .cartItemNav .row { margin-left: -92px; }
  .cart.largeEvents .eventItem .eventPrice, .cart.largeEvents .eventItem .eventPriceFree { margin-left: -92px; }  
}