.box-top-ho .part-content .part-top h3 {
    float: none;
    font-weight: bold;
}
.box-top-ho .part-bottom ul {
    padding: 15px;
}
.box-top-ho .ads__item {
    border-top: 0px;
    margin-top: -20px !important;
}
.box-top-ho .part-bottom ul li {
    display: inline-block;
    list-style: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px;
    border: 1px 
#f4f4f3 solid;
margin: 4px 1px;
background-color:#008000;
color: #fff;
}
.box-top-ho .part-bottom ul li a {
    color: 
    #fff;
}
#details-st .box-top-ho .part-bottom ul li{background-color:transparent;}
#details-st .box-top-ho .part-bottom ul li a {
    color: inherit!important;
}
@media (max-width:1023px) {
    .button-menu-mobile {
        display: block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    body {
        overflow-x: hidden
    }

    
    
}
@media (max-width:991px) {
    .box-top-ho .part-bottom ul li {
 width: 43%;
font-size: 12px;
height: 34px;
overflow-y: hidden;
 }
 #details-st .box-top-ho .part-bottom ul li {
 width: 43%;
font-size: 12px;
text-align:right;
 min-height: 40px;
 }
.box-top-ho .part-bottom ul {
    padding: 3px;
    text-align: right;
}
    #commission-modal .modal-dialog,#discount-modal .modal-dialog,
    #advance-modal .modal-dialog ,#vacation-modal .modal-dialog ,#attendance-modal .modal-dialog,#incentive-modal .modal-dialog,#holiday-modal .modal-dialog,
    #modal-comment .modal-dialog,#report2-modal .modal-dialog,.modal-dialog {
        width:95% !important;
        
    }
    #attendance-modal .modal-dialog,#holiday-modal .modal-dialog, #modal-comment .modal-dialog {
        top:10%;
        
    }
    #s2id_clients,.input-wplus{width:90% !important;}
    .btn-plus-st{width:10% !important;}
    
        .input-group-custom div,.inputw-mob {
    width: 100%;
}
.pagination {
    display: inline-block;
    padding-right: 0;
    margin: 20px;
    border-radius: 4px;
}
div.dataTables_filter, div.dataTables_paginate {
    display: inline-block !important;
    float: right;
    text-align: right !important;
}
    .navbar-nav .open .dropdown-menu {
    right: auto!important;
    left: 0!important;
}
.offers-rqst .sub-header-title-custom ul li{margin-bottom:5px!important;
    
}
    .topbar-left {
    width: 100% !important;
}
     .navbar-toggle {
    float: right;}
    .out-mobile{display:none;}
    .in-mobile{display:block;text-align :center;background-color: #fff;}
    .in-mobile .logo {
    float: none;

}
#navigation {
    position: absolute;
    top: 116px;}
    #topnav .navigation-menu > li {
    display: block;
    text-align:right;
    position: relative;
    padding-right:5px;
    
}
.wrapper {
    padding-top: 170px!important;
}
#topnav .topbar-main .nav > li > a {
    color: 
#ffffff !important;
line-height: 60px;
padding: 0px 3px;
position: relative;
background:
    transparent !important;
}
.offers-rqst .sub-header-title-custom ul {
    display: inline-block;
    float: right!important;}
    .offers-rqst .input-group-custom div input {
    width: 100%;
     
    border-radius: 0px;
    margin-bottom: 10px;
}
.box-menu ul li {
    margin-bottom: 10px;
}
.box-map .title, .box-menu .title {
    background-color: 
    #71b6f9;
    padding: 8px;
    margin-top: 10px;
}
 .offers-rqst button,.offers-rqst .btn{margin-bottom:10px;}   
 .sub-header-title-custom ul {
    display: inline-block;
    float: right;}
}
@media (max-width:767px) {
    body {
        overflow-x: hidden
    }
    .pull-right-mob{float:right!important; margin-top:10px;}
    .enlarged .left.side-menu {
        margin-left: -75px
    }
    .topbar-left {
        width:100%!important
    }
    .content-page .content {
        margin-top: 95px
    }
    .topbar .topbar-left {
        height: 75px
    }
    /*.logo {*/
    /*    display: none!important*/
    /*}*/
        .in-mobile{display:block;text-align: center;
background-color: #fff;
}
    .in-mobile .logo {
    float: none;

}
    .navbar-default {
        background-color: #ffffff;
        -webkit-box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
        box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02)
    }
    .navbar-nav {
        margin: 0px;
        display: inline-block
    }
    .navbar-nav li {
        display: inline-block;
        line-height: 1px
    }
    .navbar-nav.navbar-right {
        float: right
    }
    .notification-box {
        display: inline
    }
    .notification-box ul li a {
        line-height: 46px
    }
    .notification-box .pulse {
        top: 5px
    }
    .notification-box .dot {
        top: -7px;
        left: -3px
    }
    #topnav .navbar-toggle {
        margin-right: 5px
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        left: auto;
        position: absolute;
        right: 0
    }
    .navbar-nav .open .dropdown-menu li {
        display: block
    }
    .content-page {
        margin-left: 0px!important
    }
    .footer {
        left: 0px!important
    }
    .mobile-sidebar {
        left: 0px
    }
    .mobile-content {
        left: 250px;
        right: -250px
    }
    .wrapper-page {
        width: 90%
    }
    .dataTables_wrapper .col-xs-6 {
        width: 100%;
        text-align: left
    }
    div#datatable-buttons_info {
        float: none
    }
    .button-group,
    .f-box-sm {
        margin-bottom: 15px!important
    }
}

@media (max-width:480px) {
    .offers-rqst .sub-header-title-custom ul li{margin-bottom:5px!important;}

    .side-menu {
        z-index: 10!important
    }
    .wrapper {
        margin-top: 50px!important
    }
    .button-menu-mobile {
        display: block
    }
    .search-bar {
        display: none!important
    }
     #s2id_clients,.input-wplus{width:80% !important;}
    .btn-plus-st{width:20% !important;}
    
}

@media (max-width:420px) {
    .hide-phone {
        display: none!important
    }
    .btn{margin-bottom:5px;}
    .box-body .pull-right{
        float:right!important;
        margin-right:10px;
    }
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: auto;
        left: 0
    }
}

@media (min-width:768px) {
    .container-alt {
        width: 750px
    }
    .nav-tabs.nav-justified>li>a {
        border-bottom: 2px solid #eeeeee
    }
    div.dt-buttons {
        float: right!important;
        width: auto!important;
        text-align: center;
        margin-bottom: 0.5em
    }
    
}

@media (min-width:992px) {
    .container-alt {
        width: 970px
    }
    #topnav .navigation-menu>li>a {
        padding-left: 15px;
        padding-right: 15px
    }
    .form-horizontal .form-group {
        text-align: right!important
    }
}

@media (min-width:1200px) {
    .container-alt {
        width: 1170px
    }
}

@media (max-width:419px) {
    .topbar-left {
        width: 100%!important
    }
    .content-page {
        margin-left: 70px
    }
    .forced .side-menu.left {
        -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
        box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
        position: absolute
    }
    .enlarged .side-menu.left {
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)!important;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)!important
    }
    .profile-info-name img {
        float: none;
        margin: 0px auto;
        margin-bottom: 20px
    }
    div.hopscotch-bubble .hopscotch-bubble-container {
        max-width: 180px
    }
}