.clear {
    clear: both;;
}
#careers {
    background: #fff;
    border: 1px solid #e0e0e0;
    margin-bottom: 50px;
}
.wrapper {
    padding: 95px 0px 75px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 0;
}


#careers .content {
    padding: 50px;
}
#careers .building {
    height: 440px;
    background: url(/content/dam/oppo/jp/mkt/about/office2.jpg) center 0 no-repeat;
    color: #fff;
    display: table;
    width: 100%;
}

#careers .building h1 {
    font-weight: 200;
    font-size: 48px;
    line-height: 64px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}



#careers .jobs {
    background: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-width: 1px 0 0 0;
}
#careers .positions {
    float: left;
    background: #fefefe;
    min-height: 440px;
    width: 65%;
    border: 1px solid #e0e0e0;
    border-width: 0 1px 0 0;
    margin-bottom: 0;
    height: auto;
    box-sizing: border-box;
}

#careers .really-good {
    float: left;
    height: 440px;
    width: 35%;
    margin-bottom: 0;
    border: none;
}

#careers .positions {
    float: left;
    background: #fefefe;
    min-height: 440px;
    width: 65%;
    border: 1px solid #e0e0e0;
    border-width: 0 1px 0 0;
    margin-bottom: 0;
    height: auto;
}


.slab-light {
    background-color: #ededed;
}


#careers .content {
    padding: 50px;
}


.select-btn {
    margin-right: 24px;
}

.select-item {
    background: rgba(245,245,245,1);
    color: #666;
}




.select-item, .select-item-selected {
    display: inline-block;
 
    font-size: 16px;
    /* cursor: pointer; */
}
.select-item a ,.select-item-selected    {
  
    padding: 9px 14px;
 
}


.select-item a{
    display: block;
}

.select-item-selected {
    background: rgba(42,173,111,1);
    color: #fff;
}


.select-btn {
    margin-right: 24px;
}


#careers h2 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px;
}
#careers .positions table {
    width: 100%;
}



#careers .positions table th.title {
    text-align: left;
}

#careers .positions table th {
    font-size: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}


#careers .positions table th {
    font-size: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}

#careers .positions table td {
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 600;
}

#careers a.btn-lg {
    display: block;
    color: #fff;
    height: 60px;
    width: 120px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
    background: #2aad6f;
    text-align: center;
}


#careers .really-good p {
    font-weight: 600;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 20px;
}

#careers .positions table td a {
    color: #009b72;
    font-size: 16px;
    line-height: 24px;
}



@media (max-width: 768px) {
    
    #careers .building {
        height: 300px;
    }
    #careers .building h1
    {
         font-size: 30px;
    }
    .select-btn {
        margin-right: 10px;
    }
    #careers .positions table th {
        font-size: 18px;
    }
    #careers .positions{
        width: 100%;
    } 
    #careers .really-good {
        width: 100%; 
        height: auto;
        padding-bottom: 25px;
    }
    #careers a.btn-lg 
    {
        height: 51px;
        width: 107px;
        line-height: 51px;
    }

    #careers .content {
        padding: 22px;
    }

}



@media only screen and (min-width: 61.875em) {
    .breadcrumb {
        display: block;
        padding: 19px 0 14px;
        border-bottom: 1px solid #e5e5e5;
        padding-top: 32px
    }
    .breadcrumb li {
        float: left;
        color: #7b7b7b;
        font-size: 14px;
        /* font-size: 12px; */
    }
    
    .breadcrumb:after {
        clear: both;
        content: '';
        display: table;
    }
    .breadcrumb .breadcrumb_strong {
        font-weight: inherit;
    }
    .breadcrumb a span {
        padding: 0 10px;
   
   
    }

}



@media only screen and (max-width: 1080px) { 
  .breadcrumb {
      display: none;
  }
    
}

@media only screen and (min-width:1441px) {
    .breadcrumb {
      
        padding: 19px 0 14px;
   
    }
}