@media (max-width: 1600px) {
  header .market-values-wrapper .market-values-single {
    margin: 0 10px 0 0;
  }
  header .market-values-wrapper .market-values-single .market-head {
    font-size: 14px;
  }
  header .market-values-wrapper .market-values-single .market-status {
    font-size: 12px;
  }

  .rank-boxes-wrapper .rank-boxes {
    min-height: 210px;
  }

  .package-payment-wrapper {
    width: calc(100% - 420px);
  }

  .payment-summary-wrapper {
    max-width: 420px;
  }

  .wallet-name {
    padding-right: 10px;
  }
}
@media (max-width: 1500px) {
  header .market-values-wrapper {
    overflow-x: scroll;
  }

  .from-to-wrapper .from-to-range {
    right: -43px;
  }

  .package-content-head-row h2 {
    font-size: 45px;
  }
}
@media (max-width: 1366px) {
  .inner-page-tabs-wrapper ul.nav .nav-item {
    margin-right: 50px;
  }

  .right-content-wrapper {
    padding: 50px 40px 50px 20px;
  }

  .form-wrapper {
    max-width: 400px;
  }

  .from-to-wrapper .from-to-range {
    right: -50px;
  }

  .common-box {
    padding: 25px;
  }

  .rank-boxes-wrapper .rank-boxes {
    min-height: 180px;
  }
  .rank-boxes-wrapper .rank-boxes .rank-box-icon {
    margin: 0 15px 0 0;
  }
  .rank-boxes-wrapper .rank-boxes .rank-box-icon figure {
    width: 70px;
    height: 70px;
  }
  .rank-boxes-wrapper .rank-boxes .rank-box-icon figure::after {
    width: 55px;
    height: 55px;
    top: 6px;
  }
  .rank-boxes-wrapper .rank-boxes .rank-box-icon figure img {
    width: 17px;
  }
  .rank-boxes-wrapper .rank-box-contents .rank-box-contents-row {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .rank-boxes-wrapper .rank-box-contents .rank-box-contents-row h5 {
    min-width: 160px;
  }

  .two-side-contents-wrapper .two-side-contents-row h3 {
    text-align: right;
  }
  .two-side-contents-wrapper .two-side-contents-row h4 {
    text-align: left;
  }
  .two-side-contents-wrapper .two-side-contents-row h3,
.two-side-contents-wrapper .two-side-contents-row h4 {
    font-size: 14px;
  }

  .profile-card-single .profile-contents h2 {
    font-size: 24px;
    margin: 0 0 10px;
  }
  .profile-card-single .profile-contents p {
    font-size: 14px;
  }

  .main-head {
    font-size: 24px;
    line-height: 32px;
  }

  .white-btn {
    width: auto !important;
  }

  .package-payment-wrapper {
    width: calc(100% - 320px);
  }

  .payment-summary-wrapper {
    max-width: 320px;
  }

  .large-head {
    font-size: 22px;
  }

  .wallet-name figure {
    margin: 0 10px 0 0;
  }
  .wallet-name article h5 {
    font-size: 16px;
  }

  .package-content-head-row h2 {
    font-size: 36px;
  }

  .package-single h5 {
    font-size: 14px;
    line-height: 20px;
  }

  .package-content-row h3 {
    font-size: 15px;
  }

  .package-heading {
    font-size: 30px;
  }
}
@media (max-width: 1199px) {
  .sidebar-move {
    margin-left: 0px;
  }

  .inner-page-tabs-wrapper ul.nav {
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    border: none;
  }

  .inner-page-header h1 {
    font-size: 28px;
  }

  .right-content-wrapper {
    max-width: 100%;
    padding: 40px 0;
  }

  .form-wrapper {
    max-width: 90%;
  }

  .soccer-tips-wrapper {
    padding: 50px 50px 100px;
  }

  .table-wrap {
    overflow-x: scroll;
  }

  .package-payment-box {
    margin: 0 0 70px;
  }

  .pin-package-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .pin-package-wrapper .package-single {
    width: 31%;
  }
}
@media (max-width: 991px) {
  .sidebar-move {
    margin-left: 0px;
  }

  .grey-right-border {
    border-right: none;
  }

  .form-wrapper {
    max-width: 90%;
    margin: 30px 0 0;
  }

  header .market-values-wrapper {
    display: none;
  }

  .inner-page-header {
    padding: 0 30px 40px;
  }

  .inner-page-tabs-wrapper ul.nav {
    padding: 0 30px;
  }
  .inner-page-tabs-wrapper .tab-content {
    padding: 30px 30px;
  }

  .profile-cards-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .profile-cards-wrapper .profile-card-single {
    width: 48%;
    margin: 0 0 40px;
  }

  .box-bottom-content {
    margin: 30px 0 0;
  }

  .package-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .package-wrapper .package-single {
    width: 49%;
    margin: 0 0 20px;
  }

  .package-payment-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .package-payment-row .package-payment-wrapper,
.package-payment-row .payment-summary-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .inner-page-tabs-wrapper .inner-tabs {
    margin: 0;
  }

  .package-heading {
    margin: 0 0 20px;
  }

  .package-wrapper .package-single {
    width: 47%;
    margin: 0 15px 20px 0;
  }
}
@media (max-width: 767px) {
  .newpdright {
    padding: 0px !important;
    text-align: left;
  }

  .newpdleft {
    padding: 0px !important;
  }

  .soccer-tips-header1 {
    padding: 2px !important;
    overflow: hidden;
  }

  .addwrapper {
    padding-left: 0px;
  }

  body {
    padding: 0;
  }

  .sidebar {
    width: 0;
  }
  .sidebar .toggle-logo {
    padding: 15px 15px 9px;
  }

  nav ul {
    padding: 15px 15px;
  }

  .mobile-menu-header .toggle-logo {
    display: block;
    min-width: 50px;
  }

  .sidebar-on {
    width: 300px;
  }

  .banner-wrapper {
    min-height: 300px;
    max-height: 300px;
    padding: 50px 0 0 15px;
    background-position: 80% 100%;
  }
  .banner-wrapper .banner-content h1 {
    font-size: 50px;
  }
  .banner-wrapper .banner-content h4 {
    font-size: 33px;
  }

  .credit-slider-wrapper::after {
    background-position: top left;
    bottom: -50px;
  }

  .profile-cards-wrapper .profile-card-single {
    width: 100%;
  }

  .package-wrapper .package-single {
    width: 100%;
  }

  .package-content-head-row {
    margin: 0 0 30px;
  }
  .package-content-head-row h2 {
    font-size: 40px;
  }

  .package-single h3,
.package-single h5 {
    font-size: 16px;
  }

  .credit-slider-wrapper {
    padding: 30px 30px 0;
  }
  .credit-slider-wrapper .owl-carousel .owl-nav {
    left: -25px;
    width: calc(100% + 50px);
  }

  .soccer-tips-wrapper {
    padding: 50px 30px 100px;
  }
  .soccer-tips-wrapper .soccer-tips-main .soccer-tips-table {
    padding: 20px 15px 70px;
  }

  .soccer-content {
    font-size: 13px;
    line-height: 22px;
  }

  .soccer-details .team-names h2 {
    font-size: 20px;
  }
  .soccer-details .team-names h3.vs {
    font-size: 18px;
  }

  .soccer-details .date-time-cate p {
    font-size: 14px;
  }

  .score-area h2 {
    font-size: 30px;
  }

  .wallet-amount {
    font-size: 18px;
  }

  .wallet-name article h5 {
    font-size: 14px;
  }

  .inner-page-tabs-wrapper ul.nav .nav-item {
    margin-right: 10px;
  }

  .total-area-wrapper .total-area-row h3 {
    margin-right: 0;
  }
  .total-area-wrapper .total-area-row h4 {
    width: 150px;
  }

  .announce-details-page {
    padding: 130px 30px 30px;
  }
  .announce-details-page .details-page-head {
    font-size: 18px;
  }
  .announce-details-page .date-categories h6 {
    font-size: 15px;
  }
  .announce-details-page .details-page-contents p {
    font-size: 14px;
    line-height: 26px;
  }

  .bill-section {
    padding: 25px 20px;
  }

  .invoice-number-row .invoice-number-head {
    font-size: 16px;
  }
  .invoice-number-row .invoice-number-para {
    font-size: 16px;
  }
  .invoice-number-row p {
    font-size: 14px;
  }

  .bill-bottm-btns {
    padding: 30px 0 0;
  }

  .form-wrapper {
    margin-right: 0;
    max-width: 100%;
  }

  .table-head {
    font-size: 22px;
  }

  .two-btns button {
    min-width: 170px;
  }

  .bet-history-table-wrapper {
    margin: 40px 0 0;
  }
  .bet-history-table-wrapper table thead tr th {
    font-size: 12px;
  }
  .bet-history-table-wrapper table tbody tr td {
    font-size: 12px;
  }

  .inner-page-header {
    padding: 30px 15px 20px;
  }

  .table-contents-wrapper h3 {
    font-size: 16px;
  }

  .soccer-tips-wrapper .soccer-tips-main .soccer-tips-table-wrapper {
    padding: 0 15px 30px;
  }

  .phoneview {
    padding: 0;
  }

  .back-icon {
    font-size: 30px;
    margin: 0 0 10px;
  }

  .inner-page-tabs-wrapper ul.nav {
    min-height: 50px;
  }

  .package-wrapper .package-single {
    width: 47%;
  }

  .adjustment-form-wrapper {
    max-width: 90%;
  }
}
@media (max-width: 575px) {
  .banner-wrapper .banner-content {
    margin: 0;
    padding: 15px;
    width: calc(100% - 15px);
  }
  .banner-wrapper .banner-content h1 {
    font-size: 30px;
  }
  .banner-wrapper .banner-content h4 {
    font-size: 22px;
    margin: 0 0 6px;
  }
  .banner-wrapper .banner-content .banner-content-img img {
    width: 80px;
  }

  .rank-boxes-wrapper .rank-boxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .rank-boxes-wrapper .rank-boxes .rank-box-icon {
    margin: 0 0 15px;
  }

  .bill-section.bill-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .bill-bottm-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bill-bottm-btns button {
    margin: 0 0 15px;
  }

  .bill-header-left {
    margin: 0 0 20px;
  }

  .invoice-number-row {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .bill-half {
    width: 100%;
    margin: 0 0 30px;
  }

  .two-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .two-btns button {
    min-width: 170px;
    margin: 0 0 20px;
  }

  .upload-idcard-img-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .upload-idcard-img-wrapper .upload-idcard-single {
    width: 100%;
    margin: 0 0 20px;
  }

  .right-content-wrapper {
    padding-top: 0;
  }

  .package-wrapper .package-single {
    width: 100%;
    margin: 0 0 30px;
  }

  .box-head {
    font-size: 26px;
    margin-bottom: 10px;
    padding: 0 !important;
  }

  .refdetailbox {
    left: 50%;
    top: 30%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
  }
}
@media (max-width: 480px) {
  .inner-page-tabs-wrapper ul.nav {
    padding: 0 15px;
  }

  .inner-page-tabs-wrapper .tab-content {
    padding: 30px 15px;
  }

  .common-box {
    padding: 15px;
  }

  .two-side-contents-wrapper .two-side-contents-row h3,
.two-side-contents-wrapper .two-side-contents-row h4 {
    font-size: 12px;
  }

  .banner-wrapper .banner-content h1 {
    font-size: 20px;
  }
  .banner-wrapper .banner-content h4 {
    font-size: 16px;
    margin: 0 0 6px;
  }

  .inner-page-tabs-wrapper ul.nav .nav-item {
    margin-right: 20px;
  }

  .rank-boxes-wrapper .rank-boxes .rank-box-icon {
    margin: 0 0 15px;
  }
  .rank-boxes-wrapper .rank-boxes .rank-box-contents .rank-box-contents-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .rank-boxes-wrapper .rank-boxes .rank-box-contents .rank-box-contents-row h4 {
    text-align: left;
    margin: 10px 0 0;
  }

  .pagination button:nth-last-child(2), .pagination button:nth-last-child(3) {
    display: none;
  }
  .pagination .pagination-arrow {
    width: 30px;
  }

  .sidebar-on {
    width: 260px;
  }

  .copyright-content {
    padding: 20px 25px;
  }

  .medium-modal .modal-content {
    padding: 15px;
  }

  .medium-modal .modal-content .two-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .medium-modal .modal-content .two-btns .btn {
    width: 100%;
    margin: 0 0 20px;
  }

  .large-head {
    font-size: 18px;
  }

  .package-payment-row .payment-summary-wrapper,
.package-payment-row .package-payment-wrapper {
    padding: 20px;
  }

  .credit-name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .wallet-name {
    padding-right: 20px;
    width: 100%;
    margin: 0;
  }

  .adjustment-form-wrapper {
    max-width: 85%;
  }
}