.tender-list-section .section-title { margin: 0 0 40px 0; } .tender-table-wrapper { padding: 50px 0; } .tender-table { overflow-x: auto; } .tender-table table { overflow: hidden; border-radius: 15px; max-width: calc(100% - 2px); margin: 0 auto; min-width: 1115px; border-collapse: separate; border-spacing: 0; } .tender-table table thead th:first-child { border-top-left-radius: 15px; } .tender-table table thead th:last-child { border-top-right-radius: 15px; border-right: none; } .tender-table table tbody tr:last-child th:first-child { border-bottom-left-radius: 15px; } .tender-table table tbody tr:last-child td:last-child { border-bottom-right-radius: 15px; } .tender-table table thead th { font-weight: 400; padding: 20px; border: 1px solid #d3d3d3; border-left: none; border-top: none; } .tender-table table tbody th, .tender-table table tbody td { padding: 20px; border: 1px solid #d3d3d3; } .tender-table table tbody td a i { margin: 0 5px 0 0; } .tender-table table tbody th { border-top: none; } .tender-table table tbody td { border-left: none; border-top: none; } .tender-table table thead th.number { width: 110px; } .tender-table table thead th.link { width: 110px; } .tender-table table thead th.date { width: 170px; } .tender-table table thead th.company { width: 240px; } .tender-table table tbody td.description span { margin: 0 0 15px 0; display: block; } .tender-table-pagination { margin: 50px 0 0 0; } .tender-table-pagination .pagination a { height: 50px; width: 50px; margin: 0 0 0 10px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } @media (max-width: 1399px) { .tender-list-section .section-title { margin: 0 0 30px 0; } .tender-table-wrapper { padding: 40px 0; } .tender-table table thead th { padding: 15px; } .tender-table table tbody th, .tender-table table tbody td { padding: 15px; } .tender-table table tbody td.description span { margin: 0 0 10px 0; } .tender-table-pagination { margin: 40px 0 0 0; } } @media (max-width: 991px) { .tender-list-section .section-title { margin: 0 0 20px 0; } .tender-table-wrapper { padding: 30px 0; } .tender-table table thead th { padding: 10px; } .tender-table table tbody th, .tender-table table tbody td { padding: 10px; } .tender-table-pagination { margin: 30px 0 0 0; } .tender-table-pagination .pagination a { height: 40px; width: 40px; } } @media (max-width: 767px) { .tender-table-pagination .pagination { width: 100%; margin: 15px 0 0 0; } .tender-table-pagination .pagination a { height: 35px; width: 35px; margin: 0 10px 0 0; } .tender-table table thead th.number { width: 70px; } .tender-table table thead th.link { width: 80px; } } @media (max-width: 340px) { .tender-table-pagination .pagination a { height: 30px; width: 30px; } }