@media (max-width : 767px) {
    .modal-banner .modal-logo {
      width: 150px!important;
      top: 20px;
    }
    .wrapper-table .top-table .stars {
      left: -10px;
      bottom: 65px;
    }
    .wrapper-table .mid-table-left td {
      border : 0px;
    }
    .mid-table-left.inputbox td {
      border-top: 1px solid var(--color-main-01);
      border-bottom: 1px solid var(--color-main-01);
    }
    .mid-table-left.inputbox td:nth-child(1) {
      width: 50%;
      padding-left: 6px;
      padding-right: 3px;
    }
    .mid-table-left.inputbox td:nth-child(2) {
      width: 50%;
      padding-left: 3px;
      padding-right: 6px;
    }
    .tgbutton-sports td:nth-child(1) img {
      width: 80px;
      top: 0px;
      left: -10px;
    }
    .tgbutton-sports td {
      font-size: 16px;
    }
    .toggle-section.tab-4 .col-xs-6 {
      margin-bottom: 10px;
    }
    .tab-content .tab-pane {
      height: auto!important;
    }
    .main-table td {
      font-size: 13px;
    }
    .main-table td:nth-child(2) {
      width: 20%;
      padding-right: 5px;
    }
    .rollbook_wrap header {
      padding : 20px 10px;
    }
    .rbook_header_center p:first-child {
      font-size: 38px;
      margin-bottom: 0px;
    }
    .rbook_header_center p:nth-child(2) {
      font-size: 16px;
      margin-bottom: 5px;
    }
    .rbook_header_center p:nth-child(3) {
      font-size: 12px;
    }
    .rbook_table > tbody > tr:nth-child(2) > td {
      height: auto;
      font-size: 12px;
    }
    .ring-left, .ring-right {
      top: 100px;
    }
    .rbook_infobtn {
      top: 10px;
    }
    .rbook_infobtn i {
      font-size: 24px;
    }
    .bt.rbook {
      padding : 5px 10px;
    }
    .calendar td {
      font-size: 11px;
    }
    .score_type {
      display: none;
    }
    .contents_wrap.mini .panel-body.pad_0 {
      padding: 0px;
    }
    .overflowtext.mybet_league {
      width: 15px;
    }
    .overflowtext.mybetinplay {
      width: 125px;
    }
  }


/*************************************************************************************************************
* Media CSS **********************************************************************************************
**************************************************************************************************************/

    @media (max-width : 1885px) {
      .nav-top .icons a {
        margin-right: 28px;
      }
      .nav-top .menubox div {
        margin-left: 25px;
        margin-right: 25px;
      }
    }
    @media (max-width : 1735px) {
      .nav-top .icons a {
        margin-right: 26px;
      }
      .nav-top .menubox div {
        margin-left: 18px;
        margin-right: 18px;
      }
    }
    @media (max-width : 1655px) {
      .nav-top .icons a {
        margin-right: 24px;
      }
    }
    @media (max-width : 1585px) {
      .nav-top .icons,
      .nav-top .menubox {
        padding-left: 5px;
        padding-right: 5px;
      }
      .nav-top .menubox div {
        margin-right: 10px;
        margin-left: 10px;
      }
    }
    @media (max-width : 1555px) {
      .nav-top .menubox div {
        margin-left: 7px;
        margin-right: 7px;
      }
      .nav-top .icons a {
        margin-right: 22px;
      }
    }