#satdw_filesTable{
	padding: 10px;
}
.brands-container{

	border-radius: 10px;
}

.kdn-pagination{
    padding: 10px;
    border-radius: 3px;
    text-align: center;
		width: 100%;
}

.kdn-pagination .page-numbers{
	background: #EEF5F6;
	border: solid 1px #ccc;
	padding: 5px 15px;
	text-decoration: none!important;
	border-radius: 3px;
	font-weight: 600;
	line-height: 40px;
	margin-left: 5px;
}
.kdn-pagination .page-numbers:hover{
	background: #2B6CB0;
	color: #fff;
	border-radius: 3px;
}
.kdn-pagination .page-numbers.current{
	background: #72aee6;
}


.TotalBrand{
    font-size: 18px;
    text-align: center;
}
.catCount{
    font-family: sans-serif;
    font-size: 25px;
    margin-top: 20px;
    text-align: center;
    color: #bf161d;
    font-weight: 500;
    text-shadow: 1px 1px 1px #666;
    letter-spacing: 2px;
}
    /* Adjust the styles as per your design */
    .brands-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background:#fff;
    }

    .brand-card {
        flex-basis: calc(25% - 10px);
        padding: 5px 10px;
       background-color: #fff;
       border: 1px solid #e3e6eb;
        margin-bottom: 10px;
        border-radius: 3px;
        cursor: pointer;
    }

    .brand-card:hover{
  border-color: #005FB3!important;  
}
    .brand-name {
       text-align: center;
    color: #878787!important;
    margin: 0;
    /* font-family: 'Open Sans'; */
    letter-spacing: 1px;
    font-weight: bold;
    /* line-height: 25px; */
    -webkit-text-size-adjust: 100%
}

   

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

        .brand-card {
            flex-basis: calc(50% - 20px);
            margin: 10px 5px;
        }
    }

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

        .brand-card {
            flex-basis: calc(50% - 20px);
            margin: 10px 5px;
        }
    }

    @media screen and (max-width: 480px) {
        .brand-card {
            flex-basis: calc(100% - 20px);
            margin: 10px 5px;
        }
    }