@media screen and (max-width: 768px) {
  .mobile-hidden {
    display: none; }
  .mobile-only {
    display: block; }
  .mobile-only-inline {
    display: inline; }
  .bg {
    height: 178px; }
  .second-brand {
    margin-top: 9px;
    margin-right: 0;
    padding-left: 24px; }
  .navbar-toggler {
    margin-top: 10px; }
  .hidden-xs {
    display: none; }
  .main-body {
    padding-top: 88px; }
  .navbar-collapse {
    background: linear-gradient(91.27deg, #7C4EB6 17.89%, #6072FF 81.77%);
    padding: 12px;
    z-index: 100;
    margin-top: 17px; }
  .breadcrumb-div {
    margin-top: 20px; }
    .breadcrumb-div a, .breadcrumb-div span {
      font-size: 14px;
      line-height: 16px; }
  .title {
    font-size: 24px;
    min-height: 100px;
    }
  .flex-col {
    width: 100%; }
  .flex-row {
    display: block; }
  .odd td, .even td {
    font-size: 13px; }
  .rate-col {
    width: 50%; }
    .rate-col input[type=submit] {
      margin-top: 0;
      width: 100%; }
    .rate-col input, .rate-col select {
      padding: 10px 8px; }
  .form-inline .rate-col:last-child {
    width: 100%; }
  .form-control {
    height: 40px; }
  #ratesTableHolder {
    margin: 0; }
    #ratesTableHolder .table tr td:first-child {
      width: 90px;
      padding-left: 25px; }
    #ratesTableHolder .table tr td:nth-child(2) {
      width: 100px; }
    #ratesTableHolder .table tr td:nth-child(3) {
      width: 140px; }
    #ratesTableHolder .table tr td a {
      width: 85%; }
  .info-box.info-text {
    padding: 13px 24px; }
  .how_to_list {
    padding-left: 15px; }
    .how_to_list li:before {
      top: 30%;
      left: -5%; }
  .mob-list .pre-btn {
    font-size: 12px;
    line-height: 16px;
    width: auto; }
  .predefined .block-title {
    margin: 0; }
  select + img {
    margin-top: -40px;
    height: 40px;
    padding: 16px; }
  .value-box {
    max-width: 100%; }
  .custom-tab-controller {
    padding-left: 0; }
    .custom-tab-controller img {
      margin-left: 0; }
  #pieChart {
    height: 160px !important; }
  .pie #legend {
    margin: 20px; }
  .pie-li {
    width: 50%;
    display: inline-block; }
  .pie-legend, .horizontal-calc label, .extra, .last-link,
  #bar-legend ul li, .rate-col input, .rate-col select,
  .form-inline label, .rates-click-track, .col-6 .pre-btn, .hint {
    font-size: 14px; }
  .rate-main {
      font-size: 24px;
      line-height: 28px;
  }
  #bar-legend ul {
    padding: 0; }
    #bar-legend ul li {
      font-size: 12px;
      width: 25%;
      padding-right: 5px;
      float: initial; }
      #bar-legend ul li:nth-child(4) span img {
        top: -6px; }
  .line-row .value-title {
    font-size: 12px; }
  .shadow-my {
    width: 62%; }
  .mob-list {
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    padding: 29px; } }