/* Layout - Brand List */
.brand_list_section .title_panel {
    width: 100%;
    padding: 0px 0 0;
    border-bottom: 0px #eeeeee solid;
    position: relative;
    display: inline-block;
}

.brand_list_section .home_view_header .title_panel .pageHeading_main {
    padding: 0px 0px 0px 0px;
    letter-spacing: 0px;
    position: relative;
    display: inline-block;


    color: var(--black-color);
    font-size: 30px;

    font-weight: bold !important;

}

.brand_list_section .icon_title_panel p{
    margin-bottom: 0;
}

.all_brand_link{
    color: #004cb4;
}

.brand_alphabet{
    font-size: 20px;
    margin-bottom: 20px;
}

/* .brand_list_box{
    border-bottom: 1px solid #e2e2e2;
    margin: 0;
    padding-bottom: 30px;
    margin-bottom: 35px; 
} */

/* .brand_txt{
    float: left;
    width: 16%;
    padding-right: 40px;
} */

.brand_txt a{
    color: #000000 !important;
    font-weight: normal !important;
}

.brand_list_inner_box{
    display: grid;
    grid-template-columns: repeat(5,1fr);
}

.tab_brands_content_inner_box{
    margin: 0 0 35px;
    padding: 0 0 30px;
    border-bottom: 1px solid #dedede;
}

.tab_brands_content_inner_box,
.tab_brands_content_box{
    clear: both;
}

.brand_list_section .usual ul a.active {
    border-bottom: 4px solid var(--main-color);
    color: var(--main-color);
}

@media only screen and (max-width: 1050px)
{
    .brand_list_section .usual .tab_ul {
        width: unset;
        min-width: unset;
        gap: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .brand_list_section .usual ul a {
        font-size: 16px;
        width: 35px;
        padding-left: 3px;
        padding-right: 3px;
        text-align: center;
        margin-bottom: 5px;
    }

    .brand_list_inner_box {
        grid-template-columns: repeat(4,1fr);
    }
}

@media only screen and (max-width: 850px)
{
    .mobile_brands_prodList_left {
        display: block !important;
        width: 100% !important;
        padding: 0 20px;
    }

    .mobile_brands_prodList_left .column_left{
        display: block !important;
    }

    .mobile_brands_prodList_left .all_brand_container{
        height: 250px !important;
    }

    .mobile_brand_left_heading{
        display: flex;
        justify-content: space-between;
    }

    .all_brand_icon{
        display: block !important;
    }

    .all_brand_container{
        display: none;
    }

    .mobile_brands_prodList_left .column_left {
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 610px)
{
    .brand_list_section #usual1 {
        display: block !important;
    }

    .brand_list_inner_box {
        grid-template-columns: repeat(2,1fr);
    }
}