/* ####################################################### */

html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
}

html {
  box-sizing: border-box;
}

/* ################## font declarations ################## */

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-ExtraBold.eot');
  src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
     url('fonts/OpenSans-ExtraBold.woff') format('woff'),
     url('fonts/OpenSans-ExtraBold.ttf') format('truetype'),
     url('fonts/OpenSans-ExtraBold.svg') format('svg');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Semibold.eot');
  src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
     url('fonts/OpenSans-Semibold.woff') format('woff'),
     url('fonts/OpenSans-Semibold.ttf') format('truetype'),
     url('fonts/OpenSans-Semibold.svg') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Bold.eot');
  src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
     url('fonts/OpenSans-Bold.woff') format('woff'),
     url('fonts/OpenSans-Bold.ttf') format('truetype'),
     url('fonts/OpenSans-Bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Light.eot');
  src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
     url('fonts/OpenSans-Light.woff') format('woff'),
     url('fonts/OpenSans-Light.ttf') format('truetype'),
     url('fonts/OpenSans-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bryantlight_alternate';
  src: url('fonts/Bryant-LightAlternate.woff2') format('woff2'),
     url('fonts/Bryant-LightAlternate.woff') format('woff'),
     url('fonts/Bryant-LightAlternate.ttf') format('truetype'),
     url('fonts/Bryant-LightAlternate.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
     url('fonts/Montserrat-Bold.woff') format('woff'),
     url('fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* ####################### general ####################### */

*, *:before, *:after {
  box-sizing: inherit;
}

div, span, a, select, input {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  border: 0px;
}

ul {
  padding-right: 10px;
}

b {
  font-weight: 600;
}

a {
  font-family: inherit;
  font-weight: normal;
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
  font-size: inherit;
}

/* ####################### headings ###################### */

h1 {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 38px;
  line-height: 42px;
  color: #575757;
}

h1.block-title {
  padding: 25px 0px 25px 0px;
}

h2 {
  margin: 0;
  padding: 0;
  font-family: 'bryantlight_alternate', 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #575757;
}

h3 {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}

/* ##################### menu items ###################### */

#topmenu {
  width: 100%;
  height: 80px;
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 800;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

#darkoverlay {
  position: fixed;
  z-index: 850;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #252525;
  display: none;
}

#side-menu-container {
  position: fixed;
  z-index: 900;
  top: 0%;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #252525;
}

.openmenu {
  cursor: pointer;
}

#closemenu {
  position: fixed;
  z-index: 999;
  top: 13px;
  width: 70px;
  height: 70px;
  background: url(menuclose.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border: 3px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: none;
}

/* #################### content area ##################### */

.wrapper-table-outer {
  display: table;
  width: 100%;
  min-height: 500px;
}

.wrapper-table-row {
  display: table-row;
}

.wrapper-table-outer-padding, .wrapper-table-inner-padding {
  display: table-cell;
  width: 3%;
}

.wrapper-table-cell {
  display: table-cell;
}

.wrapper-table-left {
  width: 60%;
}

.wrapper-table-right {
  width: 31%;
}

.wrapper-table {
  position: relative;
  width: 100%;
}

.wrapper-graph {
  display: block;
  position: relative;
  width: 100%;
  border: 1px solid #333;
  margin-bottom: 35px;
}

.spinner-table, spinner-graph {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  z-index: 99;
  background-color: #fff;
}

.spinner {
  position: relative;
  top: 45%;
  color: #333;
  text-align: center;
  vertical-align: middle;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.datatableinner, .graphinner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
}

.graphtitle {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #333;
}

#graph_day, #graph_week, #graph_month {
  width: 400px;
  height: 250px;
}

.content {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #575757;
}

.content-padding {
  padding-top: 15px;
  padding-left: 35px;
  padding-right: 35px;
}

#width-detect {
  margin: 0 auto;
  width: 1px;
  height: 1px;
}

/* ##################### footer area ##################### */

#fullfooter {
  width: 100%;
  display: block;
}

.footer {
  text-align: center;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #fff;
  padding-top: 10px;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover {
  color: #fff;
  text-decoration: underline;
}

#fullcopyright {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  display: block;
}

#midcopyright, #mobilecopyright {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  display: none;
}

a.eighteenthree {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}

a.eighteenthree:hover {
  color: #fff;
  text-decoration: underline;
}

/* ################### tables and forms ################## */

form {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.newstyletable-heading {
  margin-bottom: 4px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  font-size: 12px;
}

.newstyletable-tablewidth {
  width: 600px;
}

.newstyletable-inputwidth {
  width: 590px;
}

.newstyletable-forminput {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #1a1a1a;
  background: #f5f5f5;
  border: 0px;
  border-radius: 0px;
  padding: 2px;
  margin: 0px;
}

.newstyletable-formtextarea {
  overflow: auto;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #1a1a1a;
  background: #f5f5f5;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}

.newstyletable-btn, .newstyletable-btn:hover {
  margin-bottom: 4px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  font-size: 16px;
  background: #8cc63f;
  color: #fff;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.forminput {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #151515;
  background: transparent;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}

.dark-form-btn, .dark-form-btn:hover {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #fff;
  background: #333;
  border: 0px;
  border-radius: 0px;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-webkit-input-placeholder {
  color: #bbb;
}

:-ms-input-placeholder {
  color: #bbb;
}

::-moz-placeholder {
  color: #bbb;
  opacity: 1;
}

:-moz-placeholder {
  color: #bbb;
  opacity: 1;
}

/* #################### main data table ################## */

#tableswitcher {
  border-collapse: collapse;
  height: 32px;
  margin-bottom: 2px;
}

#tableswitcher td {
  height: 32px;
  padding: 5px 15px 5px 15px;
  text-align: center;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}

#tableswitcherdummy {
  border-collapse: collapse;
  height: 32px;
}

#tableswitcherdummy td {
  height: 32px;
  padding: 5px 15px 5px 15px;
  text-align: center;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  vertical-align: middle;
  border-bottom: 2px solid #fff;
  cursor: default;
}

.tableswitcher-default {
  color: #fff;
  background-color: #333;
  border-bottom: 2px solid #333;
}

.tableswitcher-spacer {
  background-color: #fff;
  border-bottom: 2px solid #fff;
}

.tableswitcher-hover {
  color: #fff;
  background-color: #555;
  border-bottom: 2px solid #555;
}

.tableswitcher-highlight {
  color: #333;
  background-color: #fbbc05;
  border-bottom: 2px solid #fbbc05;
}

#tablewrapper {
  position: relative;
  width: 100%;
  padding-top: 32px;
  background-color: #333;
  border: 1px solid #333;
}

.datatablewrapper {
  width: 100%;
  overflow-y: auto;
}

#datatable_btc, #datatable_usd {
  border-spacing: 0;
  width: 100%;
}

#datatable_btc th, #datatable_usd th {
  height: 0;
  line-height: 0;
  padding: 0;
  padding-right: 15px;
  color: transparent;
  border: none;
  text-align: left;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
}

#datatable_btc th div, #datatable_usd th div {
  position: absolute;
  background: transparent;
  color: #fff;
  top: 0;
  margin-left: 5px;
  margin-top: 15px;
  border: none;
  text-align: left;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
}

#datatable_btc td, #datatable_usd td {
  padding: 5px;
  text-align: left;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
}

#datatable_btc tr:last-child td, #datatable_usd tr:last-child td {
  border-bottom: none;
}

.odd {
  background-color: #fff;
  cursor: pointer;
}

.even {
  background-color: #fafafa;
  cursor: pointer;
}

.data-cell-mouseover {
  background-color: #ddd;
}

.data-cell-highlight {
  background-color: #fbbc05;
}

.sortable {
  cursor: pointer;
}

.cl {
  width: 16px;
  height: 16px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sl {
  width: 50px;
  height: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ################ general media queries ################ */

@media screen and (min-width:1201px) {
  .headerlogo { height:62px; }
  #headerpadding { width:100%; height:80px; }
  .topmenuwidth { width:95%; height:80px; }
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:none; }
  #topmenu { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-phone { display:none; }
  #topmenu-mini { display:none; }
  #closemenu { top:15px; width:65px; height:65px; }
  #fullcopyright { display:block; }
  #midcopyright { display:none; }
  #mobilecopyright { display:none; }
  .content-padding { padding-left:35px; padding-right:35px; }
  .newstyletable-tablewidth { width:700px; }
  .newstyletable-inputwidth { width:690px; }
}

@media screen and (min-width:951px) and (max-width:1200px) {
  .headerlogo { height:45px; }
  #headerpadding { width:100%; height:80px; }
  .topmenuwidth { width:95%; height:80px; }
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:none; }
  #topmenu { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-phone { display:none; }
  #topmenu-mini { display:none; }
  #closemenu { top:15px; width:65px; height:65px; }
  #fullcopyright { display:block; }
  #midcopyright { display:none; }
  #mobilecopyright { display:none; }
  .content-padding { padding-left:35px; padding-right:35px; }
  .newstyletable-tablewidth { width:700px; }
  .newstyletable-inputwidth { width:690px; }
}

@media screen and (min-width:701px) and (max-width:950px) {
  .headerlogo { height:40px; }
  #headerpadding { width:100%; height:70px; }
  .topmenuwidth { width:95%; height:70px; }
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:block; }
  #topmenu { display:none; }
  #topmenu-mobile { display:block; }
  #topmenu-phone { display:none; }
  #topmenu-mini { display:none; }
  .openmenu { font-size:20px; }
  #closemenu { top:15px; width:65px; height:65px; }
  #fullcopyright { display:block; }
  #midcopyright { display:none; }
  #mobilecopyright { display:none; }
  .content-padding { padding-left:35px; padding-right:35px; }
  .newstyletable-tablewidth { width:600px; }
  .newstyletable-inputwidth { width:590px; }
}

@media screen and (min-width:501px) and (max-width:700px) {
  .headerlogo { height:36px; }
  #headerpadding { width:100%; height:70px; }
  .topmenuwidth { width:95%; height:70px; }
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:block; }
  #topmenu { display:none; }
  #topmenu-mobile { display:block; }
  #topmenu-phone { display:none; }
  #topmenu-mini { display:none; }
  .openmenu { font-size:18px; }
  #closemenu { top:15px; width:65px; height:65px; }
  #fullcopyright { display:none; }
  #midcopyright { display:block; }
  #mobilecopyright { display:none; }
  .content-padding { padding-left:30px; padding-right:30px; }
  .newstyletable-tablewidth { width:100%; }
  .newstyletable-inputwidth { width:100%; }
}

@media screen and (min-width:401px) and (max-width:500px) {
  .headerlogo { height:70px; }
  #headerpadding { width:100%; height:80px; }
  .topmenuwidth { width:92%; }
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:block; }
  #topmenu { display:none; }
  #topmenu-mobile { display:none; }
  #topmenu-phone { display:block; }
  #topmenu-mini { display:none; }
  .openmenu { font-size:20px; }
  #closemenu { top:17px; width:60px; height:60px; }
  #fullcopyright { display:none; }
  #midcopyright { display:none; }
  #mobilecopyright { display:block; }
  .content-padding { padding-left:20px; padding-right:20px; }
  .newstyletable-tablewidth { width:100%; }
  .newstyletable-inputwidth { width:100%; }
}

@media screen and (max-width:400px) {
  .headerlogo { height:60px; }
  #headerpadding { width:100%; height:80px; }
  .topmenuwidth { width:92%; }
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:block; }
  #topmenu { display:none; }
  #topmenu-mobile { display:none; }
  #topmenu-phone { display:none; }
  #topmenu-mini { display:block; }
  .openmenu { font-size:20px; }
  #closemenu { top:17px; width:60px; height:60px; }
  #fullcopyright { display:none; }
  #midcopyright { display:none; }
  #mobilecopyright { display:block; }
  .content-padding { padding-left:20px; padding-right:20px; }
  .newstyletable-tablewidth { width:100%; }
  .newstyletable-inputwidth { width:100%; }
}

/* ############# media queries for box layout ############ */

@media screen and (min-width:1501px) {
  #width-detect { width:400px; }
  .wrapper-table-outer { display:table; width:100%; }
  .wrapper-table-outer-padding, .wrapper-table-inner-padding { display:table-cell; width:3%; }
  .wrapper-table-cell { display:table-cell; }
  .wrapper-table-left { width:60%; }
  .wrapper-table-right { width:31%; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:734px; }
  .height-inner { height:700px; }
  #tableswitcher td { font-size:14px; }
  #tableswitcherdummy { display:block; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:14px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:14px; }
  .col3 { display:none; }
  .graph-height { height:365px; }
}

@media screen and (min-width:1376px) and (max-width:1500px) {
  #width-detect { width:300px; }
  .wrapper-table-outer { display:table; width:100%; }
  .wrapper-table-outer-padding, .wrapper-table-inner-padding { display:table-cell; width:3%; }
  .wrapper-table-cell { display:table-cell; }
  .wrapper-table-left { width:60%; }
  .wrapper-table-right { width:31%; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:634px; }
  .height-inner { height:600px; }
  #tableswitcher td { font-size:12px; }
  #tableswitcherdummy { display:block; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:12px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:12px; }
  .col3 { display:none; }
  .graph-height { height:365px; }
}

@media screen and (min-width:1301px) and (max-width:1375px) {
  #width-detect { width:300px; }
  .wrapper-table-outer { display:table; width:100%; }
  .wrapper-table-outer-padding, .wrapper-table-inner-padding { display:table-cell; width:3%; }
  .wrapper-table-cell { display:table-cell; }
  .wrapper-table-left { width:58%; }
  .wrapper-table-right { width:33%; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:634px; }
  .height-inner { height:600px; }
  #tableswitcher td { font-size:12px; }
  #tableswitcherdummy { display:block; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:12px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:12px; }
  .col3 { display:none; }
  .graph-height { height:365px; }
}

@media screen and (min-width:1201px) and (max-width:1300px) {
  #width-detect { width:200px; }
  .wrapper-table-outer { display:table; width:90%; }
  .wrapper-table-outer-padding { display:none; }
  .wrapper-table-inner-padding { display:block; width:100%; height:35px; }
  .wrapper-table-cell { display:block; }
  .wrapper-table-left { width:100%; min-height:350px; }
  .wrapper-table-right { width:100%; min-height:350px; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:534px; }
  .height-inner { height:500px; }
  #tableswitcher td { font-size:14px; }
  #tableswitcherdummy { display:none; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:14px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:14px; }
  .col3 { display:none; }
  .wrapper-graph { display:inline-block; width:490px; margin:0px 20px 35px 20px; }
  .graph-height { height:365px; }
}

@media screen and (min-width:1001px) and (max-width:1200px) {
  #width-detect { width:200px; }
  .wrapper-table-outer { display:table; width:90%; }
  .wrapper-table-outer-padding { display:none; }
  .wrapper-table-inner-padding { display:block; width:100%; height:35px; }
  .wrapper-table-cell { display:block; }
  .wrapper-table-left { width:100%; min-height:350px; }
  .wrapper-table-right { width:100%; min-height:350px; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:534px; }
  .height-inner { height:500px; }
  #tableswitcher td { font-size:14px; }
  #tableswitcherdummy { display:none; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:14px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:14px; }
  .col3 { display:none; }
  .wrapper-graph { display:inline-block; width:410px; margin:0px 15px 35px 15px; }
  .graph-height { height:365px; }
}

@media screen and (min-width:876px) and (max-width:1000px) {
  #width-detect { width:100px; }
  .wrapper-table-outer { display:table; width:90%; }
  .wrapper-table-outer-padding { display:none; }
  .wrapper-table-inner-padding { display:none; }
  .wrapper-table-cell { display:block; }
  .wrapper-table-left { width:100%; min-height:350px; }
  .wrapper-table-right { display:none; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:534px; }
  .height-inner { height:500px; }
  #tableswitcher td { font-size:12px; }
  #tableswitcherdummy { display:none; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:12px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:12px; }
  .col3 { display:none; }
}

@media screen and (min-width:801px) and (max-width:875px) {
  #width-detect { width:100px; }
  .wrapper-table-outer { display:table; width:90%; }
  .wrapper-table-outer-padding { display:none; }
  .wrapper-table-inner-padding { display:none; }
  .wrapper-table-cell { display:block; }
  .wrapper-table-left { width:100%; min-height:350px; }
  .wrapper-table-right { display:none; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:534px; }
  .height-inner { height:500px; }
  #tableswitcher td { font-size:12px; }
  #tableswitcherdummy { display:none; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:12px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:12px; }
  .col7, .col3 { display:none; }
}

@media screen and (min-width:651px) and (max-width:800px) {
  #width-detect { width:100px; }
  .wrapper-table-outer { display:table; width:90%; }
  .wrapper-table-outer-padding { display:none; }
  .wrapper-table-inner-padding { display:none; }
  .wrapper-table-cell { display:block; }
  .wrapper-table-left { width:100%; min-height:350px; }
  .wrapper-table-right { display:none; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:534px; }
  .height-inner { height:500px; }
  #tableswitcher td { font-size:12px; }
  #tableswitcherdummy { display:none; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:12px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:12px; }
  .col1, .col2, .col4 { display:none; }
  .col3 { display:block; }
}

@media screen and (min-width:501px) and (max-width:650px) {
  #width-detect { width:100px; }
  .wrapper-table-outer { display:table; width:95%; }
  .wrapper-table-outer-padding { display:none; }
  .wrapper-table-inner-padding { display:none; }
  .wrapper-table-cell { display:block; }
  .wrapper-table-left { width:100%; min-height:350px; }
  .wrapper-table-right { display:none; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:534px; }
  .height-inner { height:500px; }
  #tableswitcher td { font-size:12px; }
  #tableswitcherdummy { display:none; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:12px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:12px; }
  .col1, .col2, .col4, .col7 { display:none; }
  .col3 { display:block; }
}

@media screen and (min-width:351px) and (max-width:500px) {
  #width-detect { width:100px; }
  .wrapper-table-outer { display:table; width:100%; }
  .wrapper-table-outer-padding { display:none; }
  .wrapper-table-inner-padding { display:none; }
  .wrapper-table-cell { display:block; }
  .wrapper-table-left { width:100%; min-height:350px; }
  .wrapper-table-right { display:none; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:534px; }
  .height-inner { height:500px; }
  #tableswitcher td { font-size:12px; }
  #tableswitcherdummy { display:none; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:12px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:12px; }
  .col1, .col2, .col4, .col6, .col7 { display:none; }
  .col3 { display:block; }
}

@media screen and (max-width:350px) {
  #width-detect { width:100px; }
  .wrapper-table-outer { display:table; width:100%; }
  .wrapper-table-outer-padding { display:none; }
  .wrapper-table-inner-padding { display:none; }
  .wrapper-table-cell { display:block; }
  .wrapper-table-left { width:100%; min-height:350px; }
  .wrapper-table-right { display:none; }
  .height-outer, .wrapper-table-left, .wrapper-table { height:534px; }
  .height-inner { height:500px; }
  #tableswitcher td { font-size:12px; }
  #tableswitcherdummy { display:none; }
  #datatable_btc th div, #datatable_btc th, #datatable_btc td { font-size:12px; }
  #datatable_usd th div, #datatable_usd th, #datatable_usd td { font-size:12px; }
  .col1, .col2, .col4, .col6, .col7, .col9 { display:none; }
  .col3 { display:block; }
}

/* ############## media queries for adverts ############## */

@media screen and (min-width:801px) {
  .advert-large-728 { display:block; }
  .advert-large-468 { display:none; }
  .advert-large-320 { display:none; }
}

@media screen and (min-width:501px) and (max-width:800px) {
  .advert-large-728 { display:none; }
  .advert-large-468 { display:block; }
  .advert-large-320 { display:none; }
}

@media screen and (max-width:500px) {
  .advert-large-728 { display:none; }
  .advert-large-468 { display:none; }
  .advert-large-320 { display:block; }
}

@media screen and (min-width:1001px) {
  .advert-small-468 { display:block; }
  .advert-small-320 { display:none; }
  .advert-small-200 { display:none; }
  .advert-small-125 { display:none; }
}

@media screen and (min-width:701px) and (max-width:1000px) {
  .advert-small-468 { display:none; }
  .advert-small-320 { display:block; }
  .advert-small-200 { display:none; }
  .advert-small-125 { display:none; }
}

@media screen and (min-width:501px) and (max-width:700px) {
  .advert-small-468 { display:none; }
  .advert-small-320 { display:none; }
  .advert-small-200 { display:block; }
  .advert-small-125 { display:none; }
}

@media screen and (max-width:500px) {
  .advert-small-468 { display:none; }
  .advert-small-320 { display:none; }
  .advert-small-200 { display:none; }
  .advert-small-125 { display:block; }
}

/* ######################################################### */