.catalog_list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 28px;margin-bottom:3rem;padding:3rem 0;border-top:1px solid #43434a;border-bottom:1px solid #e8e8e8;}
.catalog_list .box{display: flex; border: 1px solid #b6b6b6; padding: 20px; transition: 0.2s background-color ease;}
.catalog_list .box:hover{background-color: #ff6d3a; color: white; border: 1px solid #ff6d3a}
.catalog_list .download{font-size: 14px; font-weight: 500; padding: 8px 20px; background: #ff6d3a; width: 180px; color: white; border: 1px solid white; text-align: center; margin-top: 18px;}
.catalog_list .title {font-size: 20px; font-weight: bold}
.catalog_list .desc_info{margin: auto; text-align: center}

@media screen and (max-width:1200px){
    .catalog_list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 28px; }

}
@media screen and (max-width:960px){
    .catalog_list {display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media screen and (max-width:720px){
    .catalog_list {display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }

}
@media screen and (max-width:540px){
    .catalog_list {display: grid; grid-template-columns: 1fr; gap: 28px; max-width: 400px; margin: auto;}
}