@media screen and (min-width: 981px) { #Content H1:before { display: block; width: 120px; height: 100px; margin: -65px auto 10px auto; background: url(/i/icons.210255569.svg#sale); content: ""; } #SaleSearch { position: relative; width: 50%; margin: 0 auto; padding: 15px 30px; display: flex; } #SaleSearch:before { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; content: ""; background: #FFF; transform: skewX(-11.6deg); } #SaleSearch SELECT { padding-right: 20px; font-weight: 400; font-size: 18px; text-align: right; direction: rtl; border: none; outline: none; background: none; flex-grow: 1; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat center right; background-size: 18px; } #SaleSearch INPUT { font-weight: 400; font-size: 18px; margin: -5px 0 -5px 10px; padding: 0 20px; border: none; outline: none; border-left: 1px solid #CCC; flex-grow: 1; } #SaleSearch INPUT::-webkit-input-placeholder { color: #CCC; } #SaleSearch INPUT::-moz-placeholder { color: #CCC; } #SaleSearch INPUT:-ms-input-placeholder { color: #CCC; } #SaleSearch INPUT:-moz-placeholder { color: #CCC; } #SaleSearch INPUT:focus:valid { background: url(/i/icons.210255569.svg#search-reset) no-repeat right center; background-size: 30px 30px; } .NotFound { margin: 20px 0; text-align: center; } .dataTables_paginate { padding-top: 40px; text-align: center; } .paginate_button { position: relative; box-sizing: border-box; display: inline-block; min-width: 55px; padding: 6px 10px; margin: 0 4px; font-size: 13px; text-align: center; cursor: pointer; color: #000 !important; outline: none; } .paginate_button:before { position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background: #E3E3E3; content: ""; transform: skewX(-11.6deg); } .paginate_button.current { color: #FFF !important; } .paginate_button.current:before { background-color: #C41230; } .paginate_button.disabled, .paginate_button.disabled:hover, .paginate_button.disabled:active { cursor: default; color: #CCC !important; } .dataTables_wrapper:after { content: ""; display: table; clear: both; } .ellipsis { color: #CCC; font-size: 14px; } } @media screen and (max-width: 980px) { #Content { padding: 60px 0; } #Content H1:before { display: block; width: 150px; height: 125px; margin: -68px auto 20px auto; background: url(/i/icons.210255569.svg#sale); content: ""; } #SaleSearch { text-align: center; } #SaleSearch SELECT { font-weight: 500; font-size: 36px; color: #000; border: none; outline: none; padding: 10px 20px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #FFF url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat center right; background-size: 36px; } #SaleSearch INPUT { display: none; } .dataTables_paginate { padding-top: 40px; text-align: center; } .paginate_button { position: relative; box-sizing: border-box; display: inline-block; min-width1: 100px; padding: 12px 20px; margin: 0 8px; font-size: 22px; text-align: center; color: #000 !important; outline: none; } .paginate_button:before { position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background: #E3E3E3; content: ""; transform: skewX(-11.6deg); } .paginate_button.current { color: #FFF !important; } .paginate_button.current:before { background-color: #C41230; } .paginate_button.disabled, .paginate_button.disabled:hover, .paginate_button.disabled:active { cursor: default; color: #CCC !important; } .dataTables_wrapper:after { content: ""; display: table; clear: both; } .ellipsis { color: #999; } }