/* Phones ------------------------------------------------------- */

@media screen and (max-width: 374px) {
    #Header #LogoSearch .sys_mobile-logolinks img {
      	width: 40px !important;
  		height: auto;
    }
}
@media screen and (max-width: 640px) {
    body{
    	-webkit-text-size-adjust: 100%;
	}
	img {
		max-width:100%;
        max-height:auto;
	}
    .sys_top{
        min-width:0 !important;
    }
	#Header #LogoSearch .sys_logo {
		display:none;
	}
	#Header #LogoSearch .sys_mobile-logo {
		display:block;
		padding:0 11px;
	}
    #Header #LogoSearch .sys_mobile-logo img {
        max-width:60%;
    }
	#Header #LogoSearch .sys_mobile-logolinks {
		float:right;
      	margin-top: 10px;
	}
	#Header #LogoSearch .sys_mobile-logolinks a {
		display:block;
		float:left;
	}
	#Header #LogoSearch img {
		padding:12px 9px 13px;
		float:left;
        height: auto;
	}
	#Body #contentwrapper h1,
	#Body #contentwrapper h2 {
		padding-bottom:10px;
		box-sizing:border-box;
		border:0;
		font-size:1.5em !important;
		padding-bottom:0;
		margin-bottom:18px;
		color:#666666;
	}
	#Body #contentwrapper h1 img,
	#Body #contentwrapper h2 img{
		display:none;
	}
	#Body #contentwrapper div.sys_icons{
		display:none;
	}
	#Body #contentwrapper div.sys_pagefooter{
		display:none;
	}
	div.sys_pagedetails{
		display:none;
	}
	#ButtonMenuMobile .sys_reportit{
		background: #999;
		border:1px solid #666;
	}
	#ButtonMenuMobile .sys_requestit{
		background: #999;
		border:1px solid #666;
	}
	#ButtonMenuMobile .sys_payit{
		background: #999;
		border:1px solid #666;
	}
	div.deviceinfo span.tablet{ display:none; }
	div.deviceinfo span.website{ display:none; }
	div.deviceinfo span.phone{ display: block; }
	#MainMenu{
		display:none;
	}
	.sys_slideImage{
		display:none;
	}
	.sys_imagerow{
		display:none;
	}	
	#TopMenu,
	.sys_news-left,
	.sys_atoz,
	.sys_searchcontainer,
	
	.sys_socialnetworks,
	.sys_twitterfeed,
	.sys_myhertsmere-tabs-wrapper,
	.sys_findsomething,
	.sys_myhertsmere,
    .sys_news-featurelistwithimage-control img{
		display:none !important;
	}
	 #Body #contentwrapper .sys_news-minilist-control .sys_datarepeatercontrol{
		width:100%;
	}
	.sys_logo img{
		width:50px;
	}
	#Body #contentwrapper{
		width:100%;
	}
	#contentwrapper{
		padding:0 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}	
	#Header #LogoSearch{
		height:auto;
	}
	.sys_wrapper{
		margin:0;
		padding:0;
		width:auto;
	}
	#Body .sys_wrapper{
		margin-top:10px;
	}
	#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{
		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;
	}
    .sys_theme-simple .sys_search-query-control {
        width: 100%;
        position: relative;
        float: left;
    }
	#SearchMobile{
		text-align:center;
		padding:13px 8px 13px 8px;
		display:block;
		height:67px;
        position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
    #SearchMobile input.sys_searchbox{
        width: 100%;
      height: 40px;
      background: none;
      border: 2px solid #ecb733;
      border-radius: 4px;
      float: right;
      padding: 11px 0 11px 12px;
      color: #ecb733;
		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/new/searchButtonYellow.png') no-repeat;
        border: 0 none;
        float: none;
        height: 31px;
        margin: 2px 5px 2px 0;
        width: 30px;
        position: absolute;
        top: 2px;
        left: 91%;
        border-radius: 8px;
        line-height: 0;
        font-size: 0;
  text-indent: -9999px;
	}
	#Body #contentwrapper{
		padding:0 7px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#Body #contentwrapper .sys_news-featurelistwithimage-control ul{
		margin:0;
	}
	#Body #contentwrapper .sys_news-featurelistwithimage-control ul li{
		width:auto;
		float:none;
		height:auto;
		border-bottom:2px solid #CCCCCC;
		padding:18px 2px !important;
		margin:0;
	}
	#Body #contentwrapper .sys_news-featurelistwithimage-control ul li.sys_first{
		padding-top:0 !important;
	}
	#Body #contentwrapper .sys_news-featurelistwithimage-control ul li.sys_last{
		border:0;
	}
	#Body #contentwrapper .sys_news-featurelistwithimage-control ul li a{
		padding-bottom:15px;
        background:none;
	}
	#Body #contentwrapper .sys_news-featurelistwithimage-control ul li p{
		line-height:1.5em;
		color:#666666;
	}
	#Body #contentwrapper .sys_news-featurelistwithimage-control ul li.sys_selected{
		background:none;
	}
    #Body #contentwrapper .sys_news-featurelistwithimage-control ul li.sys_more-link{
        display:none;   
    }
	.sys_datarepeatercontrol{
		width:100%;
	}
	#Body #Sidebar,
	#Body #contentwrapper{
		float:none;
        overflow: hidden;
	}
	#Body #Sidebar{
		width:auto;
	}
	.sys_footerTranslations, .sys_footerFindus{
		display:none;
	}
	#Footer #MainFooter .sys_wrapper div{
		width:90% !important;
	}
	#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;
	}
	#Footer #MainFooter .sys_wrapper div.sys_footerMiddle img {
      width: 40%;
      height: auto;
      float: left;
      margin-bottom:10px;
    }	
	/* Non homepage Sidebar */

	.sys_doughnutbox{
		display:none;
	}
	#Body #contentwrapper .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;
    }
.sys_relatednews .sys_subitem h3, .sys_relatednews .sys_subitem .sys_subitem-summary {
width: 100%;
padding-left: 0;
}
	/* 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;
	}
    #Body #contentwrapper h1 {
    }
    
    .sys_mobile-logo .sys_mobile-logolinks a img {
        max-width: 100%;
        max-height: 100%;
    }
    
    .sys_mobile-logo a img {
        max-width: 50%;
        max-height: 50%;
    }
    
    /*Menu fixes */
    #Body #landingPage #Sidebar {
    position: absolute;
    top: 150px;
    width: 100%;
}
#Body #landingPage #contentwrapper {
margin-bottom: 400px;
position: relative;
top: 350px;
}
}

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