/* Target PC above 800px */
@media only screen and (min-width: 821px) {

}

/* Target PC above 1440px */
@media only screen and (min-width: 1680px) {

}


/* Target Screen 900px */
@media only screen and (max-width: 920px) {
.blockframe { width: 50%; }
}



/* Target tablet 768px */
@media only screen and (max-width: 788px) {
#search { max-width: 282px; }
.upload { margin-bottom: 5px; }
.field { float:none; width: auto; max-width: 100%; }
.fieldlabel { float:none; margin: 0 0 2px 0; text-align:left; width: auto; max-width: 100%; }
#promo { max-height: 336px; }
}


/* Target mobile 600px, Breaking point ---*/
@media only screen and (max-width:640px) {
#slogan { width: 100%; margin: 7px 0 -5px 0; }
#search { max-width: 252px; }
#content { width:100%; float:none; margin-right: 0;  }
#content_inner { margin-right:0; }
#sidebar { width: 100%; float:none;} 
#relatedjobs, #latestjobs, #samecompany { display:none; }
.box, .boxleftinner, .boxrightinner { float:none; display:block; margin: 0; width: 100%; }
.boxrightinner { margin-top: 30px; }
.boxrightcp { margin-top: 0px; }
#loginmenu { height: 35px; }
.logintab { height: 34px; line-height: 34px; }
.loginactive { height: 35px; line-height: 35px; }
.sidebar_404 { display:none;; }
}


/* Target mobile 533px ---*/
@media only screen and (max-width:560px) {
#searchlabel, .navigation_mid  { display: none; }
#search { float: none; max-width: 100%; }
.blockframe { width: 100%; }
#cpframe { padding: 0; background: #FFF; border: none; }
#loginframe{ background: #FFF; padding: 25px 0; border: none; }
#loginmenu { border-bottom: none; margin-bottom: 0; }
.loginactive { border-bottom: 1px solid #F2F2F2;}
.box textarea { height: 150px; }
.accountlogo { margin: 0; display: block; float: none; text-align:center; }
.accountlogoinner { padding: 5px 0; display: inline-block; }
}


/* Target mobile 480px ---*/
@media only screen and (max-width:500px) {
}


/* Target mobile 320px ---*/
@media only screen and (max-width:340px) {
body { min-width: 320px; }
.logintab { padding: 0 15px; }
.accountlogo { float: none; margin-bottom: 7px; }
#promo { min-height: 50px; max-height: 280px; padding: 0; }
}