@media (max-width: 1000px) {
  .hide-on-mobile {
    display: none;
  }
  .hide-on-desktop {
    display: block !important;
  }
  section.main-nav ul.nav.hide-on-mobile {
    display: none !important;
  }
  .hamburger-menu.hide-on-desktop {
    display: flex !important;
    cursor: pointer;
  }
  .hamburger-menu-content.active {
    transform: translateX(0);
  }
  .download-btn {
    position: static;
  }
  .main-content-middle,
  .slider-login {
    flex-direction: column;
    align-items: center;
    height: max-content;
    gap: 20px;
    margin: 0;
  }
  .main-content-middle {
    padding-bottom: 50px;
  }
  .main-content {
    height: max-content;
    background-size: cover;
  }
  .main-content-middle .right-content {
    align-items: center;
  }
  .pagination {
    margin: 20px 0;
  }
  .main-content-middle.acc-panel .left-content {
    margin-top: 0;
  }
  .footer {
    padding: 20px 50px;
  }
}
@media (max-width: 768px) {
  .main-content,
  .main-content-middle .left-content,
  .main-content-middle .right-content,
  .main-content-middle .mid-content,	
  .slider-block {
    width: 100%;
    margin: 0;
  }
  .my-account-block .mac-table {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .my-account-block .mac-cell,
  .my-account-block .mac-table tr {
    display: block;
    width: 100%;
  }
  .my-account-block .mac-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 8px;
  }
  .article-bottom,
  .footer-wrapper {
    flex-direction: column;
  }
  .my-account-block .mac-label,
  .my-account-block .mac-value {
    word-break: break-word;
  }
  .article-block,
  .castle-block,
  .character-block,
  .character-options-block,
  .download-block,
  .events,
  .my-account-block,
  .panel-block,
  .rankings-block,
  .registration-block,
  .server-info-block,
  .top-player {
    width: calc(100vw - 50px) !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-left: 25px !important;
    margin-right: 25px !important;
    box-sizing: border-box !important;
    float: none !important;
  }
  .server-row .nickname {
    padding: 10px;
  }
  .footer-wrapper {
    align-items: center;
    gap: 20px;
  }
  .footer-left {
    gap: 20px;
  }
  .footer-bottom,
  .footer-top {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
  }
  .footer-left {
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
  }
  .footer-time {
    margin-top: 10px;
  }
  .social-links {
    justify-content: center;
    margin-top: 5px;
  }
  .droplist-header-controls {
    flex-direction: column;
    gap: 10px;
  }
  .droplist-select-wrapper,
  .search-wrapper {
    width: 100%;
  }
  .droplist-select {
    width: 100%;
    min-width: auto;
  }
  .search-results {
    width: 95%;
  }
  .paypal-gateway-container {
    width: 100%;
    margin: 0 0 10px;
  }
  .paypal-gateway-container .col-sm-4,
  .paypal-gateway-container .col-xs-12 {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
  .paypal-gateway-content {
    margin: 0 auto;
    max-width: 280px;
  }
  .registration-content img {
    max-width: 100%;
    height: auto;
  }
  .paypal-image-form {
    max-width: 100%;
  }
  .package-tag {
    left: 50%;
    transform: translateX(-50%);
    top: -3px;
  }
  .paypal-image-form img {
    max-width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .package-coin span,
  .package-prices span,
  .package-prizes-total span,
  .package-title span,
  .package-wcoin-total span {
    font-size: 13px;
    line-height: 1.2;
  }
  .paypal-gateway-continue a,
  .paypal-gateway-continue button {
    width: 80%;
    margin: 8px auto 0;
    padding: 5px 10px;
    font-size: 13px;
  }
  .payment-disclaimer {
    padding: 15px 10px;
  }
  .disclaimer-title {
    font-size: 16px;
  }
  .contact-details,
  .important-note,
  .info-text {
    font-size: 13px;
  }
  .packages-container {
    flex-direction: column;
    align-items: center;
  }
  .registration-content > img {
    max-width: 95%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .package-tag span {
    font-size: 12px;
    padding: 3px 8px;
  }
  .package-coin,
  .package-prices,
  .package-prizes-total,
  .package-title,
  .package-wcoin-total {
    display: block;
    width: 100%;
    text-align: center;
    margin: 3px 0;
    line-height: 1.2;
    float: none;
    clear: both;
  }
  .paypal-gateway-form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .paypal-gateway-continue {
    display: block;
    width: 100%;
    clear: both;
    text-align: center;
    margin-top: 5px;
  }
  .package-title {
    margin-top: 5px;
  }
  .package-prizes-total {
    margin-bottom: 5px;
  }
}
@media (max-width: 550px) {
  .squares-wrapper {
    flex-wrap: wrap;
    gap: 10px;
  }
  .paypal-gateway-container {
    padding: 0 3px;
  }
  .paypal-gateway-content {
    max-width: 240px;
    height: auto;
    padding-bottom: 8px;
  }
  .paypal-gateway-form > div {
    display: block;
    width: 100%;
    clear: both;
    float: none;
  }
  .package-coin,
  .package-prices,
  .package-prizes-total,
  .package-title,
  .package-wcoin-total {
    margin: 2px 0;
    padding: 0;
    font-size: 12px;
  }
  .package-coin span,
  .package-prices span,
  .package-prizes-total span,
  .package-title span,
  .package-wcoin-total span {
    font-size: 12px;
  }
  .paypal-gateway-continue a,
  .paypal-gateway-continue button {
    width: 75%;
    margin: 5px auto 0;
    padding: 4px 8px;
    font-size: 12px;
  }
  .paypal-image-form img {
    max-width: 80%;
  }
  .package-tag {
    left: 50%;
    transform: translateX(-50%);
    top: -3px;
  }
  .package-tag span {
    font-size: 10px;
    padding: 2px 6px;
  }
}
@media (max-width: 500px) {
  .tab-cards {
    flex-direction: column;
    align-items: center;
  }
  .tab-card {
    width: 180px;
    height: 70px;
    margin-bottom: 5px;
  }
}
@media (max-width: 400px) {
  .g-recaptcha {
    transform: scale(0.85);
  }
}
@media (min-width: 576px) {
  .col-sm-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    display: flex;
  }
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }
}
.packages-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}
.row.packages-container {
  margin-right: -15px;
  margin-left: -15px;
}