
/*		Tablet Landscape/Desktop Layout: 990px.  */
@media only screen and (min-width: 992px) {
    #outer-wrap { width: 1008px; }
    .page {	left:0px;}
	
    .click-featured-hdr {height:400px;}
    /*.slider-container {padding-top:10px;}*/
    .slider-container a.slider-next, .slider-container a.slider-prev { top:40% !important; }
    .DoubleWidget .video-breaker .liquid { width:650px; }
    
    #nav .nav-holder ul { margin:1.5em 0px 0px -10px;}
    /* Related articles control - square images*/
    div.ListItem-RelatedItemsContainer:nth-of-type(3n+1) { margin-left:12px; }
    .BlogItemContainer {width:311px !important;}
    .BlogItemContainer.Featured {width:641px !important;}

    /* HubPages */
    .MainFImage { width: 950px; }

}

/*		Tablet Portrait Layout: 768px.  */
@media only screen (max-width: 800px) {
    .BlogItemContainer {width:215px;}
    .BlogItemContainer.Featured {width:530px;}
    
}
/*		Tablet Portrait Layout: 768px.  */
@media only screen and (min-width: 767px) and (max-width: 991px) {
	#outer-wrap { width: 100%; }
    #main { margin:0px auto; width:768px;}

    /* HubPages */
    .MainFImage { width: 740px; }
	
    .body {overflow:hidden; background:#fff;}
	.page {	padding: 0px; width: 768px; display:inherit; left:0px; clear:both;}
	.Content-Box-Main {width: 430px !important;}
     div.member-panel {display:none !important;}
	.slider-container {width:100% !important;}
    /*.slider-container a img {width:440px !important;}*/
    .inner-padding, .no-inner-padding {width: 748px;}	
    .breaker { width:748px !important; }
    .DoubleWidget .breaker { width:435px !important; }
    .DoubleWidget .video-breaker .Video { width:127px; }
    .DoubleWidget .video-breaker .liquid { width:435px; }
    .DoubleWidget .video-breaker .liquid ul li {	width:128px; }
    .DoubleWidget .video-breaker .Content .Title { font-size:14px; line-height:14px;}
    
    /*override styles - Put css is here to remove or heavily modify for screen size*/
    .ym-col1-top { width: 308px; }
	.ym-col2-top { width: 440px; }
	#nav .nav-item a h2 {font-size:14px; }
    #nav .main-nav-bar, #nav .main-nav-bar-skin {background: transparent url("../../images/site/replace/menu-bg-sm.png") no-repeat top center;}
	#nav ul {position:relative; left:-15px;}
	#nav .sub-nav-item {width:778px;}
	#nav .sub-nav-item.movies { left:-77px}
	#nav .sub-nav-item.games {left:-140px;}
	#nav .sub-nav-item.tech {left:-203px;}
	#nav .sub-nav-item.cinema {left:-329px;}
	#nav .sub-nav-item.tv {left:-392px;}
	#nav .nav-extra-links { right:-7px; height:25px; width: 90px;}
	#nav .sprite_items { width: 62px; height: 37px; }
    #nav .sprite_latest { width: 67px; height: 37px; }
    #nav .sprite_reviews { width: 78px; height: 37px; }
    #nav .sprite_competitions { width: 80px; height: 37px; }
    #nav .sprite_features { width: 78px; height: 37px; }
    #nav .sprite_interviews { width: 85px; height: 37px; }
    #nav .sprite_videos { width: 67px; height: 37px; }
    #nav .sprite_spacer { width: 115px; height: 37px; }
   
	/*#search-container #search-form {	margin: 0px auto 0px; }
    #search-container #search-form div.input-wrapper {	background: url("../../images/site/replace/bg-search-bar-sm.png") no-repeat 0px 0px !important; width:140px !important;}
    #search-container #search-form div.input-wrapper:hover {	background: url("../../images/site/replace/bg-search-bar-sm.png") no-repeat 0px -32px !important;}
    #search-container #search-form div.input-wrapper:focus {	background: url("../../images/site/replace/bg-search-bar-sm.png") no-repeat 0px -64px !important;}
    #search-container #search-form div.focus.input-wrapper {	background: url("../../images/site/replace/bg-search-bar-sm.png") no-repeat 0px -64px !important;}
    #search-container #search-form div.input-wrapper input.text { width: 100px !important; }*/
    /*.menu-nav-bg { background-position: left top !important;}*/
    
    .click-hdr {height:40px !important; }
    div#user-menu div.login { width:60px !important;} 
    div#user-menu div.register { width:70px !important; }
    .double-double {width:291px !important;}
    .single-single {width:145px !important;}
    /*.post_header {height:30px; overflow:hidden;}
    .post_nav {right:230px !important;}*/
    
    .BlogItemFeatured .Image, .BlogItemFeatured .Content {width:435px !important;}
    /*div.BlogItem .Image, div.ListItem .Image {width:100px !important;}
    div.BlogItem .ImageHolder, div.ListItem .ImageHolder {height: 57px !important;}
    div.BlogItem .Content {width:310px !important;}
    div.BlogItem .Title {max-height:25px !important;}*/
    .BlogItemContainer {width:212px !important; padding:0px 5px !important;}
    .BlogItemContainer.Featured {width:424px !important; padding:0px 5px !important;}
    div.BlogItem {width:100% !important;}
    div.BlogItem .Image {width:99% !important; }
    div.BlogItem .ImageHolder {height:110px !important;}
    div.BlogItem .Content {width:99% !important;}
    div.BlogItemFullRow .Image, div.ListItemFeatured .Image {width:100%;}
    .VerdictLinkItem, .MoreLintItem { display:none;}
    
    .Youtube-Box { width:420px !important; height: 236px !important; }
    /*a.youtube-lazy-link img { top:-39px !important;}*/
    
    div.DoubleWidget div.pager-bottom { width: 247px;}
    .click-ftr-social {display:none !important;}
    div.site-message { display:inline;}
    div.site-no-message { width:65%;}
    
    div.video-hub .default-view {height: 487px; overflow: hidden;}
    div.video-hub .double-double { width: 290px !important; }
    div.video-hub .double-single { width: 290px !important; }
    div.video-hub .single-single { width: 144px !important; }
    div.video-hub .double-double div.video-play-overlay {  left:110px !important; }
    
    /* Related articles control - square images*/
    div.ListItem-RelatedItemsContainer:nth-of-type(odd) { margin-left:12px; }

    .articleBx div.Content-Box {width:100% !important;}
    
}

/*		7" tablet Layout: 640px - 768px.  */
@media only screen and (min-width: 640px) and (max-width: 767px) {
    .click-hdr img.logo { left:10px; } 
    #main { margin:0px auto; width:640px;}
	
    #body {background:#fff  !important; }
    .page { width: 630px !important; border:none; left:0px; }
    .Content-Box-Main {width: 610px !important;}
    .click-featured-hdr {width:630px!important; margin-top:10px;}
	.slider-container {width:630px !important; }
    .slider-container a img {width:630px !important;}
    .inner-padding, .no-inner-padding { width: 630px /*!important*/; margin:0px !important; padding:0px !important;}
    .breaker { width:600px !important; }
    .video-breaker .Video {width: 165px; }
	.video-breaker .liquid ul li {	width:165px; }
	.DoubleWidget .breaker { width:600px !important; }
    .DoubleWidget .video-breaker .Video { width:124px; }
    .DoubleWidget .video-breaker .liquid { width:600px; }
    .DoubleWidget .video-breaker .liquid ul li {	width:138px; }
    
    .BlogItemContainer {width:270px;}
    .BlogItemContainer.Featured {width:540px;}
    div.BlogItem .Content {width:390px !important;}
    .BlogItemFeatured .Image, .BlogItemFeatured .Content {width:97% !important;}
    div.DoubleWidget div.pager-bottom { width: 440px;}
    
    /* Related articles control - square images*/
    div.ListItem-RelatedItemsContainer { width:200px !important; }
    div.ListItem-RelatedItemsContainer:nth-child(4) { margin-left:5px; }
    div.ListItem-RelatedItemsContainer:first-child { margin-left:5px !important; }
    div.ListItem-RelatedItems { width:200px !important; }
    
    .articleBx div.Content-Box {width:420px !important;}
}

/*		iPhone 5+ Landscape Mobile Layout: 568px - 640px.  */
@media only screen and (min-width: 567px) and (max-width: 639px) {
    .click-hdr img.logo { left:10px; } 
    #main { margin:0px auto; width:567px; left:-5px;}
	
    #body {background:#fff  !important; }
    .page { width: 558px !important; border:none; left:-1px; margin:0 5px;}
    
    .click-hdr-leaderboard {display:none !important;}
	
    .Content-Box-Main {width: 548px !important;}
    .nav-holder {width:300px;}
  
    .click-featured-hdr {width:568px!important; margin-top:10px;}
	.slider-container {width:568px !important; height:100% !important; }
    .slider-container a img {width:568px !important;}
    .slider-container .slider-bullets { background-color: transparent !important; left:39% !important; bottom:-11px !important;}
    .slider-container .slider-title .headline {height:auto !important; padding:5px 0px !important;}
    .slider-container .slider-title .headline h2 { font-size:18px !important; line-height:18px !important;}
    .slider-container .slider-title {padding:0px 10px !important; top: 250px !important; width:548px !important;  background:rgba(0, 0, 0, 0.5);}
    .slider-container a.slider-next, .slider-container a.slider-prev { margin-top:-36px !important;}
    .slider-container .slider-title .highlightsSubTitle, .slider-container .slider-title .highlightsSubitems { display:none;}
    
    
    .inner-padding, .no-inner-padding { width: 568px /*!important*/; margin:0px !important; padding:0px !important;}
    .breaker { width:548px !important; }
    .video-breaker .Video {width: 165px; }
	.video-breaker .liquid ul li {	width:165px; }
	.video-breaker .liquid .wrapper { left:3px;}
	.SingleWidget {width:568px !important;}
	.DoubleWidget .breaker { width:548px !important; }
    .DoubleWidget .video-breaker .Video { width:119px; }
    .DoubleWidget .video-breaker .liquid { width:548px; }
    .DoubleWidget .video-breaker .liquid ul li {	width:124px; }
    
    .BlogItemContainer, .ListItemContainer {width:568px;}
    .BlogItemFeatured .Image, .BlogItemFeatured .Content {width:97% !important;}
    .BlogItemContainer {width:260px;}
    .BlogItemFeatured .Image, .BlogItemFeatured .Content {width:100% !important;}
    .BlogItemContainer {width:255px !important; border:none !important;}
    .BlogItemContainer.Featured {width:510px !important; border:none !important;}
    div.BlogItem { border:none !important; padding: 0px !important;}
    div.BlogItem .Content {width:255px !important; padding:0px 0px 0px 5px;}
    div.DoubleWidget div.pager-bottom { width: 380px;}
    
    div.DoubleWidget div.pager-bottom { width: 420px;}

	/* Related articles control - square images*/
  
    div.ListItem-RelatedItemsContainer:first-child { margin-left:5px !important; }
    div.ListItem-RelatedItemsContainer:nth-child(4) { margin-left:5px !important; }

    div.ListItem-RelatedItemsContainer { width:175px !important; margin-left:5px !important; }
    div.ListItem-RelatedItems .ImageHolder img { position:relative; left:-30px; }
    div.ListItem-RelatedItems { width:175px !important; }

    .articleBx div.Content-Box {width:420px !important;}
}

/*		Wide Mobile Layout: 480px.  */
@media only screen and (min-width: 480px) and (max-width: 567px) {
    .click-hdr img.logo { left:10px; } 
    #main { margin:0px auto; width:480px; }
	
    #body { background:#fff  !important; }
	.page { width:470px; padding:0px; border:none; left:0px; margin:0 5px; }
	.Content-Box-Main { width: 460px !important; }
    .click-hdr-leaderboard {display:none !important;}
	.click-featured-hdr { width:480px; margin-top:10px; }
	.slider-container { width:480px !important; height:100% !important; }
    .slider-container a img { width:480px !important; }
    .slider-container .slider-bullets { background-color: transparent !important; left:30% !important; bottom:-11px !important;}
    .slider-container .slider-title .headline {height:auto !important; padding:5px 0px !important;}
    .slider-container .slider-title .headline h2 { font-size:18px !important; line-height:18px !important;}
    .slider-container .slider-title {padding:0px 10px !important; top: 200px !important; width:460px !important;  background:rgba(0, 0, 0, 0.5);}
    .slider-container a.slider-next, .slider-container a.slider-prev { width:30px !important; height:50px !important; background-size:200%; margin-top:-36px !important;}
    .slider-container .slider-title .highlightsSubTitle, .slider-container .slider-title .highlightsSubitems { display:none;}
    
    .inner-padding, .no-inner-padding { width: 480px /*!important*/; margin:0px !important; padding:0px !important; }
    .breaker { width:460px !important; }
    .video-breaker .Video { width: 165px; }
	.video-breaker .liquid ul li {width:165px; }
	.SingleWidget { width:480px !important;}
	.DoubleWidget .breaker { width:460px !important; }
    .DoubleWidget .video-breaker .Video { width:130px; }
    .DoubleWidget .video-breaker .liquid { width:460px; }
    .DoubleWidget .video-breaker .liquid ul li { width:136px; }
    
    .BlogItemContainer, .ListItemContainer {width:480px;}
    .BlogItemFeatured .Image, .BlogItemFeatured .Content {width:100% !important;}
    .BlogItemContainer {width:215px !important; border:none !important;}
    .BlogItemContainer.Featured {width:430px !important; border:none !important;}
    div.BlogItem { border:none !important; padding: 0px !important;}
    div.BlogItem .Content {width:215px !important; padding:0px 0px 0px 5px;}
    div.DoubleWidget div.pager-bottom { width: 380px;}
    
    .click-ftr { padding-bottom:50px !important;}
	
	/* Related articles control - square images*/
    div.ListItem-RelatedItemsContainer { width:220px !important; }
    div.ListItem-RelatedItemsContainer:nth-child(odd) { margin-left:10px; }
    div.ListItem-RelatedItems { width:220px !important; }
    div.ListItem-RelatedItems .Content { height:30px !important; top:-40px !important; }
    div.ListItem-RelatedItems .Content .Title h2 { height:35px; overflow:hidden; position:relative; top:-3px; }
    div.ListItem-RelatedItems .Content .Title h2 a { font-size:12px !important; }
    
    .articleBx div.Content-Box {width:380px !important;}

}

/* Tablet catch all */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .click-hdr img.logo { left:10px; } 
	.ym-column-top {padding-right: 0px; height: 95px;}
    .ym-col2-top { width: 50px !important;  display:none !important; }
    .ym-col3 {width:100%;}
    #top .nav-btn { top:-15px;}	
    /*aside {left:80px;}*/
    #search-container #search-form {	display:none; }
    
    	
	.click-hdr { height:40px; text-align:center;}
    .click-hdr h6, .click-hdr .h6 { left: 20px; }
	.click-hdr-leaderboard .Advert { height: 30px;}
    /*override styles - Put css is here to remove or heavily modify for screen size*/
	.click-ftr { padding-bottom:50px !important;}
	.click-ftr .footer {padding:10px; width:440px; overflow:hidden;}
	.click-ftr .footer span { width:33% !important;}
    .click-ftr .footer .footer-links {text-align:center; }
	.click-ftr .copyright {text-align:center !important;}
	.click-ftr-advert {display:none !important;}
    .click-ftr-social {display:none !important;}
    .double-double {width:312px !important;}
    .single-single {width:156px !important;}
    
    div.BlogItem .Content .Title, .DoubleWidget .video-breaker .Content .Title { font-size: 14px !important; line-height:15px !important; max-height:40px; }
    /*div.BlogItem { padding: 5px !important;}
    div.BlogItem .Title {max-height:25px !important;}
    div.BlogItem .Content .bodytext { max-height:100% !important;}*/
    div.BlogItem {width:100%;}
    div.BlogItem .Image {width:99% !important;}
    
    
    .VerdictLinkItem, .MoreLinkItem { display:none;}
        
    .Youtube-Box { width:470px !important; height: 264px !important; }
    
    div.site-message { display:none;}
    div.site-no-message { width:100%;}
    
    div.video-hub .default-view { height: auto; }
    div.video-hub .double-double { width: 297px !important; }
    div.video-hub .double-single { width: 297px !important; }
    div.video-hub .single-single { width: 148px !important; }
    div.video-hub .double-double div.video-play-overlay {  left:110px !important; }
    .AdvertiseHere  { display:none; visibility:hidden; }
	
	.articleBx div.Content-Box {width:420px !important;}
}

/*		Mobile Layout: 320px. */
@media only screen and (max-width: 479px) {
     #main { margin:0px auto; width:320px; overflow:hidden;}
	#body {background:#fff !important; overflow-x:hidden; overflow-y:auto;}
	.page {width: 320px; overflow:hidden; border:none; left:0px; padding:0px;}
    .inner-padding, .no-inner-padding {width: 320px /*!important*/; margin-left:0px !important;margin-right:0px !important;}
    .Content-Box-Main {width: 300px !important;}
    .articleBx div.Content-Box {width:300px !important;}
    inner-container{ overflow:hidden;}
    .click-featured-hdr {width:320px;}
	 .slider-container { width:100% !important;  height:auto !important;  }
    .slider-container .slider-bullets { background-color: transparent !important; left:30% !important; bottom:-11px !important;}
    .slider-container .slider-bullets { background-color: transparent !important; left:30% !important; bottom:-11px !important;}
    .slider-container .slider-title {padding:0px 5px !important; top: 110px !important; width:310px !important; background:rgba(0, 0, 0, 0.5);}
    .slider-container .slider-title .headline {height:auto !important; padding:5px 0px;}
    .slider-container .slider-title .headline h2 { font-size:15px !important; line-height:16px !important;}
    .slider-container a.slider-next, .slider-container a.slider-prev { width:30px !important; height:50px !important; background-size:200%; margin-top:-36px !important;}
    .slider-container .slider-title .highlightsSubTitle, .slider-container .slider-title .highlightsSubitems { display:none;}
    
    .breaker { width:310px !important; left:-5px; }
	.video-breaker .Video {width: 180px; }
	.video-breaker .liquid ul li {	width:180px; }
	.SingleWidget {width:320px !important; position:relative; left:-10px;}
	.DoubleWidget .breaker { width:310px !important; }
    .DoubleWidget .video-breaker .Video { width:149px; }
    .DoubleWidget .video-breaker .liquid { width:310px; }
    .DoubleWidget .video-breaker .liquid ul li {	width:150px; }
    
    .click-hdr  {width:100%; overflow:hidden; }
    .click-hdr { height:40px; text-align:center;}
    .click-hdr img.logo, .click-hdr img.logo { left: -5px !important; }
    .click-hdr img.logo, .click-hdr .fan-panel { left:-16px; }
    #top { position:relative;}
	.click-hdr-leaderboard {display:none !important; position:fixed; width:100%; height:55px; z-index:100000; background-color:transparent; bottom:0px; right:0px; }
	.click-hdr-leaderboard .Advert {height:55px; }
	.click-featured-hdr {width:320px;}
	
	/*override styles - Put css is here to remove or heavily modify for screen size*/
	.default-view { display:none; }
	.click-ftr { padding-bottom:50px !important;}
	.click-ftr .footer span {width:auto !important;}
	.click-ftr .footer .footer-links {text-align:center; }
	.click-ftr .copyright {text-align:center !important;}
	
	.member-panel { display:none; visibility:hidden; }
	.AdvertiseHere  { display:none; visibility:hidden; }
	/* #top .member-panel { top:-20px; left:-30px; }
    div#user-menu a.sign { color:#333 !important; }
    div#user-menu a.sign:hover { color:#000 !important; }
    div#user-menu div.login { width:60px !important;} 
    div#user-menu div.register { width:70px !important; }
    #user-menu-login {-moz-border-radius-: 5px; -webkit-border-radius: 5px; border-radius: 5px;  width:100px; margin-top: 8px; position:relative; top:10px; left:30px;}
    #user-menu-login .Avatar_Image img {height:25px;width:25px; top:-1px; position:relative;}
    #user-menu-login a.user-option {display:none;}
    #user-menu-login .logout-button {display:block !important; width:40px !important; position:relative; left:-30px; top:3px;}
    #user-menu-login #lblLoginName {display:none;}
    .user-menu-flag { background-size: 75% !important; left:-6px; top:10px; height:28px;}
    #Register .Title, #Login .Title { font-size:30px  !important; }
    */
    
    #ContentPlaceHolder1_panFullFeatureRow {display:none;}
    .ym-column-top {padding-right: 0px; height: 95px;}
    .ym-col2-top { width: 320px; margin-left:-320px; }
    #nav .nav-extra-links { margin:0px !important;}
	#search-container #search-form {	display:none; }
    
    .BlogItemContainer, .ListItemContainer {width:320px; padding:0px 5px !important; border:none !important;}
	.BlogItem {width:320px !important;  border:none !important;}
	div.BlogItem .Image, div.ListItem .Image {width:100px !important;}
    div.BlogItem .ImageHolder, div.ListItem .ImageHolder {height: 57px !important;}
    div.BlogItem .Content {width:180px !important; top:-1px !important; left: 5px !important;}
    div.BlogItem .Content .bodytext {text-overflow: ellipsis;  -o-text-overflow: ellipsis;  -webkit-text-overflow: ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal; font-style:normal;}
    div.BlogItem .Title {max-height:25px !important; line-height:14px !important; }
    div.BlogItem .Title .heading {font-size:12px !important;}
    /*.BlogItemFeatured .Image {width:97% !important;}*/
    
    .VerdictLinkItem, .MoreLinkItem { display:none;}
    .BlogItemFeatured, .ListItemFeatured {padding-bottom:15px !important;}
    .BlogItemFeatured .Image, .ListItemFeatured .Image{width:300px; text-align:left; align:left;}
    .BlogItemFeatured .ImageHolder, .ListItemFeatured .ImageHolder {width:308px;}
    
    .DoubleWidget div.ListItem { width:100% !important; }
    .DoubleWidget div.ListItem .Content {width:180px !important; left:5px;}

    .Youtube-Box { width:307px !important; height: 173px !important; }
    
    .click-ftr-advert {display:none !important;}
    .click-ftr-social {display:none !important;}
    div.site-message { display:none;}
    div.site-no-message { width:100%;}
    div.site-no-message h1, div.site-no-message .h1 { font-size:30px !important;}
    div.Article-Title h1,  div.Article-Title .h1 { font-size:30px !important; line-height:35px !important;}

    .article-wrapper {padding:0px 10px;}
    .articleBx div.ReviewInfoBox { width:285px !important;}
    .FullFeatureRow { display:none !important; }
    div.DoubleWidget div.pager-bottom { width:300px !important;}
    .trending, .footer-links {width:300px !important;}
    
    div.video-hub .default-view { display: inline; height: auto; }
    div.video-hub .double-double {display:none;}
    div.video-hub .double-single { display:none; }
    div.video-hub .single-single { width: 148px !important;height: 148px !important; }
    
    .detail .content-wrapper { margin: 0px 5px;}
    .articleBx {width:100%;}
    .articleBx div.Content-Box {width:100% !important;}
    .articleBx div.Content-Box .Box, .articleBx div.Content-Box .Box .galleryEmbed img {width:290px !important;}
    
    div.AuthorItemTitle {padding:10px !important;}
    div.Author {padding:0px !important; }
    div.Author .BlogItemContainer, div.Author .ListItemContainer {width:300px;}
    .st_facebook_hcount, .st_email_hcount, .st_sharethis_hcount { display:none; }
    
    div.ItemDetail div#Main div.Info1 { width:90% !important;}
    div.DoubleWidget div.VideoGallery .Grid { padding:5px 0px 0px 8px !important;}
 
 	/* Related articles control - square images*/
    div.ListItem-RelatedItemsContainer { width:145px !important; margin-left:5px !important; }
    div.ListItem-RelatedItems { width:145px !important; }
    div.ListItem-RelatedItems .ImageHolder img { position:relative; left:-50px; }
    div.ListItem-RelatedItems .Content { height:30px !important; top:-40px !important; }
    div.ListItem-RelatedItems .Content .Title h2 { height:35px; overflow:hidden; position:relative; top:-3px; }
    div.ListItem-RelatedItems .Content .Title h2 a { font-size:12px !important; }
    
    .articleBx div.Content-Box {width:300px !important;}

}
