@media only screen and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .footer-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  table th,
  table td {
    padding: 1.5rem 0.5rem;
    font-size: 1.2rem;
  }
  table th {
    font-size: 1rem;
  }
  .nav-tab-btn {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .nav-tab-btn >li {
    width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .nav-tab-text {
    display: block;
  }
  .nav-tab-text >li {
    width: auto;
    padding-top: 2rem;
  }
  .nav-tab-text >li:first-child {
    padding-top: 0;
  }
  .nav-tab-text a {
    padding-bottom: 0.5rem;
  }
  .tournament.tournament-main {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
  .tournament.tournament-main .tournament-image {
    margin-left: -2.1rem;
    margin-right: -2.1rem;
  }
  .news.news-main {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
  .news.news-main .news-image {
    margin-left: -2.1rem;
    margin-right: -2.1rem;
  }
  .section-title {
    padding-left: 0;
    padding-right: 0;
  }
  .section-title .title-link {
    display: none;
  }
  .online-label {
    position: relative;
    display: inline-block;
    margin: 1rem 0 0;
  }
  .top-event {
    display: block;
  }
  .top-event-title {
    width: auto;
  }
  .top-event-box {
    width: auto;
  }
  .card-main-content {
    padding-bottom: 3.5rem;
    text-align: center;
  }
  .card-main-bottom img {
    margin: 0 auto;
  }
  .admin-column {
    display: block;
  }
  .admin-column-left {
    width: auto;
  }
  .admin-column-right {
    width: auto;
    padding-top: 4rem;
  }
  .admin-sitebar {
    margin: 0;
    position: static !important;
  }
  .admin-sitebar + div {
    display: none !important;
  }
  .xdsoft_datetimepicker {
    padding: 0 0.5rem 1rem;
  }
  .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 22rem;
  }
  .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev,
  .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next {
    display: none;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker {
    width: 6rem;
    padding-top: 3rem;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time {
    font-size: 1.2rem;
    height: 3rem;
    line-height: 3rem;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    display: none;
  }
  .xdsoft_datetimepicker .xdsoft_label {
    font-size: 1.6rem;
  }
  .xdsoft_datetimepicker .xdsoft_label .xdsoft_option {
    font-size: 1.3rem;
  }
  .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    max-height: 12.4rem;
    top: 2rem;
  }
  .xdsoft_datetimepicker .xdsoft_calendar td,
  .xdsoft_datetimepicker .xdsoft_calendar th {
    font-size: 1.2rem;
    height: 2rem;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_scroller_box {
    height: 11.7rem;
  }
  .xdsoft_datetimepicker .xdsoft_monthpicker {
    height: 2.5rem;
  }
  .xdsoft_scrollbar {
    width: 0.3rem;
  }
  .popup-box {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .popup-title {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  .admin-separate .btn-right {
    text-align: left;
  }
  .header-right .header-user {
    margin-left: 1rem;
  }
  .open-menu {
    margin: 0 0 0 1rem;
  }
  .header-personal {
    margin: 0 0 0 1rem;
    width: 3.2rem;
  }
  a.header-personal-name,
  .header-personal-name {
    padding: 0;
  }
  a.header-personal-name .name,
  .header-personal-name .name {
    display: none;
  }
  a.header-personal-name .img-box,
  .header-personal-name .img-box {
    width: 3.2rem;
    padding: 0;
  }
  a.header-personal-name i,
  .header-personal-name i {
    display: none;
  }
  .header-link {
    width: auto;
  }
  .header-link >li {
    padding: 0 0 0 1rem;
  }
  .header-link >li a {
    height: 3.2rem;
    width: 3.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    background: #d92b2b;
    border-radius: 50%;
    font-size: 1.6rem;
  }
  .header-link >li a:hover {
    color: #fff;
  }
  .header-link >li a i.icon-search {
    font-size: 1.4rem;
  }
  .header-link >li a .number {
    height: 1.5rem;
    min-width: 1.5rem;
    background: #3c3c3c;
    font-size: 1rem;
    right: -0.5rem;
    top: -0.5rem;
  }
  .header-personal-drop {
    right: -6rem;
  }
  .league-dicription {
    padding: 2rem;
  }
  .popup-lock .popup-box {
    padding: 2rem 1.5rem;
  }
  .popup-lock .popup-title {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  .lock-user {
    margin-bottom: 3rem;
  }
  .lock-user .img-box {
    margin-bottom: 3rem;
  }
  .lock-user .lock-user-text {
    margin-bottom: 3rem;
  }
  .popup-main-row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .popup-main-row >div {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .CaruselPromo .slick-slide >div:nth-child(1),
  .CaruselPromo .slick-slide >div:nth-child(2) {
    width: 100%;
  }
  .SliderArticleNav {
    display: none !important;
  }
  .video .video-content .name {
    font-size: 5rem;
  }
  .video .video-content p {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 575px) {
  .section-title h2,
  .admin-column h2,
  h1 {
    font-size: 2.6rem;
  }
  h2,
  .personal-box h2,
  .league-dicription h2 {
    font-size: 2.4rem;
  }
  h3,
  .card h3,
  .title-sub h3 {
    font-size: 2.2rem;
  }
  input.tx,
  .jq-selectbox__select,
  .jq-selectbox__dropdown ul li,
  .form-editer .form-editer-box,
  .textarea-editer {
    font-size: 1.6rem;
  }
  .reiting .title-sub {
    padding-top: 2rem;
  }
  .btn {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
  }
  .popup-title {
    font-size: 2rem;
  }
  .footer-menu-box {
    width: 50%;
  }
  .footer-logo {
    margin: auto;
    width: 23rem;
  }
  .footer-contact {
    text-align: center;
  }
  .footer-socials {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .paging li {
    padding: 0 1rem;
  }
  .box-border-form {
    padding: 2rem;
  }
  .info-box.info-box-cite {
    padding: 4rem 1.5rem;
  }
  .info-box.info-box-cite::before {
    top: 1rem;
    left: 1rem;
  }
  .info-box.info-box-cite::after {
    bottom: 1rem;
    right: 1rem;
  }
  .one-event .img-box {
    width: auto;
  }
  .info-box {
    padding: 2rem;
  }
  .Tab.TabBorder {
    padding: 2rem;
  }
  .img-left {
    float: none;
    margin-right: 0;
  }
  .tournament-nav {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .tournament-nav li {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .tournament-ad {
    margin-bottom: 46.4rem;
  }
  .slids {
    min-height: 45.5rem;
  }
  .slids .imgBox::before {
    background: rgba(23,26,31,0.6);
  }
  .slids-content {
    font-size: 1.4rem;
  }
  .slids-content .name {
    font-size: 3.2rem;
  }
  .section-title {
    margin-bottom: 2.5rem;
  }
  .hot-event {
    display: block;
  }
  .hot-event .hot-event-right {
    display: block;
    padding: 0;
  }
  .hot-event .hot-event-content {
    padding-right: 0;
  }
  .hot-event .hot-event-content::before {
    display: none;
  }
  .hot-event ul {
    display: block;
  }
  .SliderEventTop {
    padding-right: 2.5rem;
  }
  .personal-game {
    padding: 0;
    display: block;
    text-align: center;
  }
  .personal-game .box-icon {
    position: static;
    margin: 0 auto 1rem;
  }
  .list-personal-friend {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .list-perosonal-info li {
    display: block;
  }
  .navigation {
    display: block;
  }
  .navigation li {
    text-align: center;
  }
  .navigation li a {
    font-size: 2.6rem;
  }
  .navigation li::after {
    display: none;
  }
  .navigation.navigation-sub a {
    font-size: 2rem;
  }
  .personal-box h2 {
    margin-bottom: 3rem;
  }
  .list-perosonal-info {
    margin-bottom: 3rem;
  }
  .list-card-data >li {
    display: block;
  }
  .list-card-data >li .sub {
    width: auto;
  }
  .card-partner {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .list-winners >li {
    padding-bottom: 2rem;
  }
  .list-winners >li:last-child {
    padding-bottom: 0;
  }
  .schedule-nav,
  .schedule-nav-sub {
    display: block;
  }
  .schedule-nav li,
  .schedule-nav-sub li {
    text-align: center;
  }
  .schedule-nav li::after,
  .schedule-nav-sub li::after {
    display: none;
  }
  .avatar {
    text-align: center;
  }
  .avatar .img-box {
    margin-left: auto;
    margin-right: auto;
  }
  .avatar .avatar-info {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .personal-main {
    min-height: 28rem;
  }
  .select-small,
  .admin-search,
  .admin-separate .btn-add,
  .form-date-small {
    width: 100%;
  }
  .logo a {
    width: 12rem;
  }
  .admin-separate .nav-game {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .admin-separate .admin-separate-nav {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .admin-separate .separate-view {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .avatar-btn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  a.ads-vk,
  .ads-vk {
    padding: 2rem 1.5rem;
  }
  .coment .coment {
    padding-left: 2rem;
  }
  .list-personal-friend {
    margin-top: -3rem;
  }
  .list-personal-friend li {
    padding-top: 3rem;
  }
  .edit-drop-box {
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .lock-user .lock-user-text {
    padding-left: 0;
  }
  .card-info {
    max-width: 100%;
  }
  .popup-main-row >div {
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top: 0.2rem solid #d9d9d9;
  }
  .popup-main-row >div:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .popup-main-row >div:last-child {
    padding-bottom: 0;
  }
  .popup-main-row::before {
    display: none;
  }
  .popup-main-box .btn {
    max-width: 100%;
  }
  .popup-main-box .box-icon {
    margin-bottom: 3rem;
  }
  .list-data >li {
    display: block;
    padding-top: 1.4rem;
  }
  .list-data >li > * {
    display: block;
    padding: 0;
  }
  .CaruselTranslation .slick-slide::before,
  .CaruselTranslation .slick-slide::after {
    display: none;
  }
  .event-in .event-content {
    padding: 4.5rem 1.5rem 1rem;
  }
  .event-in .event-top {
    left: 1.5rem;
  }
  .event-in.event-large .event-content {
    font-size: 1.4rem;
    padding: 4.5rem 1.5rem 1rem;
  }
  .event-in.event-large .name {
    font-size: 2.2rem;
  }
  .event-in .name {
    overflow: hidden;
    max-height: 5.1rem;
  }
  .event-in p {
    overflow: hidden;
    max-height: 3.2rem;
  }
  .info-line {
    margin-left: 0;
    padding-left: 1.5rem;
  }
  .header-activate {
    font-size: 1.7rem;
  }
  .slick-dots {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    padding-top: 1rem;
  }
  .slick-dots li {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
  .slick-dots li button {
    height: 0.8rem;
    width: 0.8rem;
  }
  .main-top .main-top-img {
    height: 20rem;
  }
  .video .video-content .name {
    font-size: 2.2rem;
  }
  .video .video-content p {
    font-size: 1.8rem;
  }
  .video .video-content .video-info {
    padding: 1.5rem;
  }
  .video .video-content .play {
    height: 6rem;
    width: 6rem;
  }
}
@media only screen and (max-width: 359px) {
  .header-box {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .header-right {
    right: 1rem;
  }
  .header-right .header-user {
    margin-left: 0.5rem;
  }
  .open-menu {
    margin-left: 0.5rem;
  }
  .header-personal {
    margin-left: 0.5rem;
  }
  .header-link >li {
    padding-left: 0.5rem;
  }
  .logo a {
    width: 11rem;
  }
}