body, html {
    overflow-x:hidden;
	position:relative;
    width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#header #headercol2{
	float: right;
}
#headercol1 {
	margin: 0 190px 0 390px !important;
	float: none !important;
	width: auto !important;
}
#wrapper a img.header_image{
	max-width: 980px;
}
#menubutton {
  float: right;
  width: 35px;
  margin: 21px 10px 0 0;
  display: none;
  cursor: pointer;
}
#menubutton img{
	width: 100%;
}
#logo a img{
	width: 100%;
}
#mobile_jobs_select{
	display: none;
	width: 100%;
	margin-top: 20px;
}
.what, .where, .search_button{
	position: relative;
	float: left;
	display: inline;
	max-width: 342px;
}
#col1 > div > p.art-disqus,
.newsSummary.hidden, /*.sponsored,*/
#col1 > div > div.art-date,
#col1 > div > h1 > div.art-date,
#col1 > div > h3 > div.art-date,
#col1 > div > div > div.art-date,
#col1 > div > div.art-label,
#col1 > div > div.news_header > div.art-label,
#more_news > div > div.art-date, 
#more_news > div > h1 > div.art-date, 
#more_news > div > h3 > div.art-date, 
#more_news > div > div > div.art-date, 
#mobile-signature {
	display: none;
}
.jobwrapper > div.aarticle > article > img {
	width: 100%;
}
.aarticle {
	width: calc(92.5% - 310px) !important;
}
.jobshomeart_right {
	width: calc(92.5% -(92.5% - 310px)) !important;
	margin-left: 10px !important;
}
.ad_mobile_1 {
	display: none;
    text-align: center;
    position: relative;
    width: 100%;
}
.ad_mobile_2 {
	display: none;
    text-align: center;
    float: left;
    position: relative;
    width: 100%;
}
.ad_mobile_3 {
	display: none;
    text-align: center;
    float: left;
    position: relative;
    width: 100%;
}
.margin_top20{
	margin-top: 20px;
}
.margin_bottom20{
	margin-bottom: 20px;
}
.centered{
	text-align: center;
}
.career-button{
	max-width: 100%;
	height: auto;
}
.startups_link{
	font-size: 2em;
}
#col2 .panel{
	margin-top:10px;
}
/* SIDE MENU FOR MOBILE start*/
.mobile_menu{
	position: fixed;
	top: 0;
	left: 1000px;
	width: 100%;
	height: 100%;
	min-height: 750px;
	z-index: 90;
	display: none;
}
#right_panel_id {
    position: absolute;                /* fix the popout to the left side of the screen */
    top: 0px;
    right: 0px;                    /* use a negative margin to pull the icon area of the popout off the edge of the page */
    width: 315px;
	height: 100%;
	z-index: 100;
    -webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
    -moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
    box-shadow: -5px 0 5px rgba(0,0,0,.15);
	background: #464646;
}
#right_panel_id ul{
    position: relative;
    float: left;
	overflow: hidden;
}
#main_menu{
    width: 100%;
	overflow: hidden;
}
#categories_menu{
	width: 0%;
}
#preferences_menu{
	width: 0%;
}
.margin_bottom10{
	margin-bottom: 10px;
}
.panelTitle {
    background: #d9d9d9;
    width: 100%;
    /* padding: 1em;
    font-size: 16px; */
    font-weight: bold;
	padding: 1.4em 1.07em .75em 15px;
	font-size: 26px;
}
#right_panel_id ul>li>a {
    text-decoration: none!important;
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    border: none !important;
	margin: 0;
    display: block;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	font-size: 20px;
    padding: 15px 15px;
}
#right_panel_id ul>li>label {
    text-decoration: none!important;
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    border: none !important;
	margin: 0;
    display: block;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	font-size: 20px;
    padding: 15px 15px;
	width: 100%;
	float: none;
	cursor: pointer;
}
#right_panel_id ul>li {
    display: block;
    position: relative;
    overflow: visible;
	margin: 0;
    list-style: none;
}
#right_panel_id ul>li:hover {
	background-color: rgba(255,255,255,0.4);
}
#right_panel_id .panelTitle>span {
    background: url("http://dev.thelocal.se/assets/common/image/menu-button.png") left no-repeat;
    padding-left: 40px;
    font-size: 26px;
    background-size: 35px 35px;
	margin-left: 179px;
    padding-top: 15px;
}
/* SIDE MENU FOR MOBILE end*/

/* MOBILE SELECTS start */
/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
.mobile_select {
  position: relative;
  display:block;
  margin-top:0.5em;
  padding:0;
  margin-bottom: 20px;
  background-color: #f2f2f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


/* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
.mobile_select select {
  width:100%;
  height: 45px;
  background-color: #f2f2f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
  /* Font size must the 16px or larger to prevent iOS page zoom on focus */
  font-size:15px;
  /* General select styles: change as needed */
  font-family: helvetica, sans-serif;
  font-weight: bold;
  color: #444;
  padding: .6em 1.9em .5em .8em;
  line-height:1.3;
}


/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */
    
.mobile_select::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 35%;
  right: 1em;
  margin-top:-4px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: 50% 50%;
  background-color: rgba(0,0,0,.3);
  border-radius: 1em;
  z-index: 2;
  /* This hack make the select behind the arrow clickable in some browsers */
  pointer-events:none;
}


/* Focus style */
.mobile_select select:focus {
  outline:none;
  box-shadow: 0 0 1px 3px rgba(180,222,250, 1);
  background-color:transparent;
  color: #222;
  border:1px solid #aaa;
}

/* Set options to normal weight */
.mobile_select option {
  font-weight:normal;
}
#category, #location {
    display: block !important;
}
/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */

/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus, .mobile_select::after {
  display:none;
}    

 /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .mobile_select select::-ms-expand {
    display: none;
  }
  .mobile_select select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}  


/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() { 
  .mobile_select {
    overflow: hidden;
  }
  .mobile_select select {
    width: 120%;
    width: -moz-calc(100% + 3em);
    width: calc(100% + em);
  }
  
}

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.mobile_select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* MOBILE SELECTS end */


/***************************************/
/***************** 996 *****************/
/* 996 page width + 17 scrollbar = 1013 */
@media (max-width: 1012px) {
	body{
		min-width: 320px !important;
		overflow-x: hidden;
		position: relative;
	}
	#col4wrapper{
		width: 100%;
		display: flex;
	}
	#wrapper{
		width: 100%;
		align-items: stretch;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#col1col2wrapper{
		width: 100% !important;
	}
	#header{
		width: 100% !important;
		background-color: white;
		left: 0;
		z-index: 89;
	}
	#spotlight{
		width: auto !important;
		max-width: 360px;
	}
	#col1 {
		width: calc(96.5% - 315px) !important;
	}
	#col2 {
		width: calc(96.5% -(96.5% - 315px)) !important;
		min-width: 300px;
		border-left: 4px solid #f1f1f1;
		margin-right: 0;
		padding-right: 0px;
	}
	#col3 {
		display: none;
	}
	#col1col2 {
		width: 100% !important;
	}
	.tlsbuttons{
		display: none;
	}
	.sponsored {
		background-color: #FFEEDD;
		padding-top: 10px;
		margin-top: -10px;
	}
	#banner {
		display: none;
	}
	#footer {
		display: none;
	}
	.adform-adbox {
		display: none !important;
	}
	.fb-like-box {
		display: none !important;
	}
	.newsSummary  img {
		width: 100%;
		height: auto;
	}
	.featuredTable img {
		width: 100%;
		height: auto;
	}
	form[action='/member/register'] input[type='email']{ 
		width: 75% !important;
		padding: 2px 0 !important;
	}
	form[action='/member/register'] input[type='submit']{ 
		width: 24% !important;
		padding: none !important;
	}
	.panel {
		width: 100% !important;
	}
	.tabloid{
		width: 100% !important;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.title{
		width: 100% !important;
	}
	#main_picture_article img, .articleContent img{
		margin: 0 auto;
		display: block;
		width: 100% !important;
		height: auto !important;
	}
	div.gallerylargeimages {
		width: 32% !important;
		padding-right: 2% !important;
	}
	div.gallerylargeimages.third {
		padding-right: 0 !important;
	}
	.gallerylargeimages img{
		width: 100%;
		height: auto;
	}
	#col1col2 .gallerymediumimages {
		width: 22% !important;
		padding-right: 4% !important;
	}
	#col1col2 .gallerymediumimages.fourth {
		padding-right: 0 !important;
	}
	#col1col2 .gallerymediumimages img {
		width: 100% !important;
		height: auto;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.gallery_content img{
		max-width: 100%;
		height: auto;
	}
	#ForecaFlashWeather{
		width: 100% !important;
	}
	.aboutus{
		width: 100% !important;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.person{
		width: 46% !important;
	}
	.person div{
		width: 55% !important;
	}
	.jobwrapper{
		width: 100% !important;
	}
	#headerleft {
		width: 60% !important;
	}
	#jheaderwrapper{
		width: 100% !important;
	}
	#jobsRightCol{
		display: none;
	}
	#job_keyword{
		width: 100% !important;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#jobsLeftCol {
		padding: 0 1% !important;
		margin-right: 2% !important;
	}
	#jobsLeftCol{
		width: 32% !important;
	}
	#jobsMainCol{
		margin-right: 0 !important;
		padding: 1% !important;
		width: 62% !important;
	}
	#emailMeJobs{
		width: calc(100% - 145px) !important;
	}
	.job_container, .cvnow_container{
		width: 100% !important;
		height: auto !important;
		display: table;
	}
	.standardJobUrl, .premiumJobUrl{
		width: 100% !important;
		height: 100% !important;
	}
	.jobsitem{
		width: 100% !important;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.jobshomeart_left{
		width: calc(92.5% - 310px) !important;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	div.alist .article {
		width: calc(100% - 160px) !important;
	}
	#rcol1{
		width: calc(100% - 345px) !important;
	}
	.property_se{
		width: 100% !important;
	}
	.backgroung_img_property, #background-img{
		width: 100% !important;
	}
	#wrapper a img.header_image{
		width: 100% !important;
	}
	.fimages{
		margin-left: 2% !important;
		width: 31% !important;
	}
	.fimages div a img{
		width: 100% !important;
	}
	#featured_images .fimages:first-child{
		margin-left: 1% !important;
	}
	#restable1{
		width: 100% !important;
	}
	.wp-caption{
		max-width: 100% !important;
	}
	.wp-caption a img{
		max-width: 100% !important;
		height: auto !important;
	}
	#col1 #blogs img{
		max-width: 100% !important;
		height: auto !important;
	}
	iframe{
		max-width: 100% !important;
	}
	#blogs iframe {
		display: block !important;
	}
	#ribbon img {
		max-width: 100%;
		height: auto;
	}
	#roommates-logo img{
		width: 100%;
	}
}

/***************************************/
/***************** 880 *****************/
@media (max-width: 880px) {
	#menubar{
		display: none;
	}
	#menucontain {
		height: 0.1px !important;
		background: none !important;
		width: calc(100% + 16px);
		margin-left: -8px;
		-moz-box-shadow: 0px 3px 5px #888 !important;
		-webkit-box-shadow: 0px 3px 5px #888 !important;
		box-shadow: 0px 3px 5px #888 !important;
	}
	#col1 {
		width: calc(98% - 315px) !important;
	}
	#col2 {
		width: 33% !important;
	}
	.jobwrapper #menubar{
		display: list-item;
	}
	.jobwrapper #menucontain{
		height: 47px !important;
	}
	#wrapper > div.jobshomeart_left > div > div.article > div > div.description {
		display: none;
	}
	#headercol1, #headercol2 {
		display: none;
	}
	#editionbar{
		display: none;
	}
	#menubutton {
		display: block;
	}
	#logo {
		/* margin-left: 30px; */
	}
	.mobile_menu{
		display: block;
	}
	#landing-search {
		margin: 4% auto !important;
	}
	#where, #what {
		margin: 0 !important;
		width: 345px !important;
	}
	.what {
		margin-bottom: 10px;
	}
	.what, .where, .search_button{
		float: none;
	}
	.stick_header{
		position: fixed;
		top: 0px;
		padding-left: 8px;
		margin-top: 0px;
	}
	.stick_menubutton{
		margin-right: 26px !important;
	}
	.stick_menucontain{
		position: fixed;
		top: 77px;
		z-index: 89;
	}
	.stick_col1col2wrapper{
		margin-top: 90px !important;
	}
	.member_container{
		width: 100%;
	}
}

/***************************************/
/***************** 750 *****************/
@media (max-width: 750px) {
	#col2{
		display: none;
	}
	#col1 {
		width: 100% !important;
	}
	.newsSummary{
		display: block !important;
		position: relative;
		float: left;
		padding-bottom: 10px;
		width: 100%;
	}
	.newsSummary.hidden {
		display: none !important;
	}
	.newsSummary img {
		float: left;
		width: 35%;
		margin-right: 10px;
	}
	.tabloid{
		display: none;
	}
	.sponsored_tabloid{
		display: block !important;
	}
	div.news_header {
		float: left;
		width: 60%;
	}
	.newsSummary h1, .newsSummary h3 {
		float: left;
		width: 100%;
		font-size: 1.2em !important;
	}
	.newsSummary p {
		float: left;
		width: 60%;
	}
	#col1 > div > p > span.small, 
	#col1 > article > div.small {
		display:block !important;
	}
	.small{
		display: none;
	}
	.newsSummary:nth-child(1)  h1, .newsSummary:nth-child(1)  h3, .newsSummary:nth-child(1)  div.news_header, .newsSummary:nth-child(1) p, .newsSummary:nth-child(1)  .tabloid{
		width: 100% !important;
	}
	.newsSummary:nth-child(1)  img{
		width: 100% !important;
	}
	.newsSummary:nth-child(1)  h1, .newsSummary:nth-child(1)  h3 {
		margin-top: 0.5em !important;
		font-size: 2em !important;
		font-weight: normal;
	}
	#col1 > div > div.art-date,
	#col1 > div > div.news_header > div.art-label {
		display: block !important;
		font-size: 1em !important;
		color:#777; 
		margin-top:2px; 
		margin-bottom:0px; 
		padding:0px;
		float:left;
		width:100%;
	}
	#col1 > div > h1 > div.art-date, #col1 > div > div.art-date, #col1 > div > h3 > div.art-date, #col1 > div > div.news_header > div.art-date {
		display: block !important;
		font-size: 12.8px !important;
		font-weight: normal;
		color:#777; 
		margin-top:7px;
		margin-bottom:0px; 
		padding:0px;
		float:left;
		width:100%;
	}
	#col1 > div:nth-child(1) > div.news_header > div.art-date {
		font-size: 1em !important;
	}
	#more_news {
		display: none;
	}
	#emailMeJobs{
		width: 100% !important;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#btn-email{
		margin-top: 10px !important;
	}
	#jobsLeftCol iframe, #mc_embed_signup, #jobsLeftCol div a img{
		display: none !important;
	}
	.jisummary{
		margin-bottom: 20px;
	}
	.jicompany{
		position: relative !important;
		float: left !important;
		width: 100% !important;
	}
	.jobsitem{
		height: auto !important;
	}
	.jobsitemleft {
		width: 64% !important;
	}
	.standardJobUrl, .premiumJobUrl{
		height: auto !important;
	}
	.jobshomeart_left {
		width: 97% !important;
		
	}
	#wrapper > div.jobshomeart_left > div > div.article > div > div.description {
		display: block !important;
	}
	.jobshomeart_right {
		display: none;
	}
	.aarticle {
		width: 97% !important;
	}
	.pagination .next_alt, .pagination  .prev_alt{
		display: inline !important;
	}
	.next, .prev{
		display: none;
	}
	#rcol2{
		display: none !important;
	}
	#rcol1{
		width: calc(100% - 10px) !important;
	}
	div#chad-container, div.chad-container{
		width: 100% !important;
		min-height: 125px;
		height: auto !important;
		float: left;
	}
	#chad-info-left{
		width: calc(100% - 280px) !important;
		margin-bottom: 10px;
	}
	.chad-info-left{
		width: calc(100% - 300px) !important;
		margin-bottom: 10px;
	}
	.ad_mobile_1 {
		display: block;
	}
	.ad_mobile_1 iframe {
		display: block;
		margin: 0 auto;
	}
	.ad_mobile_2 {
		display: block;
		margin: 10px 0;
	}
	.ad_mobile_2 iframe {
		display: block;
		margin: 0 auto;
	}
	.ad_mobile_3 {
		display: block;
	}
	.ad_mobile_3 iframe {
		display: block;
		margin: 0 auto;
	}
	#mobile-signature {
		font-size: 0.75em; 
		color: #F57000;
		display: block;
	}
	div[id$='column1_1_desktop'], div[id$='column1_2_desktop']{
		display: none !important;
	}
	.member_container h1, .member_container h3{
		width: 100% !important;
	}
	.member_container table tr td input[type="submit"], #log_out, #delete_member{
		margin-left: 0px !important;
		margin-bottom: 10px;
		margin-right: 5px;
		width: 160px !important;
		display: inline-block;
	}
	#log_out, #delete_member{
		padding: 13px 0 !important;
		text-align: center;
	}
}

/***************************************/
/***************** 640 *****************/
@media (max-width: 640px) {
	#headercol2{
		display: none;
	}
	.newsSummary {
		width: 100%;
	}
	.newsSummary p {
		display: none;
	}
	#col1 > div > p.art-disqus {
		display: block !important;
		margin-top: 3px;
		margin-bottom: 0px;
		font-size: 1em;
	}
	#comments > #disqus_thread > iframe {
		display: block !important;
	}
	iframe{
		display: none;
	}
	iframe[id^="youtube_player"]{
		display: block;
	}
	#col1 > article > div.articleContent > div > iframe {
		display: block;
	}
	#col1col2 .gallerymediumimages {
		width: 47% !important;
		padding-right: 0 !important;
	}
	#col1col2 .gallerymediumimages.first {
		padding-right: 6% !important;
	}
	#col1col2 .gallerymediumimages.third {
		clear: both;
	}
	#col1col2 .gallerymediumimages.fourth {
		padding-left: 6% !important;
	}
	.person{
		width: 95% !important;
	}
	.person div{
		width: 70% !important;
	}
	#jobsLeftCol{
		width: 98% !important;
		max-width: 300px;
		margin-right: 0 !important;
		margin-bottom: 30px !important;
	}
	#jobsMainCol{
		margin-right: 0 !important;
		padding: 1% !important;
		width: 100% !important;
	}
	#jheaderwrapper {
		width: 95% !important;
	}
	#mobile_jobs_select{
		display: block !important;
	}
	.jobwrapper .menucontain,
	#jheaderwrapper .menucontain {
		display: none !important;
	}
	#jobsLeftCol{
		display: none !important;
	}
	.jobwrapper #menucontain{
		display: none !important;
	}
	.favApply {
		display: none !important;
	}
	#frontpage-dropdown-container{
		width: 100% !important;
	}
	.frontpage-premiumjob{
		width: 100% !important;
	}
	.rent_home_position{
		display: none !important;
	}
	.search_form_property_position{
		width: calc(100% - 30px) !important;
		max-width: 410px;
	}
	.search_form_property_position table{
		width: calc(100% - 10px) !important;
	}
	.search_form_property_position select {
		width: 100% !important;
	}
	.chad-info-left {
		width: calc(100% - 180px) !important;
		min-height: 110px;
	}
	.chad-info-right{
		margin-right: 35% !important;
		height: 80px !important;
	}
	.chad-currency{
		padding-top: 12px !important;
	}
	.chad-price{
		padding-top: 10px !important;
	}
	.member_container table tr td{
		width: 50% !important;
	}
	div.fb-link{
		padding: 30px 0 30px 0 !important;
	}
	.member_container table tr td form ul li input[type="submit"]{
		margin-right: calc(100% - 160px) !important;
		margin-bottom: 10px;
	}
	.member_container #signInRememberMe{
		margin-left: 0px !important;
	}
	#room-count{
		height: 40px !important;
	}
	#room-count, .ads-row{
		width: 100% !important;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#room-search{
		margin-left: 10px !important;
	}
	#searchform > fieldset > li > input[type="submit"]{
		margin-left: calc(100% - 210px) !important;
	}
	.ads-image > a > img{
		width: 100% !important;
	}
}

/***************************************/
/***************** 430 *****************/
@media (max-width: 430px) {
	#menubutton {
		margin: 9px 5px 0 0;
		width: 20px;
	}
	.panelTitle {
		padding: 0.9em;
		font-size: 16px;
	}
	#right_panel_id {
		width: 272px;
	}
	#right_panel_id ul>li>a {
		font-size: 16px;
		padding: 12px 15px;
	}
	#right_panel_id ul>li>label {
		font-size: 16px;
		padding: 12px 15px;
	}
	#right_panel_id .panelTitle>span {
		background-size: 20px 20px;
		margin-left: 183px;
		padding-top: 10px;
	}
	#logo {
		/* margin-left: 25px; */
		width: 200px !important;
		padding-top: 0 !important;
		height: 40px !important;
	}
	#logo img{
		width: 100%;
	}
	div.gallerylargeimages {
		width: 100% !important;
		max-width: 100% !important;
	}
	.person div{
		box-sizing: border-box;
		width: 60% !important;
	}
	#headerleft{
		width: 100% !important;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;   
	}
	.headerRight{
		float: left !important;
		padding-left: 0  !important;
	}
	#chad-info-left {
		width: calc(100% - 180px) !important;
		min-height: 110px;
	}
	#chad-info-right{
		margin-right: 35% !important;
	}
	#chad-currency{
		padding-top: 12px !important;
	}
	#chad-price{
		padding-top: 10px !important;
	}
	div.search_form_property_position form img{
		max-width: calc(100% - 180px) !important;
	}
	.mobile-image {
		display: block !important;
	}
	.desktop-image {
		display: none !important;
	}
	.newsSummary:first-child  img{
		display: block !important;
	}
	.newsSummary:nth-child(1)  h1, 
	.newsSummary:nth-child(1)  h3, 
	.newsSummary:nth-child(1)  div.news_header, 
	.newsSummary:nth-child(1) p, 
	.newsSummary:nth-child(1)  .tabloid, 
	.newsSummary.wide  h1, 
	.newsSummary.wide  h3, 
	.newsSummary.wide  div.news_header, 
	.newsSummary.wide p, 
	.newsSummary.wide  .tabloid {
		width: 100% !important;
	}
	.newsSummary:nth-child(1) img,
	.newsSummary.wide img {
		width: calc(100% + 16px) !important;
		margin-left: -8px;	
	}
	.newsSummary:nth-child(1)  h1, 
	.newsSummary:nth-child(1)  h3, 
	.newsSummary.wide  h1, 
	.newsSummary.wide  h3 {
		margin-top: 0.5em !important;
		font-size: 2.2em !important;
		font-weight: normal;
	}
	#jheaderwrapper h1, #jheaderwrapper h3 {
		font-size: 28px !important;
	}
	#frontpage-h4 {
		font-size: 13px !important;
	}
	#landing-search {
		margin: 4% auto !important;
	}
	#where, #what {
		width: 260px !important;
	}
	.jobsitemleft {
		width: 53% !important;
	}
	.jobsitemright {
	    position: absolute;
		bottom: 5px;
		right: 5px;
	}
	#jobsMainCol > h1 {
		font-size: 1.3em !important;
	}
	.jilocation {
		overflow: visible !important;
		margin-bottom: 10px !important;
		height: auto !important;
	}
	.jicompany{
		bottom: 5px !important;
	}
	.jobshomeart_left {
		display: none;
	}
	.jobwrapper .ob-widget {
		display: none !important;
	}
	#wrapper > div.jobshomeart_left > div > div.article > div > div.description {
		display: none !important;
	}
	#recruiter-container , .recruiterArea {
		display: none !important;
	}
	div.alist_right .article {
		width: calc(100% - 120px) !important;
	}
	#headerleft > div.atext {
		display: none;
	}
	.stick_menubutton{
		margin-right: 21px !important;
	}
	.stick_menucontain{
		top: 45px !important;
	}
	.stick_col1col2wrapper{
		margin-top: 60px !important;
	}
	#header{
		padding-bottom: 0px;
	}
	#min-price, #min-size{
		margin-right: 50px;
		margin-bottom: 5px;
	}
	.roommates_max{
		margin-left: 92px;
	}
	#search-background{
		min-height: 205px;
		height: auto !important;
		padding-bottom: 10px;
		background-size: cover;
	}
	#room-search{
		width: 282px !important;
	}
	.member_container table tr td{
		position: relative;
		float: left;
		text-align: center;
		width: 100% !important;
	}
	.member_container table tr td form ul li div{
		float: none !important;
		margin: 0 auto;
	}
	.signin_privacy{
		margin: 10px auto 0px;
	}
	.member_container table tr td form ul li input[type="submit"]{
		margin-right: 0 !important;
	}
	.member_container #signInRememberMe{
		margin-left: 20px !important;
	}
	div.fb-link{
		padding: 0px !important;
	}
	.member_container input[type="text"], .member_container input[type="password"]{
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}

  /* Override our "iframe visibility=none" so interstitial ads for "Zurich Insurance"
   * are centered properly. See: https://jira.seavus.com/jira/browse/TLCL-2482 */
	#imagineIframe { display: block !important; }  /* For Zurich expandables */
	#myframe { display: block !important; }  /* For Zurich interstitials */

}