@media all and (min-width: 980px) {
	
	.mobile-ui {
		/*display: none !important;*/
	}
	
	#ajax-loader {
		position: fixed;
	}
	
	/* kosk ei ole desktoppia tässä versiossa*/
	.desktop-ui {
		display: none;
	}
	
	.ilpu-window-top {
		display: inline-block;
		float: left;
		margin-bottom: 10px;
		background-image: url('/images/style/navi_bg_new.png');
		background-repeat: repeat;
		width: 100%;
		height: 45px;
		position: relative;
	}
	
	.ilpu-window {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		min-height: 100%;
		overflow-x: hidden;
	}
	.window-fb-like {
		position: absolute;
		top: 12px;
		right: 20px;
	}
	.ilpu-window .ilpu-window-image {
		max-width: 100%;
		margin-bottom: 10px;
	}
	
	.ilpu-window .ilpu-window-image img{
		max-width: 100%;
	}
	
	.ilpu-window-close {
		margin: 10px;
		display: inline-block;
	}
	
	.ilpu-window-left, .ilpu-window-right {
		padding: 10px;
		display: inline-block;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.ilpu-window-header h2{
		margin: 0px;
	}
	
	.ilpu-window-header-body {
		margin-bottom: 10px;
	}
	
	div.hilight-menu {
		padding-left: 40px;
		display: block;
		clear: both;
		width: 100%;
	}
	
	.ilpu-window-nav span img{
		margin: 0px !important;
		padding: 0px !important;
	}
	
	.ilpu-window-nav a, .ilpu-window-nav span{
		display: inline-block;
		clear: both;
		width: 100%;
		padding: 10px 20px;
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		text-decoration: none;
		color: #333;
		border-color: #c3c3c3;
		font-weight: bold;
	}
	
	.ilpu-window-nav a > img {
		vertical-align: middle;
		margin-right: 10px;
	}
	
	.ilpu-window-text {
		display: inline-block;
		float: left;
		width: 100%;
	}
	
	.ilpu-window-left {
		width: 340px;
		position: relative;
		float: left;
		margin: 0px;
		margin-left: -webkit-calc((100% - 720px)/2);
		margin-left: -moz-calc((100% - 720px)/2);
		margin-left: calc((100% - 720px)/2);
	} 
	
	.ilpu-window-right {
		width: 360px;
		position: relative;
		float: left;
	}
	
	
	.tablet-mobile-ui {
		/*display: none;*/
	}
	
}
@media all and (max-width: 980px) {
	.desktop-ui {
		display: none;
	}
	
	#ajax-loader {
		position: fixed;
	}
	
	.ilpu-window-top {
		display: inline-block;
		float: left;
		margin-bottom: 10px;
		background-image: url('/images/style/navi_bg_new.png');
		background-repeat: repeat;
		width: 100%;
		height: 45px;
		position: relative;
	}
	
	.ilpu-window {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		min-height: 100%;
		overflow-x: hidden;
	}
	.window-fb-like {
		position: absolute;
		top: 12px;
		right: 20px;
	}
	.ilpu-window .ilpu-window-image {
		max-width: 100%;
		margin-bottom: 10px;
	}
	
	.ilpu-window .ilpu-window-image img{
		max-width: 100%;
	}
	
	.ilpu-window-close {
		margin: 10px;
		display: inline-block;
	}
	
	.ilpu-window-left, .ilpu-window-right {
		padding: 10px;
		display: inline-block;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.ilpu-window-header h2{
		margin: 0px;
	}
	
	.ilpu-window-header-body {
		margin-bottom: 10px;
	}
	
	div.hilight-menu {
		padding-left: 40px;
		display: block;
		clear: both;
		width: 100%;
	}
	
	.ilpu-window-nav span img{
		margin: 0px !important;
		padding: 0px !important;
	}
	
	.ilpu-window-nav a, .ilpu-window-nav span{
		display: inline-block;
		clear: both;
		width: 100%;
		padding: 10px 20px;
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		text-decoration: none;
		color: #333;
		border-color: #c3c3c3;
		font-weight: bold;
	}
	
	.ilpu-window-nav a > img {
		vertical-align: middle;
		margin-right: 10px;
	}
	
	.ilpu-window-text {
		display: inline-block;
		float: left;
		width: 100%;
	}
}

@media all and (max-width: 980px) and  (min-width: 700px) {
	.channel {
		width: 20%;
	}
	
	.mobile-ui {
		/*display: none !important;*/
	}
	
	.ilpu-window-left {
		width: 340px;
		position: relative;
		float: left;
		margin: 0px;
		margin-left: -webkit-calc((100% - 720px)/2);
		margin-left: -moz-calc((100% - 720px)/2);
		margin-left: calc((100% - 720px)/2);
	} 
	
	.ilpu-window-right {
		width: 360px;
		position: relative;
		float: left;
	}
}


@media all and (max-width: 700px) {
	.ilpu-window > * {
		width: 100%;
		max-width: 100%;
	}

	.no-pic-recommend {
		display: none !important;
	}
	
}


@media all and (max-width: 700px) and  (min-width: 550px) {
	.channel {
		width: 25%;
	}
}

@media all and (max-width: 550px) and  (min-width: 450px) {
	.channel {
		width: 33.3%;
	}
}

@media all and (max-width: 450px) {
	.channel {
		width: 100%;
		/*min-width: 100%;*/
	}
	
	.daypart-block:empty {
		display: none !important;
	}
	
}