/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#menu-schedule-calendar{
			float:none;
			width:100%;
		}	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		/* Header */
		#social-wrapper ul {
			list-style: none;
			margin: 0;
			text-align: right;
			padding-bottom:5px;
		}

		#social-wrapper ul {padding:0;margin:0}		
		
		#menu-date-wrapper {background:#ebebeb; width:748px; margin:30px auto;}		

		
		
		/* Home */
		section.home-featured article,
		.under-post-adds div {
			padding:0;margin:0;
			width:236px;
			float:left;
		}
		section.home-featured article.first-child,
		.under-post-adds div.first-child {
			padding:0; margin:0 20px 0 0;
			width:236px;
			float:left;
		}
		
		.under-post-adds div {
			float:none;
		}
				
		#top-banner {width:748px; padding-left:0;padding-right:0; margin:0 auto}
		
		/* Navigation */

		#main-navigation ul > li > a {
			border-bottom:3px solid #000;
			color:#fff;
			font-size: 14px;
			font-size:1.4rem;
			display: inline-block;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 600;
			line-height: 30px;
			margin: 0;
			padding: 7px 10px;
			text-transform: uppercase;
			text-decoration:none;
		}
		
		#footer-menu {float:none}
		
		/* Trenutno na programu */
		.right-part-schedule {
			float: left;
			margin: 0;
			overflow: hidden;
			padding: 0;
			position: relative;
			width: 412px;
		}
		
		.live {
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
			position: absolute;
			right: 10px;
			top: 0px;
			padding: 0px !important;
			height:25px !important;
		}
		
		/* profili */
		.profili {font-size:12px; font-size:1.2rem; margin:0 0 30px 0; border-bottom:1px solid #ccc; padding-bottom:25px;}
		.profili .image {float:left;margin:10px 15px 0 0 ; width:80px !important;}
		.profili .info { float:left; width:140px !important;}
		.profili div.info h2 {margin:0 !important; padding:0 !important; display:block;}
		
		#menu-date nav ul li a {
			padding: 3px 10px;
	   }
	   
	   .program-details {
			float:none !important;
			margin:0;
			margin-bottom:20px;
			padding:10px 20px;
			max-width:100% !important;
		}
		
		
		/*iframe video*/
		.post-inner-wrapper iframe{
			width: 492px !important;
			height: 280px !important;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		/* Header */
		#top-bar h2,
		#top-bar p {float:none; margin:0;padding:0; line-height:40px; text-align:center}
		#top-bar h2.site-name {font-family: 'Roboto Condensed', sans-serif; color:#fff; font-size:20px; font-size:2.0rem; padding-top:10px;}
		#top-bar p.slogan { font-family: 'Lato', sans-serif; color:#ccc; font-size:14px; font-size:1.4rem; padding-left:0px;}
		
		aside {margin-top:30px;}
		#tv-schedule {padding-top:0px;}
		
		#footer h5 {
			color: #FFFFFF !important;
			margin: 30px 0 0 0;
		}
		
		.program-details {
			float:none !important;
			margin:0;
			margin-bottom:20px;
			padding:10px 20px;
			max-width:492px !important;
		}
		.program-details table {
			width:90%;
		}
		
		#top-banner {width:492px !important; padding-left:0;padding-right:0; margin:0 auto; overflow:hidden;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.logo {padding:0;margin:0; text-align:center; margin:auto}
		
		section.home-featured article,
		.under-post-adds div {
			padding:0;margin:0 0 30px 0;
			width:100%;
			float:none;
		}
		section.home-featured article.first-child,
		.under-post-adds div.first-child {
			padding:0; margin:0 0 30px 0;
			width:100%;
			float:none;
		}
		
		#menu-date-wrapper {background:#ebebeb; width:420px; margin:30px auto;}	
		#menu-calendar {float:none; width:100%;
						font-family: 'Roboto Condensed',sans-serif;
						background:#ddd;
						font-size: 15px;
						font-size: 1.5rem;
						font-weight: 400;
						height: 35px;
						line-height: 35px;
						margin: 0;
						padding: 0;
						text-align: center;
						color:#000;
		}
		#menu-date {float:none;}
		#menu-date li {float:none;display:block; width:100%;}
		#menu-date li a {display:inline;width:100%;}
		
		#searchform {float:none;width:100%;}
		#searchform div {width:200px;margin:0 auto; text-align:center}
		#social-wrapper {float:none; text-align:center}
		#social-wrapper ul {margin:0 auto;padding:0 0 15px;width:180px;}
		
		#footer-menu {float:none}
		#footer-menu li {margin:0 5px 0 0;}

		#footer ul.tv-program-list li {
			width:210px;
		}
		
		/* Trenutno na programu */
		.left-part-schedule {
			float: left;
			width: 50px;
		}
		.left-part-schedule li {
			padding:3px 0 0 0;
			text-align:center;
		}
		.right-part-schedule {
			float: left;
			margin: 0;
			overflow: hidden;
			padding: 0;
			position: relative;
			width: 370px;
		}
		
		/*iframe video*/
		.post-inner-wrapper iframe{
			width: 420px !important;
			height: 260px !important;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		/* Header */
		#social-wrapper {
			float: none; padding-bottom:10px;
		}
		.logo {text-align:center;}
		
		section.home-featured article,
		.under-post-adds div {
			padding:0;margin:0 0 10px 0;
			width:100%;
			float:none;
		}
		section.home-featured article.first-child,
		.under-post-adds div.first-child {
			padding:0; margin:0 0 30px 0;
			width:100%;
			float:none;
		}
		
		#menu-date-wrapper {background:#ebebeb; width:300px; margin:30px auto;}	
		#menu-calendar {float:none; width:100%;
						font-family: 'Roboto Condensed',sans-serif;
						background:#ddd;
						font-size: 15px;
						font-size: 1.5rem;
						font-weight: 400;
						height: 35px;
						line-height: 35px;
						margin: 0;
						padding: 0;
						text-align: center;
						color:#000;
		}
		#menu-date {float:none;}
		#menu-date li {float:none;display:block; width:100%;}
		#menu-date li a {display:inline;width:100%;}
		
		#searchform {float:none;width:100%;}
		#searchform div {width:200px;margin:0 auto; text-align:center}
		#social-wrapper {float:none; text-align:center}
		#social-wrapper ul {margin:0 auto;padding:0 0 15px;width:180px;}
		
		#footer-menu li {margin:0 5px 0 0;}
		
		#footer ul.tv-program-list li {
		width:100%;
		}
		
		#tv-schedule {}
		/* Trenutno na programu */

		.left-part-schedule li {
			padding:0;
			text-align:center;
			font-size:10px;
			font-size:1.0rem;
		}
		.right-part-schedule {
			float: left;
			margin: 0;
			overflow: hidden;
			padding: 0;
			position: relative;
			width: 220px;
		}
		
		/*iframe video*/
		.post-inner-wrapper iframe{
			width: 300px !important;
			height: 200px !important;
		}
		
		#top-banner {width:320px !important; padding-left:0;padding-right:0; margin:0 auto; overflow:hidden;}
	}
	
	
	
	
/*FB*/
.fb-comments, .fb-comments iframe[style], .fb-comments span,
.fb_iframe_widget.fb_iframe_widget_fluid,
.fb_iframe_widget.fb_iframe_widget_fluid span,
.fb_iframe_widget.fb_iframe_widget_fluid iframe {
   width: 100% !important;
}


/*Dodato da bi u headeru reklama bila 100% width*/
@media only screen and (max-width: 959px) {
	#top-banner {
		width: 100%!important;	
		
	}
}