/*1 image stretching*/


@media (min-width: 500px) and (max-width: 640px) 
{
	body{max-width:640px;}
	.bodyFullContentPanel{margin:0 auto;padding:0;position:relative;text-align:left;width:500px!important;}
	.bodyHeaderTop,.bodyHeaderPanelItems,.bodyMainTemplate{width:480px!important;}
	.bodyHeaderTop{height:auto!important;}
	.topBannerPanel{width:100%;float:left;}
	a.leaderboards{float:left;}
	a.leaderboards img{max-width:480px;height:auto!important;}
	.linkNavigation{margin-bottom:10px;}/*margin after teh links on "latest [x]" pages */
	.headbox2{margin:0!important;padding:0!important;}
	.headbox3, .headbox4{display:none;}
	/*search box on rhs*/
	#ctl00_ctl00_MainNav1_pnlSearch{display:none;visibility:hidden!important;}
	#myRefreshedTime{display:none;}
	/*home page*/
	.bodyMainCol,.bodyMainColWide, .bodyMainColNarrow, .bodyHeader{width:100%!important;padding:0!important;margin:0!important;}
	.leftContainer,.itemContainer, .rightContainer, .rightFirstStoryContainer, .itemBlogContainer{width:100%!important;padding:0!important;margin:0!important;}
	.mainItemContainer{width:450px !important;}
	.rightBlogContainer{width:450px!important;padding:0!important;margin:0!important;}

	/*news items*/
	.bodyMainColWide .newsStandInfo,.rightContainer .newsStandInfo,.rightFirstStoryContainer .newsStandInfo{padding-bottom:10px!important;margin-bottom:10px!important;border-bottom:solid 1px #e2e2e2;}

	/*images in the main body? incl header image*/
	.rightContainer img, #imgFinextra{max-width:480px!important;overflow:hidden;height:auto!important;}

	.bodyMainColFullWidth, .commBodyFullWidth{padding:0!important;margin:0!important;}
	.bodyRightcol{margin-top:10px!important;}
	/*WE DON'T NEED THE EXTRA WHITE SPACE FOR MOBILES*/
	.leftMargin125{margin:0!important;}
	.marginLeft120{margin:0!important;}
	table.leftMargin210{margin:0!important;}

	/*video page - video*/
	.itemContainer iframe, #outer_cnt, #fla_cnt{max-width:480px!important;height:auto!important;} 

	/*careers*/
	#posts{margin-top:20px !important;}

	/*cmpany info table*/
	.premiumTable{width:446px!important;padding:0;margin:0;float:left;}
	.premiumTableCol{width:218px!important;}

	/*Community page*/
	.ChoiceThreeContainer,.bcarousel{width:480px!important;height:auto!important;}
	.RandomThreeContainer{display:none;}/*Why bother with this panel?!*/
	.CommLine{background:none;}
	.topTenBlogContainer, .latestCommentsContainer{float:left;width:100%!important;}
	.rightTenBlogPanel{width:420px!important;}
	
	/*labels, textboxes etc*/
	.QuestionLabel{width:100%!important;margin:0!important;padding:0!important;}
	.DropDown,.TextBox,.TextBoxDate,.TextBoxLarge{width:95%!important;}
	.leftMarginChk{margin-left:237px!important;}
	.regCheck .QuestionLabel{width:240px!important;float:left!important;}
	.regCheck .checkbox{float:left!important;}

	/*blogs*/
	.topTwoBlogWidth{width:460px!important;}
	.rightTopBlogContainer{width:315px!important;}
	.BlogListItems{width:470px!important;}
	.rightMainBlogContainer{width:370px!important;}
	/*Community blogger profile info*/
	.profileHeaderImage{width:480px!important;}
	.miniProfileinBlogMain{width:356px!important;padding:0!important;height:auto!important;overflow:hidden;}
	.miniProfileinBlogMainLeft{width:100%!important;margin:0!important;}
	.miniProfileinBlogMainRight{display:none;}
	/*Did the user add a photo to his blog?*/
	#ctl00_ctl00_ConMainBody_ConMainBody_ctl00_imgBlog{max-width:480px!important;overflow:hidden;}
	
	/*social media*/
	#divExtras{display:block;}
	#divExtras .fullWidth{width:120px!important;padding-left:30px;display:inline-block!important;clear:none!important;}

	/*footer*/
	.bodyFooterContentPanel{width:480px!important;}
	/*.bodyFooterContentPanel img{padding-left:10px;}*/
	.bottomSection{width:100!important;float:left;}

	/*navigation menu items*/
	.topNavDiv{border:none!important;width:100%!important;z-index:100;}
	.topNavDiv ul{margin:0!important;padding:0!important;float:none!important;/*width:100%!important;*//*height:auto!important;*/}
	.topNavDiv li{margin:0!important;padding:0!important;width:100%!important;}
	nav{position:relative;}
	nav ul{padding:0;margin:0 auto;}
	nav ul{width:100%;display:none;height:auto;}
	nav li{display:block;float: none;width: 100%;position: relative;}
	nav li a {border-bottom:1px solid #576979;background-color:#333;width:100%!important;color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	nav a{display:inline-block;text-align:left;width:100%!important;text-indent:25px;line-height:40px;text-decoration:none;}
	nav a:hover, nav a:active{background-color:#8c99a4;}
	nav a#pull{display:block!important;background-color:#283744;width:100%;position:relative;}
	nav a#pull:after{background-color:#f00;content:"";background:url("/finextra-images/navigation/nav-icon.png")no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:15px;top:10px;}  	
	.childNavDiv{/*width:100%!important;*/visibility:hidden;}

}


@media screen and (max-width: 499px)
{
	/*	body{font-size:.9rem;}*/
	body{min-width:320px;max-width:499px;}
	/*a:hover, a:active{background-color:#8c99a4;}*/
	H1 a:hover, H2 a:hover, H3 a:hover, H4 a:hover{background-color:#8c99a4;}
	/*Page last refreshed time, poss not worth showing on mobile*/
	#myRefreshedTime{display:none;}
	.analysisDiv a:hover,a.ncMetaDataSnippet:hover, .channelMetaDataSnippet a:hover, a.commentSpan:hover, .topicItems a:hover, a.hypExtHeadline:hover{background-color:#8c99a4;}
	a.fontColorOne:hover{background-color:#e7eff8;}

	.bodyFullContentPanel{margin: 0 auto;padding:0;position:relative;text-align:left;width:320px!important;}

	.bodyHeaderTop{width:300px!important;}
	.bodyHeader{width:300px!important;}
	.bodyHeaderRight{display:none;}

	.topBannerPanel{width:100%;float:left;}
	 a.leaderboards{float:left;}
	 a.leaderboards img{max-width:300px;height:auto!important;}
 	 .linkNavigation{margin-bottom:10px;}/*margin after teh links on "latest [x]" pages */

	/*hide top 4 articles*/
	.bodyHeaderPanelItems{display:none;visibility:hidden!important;}

	.bodyMainTemplate{width:300px !important;}
	.bodyMainCol{width:300px !important;}
	.bodyRightcol{margin-top:10px!important;}
	.commBodyFullWidth, .bodyMainColFullWidth{padding:0!important;margin:0!important;}

	/*home page*/
	.bodyMainColWide, .bodyMainColNarrow{width:100%!important;padding:0!important;margin:0!important;}
	.largeHeadline{width:100%!important;}
	.largeImage{width:100%!important;height:auto!important;padding:0;margin:0;}
	.largeImage img{max-width:300px!important;width:auto!important;height:auto!important;overflow:hidden;}
	.analysisDiv{width:140px!important;}
	.rightHomeTenBlogPanel{width:240px!important;}
	/*news items*/
	.bodyMainColWide .newsStandInfo,.rightContainer .newsStandInfo,.rightFirstStoryContainer .newsStandInfo{padding-bottom:10px!important;margin-bottom:10px!important;border-bottom:solid 1px #e2e2e2;}
	/*video panel on home page and Channel pages*/
	.jcarousel{width:300px!important;}

	/*social media*/
	#divExtras{display:block;}
	#divExtras .fullWidth{width:120px!important;padding-left:30px;display:inline-block!important;clear:none!important;}
	.leftContainer{width:100%!important;padding:0!important;margin:0!important;}

	.itemContainer, .rightContainer, .rightFirstStoryContainer{width:100%!important;padding:0!important;margin:0!important;}
	.mainItemContainer{width:270px !important;}
	.blogRecommendContainer{}
	.commentTitleContainer{}
	.itemBlogContainer{width:300px!important;}
		.rightBlogContainer{width:300px!important;padding:0!important;margin:0!important;}

	/*blogs page*/
	.topTwoBlogWidth, .BlogListItems{width:280px!important;}
	.leftTopBlogContainer, .rightTopBlogContainer, .rightMainBlogContainer{width:100%!important;margin:0!important;}
	.leftMainBlogContainer, .profileLink{display:none;}

	/*images in the main body? incl header image*/
	.rightContainer img, #imgFinextra{max-width:300px!important;overflow:hidden;height:auto!important;}

	/*video page - video*/
	.itemContainer iframe, #outer_cnt, #fla_cnt{max-width:300px!important;/*width:100%!important;*/height:auto!important;} 

	/*cmpany info table*/
	.premiumTable, .premiumTableCol{width:100%!important;padding:0;margin:0;float:left;}

	/*Community default page*/
	.CommLine{background:none;}
	.topTenBlogContainer, .latestCommentsContainer{width:100%!important;padding:0 0 10px 0!important;margin:0 0 10px 0!important;border-bottom:solid 1px #e2e2e2;}
	.bcarousel, .ChoiceThreeContainer{width:300px!important;height:auto!important;}
	.PhotoMemberPanel{width:280px!important;}
	.RandomThreeContainer{display:none;}/*Why bother with this panel?!*/
	.PhotoMemberPanel{border-bottom:solid 1px #e2e2e2;padding-bottom:10px!important;margin-bottom:10px!important;}
	/**communty register*/
	.leftMarginChk{margin-left:10px!important;}
	/*blog pages*/
	/*Community blogger profile info*/
	.profileHeaderImage{width:300px!important;}
	.miniProfileinBlogMain{width:176px!important;padding:0!important;height:auto!important;overflow:hidden;}
	.miniProfileinBlogMainLeft{width:100%!important;}
	.LoginContainer{width:276px!important;}/*this box contains padding*/
	/*input boxes*/
	.TextBox{width:95%!important;}
	.miniProfileinBlogMainLeft h1{word-wrap:break-word;border-bottom:none!important;}
	.miniProfileinBlogMainLeft h3{display:none;visibility:hidden;}
	.miniProfileinBlogMainRight{display:none;visibility:hidden;}
	/*Did the user add a photo to his blog?*/
	#ctl00_ctl00_ConMainBody_ConMainBody_ctl00_imgBlog{max-width:300px!important;overflow:hidden;}

	.groupInBlogLeft, .groupInBlogLeft img{width:100px!important;overflow:hidden;}
	.groupInBlogRight{width:189px!important;padding-left:3px!important;}

	/*WE DON'T NEED THE EXTRA WHITE SPACE FOR MOBILES*/
	.leftMargin125{margin:0!important;}
	.leftMargin120{margin:0!important;}
	table.leftMargin210{margin:0!important;}

	/*MCE EDITOR COMMENTS TABLE*/
	table.mceLayout{width:300px!important;height:200px!important;float:left;}

	/*Careers listing page*/
	.searchBoxJB{width:200px!important;}
	#posts{margin-top:20px!important;}/*BEWARE: id=posts is used in features and network activity*/

	/*RHS of comments container needs resized*/
	.commentItemRight{width:208px!important;}

	.bodyFooterContentPanel{width:300px!important;}
	/*.bodyFooterContentPanel img{padding-left:10px;}*/
	.bottomSection{width:300px!important;float:left;}

	/*search box on rhs*/
	#ctl00_ctl00_MainNav1_pnlSearch{display:none;visibility:hidden!important;}

	/*navigation menu items*/
	.topNavDiv{border:none!important;width:100%!important;z-index:100;}
	.topNavDiv ul{margin:0!important;padding:0!important;float:none!important;/*width:100%!important;*//*height:auto!important;*/}
	.topNavDiv li{margin:0!important;padding:0!important;width:100%!important;}
	nav{position:relative;}
	nav ul{padding:0;margin:0 auto;}	
	nav ul{width:100%;display:none;height:auto;}
	nav li{display:block;float: none;width: 100%;position: relative;}
	nav li a {border-bottom:1px solid #576979;background-color:#333;width:100%!important;color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	nav a{display:inline-block;text-align:left;width:100%!important;text-indent:25px;line-height:40px;text-decoration:none;}
	nav a:hover, nav a:active{background-color:#8c99a4;}
	nav a#pull{display:block!important;background-color:#283744;width:100%;position:relative;}
	nav a#pull:after{background-color:#f00;content:"";background:url("/finextra-images/navigation/nav-icon.png")no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:15px;top:10px;}  	
	.childNavDiv{/*width:100%!important;*/visibility:hidden;}
	/*end - navigation menu items*/
}