body{
    font-family: "Albert Sans", sans-serif !important;
}

/* Global Button Border Radius */
.btn, 
.btn-primary, 
.btn-secondary, 
.btn-success, 
.btn-info, 
.btn-warning, 
.btn-danger, 
.btn-dark, 
.btn-light,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-dark,
.btn-outline-light,
.btn-sm,
.btn-lg,
.btn-xl,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    border-radius: 25px !important;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Albert Sans", sans-serif !important;
}

p, a, span, button{
    font-family: "Albert Sans", sans-serif !important;
}

ul, li{
    font-family: "Albert Sans", sans-serif !important;
}

.btn {
    border-radius: 25px !important;
}

.date-list li {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    border-radius: 90px;
    padding: 10px 20px;
    margin-bottom: 8px;
    border: 1px #dddddd solid;
    width: 49%;
}
.avatar.avatar-lg {
    width: 95px;
    height: 95px;

}
.staff-card h6 {
    font-size: 18px;
}

.staff-card p {
    font-size: 18px;
}

.payment-table {
    border: 1px solid #bcacac;
}
.payment-table tr{
    background-color: #eee;
    border: 1px solid #000;
    font-size: 18px;
}

.payment-table tr th{
    font-weight: 600 !important;
    font-size: 18px;
    background-color: #eee;
    border-bottom: 1px solid #bcacac;
    border-right: 1px solid #bcacac;
}
.payment-table tr td{
   
    font-size: 18px !important;
    background-color: #eee;
    border-bottom: 1px solid #bcacac;
}

.logo-small img {
    width: 140px;
}

.tasker-log{
    display: none !important;
}

.logo img{
    max-height: 58px;
}

.category-item img {
    height: 52px;
}
.category-item {
      background: #f9f9f9;
    border: 1px solid #ddd;
    height: 160px;
    border-radius: 50%;
    align-items: center;
    padding-top: 32px;
    width: 130px;
    margin: auto;
    position: relative;
    float: left;
    max-width: 160px;
}
.hero-section .banner-img{
    overflow: hidden;
}

@media only screen and (max-width: 1199.98px) {

   .right-sec{
        display: block !important;
   } 
}

@media only screen and (max-width: 991.98px) {
    .hero-section .hero-content {
        overflow: visible !important;
    }
}

@media only screen and (max-width: 767.98px) {
    .newsletter-form .form-control{
        width: 100%;
        margin-bottom: 13px;
    }
}

@media only screen and (max-width: 575px) {
    .right-sec{
        display: none !important;
   } 
   .tasker-log{
        display: block !important;
    }

    .navbar-brand.logo-small img {
        max-height: none;
    }
    .logo-small img {
        width: 120px;
    }
    .add-slot-btn{
        padding: 3px 5px;
        font-size: 9px;
    }

}