.desktop_job-description{word-break:break-all;}
.navbar-default .navbar-nav > li{font-size: 1.75em;}
.header ul.navbar-nav li span{display: none;}
.navbar-nav{margin-left: 14.5%;}
.header ul.navbar-nav li{
padding:0em 1.25em 0em 1.25em;
border:none;
}
.header ul.navbar-nav li:hover{border-radius:0.45em;background:#f2f2f2; }
.header ul.navbar-nav li a{
color: white;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #5f666f;
}
.top-logo-container img:hover{scale:1.2;}
#top-h-search{
width: 80%;
vertical-align: middle;
display: inline-block;
}
#top-h-search button{
position: absolute;
left: 22%;
font-size: 1.3em;
color: #5f666f;
/*top: 23%;*/
width: 2em;
height: 2em;
background: none;
border: none;
}
.navbar-header{width: 25%;margin-top: 0.5em;margin-left: 1em !important;}
a.top-logo-container{
/*float: left;*/
width: 12%;
position: relative;
vertical-align: middle;
display: inline-block;
}
a.top-logo-container img{
width: 100%;
height: auto;
}
#categories_list strong{margin-left: 1em;font-size: 1.25em;}
.navbar{margin-bottom: 0;}
body{background-color: #f5f5f5;}
.btn-primary{
color: #5f666f;
background-color: #fff;
border:1px solid #ccc;
font-weight: bold;
}
#categories_list a {
color:#5f666f;
border-radius: 0.45em;
margin-bottom: 0;
text-decoration: none;
padding: 1em;
text-transform:capitalize;
}
#categories_list a:hover,
#categories_list .selected
{background: #f2f2f2;}
/* and icon color = #5f666f */
.content{margin-bottom: 4em;}
.footer{position: fixed;bottom: 0;}
@-webkit-keyframes bounce {
0% { bottom:5px; }
25%, 75% { bottom:15px; }
50% { bottom:20px; }
100% {bottom:0;}
}
.desktop-details h1{margin-top:0;}
.desktop-details h1,
.desktop-details h4
{
width:100%;border:1px solid #e3e3e3;border-radius:0.25em;background:white;font-size:1.25em;padding:1em;text-align:center;
box-shadow:
0 1.4px 1.1px rgba(0, 0, 0, 0.034), 0 1.4px 1.1px rgba(0, 0, 0, 0.048), 0 1.4px 1.1px rgba(0, 0, 0, 0.06), 0 1.4px 1.1px rgba(0, 0, 0, 0.072),
0 1.4px 1.1px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}
.desktop-details #jobDetails{background:white;}
.desktop_job-grid{   
    cursor:pointer;
    display: flex;
    align-items: center;
}
.desktop_job-grid,
#searchForm form
{width: 100%;}
#shownElements{width:45%;}
#top-pagination{width:45%;float:left;margin-left:10%;}
#top-pagination select{text-align:center;height:3.5em;}
.desktop_job-grid,.shownElements,.product-share{
background: white;
border: 1px solid #e3e3e3;
border-radius: 0.25em;
padding: 1em;
margin-bottom: 1em;
float: left;
box-shadow:
0 1.4px 1.1px rgba(0, 0, 0, 0.034),
0 1.4px 1.1px rgba(0, 0, 0, 0.048),
0 1.4px 1.1px rgba(0, 0, 0, 0.06),
0 1.4px 1.1px rgba(0, 0, 0, 0.072),
0 1.4px 1.1px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
}
#home_right_sidebar{
float: left;
width: 10%;
margin-right: 3%;
}
#home_left_sidebar{
float: left;
width: 10%;
margin-left: 3%;
margin-right: 0;}
.jobs_in_same_location, .jobs_in_same_date{
margin-left:20%;
width:60%;
float:left;
}
.desktop_job-grids{
float: left;
width: 60%;
margin-left: 7%;
margin-right: 7%;
}
.desktop_job-pic-section{
float: left;
width: 10%;
}
.desktop_job-pic-section img{
width: 100%;
height: 100%;
}
.desktop_job-text-section{
float: left;
width: 85%;
position: relative;
margin-left: 1em;
}
.desktop_job-text-section a{color:#333;}
.desktop_job-text-section a span{font-weight: bold;}
@keyframes slideInFromLeft {
0% { transform: translateX(-100%); }
100% { transform: translateX(0); }
}
@keyframes slideInFromRight {
0% { transform: translateX(100%); }
100% { transform: translateX(0); }
}
.content-left{ animation: 1s ease-out 0s 1 slideInFromLeft;}
.content-right{ animation: 1s ease-out 0s 1 slideInFromRight;}
.header ul.navbar-nav li a{float:left;}
.content-right{float:right;width:75%;padding:1em;}
.content-left{float:left;width:25%;background-color:white;padding:1.5em;  box-shadow: 4px 0 5px -2px #888;}
.content-left a{margin-bottom: 0;text-decoration:none;}
.content-left img{background:#e4e6eb;border-radius:100%;margin-right:0.25em;}
.product-grid{float:left;}
.product-grid:not(:nth-child(4n+1)){margin-left:1%;}
/* START 2020-10-04 */
@media(max-width:1366px){
.navbar-nav{ }
.header ul.navbar-nav li{ padding: 0em 0.75em 0em 0.75em;}
}
@media(max-width:1260px){
.navbar-nav{}
}
@media(max-width:1140px){
.navbar-nav{margin-left:11.5%;}
}
@media(max-width:1024px){
#categories_list a{ font-size: 0.75em;}
.navbar-nav{}
.header ul.navbar-nav li{padding:0em 0.5em 0em 0.5em;}
#shownElements{font-size: 0.9em;}
}
@media(max-width:990px){
.header ul.navbar-nav li{ padding: 0em 0.35em 0em 0.35em;}
#shownElements{width:100%;font-size:1em;}
#top-pagination{width: 100%;margin-left: 0;margin-bottom: 3%;}
.navbar-nav{ margin-left: 12%;}
}
@media(max-width:900px)
{
#categories_list hr{margin-top: 0.75em;margin-bottom: 0.75em;}
#categories_list a{font-size:1em;}
.desktop_job-grids {
width: 60%;
margin-left: 20%;
margin-right: 0;
}
.content-right{width:60%;}
.navbar-header,.content-left{width:40%;}
.header ul.navbar-nav li{padding: 0em 0.25em 0em 0.25em;font-size: 1.75em;}
.navbar-nav{margin-left:0;}
#top-h-search button{left:35%;}
}
@media(max-width:855px){
/*
.header ul.navbar-nav li{ padding: 0em 0.2em 0em 0.2em;}
#categories_list strong{font-size:1em;}*/
}
@media(max-width:768px){
.navbar-header,.navbar-nav{width:100%;}
a.top-logo-container{width:5%;}
#top-h-search button{left:90%;}
.header ul.navbar-nav li{width: 16.66%;float: left;}
#top-h-search{width:90%;}
}
/* END 2020-10-04 */