/* CSS Document */
.jobs-by-list
{
padding:5px 0px 10px 0;
}
.jobs-by-list h3,.jobs-by-list h4,.jobs-by-list h5,.jobs-by-list span
{
padding:0px 0 5px 0 ;
}
.jobs-title
{
color:#0369BD;
font-weight:bold;
}
.jobs-title:hover
{
color:#025090;
font-weight:bold;
}
.job-loct
{
padding-left:17px;
color:#4A4A4A;
}
.job-expr i,.job-loct i
{
color:#000000;
font-size:15px;
padding-right:2px;
}
.job-loct:hover
{
color:#4A4A4A;
}
.job-expr
{
color:#4A4A4A;
}
.job-expr:hover
{
color:#717171;
}
.job-key-skills
{
padding-bottom:17px;
}
.job-key-skills b
{
color:#717171;
padding-right:10px;
}
.jobs-bottom
{
padding:10px 0 8px 0;
background-color:#F5F5F5;
border-bottom:1px solid #0369BD;
}
.jobs-bottom .job-sal
{
padding-left:5px;
}
.jobs-bottom .job-post-by
{
padding-left:15px;
}
.job-post-by b
{
color:#8E8E8E;
padding-right:5px;
}
.job-post-by
{
text-align:right;
padding-right:5px;
color:#0369BD;
font-weight:500px;
}
.job-post-date
{
padding-right:5px;
text-align:right;
color:#737373;
}
.job-sal i
{
color:#000000;
font-size:17px;
padding-right:5px;
}
.job-sal
{
color:#585858;
}
.jobs-bottom span
{
padding-right:10px;
}
.col-sm-jobs
{
width:50%;
}
.jobs-embty
{
border-bottom:1px solid #D7D7D7;
}
.res_high
{
text-align:center;
font-weight:bold;
}
.res_high:hover
{
color:#024D8B;
}
.view-pro
{
color:#fff;
background-color:#0369BD;
width:200px;
}
.top-recr
{
border-bottom:1px solid #9B9B9B;
padding-bottom:5px;
}
.top-recr h3{color:#616161; font-weight:bold;}
.top-recr h5,.top-recr h5 a
{
color:#F15A22;
padding-bottom:7px;
}
.top-recr h5 a:hover
{
color:#3D78E5;
}
.view-more-hr
{
padding-top:10px;
text-align:right;
}
.view-more-hr:hover
{
color:#FF0000;
}
.company-logo-jobs
{
float:right;
position:relative;
z-index:1;
padding-left:10px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.jobs-by-list{padding:5px 0px 10px 0;}
.jobs-by-list h3,.jobs-by-list h4,.jobs-by-list h5,.jobs-by-list span{padding:0px 0 5px 0 ;}
.jobs-title{color:#0369BD;font-weight:bold;}
.jobs-title:hover{color:#025090;font-weight:bold;}
.job-loct{padding-left:17px;color:#4A4A4A;}
.job-expr i,.job-loct i{color:#000000;font-size:100%;padding-right:2px;}
.job-loct:hover{color:#4A4A4A;}
.job-expr{color:#4A4A4A;}
.job-expr:hover{color:#717171;}
.job-key-skills{padding-bottom:17px;}
.job-key-skills b{color:#717171;padding-right:10px;}
.jobs-bottom{padding:10px 0 8px 0;background-color:#F5F5F5;border-bottom:1px solid #0369BD;}
.jobs-bottom .job-sal{padding-left:5px;}
.jobs-bottom .job-post-by{padding-left:15px;}
.job-post-by b{color:#8E8E8E;padding-right:5px;}
.job-post-by{text-align:right;padding-right:5px;color:#0369BD;font-weight:500px;}
.job-post-date{padding-right:5px;text-align:right;color:#737373;}
.job-sal i{color:#000000;font-size:100%;padding-right:5px;}
.job-sal{color:#585858;}
.jobs-bottom span{padding-right:10px;}
.col-sm-jobs
{
width:100%;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* STYLES GO HERE */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
}

/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
}

/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait)
 {

}