/*==============================
?????????? ???????
===============================*/

.responsive-table{
    width:100%;
    margin:30px 0;
}

.belarus-table{
    width:100%;
    border-collapse:collapse;
    border:1px solid #cfcfcf;
    background:#fff;
}

.belarus-table th,
.belarus-table td{

    border:1px solid #d7d7d7;
    padding:14px 16px;
    text-align:left;
    vertical-align:top;
    line-height:1.55;

}

.belarus-table thead tr:first-child th{

    background:#b89b5e;
    color:#fff;
    font-size:20px;
    text-align:center;

}

.belarus-table thead tr:nth-child(2) th{

    background:#f3f3f3;
    font-weight:600;

}
.table-title{

margin:25px 0;
padding:20px;

background:#f5f5f5;
border-left:4px solid #b89b5e;

line-height:1.5;

}

.table-title strong{

display:block;
font-size:20px;
margin-bottom:15px;

}

.table-title p{

margin:10px 0;

}

@media(max-width:768px){

.belarus-table,
.belarus-table thead,
.belarus-table tbody,
.belarus-table th,
.belarus-table td,
.belarus-table tr{
    display:block;
}

.belarus-table thead{
    display:none;
}

.belarus-table tr{
    margin-bottom:20px;
    border:1px solid #ddd;
    border-radius:10px;
    overflow:hidden;
}

.belarus-table td{

    border:none;
    border-bottom:1px solid #eee;

    padding:10px 15px 15px;

    text-align:left;

}

.belarus-table td:last-child{
    border-bottom:none;
}


/* ??????? ??? ?????????? */

.belarus-table td::before{

    content:attr(data-label);

    display:block;

    font-weight:700;

    font-size:13px;

    color:#777;

    margin-bottom:6px;

}


}