* {
  box-sizing: border-box;
}

.mobile-menu {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 39px;
  z-index: 999;
  display: none;
}

.mobile-drawer {
  position: fixed;
  top: 0;
  right: -301px;
  z-index: 998;
  width: 300px;
  height: 100vh;
  overflow-y: auto;
  background: #000000;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-in-out;
}

.mobile-drawer.slideIn {
  right: 0;
  transition: all 0.3s ease-in-out;
}

.mobile-drawer .cover {
  display: flex;
  flex-direction: column;
  padding-top: 100px;
  padding-top: 75px;
}

.mobile-drawer .cover .link {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
}

.mobile-drawer .cover .link span,
.mobile-drawer .cover .link > a {
  display: block;
  width: 100%;
  padding: 20px 20px;
  color: #ffffff;
  position: relative;
}

.mobile-drawer .cover .link span i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 18px;
}

.mobile-drawer .cover .link .sub {
  font-size: 14px;
  padding-bottom: 10px;
  display: none;
  padding-top: 10px;
}

.mobile-drawer .cover .link .opensub.active {
  background: #ffffff;
  color: #000000;
}

.mobile-drawer .cover .link .opensub.active i {
  color: #000000;
}

.mobile-drawer .cover .link .sub a {
  display: block;
  width: 100%;
  color: rgba(255, 255, 255, 0.6);
  padding: 10px 20px 10px 30px;
  text-transform: capitalize;
}

.mobile-drawer .cover .button {
  display: flex;
  justify-content: space-between;
  padding: 30px 20px;
  flex-wrap: wrap;
  gap: 20px;
}

.mobile-drawer .cover .button a {
  width: 100%;
  border-radius: 20px;
  color: #000000;
  background: #ffc427;
  text-align: center;
  padding: 10px 10px;
  font-family: "Lato-SemiBold";
  text-transform: uppercase;
}

.mobile-drawer .cover .button a.register {
  background: #ffffff;
  color: #000000;
}

.mobile-drawer .cover .language {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.mobile-drawer .cover .language a {
  color: #ffc427;
}

.mobile-drawer .cover .cart-item {
  width: 100%;
  background: #2f2f2f;
  display: none;
}

.mobile-drawer .cover .cart-item i {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #444444;
  color: #ffffff;
}

.mobile-drawer .cover .cart-item p {
  width: calc(100% - 56px);
  color: #ffffff;
  height: 56px;
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.mobile-drawer .cover .cart-item p b {
  display: inline-block;
  padding-right: 5px;
}

.slide-content span.link {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.slide-content span.link b {
  margin-right: 0px !important;
}

.homevideo_cover .vid {
  width: 100%;
  max-width: 560px;
}

.homevideo_cover .vid iframe {
  width: 100%;
}

.slide-content span.form {
  max-width: 600px;
  width: 100%;
}

.main-chart .top-chart {
  display: flex;
}

.main-chart .top-chart .new-total {
  height: auto;
}

ul.bottom-social {
  margin-right: 0;
}

.alert-content {
  width: 95%;
  max-width: 600px;
}

.cover-alert {
  width: 100%;
  max-width: 500px;
}

.story .content {
  width: 90%;
  max-width: 620px;
}

.tips-box ul.list li span .mobiletext {
  display: none;
}

#awards .abox {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  align-items: center;
}

#awards .abox span.aright {
  position: relative;
  top: initial;
  left: initial;
  padding: 0;
  width: calc(100% - 180px);
}

#awards .abox span.aright ul li {
  display: flex;
  flex-wrap: wrap;
}

#awards .abox span.aright ul li p {
  width: calc(100% - 60px);
}

#awards .abox span.aright ul li h3 {
  text-transform: capitalize;
}

.per-cover ul.perlist li span .mobiletext,
.bundle-cover ul.perlist .mobiletext,
.s-mytipster ul.tlist li span .mobiletext,
.s-tipsperformance .tp-cover ul.perlist li span .mobiletext,
.s-purchasehistory .tip-plist ul.tip-forlist li span .mobiletext,
.s-transactionhistory .tran-list ul.tran-forlist li span .mobiletext,
#all-option ul.list li span .mobiletext {
  display: none;
  color: #ffffff;
  text-transform: capitalize;
  font-size: 14px;
  font-family: "Lato-SemiBold";
  padding-bottom: 5px;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 10px;
  text-align: left;
}

.edit-profile ul li.image label {
  max-width: 100%;
}

.per-date .date-range input#datepickerbutton {
  text-transform: capitalize;
}

.s-purchasehistory .tip-plist ul.tip-forlist li .more-content .content-cover {
  width: calc(100% - 20px);
  max-width: 900px;
  max-height: 95vh;
  overflow-y: auto;
}

.s-purchasehistory .tip-plist ul.tip-forlist li .more-content ul.total-sum li {
  flex: 1 1 33%;
  display: flex;
  justify-content: space-between;
  row-gap: 5px;
}

.tips-box span.select select {
  background-image: url(../images/angle-down.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.moneyback-pop .content,
.agerestrict-pop .content,
.responsive-pop .content {
  width: calc(100% - 20px);
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
}

.mobile-viewmore {
  color: #ffc427;
  display: none;
}

@media only screen and (max-width: 1200px) {
  .header,
  .cover-menu,
  .top-slide,
  .bottom-widget,
  .footer,
  .copyright,
  .main-content {
    padding: 0px 10px;
  }

  .cover-header {
    position: relative;
  }
  .news {
    display: none;
  }
}

@media only screen and (max-width: 1100px) {
  #awards .abox span.aright ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 20px;
  }

  #awards .abox span.aright ul li {
    width: 49%;
    margin: 0;
  }
}

@media only screen and (max-width: 940px) {
  .cover-menu ul li {
    margin-right: 0;
  }
}

@media only screen and (max-width: 873px) {
  .left-contain {
    float: none;
    width: 100%;
    padding-bottom: 40px;
  }

  .right-contain {
    width: 100%;
    max-width: 480px;
    float: none;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 835px) {
  .cover-menu ul,
  .header-right {
    display: none;
  }

  .mobile-menu {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .payment-method ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 10px;
  }

  .payment-method ul li {
    width: 32%;
    margin: 0 0;
  }

  .payment-method ul li h4 a {
    height: auto !important;
  }

  .payment-method ul li > a {
    width: 100%;
    height: 70px;
  }

  .tips-box ul.list li span a.color-button {
    background: #ffffff;
    color: #000000;
    padding: 10px 10px;
  }

  #all-option ul.head {
    display: none;
  }

  #all-option ul.list li span .mobiletext {
    display: block;
  }

  #all-option .date {
    width: 70px;
    text-align: left;
  }

  #all-option .event {
    width: 50%;
    text-align: left;
  }

  #all-option .type {
    width: calc(50% - 70px);
    text-align: left;
  }

  #all-option .tip {
    width: 50%;
    text-align: left;
  }

  #all-option .odds {
    width: 25%;
    text-align: left;
  }

  #all-option .plus {
    width: 25%;
    text-align: left;
  }

  #all-option .tipster {
    width: 50%;
    text-align: left;
  }

  #all-option .result {
    width: 50%;
    text-align: left;
    background: rgba(0, 0, 0, 0.5);
  }

  #all-option ul.list {
    background: #000000;
  }

  #all-option ul.list li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 10px;
  }

  #all-option ul.list > li {
    border-bottom: 1px solid #ffc427;
  }

  #all-option ul.list li:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
  }

  .s-mytipster ul.head {
    display: none;
  }

  .s-mytipster ul.tlist li span .mobiletext {
    display: block;
  }

  .s-mytipster ul.tlist li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 10px;
  }

  .s-mytipster ul.tlist > li {
    border-bottom: 1px solid #ffc427;
  }

  .s-mytipster ul.tlist li:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
  }

  .s-mytipster ul.tlist li span {
    height: auto;
  }

  .s-mytipster .sl {
    width: 60px;
    text-align: left;
  }

  .s-mytipster .tipsters {
    width: calc(100% - 60px);
  }

  .s-mytipster .notips {
    width: 33%;
    text-align: left;
  }

  .s-mytipster .hit {
    width: 34%;
    text-align: left;
  }

  .s-mytipster .profit {
    width: 33%;
    text-align: left;
  }

  .s-mytipster .action {
    width: 100%;
    text-align: left;
  }

  .edit-profile ul li {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: flex-end;
  }

  .edit-profile ul li span {
    width: calc(100% - 160px);
  }

  .edit-profile ul li.mobile span input.mobile {
    width: calc(100% - 60px);
  }

  .tipster-profile {
    display: flex;
    gap: 30px;
  }

  .fixture-content .tipster-profile .pright {
    padding: 0 0;
  }

  .fixture-content .tipster-profile .pright .pdesc span {
    padding-bottom: 20px;
  }

  .tipster-profile .pright {
    position: relative;
    width: calc(100% - 106px);
    top: initial;
    right: initial;
    padding: 0;
  }

  .tipster-profile .pright .pdesc ul.p-number,
  .tipster-profile .pright .pdesc span {
    width: 100%;
    height: auto;
    float: none;
  }

  .tipster-profile .pright .pdesc ul.p-number,
  .tipster-profile .pright .pdesc ul.p-link {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }

  .tipster-profile .pright .pdesc ul.p-link li,
  .tipster-profile .pright .pdesc ul.p-link li.share {
    width: auto;
  }

  .tipster-profile .pright .pdesc ul.p-number {
    padding: 15px;
    gap: 2%;
    row-gap: 20px;
  }

  .tipster-profile .pright .pdesc ul.p-number li {
    margin: 0 0;
    flex: 1 1 32%;
    padding: 0;
  }

  .tips-box ul.list li {
    display: flex;
    flex-wrap: wrap;
  }

  #buying-option .date {
    width: 70px;
  }

  #buying-option .event {
    width: calc(100% - 70px);
  }

  #buying-option .type {
    width: 30%;
    text-align: left;
  }

  #buying-option .tipster {
    width: 40%;
    text-align: left;
  }

  #buying-option .result {
    width: 30%;
    background: rgba(0, 0, 0, 0.5);
  }

  #buying-option .option {
    width: 100%;
  }

  #buying-option ul.head {
    display: none;
  }

  #buying-option .mobiletext {
    color: #ffffff;
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    font-family: "Lato-SemiBold";
    padding-bottom: 5px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 5px;
  }

  #buying-option ul.list {
    background: #000000;
  }

  #buying-option ul.list li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 10px;
  }

  #buying-option ul.list > li {
    border-bottom: 1px solid #ffc427;
  }

  #buying-option ul.list li:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
  }

  #login-option ul.head {
    display: none;
  }

  #login-option ul.list {
    display: flex;
    flex-wrap: wrap;
    background: #000000;
  }

  #login-option .date {
    width: 70px;
    text-align: left;
  }

  #login-option .event {
    width: calc(100% - 70px);
    text-align: left;
  }

  #login-option .type {
    width: 25%;
    text-align: left;
  }

  #login-option .tip {
    width: 25%;
    text-align: left;
  }

  #login-option .odds {
    width: 25%;
    text-align: left;
  }

  #login-option .tipster {
    width: 25%;
    text-align: left;
  }

  .tips-box ul.list li span.login-bar {
    width: 50%;
  }

  #login-option .result {
    width: 100%;
    text-align: left;
    background: rgba(0, 0, 0, 0.5);
  }

  #login-option ul.list li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 10px;
  }

  #login-option ul.list > li {
    border-bottom: 1px solid #ffc427;
  }

  #login-option ul.list li:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
  }

  #login-option .mobiletext {
    color: #ffffff;
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    font-family: "Lato-SemiBold";
    padding-bottom: 5px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 5px;
  }

  .tips-box ul.list li span.option-list {
    background: rgba(0, 0, 0, 0.5);
  }

  .todaytips-list .tips-box.bundle {
    display: block;
    margin: 30px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    border-top: solid 1px #323232;
  }

  .widget span {
    width: 25%;
  }

  .widget span.widget-img {
    position: relative;
    width: 100%;
    top: initial;
    right: initial;
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
  }

  .widget span div.h3 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .widget span div.h3 .clear {
    display: none;
  }

  .widget span div.h3 a {
    margin: 0 0;
  }

  .widget span div.h2 {
    margin-bottom: 10px;
  }

  .regbox ul li.check {
    display: flex;
    align-items: center;
  }

  .regbox ul li.check b {
    width: calc(100% - 40px);
    height: auto;
  }

  .site-map ul li {
    width: 100%;
    float: none;
  }
}

@media only screen and (max-width: 700px) {
  .per-cover ul.perlist li span .mobiletext {
    display: block;
  }

  .per-cover ul.perlist li span a {
    text-align: center;
  }

  .per-cover ul.perlist li span {
    text-align: left;
  }

  .per-cover ul.perlist li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 10px;
  }

  .per-cover ul.perlist > li {
    border-bottom: 1px solid #ffc427;
  }

  .per-cover ul.perlist li:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
  }

  .per-cover ul.head {
    display: none;
  }

  .per-cover .date {
    width: 70px;
    text-align: left;
  }

  .per-cover .event {
    width: calc(100% - 70px);
    text-align: left;
  }

  .per-cover .type {
    width: 50%;
    text-align: center;
  }

  .per-cover .tip {
    width: 25%;
    text-align: center;
  }

  .per-cover .odds {
    width: 25%;
    text-align: center;
  }

  .per-cover .wager {
    width: 25%;
    text-align: center;
  }

  .per-cover .plus {
    width: 25%;
    text-align: center;
  }

  .per-cover .result {
    width: 50%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
  }

  .per-cover .purchase-button {
    width: 100%;
    text-align: center;
  }

  .per-cover .login-button {
    width: 100%;
    text-align: center;
  }

  .per-cover .bundle-button {
    width: 100%;
    text-align: center;
  }

  #service span {
    overflow-x: auto;
  }

  #service span ul.record {
    width: 600px;
  }

  .header {
    padding: 0px 5px;
  }

  .header-right {
    display: none;
  }

  .main-chart .top-chart {
    flex-wrap: wrap;
  }

  .main-chart .top-chart .pie-info {
    margin: 0 auto;
  }

  .main-chart .top-chart .tiplist {
    width: 100%;
    float: none;
  }

  .main-chart .bot-chart ul {
    display: flex;
    justify-content: space-between;
    gap: 2%;
  }

  .main-chart .bot-chart ul li {
    width: 49%;
    margin: 0;
  }

  .top-tipster .top-left,
  .top-tipster .top-right {
    width: 100%;
    float: none;
  }

  .top-tipster .top-left {
    margin-bottom: 20px;
  }

  .tipster-list ul.head {
    display: none;
  }

  .tipster-list ul.tlist li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 10px;
  }

  .tipster-list ul.tlist > li {
    border-bottom: 1px solid #ffc427;
  }

  .tipster-list ul.tlist li:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
  }

  .tipster-list ul.tlist li .mobiletext {
    color: #ffffff;
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    font-family: "Lato-SemiBold";
  }

  .tipster-list ul.tlist li span p {
    padding: 7px 0px 14px;
  }

  .tipster-list ul.tlist li span a.view {
    padding: 7px 0px 14px;
  }

  .tipster-list .pos {
    width: 10%;
    text-align: left;
  }

  .tipster-list .tipsters {
    width: 30%;
    text-align: left;
  }

  .tipster-list .notips {
    width: 20%;
    text-align: left;
  }

  .tipster-list .hit {
    width: 20%;
    text-align: left;
  }

  .tipster-list .profit {
    width: 20%;
    text-align: left;
  }

  .tipster-list .action {
    width: 100%;
    text-align: left;
  }

  .tipster-list ul.tlist li span a.view {
    padding-left: 0;
  }
}

@media only screen and (max-width: 655px) {
  .bundle-cover ul.perlist .mobiletext {
    display: block;
  }

  .bundle-cover ul.head {
    display: none;
  }

  .bundle-cover ul.perlist {
    display: flex;
    flex-wrap: wrap;
  }

  .bundle-cover .date {
    width: 70px;
  }

  .bundle-cover .tipster {
    width: calc(100% - 70px);
  }

  .bundle-cover .credit {
    width: 25%;
    text-align: left;
  }

  .bundle-cover .amount {
    width: 25%;
    text-align: left;
  }

  .bundle-cover .balance {
    width: 25%;
    text-align: left;
  }

  .bundle-cover .yield {
    width: 25%;
    text-align: left;
  }

  .bundle-cover ul.perlist li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 10px;
  }

  .bundle-cover ul.perlist > li {
    border-bottom: 1px solid #ffc427;
  }

  .bundle-cover ul.perlist li:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
  }

  .right-payment-content,
  .left-payment-content {
    width: 100%;
    max-width: 100%;
    float: none;
    margin: 0 auto;
  }

  .left-payment-content ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 30px;
    gap: 2%;
    row-gap: 10px;
    background: none;
  }

  .left-payment-content ul li {
    width: 23.5%;
    text-align: center;
    background: #343434;
  }

  .left-payment-content ul li.active:after {
    display: none;
  }

  .left-payment-content ul li a {
    padding: 20px 20px;
  }

  .dashboard-profile {
    display: flex;
    gap: 20px;
  }

  .dashboard-profile .pright {
    position: relative;
    top: initial;
    right: initial;
    padding: 0;
    width: calc(100% - 86px);
  }

  .dashboard-profile .pright .pdesc {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .dashboard-profile .pright .pdesc span,
  .dashboard-profile .pright .pdesc ul.credit {
    height: auto;
    width: 100%;
  }

  .dashboard-profile .pright .pdesc span h2 {
    position: relative;
    top: initial;
    transform: none;
  }

  .per-date .date-range .date-range-picker {
    position: fixed;
    width: 100%;
    max-width: 317px;
    left: 50%;
    right: initial;
    top: 50%;
    max-height: 95vh;
    overflow-y: auto;
    transform: translate(-50%, -50%);
    background: #272727;
    z-index: 9999999999;
    border: 2px solid #ffc427;
    border-radius: 10px;
  }

  .per-date .date-range .date-range-picker .picker-table {
    float: none;
  }

  .per-date .date-range .date-range-picker .picker-table ul {
    display: flex;
  }

  .per-date .date-range .date-range-picker form {
    width: 100%;
  }

  .per-date .date-range .date-range-picker .picker-left {
    width: 100%;
    padding-bottom: 30px;
    float: none;
  }

  .per-date .date-range .date-range-picker .picker-right {
    width: 100%;
    float: none;
  }

  .per-date .date-range .date-range-picker .picker-table input.calendar-left,
  .per-date .date-range .date-range-picker .picker-table input.calendar-right {
    float: none;
    margin: 5px 0px;
    width: 100%;
  }

  .per-date select {
    background-image: url(../images/angle-down.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
  }
}

@media only screen and (max-width: 620px) {
  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    ul.d-head {
    display: none;
  }

  .s-purchasehistory .tip-plist ul.tip-forlist li .more-content ul.total-sum {
    background: #000000;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    ul.d-list
    li {
    display: flex;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    ul.d-list {
    background: #000000;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    ul.d-list
    li {
    border-bottom: 1px solid #ffc427;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    .event {
    width: 70px;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    .match {
    width: calc(100% - 70px);
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    .btype {
    width: 33%;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    .tip {
    width: 34%;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    .result {
    width: 33%;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    ul.total-sum
    li
    b {
    width: 100%;
  }

  .s-purchasehistory .tip-plist ul.head,
  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .normal-list
    ul.d-head {
    display: none;
  }

  .s-purchasehistory .tip-plist ul.tip-forlist {
    background: #000000;
  }

  .s-purchasehistory .tip-plist ul.tip-forlist li,
  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .normal-list
    ul.d-list
    li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 10px;
  }

  .s-purchasehistory .tip-plist ul.tip-forlist > li,
  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    > li
    .more-content
    .normal-list
    ul.d-list
    li {
    border-bottom: 1px solid #ffc427;
  }

  .s-purchasehistory .tip-plist ul.tip-forlist li:nth-child(even),
  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .normal-list
    ul.d-list
    li:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
  }

  .s-purchasehistory .tip-plist ul.tip-forlist li span .mobiletext {
    display: block;
  }

  .s-purchasehistory .tip-plist .date {
    width: 70px !important;
    text-align: left;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .normal-list
    .match,
  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .normal-list
    .btype,
  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .normal-list
    .tipster,
  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .normal-list
    .price {
    width: 50%;
    text-align: left;
  }

  .bundle-purchase-history .invoice {
    width: calc(100% - 70px) !important;
    text-align: left;
  }

  .s-purchasehistory .tip-plist .tipster,
  .bundle-purchase-history .type,
  .bundle-purchase-history .fee,
  .bundle-purchase-history .amount {
    width: 50% !important;
    text-align: left;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .normal-list
    .tip {
    width: 100%;
    text-align: left;
  }

  .s-purchasehistory .tip-plist .invoice {
    width: calc(100% - 70px);
    text-align: left;
  }

  .s-purchasehistory .tip-plist .type {
    width: 33%;
    text-align: left;
  }

  .s-purchasehistory .tip-plist .fee,
  .s-purchasehistory .tip-plist .name {
    width: 34%;
    text-align: left;
  }

  .s-purchasehistory .tip-plist .amount,
  .s-purchasehistory .tip-plist .credit {
    width: 33%;
    text-align: left;
  }

  .s-purchasehistory .tip-plist .action {
    width: 100%;
    text-align: left;
  }

  .s-mytipster ul.tlist li span.more-content ul {
    display: flex;
    flex-wrap: wrap;
  }

  .s-mytipster ul.tlist li span.more-content ul li {
    width: 33%;
    flex: 1 1 50%;
    padding: 0 0;
    margin: 0 !important;
  }

  .s-purchasehistory .tip-plist ul.tip-forlist li span a.more {
    text-align: center;
    padding: 10px 10px;
    border: 1px solid #ffc427;
    background: #ffc427;
    color: #000000;
  }

  .deposit-method .deposit-amount ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 20px;
  }

  .deposit-method .deposit-amount ul li {
    width: 49%;
    margin: 0;
  }

  #awards .abox span.aright ul li {
    width: 100%;
  }

  .widget {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 20px;
    justify-content: space-between;
  }

  .widget span {
    width: 49%;
  }

  .login_wrapper {
    flex-wrap: wrap;
    row-gap: 30px;
  }

  .login_wrapper .left,
  .login_wrapper .right {
    width: 100%;
  }
}

@media only screen and (max-width: 545px) {
  .s-transactionhistory .tran-list ul.head {
    display: none;
  }

  .s-transactionhistory .tran-list ul.tran-forlist {
    background: #000000;
  }

  .s-transactionhistory .tran-list ul.tran-forlist li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 10px;
  }

  .s-transactionhistory .tran-list ul.tran-forlist > li {
    border-bottom: 1px solid #ffc427;
  }

  .s-transactionhistory .tran-list ul.tran-forlist li:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
  }

  .s-transactionhistory .tran-list ul.tran-forlist li span .mobiletext {
    display: block;
  }

  .s-transactionhistory .tran-list .date {
    width: 70px;
    text-align: left;
  }

  .s-transactionhistory .tran-list .desc {
    width: calc(100% - 70px);
    text-align: left;
  }

  .s-transactionhistory .tran-list .reference {
    width: 50%;
    text-align: left;
  }

  .s-transactionhistory .tran-list .credit {
    width: 50%;
    text-align: left;
  }

  .s-transactionhistory .tran-list .debit {
    width: 50%;
    text-align: left;
  }

  .s-transactionhistory .tran-list .balance {
    width: 50%;
    text-align: left;
  }

  .s-tipsperformance .tp-cover ul.head {
    display: none;
  }

  .s-tipsperformance .tp-cover ul.perlist li span .mobiletext {
    display: block;
  }

  .s-tipsperformance .tp-cover ul.perlist li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 10px;
  }

  .s-tipsperformance .tp-cover ul.perlist > li {
    border-bottom: 1px solid #ffc427;
  }

  .s-tipsperformance .tp-cover ul.perlist li:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
  }

  .s-tipsperformance .tp-cover .date {
    width: 70px;
  }

  .s-tipsperformance .tp-cover .event {
    width: calc(100% - 70px);
    text-align: left;
  }

  .s-tipsperformance .tp-cover .tipster {
    width: 50%;
    text-align: left;
  }

  .s-tipsperformance .tp-cover .type {
    width: 50%;
    text-align: left;
  }

  .s-tipsperformance .tp-cover .action {
    width: 100%;
    text-align: center;
  }

  .s-tipsperformance .tp-cover ul.perlist li span a.more {
    padding: 10px 10px;
    background: #ffffff;
    color: #000000;
  }

  .s-tipsperformance .tp-cover ul.perlist li span.more-content ul {
    display: flex;
    justify-content: space-between;
    gap: 2%;
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .s-tipsperformance .tp-cover ul.perlist li span.more-content ul li {
    width: 49% !important;
    margin: 0 !important;
    border-right: none !important;
    padding: 0 !important;
  }

  .left-payment-content ul li {
    width: 32%;
  }

  #countries ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2%;
    row-gap: 20px;
  }

  #countries ul li:first-child {
    margin: 0;
    padding: 30px 0px 10px;
    width: 100%;
    height: auto;
  }

  #countries ul li {
    width: 32%;
    margin: 0 !important;
  }

  .tipster-list ul.tlist li span.more-content ul li {
    width: 20%;
    margin: 0 !important;
  }

  .tipster-profile .pright .pdesc ul.p-number li {
    width: 100%;
  }

  #performance ul.alltime {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  #performance ul.alltime li {
    width: 100%;
    margin: 0;
    background: #ffffff !important;
  }

  #performance ul.alltime li:nth-child(odd) b {
    background: #124796 !important;
  }

  #performance ul.alltime li:nth-child(even) b {
    background: #127796 !important;
  }
}

@media only screen and (max-width: 480px) {
  .subscribe-button{
	  display:none;
  }

  .mobile-viewmore {
    display: inline-block;
  }

  .main-aboutus span p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 20;
    overflow: hidden;
  }

  .main-aboutus span.show-more p {
    display: block;
    -webkit-box-orient: initial;
    -webkit-line-clamp: initial;
    overflow: initial;
  }

  .homevideo,
  .controlhomevideo,
  .todaytips-list .videocover {
    display: none;
  }

  .deposit-method .select-method ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 10px;
  }

  .deposit-method .select-method ul li {
    width: 49%;
    margin: 0 0;
  }

  .deposit-method .select-method ul li a {
    width: 100%;
  }

  .payment-method ul li {
    width: 49%;
  }

  .bundle-cover .credit {
    width: 50%;
  }

  .bundle-cover .amount {
    width: 50%;
  }

  .bundle-cover .balance {
    width: 50%;
  }

  .bundle-cover .yield {
    width: 50%;
  }

  .dashboard-runningtips .per-cover .odds,
  .dashboard-runningtips .per-cover .tip {
    width: 50%;
  }

  .blog ul li {
    display: flex;
    flex-direction: column;
  }

  .video-list-slot-left {
    width: 100%;
  }

  .video-list-slot-right {
    width: 100%;
    height: auto;
    padding: 20px 0px;
  }

  .payment-bottom-cta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    padding: 30px 30px;
  }

  .payment-bottom-cta > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
  }

  .payment-bottom-cta > div > a {
    margin: 0 !important;
  }

  .right-payment-content .tabcontent {
    padding: 30px 20px;
  }

  .right-payment-content .tabcontent ul {
    display: flex;
    justify-content: space-between;
    row-gap: 20px;
    flex-wrap: wrap;
  }

  .right-payment-content .tabcontent ul li {
    width: 49%;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .tabcontent ul li span {
    margin-bottom: 7px;
  }

  .edit-profile ul li span {
    width: 100%;
  }

  .edit-profile ul li p {
    width: 100%;
  }

  .edit-profile input.sub {
    width: 100%;
  }

  .dashboard-profile {
    flex-wrap: wrap;
  }

  .dashboard-profile .pright {
    width: 100%;
  }

  .dashboard-profile .pleft {
    float: none;
    margin: 0 auto;
  }

  .dashboard-profile .pright .pdesc span h2 {
    text-align: center;
  }

  .dashboard-profile .pright .pdesc ul.p-link {
    display: flex;
    float: none;
    justify-content: space-between;
    gap: 2%;
  }

  .dashboard-profile .pright .pdesc ul.p-link li.close a {
    width: 100%;
  }

  .dashboard-profile .pright .pdesc ul.p-link li,
  .dashboard-profile .pright .pdesc ul.p-link li.close {
    width: 49%;
  }

  .team-versus .teamname ul {
    display: flex;
    justify-content: space-between;
  }

  .team-versus .teamname ul li {
    margin: 5px 0px;
  }

  .fixture-content .tipster-profile .pright .pdesc span a {
    margin: 0 auto;
  }

  #awards .abox span.aright ul li {
    gap: 10px;
  }

  #awards .abox span.aright {
    width: 100%;
  }

  .tipster-profile {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .tipster-profile .pright {
    width: 100%;
  }

  .tipster-profile .pright .pdesc span {
    text-align: center;
  }

  .tipster-bundle ul li {
    width: 100%;
  }

  #login-option .type {
    width: 33%;
    text-align: left;
  }

  .tips-box ul.list li span.login-bar {
    width: 67%;
  }

  #login-option .tip {
    width: 34%;
    text-align: left;
  }

  #login-option .odds {
    width: 33%;
    text-align: left;
  }

  #login-option .tipster {
    width: 50%;
    text-align: left;
  }

  #login-option .result {
    width: 50%;
    text-align: left;
  }

  .tipster-list ul.tlist li span.more-content ul {
    display: flex;
    flex-wrap: wrap;
  }

  .tipster-list ul.tlist li span.more-content ul li {
    width: 33%;
    flex: 1 1 50%;
    padding: 0 0;
  }

  .promotion ul li div.h2 {
    line-height: 1.3;
  }

  .faq ul.faqlist li div.h2 {
    display: flex;
    align-items: baseline;
  }

  .faq ul.faqlist li {
    margin-bottom: 30px;
  }

  .faq ul.faqlist li div.h2 b {
    line-height: 1.3;
  }

  .top-header {
    position: sticky;
    top: 0;
    z-index: 999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .mobile-drawer .cover .cart-item {
    display: flex;
  }

  .slide-content span.form ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .slide-content span.form ul li {
    width: 100%;
    margin: 0 0 !important;
  }

  .main-chart .top-chart .tiplist ul li {
    width: 50%;
    margin: 5px 0px;
  }

  .main-chart .top-chart .new-total span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .main-chart .top-chart .new-total span img {
    margin: 0;
  }

  .ban b {
    width: 100%;
    z-index: 1;
  }

  .ban span {
    width: 100%;
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
  }

  .ban span .h1 {
    margin: 0;
    text-align: center;
  }

  .widget span div.h3 {
    flex-wrap: wrap;
  }

  .widget ul li p,
  .cover-copyright p,
  .cover-main h1.title,
  .cover-main .h1.title {
    line-height: 1.5;
  }

  .cover-copyright p {
    text-align: center;
  }

  .regbox ul li span input.mobile {
    width: calc(100% - 60px);
  }

  #buying-option .type {
    width: 50%;
    text-align: left;
  }

  #buying-option .tipster {
    width: 50%;
    text-align: left;
  }

  #buying-option .result {
    width: 100%;
    text-align: left;
  }

  .profile-more ul.more-desc li {
    width: 50%;
  }

  .profile-more ul.more-link {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 10px;
  }

  .profile-more ul.more-link li {
    width: 100%;
    margin: 0 0;
  }

  ul.summary-main li {
    float: none;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  }
}

@media only screen and (max-width: 450px) {
}

@media only screen and (max-width: 420px) {
  .s-purchasehistory .tip-plist .fee,
  .s-purchasehistory .tip-plist .name {
    width: 50%;
  }

  .s-purchasehistory .tip-plist .type {
    width: 50%;
  }

  .s-purchasehistory .tip-plist .amount,
  .s-purchasehistory .tip-plist .credit {
    width: 50%;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    .btype {
    width: 50%;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    .tip {
    width: 50%;
  }

  .s-purchasehistory
    .tip-plist
    ul.tip-forlist
    li
    .more-content
    .bundle-list
    .result {
    width: 100%;
  }

  .s-tipstertips span.cart-desc h4 {
    position: relative;
    width: 100%;
    top: initial;
    right: initial;
    transform: none;
    padding: 10px 15px;
  }

  .s-tipstertips span.cart-desc ul {
    float: none;
    width: 100%;
    padding: 20px 15px;
  }

  .cart p.date,
  .cart p.type {
    float: none;
    text-align: left;
  }

  .cart span.cart-desc .h3 {
    display: flex;
    align-items: center;
    line-height: 1.3;
    position: relative;
    top: initial;
    right: initial;
    transform: none;
    width: 100px;
  }

  .cart span.cart-desc ul {
    padding: 25px 15px;
    width: calc(100% - 100px);
  }

  .cart span.cart-title {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    flex-wrap: wrap;
  }

  .cart span.cart-title a.cart-remove {
    text-align: center;
    line-height: 1.3;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
  }

  .cart span.cart-desc {
    display: flex;
  }

  .fixture-content .odds-compare .odds-box ul.odds-select li {
    width: 50% !important;
  }

  .per-date {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 15px;
  }

  .per-date select,
  .per-date .date-range {
    width: 100%;
    margin: 0 0;
  }

  .per-date .date-range input {
    width: 100%;
    text-transform: capitalize;
  }

  .subscription_dd_cover {
    flex-wrap: wrap;
  }

  #login-option .type {
    width: 40%;
    text-align: left;
  }

  .tips-box ul.list li span.login-bar {
    width: 60%;
  }

  #login-option .tip {
    width: 30%;
    text-align: left;
  }

  #login-option .odds {
    width: 30%;
    text-align: left;
  }

  #login-option .tipster {
    width: 50%;
    text-align: left;
  }

  #login-option .result {
    width: 50%;
    text-align: left;
  }

  .tipster-list,
  .country-search,
  .side-creditpack {
    padding: 30px 10px;
  }

  .regbox ul li span {
    width: 100%;
  }

  .regbox ul li span select {
    float: none !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }

  .main-chart .bot-chart ul {
    flex-wrap: wrap;
    gap: 20px;
  }

  .main-chart .bot-chart ul li {
    width: 100%;
  }

  .main-chart {
    padding: 30px 10px;
  }

  .subscribe-button {
    display: none;
  }

  .tipster-list .pos {
    width: 20%;
  }

  .tipster-list .tipsters {
    width: 50%;
  }

  .tipster-list .notips {
    width: 30%;
  }

  .tipster-list .hit {
    width: 50%;
  }

  .tipster-list .profit {
    width: 50%;
  }
}

@media only screen and (max-width: 380px) {
  .s-tipsperformance .tp-cover ul.perlist li span.more-content ul li {
    width: 100% !important;
  }

  .left-payment-content ul li {
    width: 49%;
  }

  .right-payment-content .tabcontent ul li {
    width: 100%;
  }

  .contact-us ul li {
    float: none !important;
    width: 100% !important;
  }

  .dashboard-profile .pright .pdesc ul.p-link {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .dashboard-profile .pright .pdesc ul.p-link li {
    width: 100% !important;
    margin: 0 !important;
  }
}

@media only screen and (max-width: 320px) {
  .widget span {
    width: 100%;
  }

  .s-mytipster .notips {
    width: 50%;
    text-align: left;
  }

  .s-mytipster .hit {
    width: 50%;
    text-align: left;
  }

  .s-mytipster .profit {
    width: 100%;
    text-align: left;
  }
}