@media screen and (max-width:1100px) {
	.burger-icon, .burger-icon:before, .burger-icon:after{display: block; }
	.header-zone .w-screen {width: 95%;}
	.header-zone ul.menu {display: none; }
	.header-zone ul.menu.expanded {display: block;position: absolute;right: -21px;top:138px;background: #ff6700;z-index: 9999999; text-align: center; padding-bottom: 10px;}
	.header-zone ul.menu.expanded li {display: block; border-top: 1px solid #fff; margin: 2px 0; padding: 5px 0;}
	.header-zone ul.menu.expanded li a {padding:35px 10px 0; }
	
	#search-bar {display: none;top: 72px;height: 55px;background: #ff6700;width: 101px;right: -21px;border: 2px solid #ff6700; border-top:1px solid #fff;z-index: 99999999;}
	#search-bar.active.on-top { width: 320px; background: #fff; border-radius: 0;-webkit-border-radius:0;-moz-border-radius:0; /* transition:200ms width ease-in-out; */ }
	#search-bar .search-icon {width: 101px;height: 55px;background-repeat: no-repeat;background-position: 60% 50%;padding: 0;border-left: 0;position: relative;}
	#search-bar.active.on-top .search-icon { background-image:url(../images/icons/search-icon-v2-active.png);right:0;background-position: 50% 50%;width:85px;}
	#search-bar.active.on-top .search-elements {  position: relative; }
	#search-bar.active.on-top form {width: 220px;}
	#search-bar.active.on-top input { width:auto; visibility: visible; margin: 2px 20px;}
	
	#promo .screen-slides li {margin: 20px 0;}
	#promo .screen-navi.screen-next {right:1px;}
	#promo .screen-navi.screen-prev {left: 1px;}
	
}

@media screen and (max-width: 1000px) {
    .w-screen {width: 95%;}
    .t5 {width: 50%;}
    .clr-t {clear: both;}
    .clr.clr-d {display: none;}
    .w-main {width: 600px; }
	.w-side {width:300px;}
}
@media screen and (max-width:980px) {
	
}
@media screen and (max-width: 960px) {
    .homepage-view .category-box {width: 100%;}
    .w-main {width: 100% }
	.w-side {width:100%; margin: 10px 0;}
	.w-side .ad-unit {float: left;}
	.program .handler {width: 25%;}
    
}
@media screen and (max-width:860px) {
	.time {right:50px;}
}
@media screen and  (max-width:767px) {
	.banner-zone {display:none;}
	.m10 {width: 100%;}
	.homepage-view .category-box {height: 95px;}
	.homepage-view .category-box .category-icon{ height: 25px;background-size:40px; }
	
	.homepage-view .category-box .category-name {font-size:.85em;}
	.m10 .story-space .image-mask img {width: 100%;}
	.homepage-view .tv-zone .category-box {width: 95px; margin:0 20px;}
	.program .handler {width: 100%; margin-left: 0;}
	.controls {width: 200px; margin: auto;}
	.controls:before {display: none;}
	.time {bottom:100px; top:auto; right:0;left:0; width: 100px; margin: auto;}
}
@media screen and (max-width: 680px) {
    .screen-slides div.slide-headlines { width: 380px;bottom:10px; }
}
@media screen and (max-width: 640px) {
    .sm10 {width: 100%;}
    .pagination {position: relative; height: 70px;}
   ul.pages.counter {position: absolute; bottom:0; left:10px; right: 10px;}
   	.copyrights {width:  50%;text-align: right; }

}
@media screen and (max-height:600px) {
	/*
.header-zone ul.menu.expanded {width: 200px;}
	.header-zone ul.menu.expanded li {width: 50%; float: left;}	
*/
}

@media screen and (max-width: 480px) {
   
   .screen-slides div.slide-headlines {position: static; width: 300px;min-height: 95px;width: 100%; padding: 0;}
   .screen-slides .title-box {width: 45%;}
   .xs10 {width: 100%;}
   .homepage-view .category-box {width: 95px; margin:0 20px;}
   .show-description .read-more a:link,
   .show-description .read-more a:visited {text-indent: -999999px; display: block;padding: 0; background-position: 50%;}
   
   }
@media screen and (max-width: 380px) {
	.header-zone .logo img {width: 210px;}
	#search-bar {top:60px;right:-8px;}
	.header-zone ul.menu.expanded {top:127px;right:-8px;}
	.header-zone ul.menu.expanded li {padding: 0;}
}
/* Problems:1)Navigation menu doesn't resize proportionaly to window resize (width:1100px)
			2)Slide Headlines overflowing @500px (problems start@640px)
			3)Program Section, handler "brakes" completetly @940px although it starts floating around @1000px
			3)Story-titles and category icons on list items don't scale properly under aprox.940px 
			4)Homepage in section category-boxes @940px ready to collapse with list items
			5)No reason for negative margins on slideshow after one breakpoint (preferably right after 768px; ("after" as desktop-first-wise))

   Solutions:1) Solved
   			 2) Solved
   			 3)solved
   			 4)solved
   			 5)solved
			
*/