@CHARSET "UTF-8";

@media all and (max-width: 1200px)
{

	div.page-top {
		position: fixed;
		background-color: #2c2d2f;
		z-index: 100;
	  height: 40px;
	  font-size: 0.8rem;
	  padding: 0 10px;
	  border-bottom: groove 2px #888;
	}
	
	div.page-top-mobile {
		height: 40px;
	}
	
	div.page-top div.x-item {
	  display: inline-block;
	}
	
	div.page-top .x-left {
	  width: 100px;
	  height: 30px;
	  float: left;
	}
	
	div.page-top .x-right {
	  width: 180px;
	  height: 30px;
	  float: right;
	  text-align: right;
	  padding-right: 10px;
	}
	
	div.page-top-b {
		width: 100%;
		height: 50px;
	}
	
	div.page-top a.x-go-back, div.page-top a.x-go-back-news {
		display: inline-block;
		width: 20px;
		height: 21px;
		padding: 0 2px;
	  background: url('img/arrow-left-white.png') no-repeat center;
	  background-size: 20px 20px;
	}
	
	div.page-top a.x-menu {
	  display: inline-block;
	  width: 20px;
	  height: 21px;
	  padding: 0 2px;
	  margin-left: 20px;
	  background: url('img/menu-white.png') no-repeat center;
	  background-size: 20px 20px;
	}
	
  div.page-top a.x-go-back:hover, div.page-top a.x-go-back-news:hover, div.page-top a.x-menu:hover {
    opacity: 0.5;
  }
  
	div.lang {
	  display: inline-block;
	  width: 24px;
	  height: 15px;
	  padding: 5px;
	  cursor: pointer;
	}
	
	div.lang.x-inactive {
	  opacity: 0.5;
	}
	
	div.lang-en {
	  background: url('img/flag-en.png') no-repeat center;
	  background-size: 24px 15px;
	}
	
	div.lang-cs {
	  background: url('img/flag-cs.png') no-repeat center;
	  background-size: 24px 15px;
	}
	
	div.lang-pl {
	  background: url('img/flag-pl.png') no-repeat center;
	  background-size: 24px 15px;
	}
	
	div.page-left {
	  position: relative;
	  width: 100%;
	  overflow-y: auto;
	}
	
	div.page-right {
	  position: relative;
	  width: 100%;
	  overflow-y: auto;
	}
	
	div.screenings, div.simple-screenings {
	  padding: 0 10px 0 10px;
	  width: auto;
	}
	
	div.screening-detail, div.screening-news {
	  padding: 0 10px;
	}
	
	div.screenings-loc-info {
    box-sizing: border-box;
    min-width: 100%;
    text-align: left;
    background-color: #414244;
    padding: 4px;
  }
  
  div.screenings-loc-info a {
    display: inline-block;
    width: 100%;
    font-size: 0.8rem;
    font-weight: normal;
    text-decoration: none;
  }
  
  div.screenings-loc-info a:hover {
    opacity: 0.5;
  }
	

  div.page-top .x-logo-liveincinema {
    display: inline-block;
    width: 97px;
    height: 21px;
    background: url('img/logo-liveincinema.png') no-repeat left center;
    background-size: 97px 21px;
  }
  
  div.page-top .x-logo-nazywowkinach {
    display: inline-block;
    width: 126px;
    height: 21px;
    background: url('img/logo-nazywowkinach.png') no-repeat left center;
    background-size: 126px 21px;
  }
  
  div.page-top .x-logo-prenosydokin {
    display: inline-block;
    width: 114px;
    height: 21px;
    background: url('img/logo-prenosydokin.png') no-repeat left center;
    background-size: 114px 21px;
  }
    
  div.page-top .x-logo-liveincinema:hover, div.page-top .x-logo-nazywowkinach:hover, div.page-top .x-logo-prenosydokin:hover {
    opacity: 0.5;
  }
  
  div.tiles-right {
    margin-left: auto;
    margin-right: auto;
  }
    
}


@media all and (max-width: 600px)
{
	
	div.news-item .news-item-right {
	  max-width: 65%;
	}
	
	div.det-book-screening-outer {
	  width: 100%;
	  text-align: right;
	}
	
  div.det-book-screening {
    position: static;
    display: inline-block;
  }
  
}