/*!**/
/*	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.*/
/*	*!*/
/*@media only screen*/
/*    and (max-width: 55em) {*/

/*    !* Force table to not be like tables anymore *!*/
/*    table, thead, tbody, th, td, tr {*/
/*        display: block;*/
/*    }*/

/*    !* Hide table headers (but not display: none;, for accessibility) *!*/
/*    thead tr {*/
/*        position: absolute;*/
/*        top: -9999px;*/
/*        left: -9999px;*/
/*    }*/

/*    tr {*/
/*        margin: 0 0 1rem 0;*/
/*    }*/


/*    td {*/
/*        !* Behave  like a "row" *!*/
/*        border: none;*/
/*        border-bottom: 1px solid white;*/
/*        position: relative;*/
/*        padding-left: 50%;*/
/*    }*/

/*    td:before {*/
/*        !* Now like a table header *!*/
/*        position: absolute;*/
/*        !* Top/left values mimic padding *!*/
/*        top: 0;*/
/*        left: 6px;*/
/*        width: 45%;*/
/*        padding-right: 10px;*/
/*        white-space: pre-wrap;*/
/*        line-height: 1.5em;*/
/*    }*/

/*    td[role=cell] {*/
/*        min-height: 3em;*/
/*        height: auto;*/
/*        padding-bottom: 1em;*/
/*    }*/

/*    td[role=cell]:after {*/
/*        content: " ";*/
/*        display: block;*/
/*        position: absolute;*/
/*        top: 0;*/
/*        bottom: 0;*/
/*        left: 46%;*/
/*        width: 1px;*/
/*        background: #fff;*/
/*    }*/

/*    td.short:before {*/
/*        !*top: 0.8em;*!*/
/*    }*/

/*    td:nth-of-type(1):before {*/
/*        content: "2d-, 3d-панели, столбы";*/
/*    }*/

/*    td:nth-of-type(2):before {*/
/*        content: "Ворота и калитки Сталь ТМК";*/
/*    }*/

/*    td:nth-of-type(3):before {*/
/*        content: "Металлопрофиль, металлоштакетник";*/
/*    }*/

/*    td:nth-of-type(4):before {*/
/*        content: "Сетка-рабица";*/
/*    }*/

/*    tbody th {*/
/*        font-size: 1.3em;*/
/*        padding: 1em 0.5em;*/
/*        background: #aaa;*/
/*    }*/

/*}*/


/*tbody tr:nth-child(odd) {*/
/*    background: #ccc;*/
/*}*/

/*tbody tr:nth-child(even) {*/
/*    background: #eee;*/
/*}*/

/*thead tr {*/
/*    background: #aaa;*/
/*}*/

/*.best {*/
/*    !*background: greenyellow;*!*/
/*}*/

/*.danger {*/
/*    !*background: #ff9292;*!*/
/*}*/

/*th {*/
/*    padding: 0.1em;*/
/*}*/

/*@media only screen*/
/*    and (min-width: 55.01em) {*/
/*!*and (min-width: 761px), (min-device-width: 1025px) {*!*/
/*    td {*/
/*        text-align: center;*/
/*    }*/

/*    tr:before {*/
/*        font-weight: bold;*/
/*    }*/

/*    table {*/
/*        width: 100%;*/
/*    }*/
/*}*/
