﻿/* Phones ------------------------------------------------------- */
@media screen and (max-width: 600px) {
body																				{	-webkit-text-size-adjust: 100%; padding:0; margin:0; background-color:#ffffff;	}
  #container { margin:0; width:90%; padding:0; }
  .sys_top { margin:0;width:100%;}
  .sys_wrapper { margin:0; max-width:100%; padding:0;}  
  #Header #LogoSearch .sys_searchcontainer    {width:100%;}
  #TopTasksMenu .sys_wrapper      {width:100%;}
  .sys_pagelargePictureBoxRow	{display:none;}
img																					{	max-width:100%; max-height:auto;	}
.sys_top																{min-width:0 !important; max-width:100%;}
  
  .sys_dropdown_services,
.sys_dropdown_pay,
.sys_dropdown_report,
.sys_dropdown_apply,
  .sys_dropdown_find{display:none;}

  
  #Header															{}
#Header #LogoSearch .sys_logo															{display:none;}
#Header #LogoSearch .sys_mobile-logo								{	padding:0 11px;	 clear:both;display:block; float:left;}
  #Header #LogoSearch .sys_mobile-logolinks	{ }
#Header #LogoSearch .sys_mobile-logolinks a	{}
#Header #LogoSearch img																					{	padding:12px 9px 13px;	}
  
  #Body #Content      {width:100%;}
  #Body #Content h1,#Body #Content h2		{padding-bottom:10px;		box-sizing:border-box; border:0;	font-size:1.5em !important;	padding-bottom:0;	margin-bottom:18px;	color:#666666;}
#Body #Content h1 img,	#Body #Content h2 img	{display:none;}
#Body #Content div.sys_icons								{display:none;}
#Body #Content div.sys_pagefooter			{display:none;}
div.sys_pagedetails																	{display:none;}



div.deviceinfo span.tablet									{display:none; }
div.deviceinfo span.website								{display:none; }
div.deviceinfo span.phone										{display: block; }


  #menu												{display:none;}
  .sys_slideImage		{display:none;}
  .navmenu 								{display:none;}
  .sys_imagerow 			{display:none;}
  .pressrel 							{}
  .threecolumnouter {display:none;}
  .threecolumn 				{display:none;}
 
  .sys_mainhome	{padding:0; margin-top:0;}

#TopMenu,	.sys_news-left,	.sys_atoz,	.sys_searchcontainer,	.sys_areabuttons,	.sys_socialnetworks,	.sys_twitterfeed,	.sys_myhertsmere-tabs-wrapper,	.sys_findsomething,	.sys_myhertsmere,
    .sys_news-featurelistwithimage-control img		{display:none !important;}
  
#Body #Content .sys_news-minilist-control .sys_datarepeatercontrol {width:100%;}
.sys_logo img		{width:50px;}

#Body #Content	{width:100%;}
#Content								{padding:0 5px;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}	
#Header #LogoSearch		{}
.sys_wrapper				{margin:0;	padding:0;	width:auto;}

#Body .sys_wrapper		{margin-top:10px;  }
  
    #mobileservices	{display:block;  color:#ffffff; padding-top:20px;}
  		#mobileservices	img	{display:block;float:left; vertical-align:middle; padding-right:10px;}
  		.sys_mobile-services {display:block;clear:both; font-size:1.5em;}
    .sys_mobile-services a {display:block;color:#000000;}
  		.sys_mobile-services a:hover {display:block;color:#ff0000;}
  

#ButtonMenuMobile {}
#ButtonMenuMobile .sys_reportit					{background: #FFB629;	border:1px solid #666;}
#ButtonMenuMobile .sys_requestit			{background: #39B663;	border:1px solid #666;}
#ButtonMenuMobile .sys_payit							{background: #009EDE;	border:1px solid #666;}

#ButtonMenuMobile {display:block;	height:50px;	background:#EEEEEE;border-top:1px solid #CBCCCC;border-bottom:1px solid #CBCCCC;padding:10px 0 0;}
#ButtonMenuMobile div.sys_wrapper			{width:400px;text-align:justify;min-width:272px;margin:0 8px;}
#ButtonMenuMobile a  {display:inline-block;/*float:left;*/width:30%;height:27px;color:#ffffff;padding:11px 0 0 0;
																						text-align:center;border-radius: 8px;font-size:1.4em;/*margin:0 auto;*/}
#ButtonMenuMobile  div.sys_wrapper:after {content: '';width: 100%;display: inline-block;}
  

  
  
#SearchMobile{border-bottom:1px solid #999;bacgkround-color:#ef2831;display:block; clear:both; padding:13px 8px 13px 8px;height:67px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;	}

  #SearchMobile input.sys_searchbox{width:100%;height:40px;border:1px solid #999;border-radius:8px;padding-left:40px;background:url('/SiteElements/Images/mobileSearchBg.gif') no-repeat 10px center #ffffff;
font-size:1.2em;color:#666666;-moz-box-shadow: inset 0px 0px 4px 0px #888;-webkit-box-shadow: inset 0px 0px 4px 0px #888;box-shadow: inset 0px 0px 4px 0px #888;
float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:1.5em;}
  
#SearchMobile input.sys_search-button{	
background: url("/SiteElements/Images/searchButton.gif") repeat scroll 0 0 transparent;border: 0 none;float: right;height: 31px;margin: 2px 5px 2px 0;
width: 30px;position:relative;top:-38px;border-radius:8px;line-height:0;font-size:0;text-indent:-9999px;}
  
  
#Body #Content{padding:0 7px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

 #Body #Content .sys_news-featurelistwithimage-control ul				{margin:0;}
	#Body #Content .sys_news-featurelistwithimage-control ul li	{	width:auto;float:none;height:auto;border-bottom:2px solid #CCCCCC;padding:18px 2px !important;margin:0;}
	#Body #Content .sys_news-featurelistwithimage-control ul li.sys_first		{padding-top:0 !important;}
	#Body #Content .sys_news-featurelistwithimage-control ul li.sys_last			{border:0;}
	#Body #Content .sys_news-featurelistwithimage-control ul li a		{padding-bottom:15px; background:none;}
	#Body #Content .sys_news-featurelistwithimage-control ul li p		{line-height:1.5em;color:#666666;}
	#Body #Content .sys_news-featurelistwithimage-control ul li.sys_selected						{background:none;}
    #Body #Content .sys_news-featurelistwithimage-control ul li.sys_more-link		{display:none; }
	.sys_datarepeatercontrol{width:100%;}
  
  .socialnetlinks {display:none;}
  
	#Body #Sidebar,	#Body #Content{		float:none;	}
	#Body #Sidebar			{		width:auto;	}
  
  .sys_sidebarMenu	{font-size:150%;}
  
	.sys_footerTranslations, .sys_footerFindus		{		display:none;	}
 .sys_footerHeading	{display:none;}
  
	#Footer #MainFooter .sys_wrapper div					{		width:auto;	}
	#Footer #MainFooter .sys_footerSocialNetworks li	{ float:left; width:42%; padding-left:20px; }
	#Footer #MainFooter {height:auto;	clear:both;	float:left;	width:100%;	padding:14px;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}
	#Footer #MainFooter p				{	float:left;}
	#Footer #MainFooter ul			{float:left;	padding-bottom:18px;}
	#Footer #MainFooter .sys_wrapper			{padding:0 0;}
	#Footer #MainFooter .sys_wrapper div.sys_footerContact,	#Footer #MainFooter .sys_wrapper div.sys_footerSocialNetworks		{padding:0;	}
	#Footer #LinkFooter ul li			{ display:none;}
	#Footer #LinkFooter ul li.sys_mobilelink-gotodesktop		{ display:block;}
	#Footer #LinkFooter ul li.sys_copyright					{display:block;}
	#Footer #LinkFooter p.sys_contensis-credit		{display:none;}

		
	/* Non homepage Sidebar */

	.sys_doughnutbox{
		display:none;
	}
	#Body #Content .sys_news-featurelistwithimage-control ul{float:none;}
    .sys_theme-simple .sys_featurelistwithimage-control ul{padding:0 !important; width:auto !important; float:none !important;}
    .sys_theme-simple .sys_featurelistwithimage-control ul li{width:auto !important;float:none;}
    .sys_theme-simple .sys_featurelistwithimage-control ul li a{width:auto !important;float:none;}

	/* Mobile Menu Nav */
	#SectionChooser,.selectbox-container{display:none;}
	#Body #Sidebar .sys_sidemenu{width:auto !important;}
	#Body #Sidebar .sys_menu ul li{width:auto	height:auto;background:url('/SiteElements/Images/mobileMenuLiBg.gif') repeat-x #EEEEEE !important;border-bottom:1px solid #999999;padding:0;}
	#Body #Sidebar .sys_menu ul li.sys_first{ border-top:1px solid #999999;	}
	#Body #Sidebar .sys_menu ul li.sys_first{ padding-top:0;	}
	#Body #Sidebar .sys_menu ul li a,

  #Body #Sidebar .sys_menu .sys_simpleListMenu li a  {color:#000000;	font-size:1.2em;	padding:16px 0 16px 40px;	display:block;	height:16px;	background:url('/SiteElements/Images/mobileDownArrow.png') no-repeat 12px center !important;
		font-weight:normal;   	}	
	
  #Body #Sidebar .sys_menu ul li.sys_activeparent a{background:url('/SiteElements/Images/mobileRightArrow.png') no-repeat 16px center;}
	#Body #Sidebar .sys_menu ul li ul{display:block;}
	#Body #Sidebar .sys_menu ul li ul{display:none;}
  #Body #Sidebar .sys_menu ul li ul li{background:#FFFFFF !important;	border-bottom:1px dotted #CCCCCC;	height:38px;}
#Body #Sidebar .sys_menu ul li ul li a{background:url('/SiteElements/Images/mobileSubRightArrow.png') no-repeat 17px 15px !important;	padding:12px 0 10px 25px;	font-size:0.95em;color:#444;}
	.sys_comment{background:none !important;padding:0 !important;}
	.sys_comment-profileimage{display:none;}





/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2){
	div.deviceinfo span.retina{ display: block; }
}



  