@charset "utf-8";
ul.stone_list.brand_list { flex-wrap: wrap; margin: 0 -14px; justify-content: flex-start;row-gap:30px;}
ul.stone_list.brand_list li { padding: 0 14px; width: 16.5%; margin-bottom: 0;}
ul.stone_list.brand_list li a span { background: #fff; display: inline-block; height:112px; display: flex; align-items: center; padding: 5px;border:1px solid #fff;}
.br_title {  color: #242222; font-size: 16px; font-weight: 600; letter-spacing: 0.6px; display: block; text-align: center; margin: 20px 0 0; line-height: 20px;}
.sec_top_text p { max-width: 1124px; margin: 0 auto 50px;}
.stone_list_name { display: flex; justify-content: center; padding-bottom: 30px; border-bottom: 1px solid #000000; margin-bottom: 50px;}
.stone_list_name li { color: #242222; font-size: 14px; font-weight: 600; letter-spacing: 0.4px; margin: 0 30px;}
.brand_list li span img { filter: grayscale(0);}
#Engineered-Stone, #Natural-Stone, #Porcelain { scroll-margin-top: 180px;}
html {scroll-behavior: smooth;}

.stone_list_name li a:hover{
    color: var(--orange);
}
.stone_pg  .stone_block:not(:last-child){
    margin-bottom: 80px;
}
ul.stone_list.brand_list li a:hover span{
    border-color: var(--orange);
}

/*.tab_fixed .stone_list_name{
        position: fixed;
        top: 130px;
        width: 100%;
        left: 0;
        background: #fff;
        z-index: 1;
    }
*/

@media (max-width: 1599.98x) {
 
}
@media (max-width: 1439.98px) {

    ul.stone_list.brand_list li { width: 20%; }
    .br_title { margin: 15px 0 0; }
 
}
@media (max-width: 1199.98px) {

    ul.stone_list.brand_list li {
        width: 25%;    padding: 0 7px; margin-bottom:0;
    }
    ul.stone_list.brand_list { margin: 0 -7px;}
    .stone_pg .stone_block:not(:last-child) {
            margin-bottom: 30px;
        }
    
}
@media (max-width: 991.98px) {

    ul.stone_list.brand_list li a span { height: 95px; padding: 12px; }
    .br_title {
        margin: 12px 0 0;font-size: 14px;
    }
}

@media (max-width: 767.98px) {
   
    ul.stone_list.brand_list li {
        width: 33.3%;
    }
}  

@media (max-width: 575.98px) {

    .br_title {
        margin: 8px 0 0;
    }
    ul.stone_list.brand_list li {
        width: 50%;
    }
    ul.stone_list.brand_list li a span {
        height: 80px;
        padding: 12px;
    }
    .stone_list_name li {margin: 0 20px;  line-height: 18px; font-size: 14px;}
    .stone_list_name { margin-bottom: 35px; padding-bottom: 20px;}
    .sec_top_text p {margin: 0 auto 30px;}

}