/*****************
-----------------------------
Media Queries by Camille San Antonio

Styling for GMA Network
This stylesheet covers three widths:
	1000px / 960px Default ( browser - not included )
	600px ( tablet )
	300px ( mobile )

TinyNav queries included.	

Insert element conditions here.
-----------------------------
*****************/

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 600px)
and (max-device-width: 1280px)
and (orientation : portrait) {
	#container, #header, #footer, #breadcrumbs{
        width: 660px;
    }
   
    #headline_accordion,.header_single img { max-width: 660px; margin: 0 auto; width: 660px;}
	
	.corptext, .header_single, .header_single img {
		height: 280px;
	}
		
	.loginorimg2{ display:none;	}
	
	#mobile_ads, .quick_fix { display: block; }
	
	#featured {margin: 15px 120px 0 0;}
	.tinynav { display: none;}
	
	.nav_ul { font-size: 0.688em;}
	#network_logo { margin: 5px 8px; width: 135px;}
/* Styles */
}

/* Desktops and Laptops ----------- */
@media only screen 
and (min-width : 600px)
and (max-width: 900px)
{
	#container, #header, #footer, #breadcrumbs, .header_single {
		width: 660px;
	}
	.box_advisory{ margin-top:10px; !important;}
	
	.header_single img {
		height: 280px;
	}
	
	 #sme{ position:absolute;	right:50px;}
	
	#header_banner img{ width: 660px; }
	
	#mobile_ads, .quick_fix { display: block; }
	#mobile_ads { width: 300px; float: right; margin: 15px 30px;}
	.featured1, #header_ads { display: none;}
	
	.header_icons { 
		width: 650px; text-align: right; margin-top: -1px; margin-bottom: 10px;
		margin: 0 auto;
		background: url('//www.gmanetwork.com/themes/default/assets/img/bg/main_nav1.png') repeat-x;
		position: relative;
	
	}
	
	.header_icons ul li { display: inline-block;}
	
	#itemContent1 { background:rgb(76,76,76); margin-top: 39px; width: 100%; z-index: 999}
	
	.parent_nav nav ul ul { margin-left: -58px;}
	
	.nav_ul { font-size: 12px;}
	
	#network_logo { margin: 5px 8px; width: 135px;}
	.tab_container { height: 625px !important; }
	
	#headline_accordion{
		background-image: none !important;
		max-height: 165px !important;
	}
	
	#headline_accordion #media{
		height:165px !important;
	}

}

/* styles for desktop */
.tinynav { display: none }

@media screen and (max-width: 600px) {
	.tinynav { display: block }
	#top_menu { display: none }
	#top_menu a { font-size: 9px;}

    #nav { display: none }
     
}

@media screen and (max-width: 599px) {
	#container, #header, #footer, #breadcrumbs{
        width: 320px;
    }
	
	.s_headline { width: 100%; height: 25px;margin-bottom: 5px;}
	#sme{ display:none; 	}
	.ac_dd { margin-bottom: 15px;}
	
	.artistdropdown {width:100%;}
    
	.scrollectbox {	margin-bottom: 20px;}
	
	.headline_accordion, .header_single, #headline_accordion,.quick_fix, #header_advisory,.corner-stamp, .box2 { display: none;}
	
	.box { width: 290px;}
	
	div.img {margin-left: 50px;}
	/*.box img { width: 290px;}*/
	.corptext, .header_single, .header_single img {
		height: 280px;
	}
	
	.content_img { width: 290px;}
	
	.featured1, #header_ads { display: none;}
	li .hide { border:1px solid red;}
	
	#mobile_ads, .quick_fix { display: block; }
	
	#featured {margin: 15px 120px 0 0;}
	.tinynav { display: none;}
	
	.nav_ul { font-size: 0.875em;}
	#network_logo { margin: 5px 8px; width: 135px;}
	
	.header_icons {margin-top: -50px; margin-right: -25px;}
	.header_icons li { padding: 10px 30px;}
	.parent_nav nav { 
		margin: 0 0 10px 0;
		background: rgb(76,76,76); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 97%, rgba(19,19,19,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(97%,rgba(44,44,44,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 97%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 97%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 97%,rgba(19,19,19,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 97%,rgba(19,19,19,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-8 */
	}
	
	#reactionDiv { display: none; }
	/*.lazyload { width: 290px;}*/
	
	#itemContent1 {
		display: block;
		margin-top: 72px;
		z-index: 999;
		width: 320px;
	}
	
	/*for kf*/
	.customnavpc nav a {
		width: 120px;
	}
}


@media screen and (min-width: 900px) { .loginorimg2{ display:none; }  .fluidnav{	width:990px;	} }
@media screen and (min-width: 901px){ .fluidnav{	width:990px;	} .mfooter{ display:none; }	}
@media screen and (max-width: 900px){ .fluidnav{	width:660px;	}  .box_advisory{ margin-top:85px; !important;}	}
@media screen and (max-width: 599px) { .loginorimg{ display:none; } .fluidnav{	width:320px;	} .pfooter{ display:none; } }