.header , .my-breadcrumb-bg , .my-breadcrumb  , #footer , .service-download , .service-nav li  , .product-title 
{
    background-color: white ;
}

@media (max-width: 767px) {
    .header, .my-breadcrumb-bg, .my-breadcrumb, #footer, .service-download, .service-nav li, .product-title{
        background-color: #333;
    }
}
.header-bg{
    border-bottom: 1px solid #ccc;
}


#footer{
  background-color: #fff !important;
 border-top: 1px solid #ccc;
}


#footer p{
     color: #333 !important;
}
.product-title{
    border: 1px solid #ccc;
}
.product-title p {
    color: #333;
    font-weight: 700;
  
}

  .product-search{
    background-color: #eee;
}


.header{
    border: 1px solid #ccc;
}



.nav-box .navbar-collapse .nav li a  , .index-source-title h4, .index-publish-title h4, .index-database-title h4{
    color: #333;
}
.nav-box .navbar-collapse .nav li.active a{
    background-color: #ccc;
    color: #333;
}
.nav-box .navbar-collapse .nav li a:hover{
    background-color: #ccc;
    color: #333;
}

.service-sidebar li  ,.publish-nav li , .database-nav li{
    padding: 10px 30px;
    text-align: center;
    margin-top: 10px;
    background-color: white;
    border: 1px solid #ccc ;
    cursor: pointer;
    transition: all 1s;
    color: #333;
}
.about-title li a ,.publish-nav li a,.database-nav  li a{
    color: #333;
    display: block;
    
}
.service-sidebar li.active , .publish-nav .publish-nav-active , .database-nav .database-nav-active {
    background-color: #ccc;
    color: #333;
}






.about-title li {
 
    
    margin-top: 10px;
    text-align: center;
    background-color: white;
    color: black;
    
    cursor: pointer;

  
}
.about-title li a{
    color: black;
    display: block;
    /*padding: 10px 34px;*/
   
   

}
 .about-title li.about-title-active{
    background-color: #ccc;
    color: #333;
     height: 42px;
     line-height: 42px;

}


.about-title li.about-title-active-two{
    background-color: #ccc;
    color: #333;
    height: 42px;
   
}





















.header-bg {

    border: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.index-database-content .index-database-item{
    height: 100px;
}


@media (max-width: 767px) {
    .index-database-content .index-database-item{
        height: inherit;
    }
    
    .publish-content{padding: 0 15px;
    margin-top: 0}
}
.index-database-content .index-database-item:hover a {
    background-color: #ccc;
    color: white;
}

.index-database-content .index-database-item:hover {
    background-color: #ccc;
    color: white;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #ccc;
    border-color: #ccc;
}
.btn-primary {
    color: #ffffff;
    background-color: #ccc;
    border-color: #ccc;
}