@media screen and (min-device-width: 765px) and (max-device-width: 1440px) { 
    
 ul.fetaureSignup
 {
     margin-left:115px;
 }
    
}
.btn-group-sm>.btn, .btn-sm
{
    font-weight:700;
    font-family: 'Roboto Slab', serif;
}
.table td, .table th
{
    font-family: 'Roboto Slab', serif;
    font-weight:600;
}
.nav-pills .nav-link
{
    font-family: 'Roboto Slab', serif;
    box-shadow: 0px 5px #00000029;
}
.nav-pills .nav-link:hover
{
     cursor:pointer;
    transform: translateY(2px);
    
}

.nav-pills .nav-link.active {
    color: #fff;
    background-color: #213d55;
}

.singleMonthlyPack
{
    box-shadow: 5px 5px #ffffffad;
}

.singleMonthlyPack:hover
{
     cursor:pointer;
    transform: translateY(4px);
    
}

.navbar ul.navbar-nav>li>a:not(.navbar-btn) {
    border-top: 2px solid transparent!important;
    padding: 40px 15px !important;
    color: #fff;
    font-weight: 700!important;
    font-family: arial, sans-serif-medium, sans-serif;
}
.singleMonthlyPack h4
{
    font-family: arial, sans-serif-medium, sans-serif;
}
.navbar a
{
    font-family: 'Roboto Slab', serif;
}
.navbar a:hover
{
    color:#fff!important;
    background:#000;
}
.job-form-section.job-form-section--image
{
    margin-top:-49px!important;
}
.form-control:focus
{
    color:#000!important;
    font-family: 'Roboto Slab', serif;
}
.dropdown-item
{
  font-family: 'Roboto Slab', serif;
  font-size:15px;
}
.dropdown-item:hover
{
    background:#000;
    color:#fff!important;
}
ul.topRight li a#pages, ul.topRight li:hover a#pages
{
 font-family: 'Roboto Slab', serif;   
}
.form-control{
    
    color:#000;
    font-weight:500;
}
.btn{
    font-family: 'Roboto Slab', serif;
}
.btn:hover
{
    color:#fff!important;
    background:#000!important;
    border:1px solid #fff;
}
.heading
{
    font-family: arial, sans-serif-medium, sans-serif;
    font-weight: 600;
    margin-bottom: 24px;
}
p
{
    font-family: 'Roboto Slab', serif;
    text-align: justify;
    font-size: 16px;
}
.box-image-text.bg-visible .bg {
    opacity: 0.4;
    border: 5px solid #000;
    border-style:double;
    border-width: thick;
}
h5
{
    font-weight:bold!important;
    font-family: arial, sans-serif-medium, sans-serif;
}
.box-image-text.bg-visible .bg:hover
{
    border: 5px solid #fed500;
    border-style:double;
    border-width: thick;
}
ul.homeList li {
    text-align: left;
    margin-top: 4px;
    font-family: 'Roboto Slab', serif;
    text-align:justify;
}
.box-image-text
{
        box-shadow: 5px 10px #00000029;
}

.box-image-text:hover
{
cursor:pointer;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
section {
    position: relative;
    padding-top: 25px;
    padding-bottom: 90px;
}
.jobListDiv 
{
    box-shadow: 4px 3px #00000029;
}
.jobListDiv:hover
{
    cursor:pointer;
    transform: translateY(-8px);
    background:#213d55!important;
}
.jobListDiv a
{
    color:#fff!important;
}
.breadcrumb li, .breadcrumb a
{
 color:#000;   
 font-family: 'Roboto Slab', serif;
}
ul.fetaureSignup
{
    font-family: 'Roboto Slab', serif;
    list-style: none;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 10px;
   
    text-align:left;
}
.modal-title
{
    font-family: 'Roboto Slab', serif;
}
.PopularJobSingle
{
    border:1px solid #000;
    padding:10px;
    padding-top:30px;
    font-family: 'Roboto Slab', serif;
    padding-bottom:30px;
    text-align: center;
    box-shadow: 5px 5px #666;
}
.PopularJobSingle:hover
{
    color:#fff;
    background:#213d55!important;
    cursor:pointer;
    transform: translateY(-4px);
}
.breadcrumb
{
    display:none;
}
.pricetable
{
    background:#1D293E;
    color:#fff;
    padding-top:30px;
    padding-bottom:30px;
    border: 8px solid #fff;
    border-style: double;
    box-shadow: 5px 5px #666;
}
.pricetable:hover
{
    cursor:pointer;
    transform: translateY(4px);
}