@charset "UTF-8";
@media (max-width: 1600px) {
    .cart-detail .cart_item td {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-right: 40px;
        padding-left: 0px;
        vertical-align: top;
        font-size: 16px;
        font-weight: 500;
    }

    .cart-detail .cart_item td.product-name {
        width: 45%;
        position: relative;
    }

    .cart-detail .cart_item td.product-name .product-cate-title {
        font-size: 16px;
        color: #8aa5ba;
    }

    .cart-detail .cart_item .product-thumbnail .img-cart {
        width: 140px;
        height: 140px;
    }

    input.size-select[disabled] {
        background: none !important;
        width: 30px;
        height: 30px !important;
        border-radius: 50%;
        text-align: center;
        border: 1px solid #154a75;
        line-height: 25px;
        font-size: 16px;
        font-weight: 500;
        height: 25px;
        color: #154a75;
    }

    .search-area .top-search-area .top-search span {
        width: 100%;
        text-align: right;
        float: right;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        margin-top: 20px;
    }
}

@media (min-width: 1367px) and (max-width: 1960px) {
    .game-detail .charts h1 {
        width: 50%;
        font-weight: 700;
        text-transform: none;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .game-detail .charts .chart-filter {
        display: inline-block;
        vertical-align: top;
        margin-right: 0px;
        text-align: right;
    }

    .game-detail .charts .chart-filter select {
        background: url("/javax.faces.resource/images/arrow-down.png.xhtml?ln=frontend-layout") no-repeat !important;
        background-position-x: 155px !important;
        background-position-y: 10px !important;
        border: none;
        color: #ff4921;
        font-weight: bold;
        font-size: 18px;
        padding-right: 25px;
        position: relative;
    }

    .game-detail .charts .chart-filter select option {
        background-color: #00182b !important;
    }

    .game-detail .charts .chart-filter select option:checked {
        color: #ff4921;
    }

    .game-detail .charts .chart-filter select option:not(:checked) {
        color: #fff;
    }

    .game-detail .charts .charts-detail .table tbody tr th {
        font-size: 14px;
        font-weight: 700;
        line-height: 25px;
        border-top: none;
        vertical-align: middle;
    }

    .game-detail .charts .charts-detail .table tbody tr td {
        font-size: 14px;
        font-weight: 700;
        line-height: 25px;
        border-top: none;
        vertical-align: middle;
    }

    .game-detail .charts .charts-detail .table thead th {
        border-bottom: 1px solid #ff4921;
        font-size: 14px;
    }

    .game-detail .charts .charts-detail .table caption {
        padding-top: 10px;
        padding-bottom: 0px;
        color: #777;
        text-align: left;
    }

    .search-area .top-search-area .top-search span {
        width: 100%;
        text-align: right;
        float: right;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        margin-top: 20px;
    }
}

@media (min-width: 1240px) {
    footer .copy-right {
        font-weight: 700;
        font-size: 11px;
        line-height: 147px;
        text-align: left;
    }

    .game-item.horizontal .game-image {
        width: 100%;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        padding-top: 100%;
        border-radius: 24px 24px 0px 0px !important;
    }
}

@media (max-width: 1240px) {
    .filter-button {
        margin-top: 0 !important;
    }

    .game-detail .charts .chart-filter {
        margin: auto;
        text-align: center !important;
        width: 50% !important;
        float: none !important;
    }

    .game-detail .charts h1 {
        width: 48% !important;
    }

    .main-navigation li a {
        font-size: 14px;
        color: #fff;
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        font-family: "Montserrat";
        position: relative;
        line-height: 105px;
    }

    .game-detail .chart-header {
        width: 60% !important;
    }

    .game-detail .charts .chart-filter {
        display: inline-block;
        vertical-align: top;
        margin-right: 0px;
        text-align: right;
    }

    .reward-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 76% !important;
        margin-left: 10px;
    }

    .game-detail .charts .charts-detail {
        margin-top: 10px;
    }

    .top-player-page .charts .charts-detail .table thead th .icon {
        width: 23px;
        height: 25px;
        display: inline-block;
        text-align: center;
        margin-right: 9px;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
    }

    .top-player-page .charts .charts-detail .table thead th span {
        display: inline-block;
        vertical-align: top;
    }

    .top-player-page .charts .chart-filter {
        display: inline-block;
        vertical-align: top;
        float: right;
    }

    .game-description .game-image {
        width: 100%;
        padding-top: 100%;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        border-radius: 16px 16px 16px 0px;
        float: left;
        margin-top: -60px;
    }

    .game-detail-meta .game-item.horizontal h1.game-title {
        font-size: 25px;
    }

    .game-detail .charts .charts-detail .table tbody tr td {
        font-size: 14px;
        font-weight: 700;
        line-height: 28px;
        border-top: none;
        vertical-align: middle;
    }

    .game-detail .charts .charts-detail .table tbody tr th {
        font-size: 14px;
        font-weight: 700;
        line-height: 28px;
        border-top: none;
        vertical-align: middle;
    }
}

@media (min-width: 1024px) {
    .top-play-name {
        min-width: 180px;
    }

    #competition-form {
        width: 680px;
    }
}

@media (min-width: 1366px) and (max-width: 1380px) {
    .short-des-lg {
        display: block;
        padding: 15px;
        opacity: 0.6;
        font-size: 12px;
        overflow: hidden;
        margin-bottom: -10px;
        text-align: justify;
    }

    .game-description hr {
        margin-top: 10px;
        margin-bottom: -10px;
    }

    .game-slide h1.heading-title {
        color: #fff;
        font-weight: 700;
        font-size: 32px;
        text-transform: none;
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .game-item.horizontal .description p {
        font-size: 12px;
        line-height: 24px;
        color: #ff4921;
        padding-bottom: 0px;
    }

    .game-item .game-info {
        background: #001323;
        border-radius: 0px 0px 24px 0px;
        padding: 10px 0px;
    }

    .game-item.horizontal .game-image {
        width: 100%;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        padding-top: 95%;
        border-radius: 24px 24px 0px 0px;
    }

    .game-detail .charts h1 {
        display: inline-block;
        color: #fff;
        font-size: 14px !important;
        width: 50%;
        font-weight: 700;
        text-transform: none;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .game-detail .charts .chart-filter {
        display: inline-block;
        vertical-align: top;
    }
}

@media (min-width: 1200px) and (max-width: 1380px) {
    .game-detail .charts h1 {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        width: 45%;
        font-weight: 700;
        text-transform: none;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .game-detail .charts .charts-detail .table caption {
        padding-top: 10px;
        padding-bottom: 0px;
        color: #777;
        text-align: left;
    }

    .game-detail .charts {
        background: #001323;
        padding: 15px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        width: 100%;
        height: 100%;
    }

    .breadcumbs .info {
        width: 70%;
        text-align: center;
    }

    .search-box {
        text-align: left;
        width: 36%;
        display: inline-block;
        margin-top: 10px;
        margin-left: 0%;
    }

    .cart-icon {
        text-align: right;
        display: inline-block;
        width: 20%;
        margin-top: 12px;
        position: relative;
        margin-right: 30px;
    }
}

@media (min-width: 1200px) {
    .wrapper.checkout {
        padding: 59px 0px;
    }

    label {
        margin-top: 7px;
        font-weight: bold;
        width: 100% !important;
    }

    li.has-sub:hover .sub-menu {
        opacity: 1;
        display: block !important;
        transition: opacity 1s ease-in;
        background: #ff4921;
        position: fixed;
        top: 120px;
        width: 100%;
        left: 0px;
        padding-top: 37px;
        padding-bottom: 30px;
    }
}

@media (max-width: 1199px) {
    .course-list .note {
        font-size: 16px;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .filter-button {
        margin-top: 0 !important;
        font-size: 14px !important;
    }

    .game-detail .charts .chart-filter {
        margin: auto;
        text-align: right !important;
        width: 50% !important;
        float: none !important;
    }

    .game-detail .charts h1 {
        width: 48% !important;
    }

    .chart-filter .dropdown-menu {
        background-color: #00182b;
        border-radius: 12px 0px;
        padding: 10px 0px !important;
        right: -20px !important;
        left: unset;
    }

    .challenge-item .content-challenge {
        display: inline-block;
        padding-left: 18px;
        width: 55% !important;
    }

    .challenge-item .content-challenge p {
        opacity: 0.6;
        line-height: 35px;
        font-size: 12px;
    }

    .challenge-item .content-challenge h4.title {
        color: #fff;
        font-weight: 700;
        text-transform: none;
        line-height: 35px;
    }

    .challenge-item .action .claim {
        padding: 5px 30px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        text-transform: none;
        border: none;
        font-weight: 600;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

    .horizontal-slide .slick-arrow {
        width: 40px;
        height: 40px;
        background: #ff4921;
        color: #fff;
        border-radius: 50%;
        font-size: 20px;
        text-align: center;
    }

    .horizontal-slide .slick-arrow.btn-prev {
        left: -10px;
    }

    .horizontal-slide .slick-arrow.btn-next {
        right: -10px;
    }

    .vertical-slide .slick-arrow {
        width: 40px;
        height: 40px;
        background: #ff4921;
        color: #fff;
        border-radius: 50%;
        font-size: 20px;
        text-align: center;
    }

    .vertical-slide .slick-arrow.btn-prev {
        left: -10px;
    }

    .vertical-slide .slick-arrow.btn-next {
        right: -10px;
    }

    .has-background .horizontal-slide .slick-arrow {
        width: 40px;
        height: 40px;
        background: #fff;
        color: #ff4921;
        border-radius: 50%;
        font-size: 20px;
        text-align: center;
    }

    .has-background .horizontal-slide .slick-arrow.btn-prev {
        left: -25px;
    }

    .has-background .horizontal-slide .slick-arrow.btn-next {
        right: -10px;
    }

    .main-navigation li a {
        font-size: 13px;
        color: #fff;
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        font-family: "Montserrat";
        position: relative;
        line-height: 105px;
    }

    .game-detail-meta .category h2 {
        margin-bottom: 10px;
    }

    .game-detail .charts .charts-detail .table thead th {
        font-size: 12px;
    }

    .game-detail .charts .charts-detail .table thead td {
        font-size: 12px;
    }

    .filter-button {
        margin-top: 38px;
        color: #ff4921;
        font-weight: bold;
        font-size: 16px;
        padding-right: 5px;
        position: relative;
        background: none;
    }

    .chart-header {
        width: 65%;
        display: inline-block;
    }

    .main-navigation li {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 5px;
        position: relative;
    }

    .game-item.horizontal .description p span {
        display: inline-block;
        line-height: 16px;
        vertical-align: top;
        color: #ff4921;
    }

    .game-detail-meta .category h2 {
        font-size: 12px;
        font-weight: 700;
        padding: 4px 25px;
        display: inline-block;
        border: 1px solid #918e8e;
        border-radius: 24px;
        margin-top: 0px;
    }

    .game-detail-meta .game-item.horizontal h1.game-title {
        font-size: 20px;
        padding: 5px 15px !important;
    }

    .game-detail .charts {
        background: #001323;
        padding: 15px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        width: 100%;
        height: 100%;
    }

    .reward-item .content-reward p {
        color: #fff;
        opacity: 0.6;
        font-size: 12px;
        line-height: 32px;
    }

    .reward-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 70%;
        margin-left: 10px;
    }

    .reward-item .time {
        display: inline-block;
        vertical-align: top;
        padding-top: 25px;
        opacity: 0.6;
        font-size: 9px;
    }

    .top-player-page .charts .charts-detail .table thead th {
        font-size: 14px;
        font-weight: 700;
        line-height: 35px;
        border-top: none;
        vertical-align: middle;
        border-bottom: 1px solid #ff4921;
    }

    .game-profile .user-profile .user-info {
        display: inline-block;
        vertical-align: top;
        padding-left: 50px;
        width: 55%;
    }

    .game-slide {
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative;
    }

    .game-slide h1.heading-title {
        color: #fff;
        font-weight: 700;
        font-size: 32px;
        text-transform: none;
        margin-top: 35px;
        margin-bottom: 15px;
    }

    .banner-ads {
        padding-top: 150px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        object-fit: cover;
        border-radius: 24px 24px 24px 0px;
        margin-top: 0px;
    }

    .game-item.vertical .game-image {
        display: inline-block;
        width: 180px;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        padding-top: 180px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .game-item.vertical {
        padding: 25px 5px 25px 25px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        float: left;
        margin-bottom: -5px;
    }

    .video .play {
        width: 40px;
        height: 40px;
        border-radius: 12px 12px 12px 0px;
        background-image: url("/javax.faces.resource/images/play_video.svg.xhtml?ln=frontend-layout");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 40%;
        right: 29%;
        top: 34%;
    }

    .game-item.vertical .game-info {
        width: 60%;
        display: inline-block;
        vertical-align: top;
        padding-left: 20px;
        padding-top: 15px;
    }

    .game-item.horizontal .game-image {
        width: 100%;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        padding-top: 100%;
        border-radius: 12px 12px 0px 0px;
    }

    .game-item h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 12px !important;
        text-transform: none;
        padding-bottom: 5px;
        border-bottom: none;
    }

    .game-item.horizontal {
        width: 90%;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        float: left;
    }

    .game-item .description p {
        font-weight: 700;
        color: #fff;
        font-size: 10px !important;
        line-height: 1px;
        padding-bottom: 5px !important;
    }

    .game-item.vertical .game-info {
        width: 60%;
        display: inline-block;
        vertical-align: top;
        padding-left: 30px;
    }

    .tab-header.is-sticky .tabbable-line {
        width: 70%;
    }

    .feature-tab li.slick-slide a {
        line-height: 15px;
    }

    .feature-tab .btn-next {
        right: 25px;
    }

    .feature-tab .btn-prev {
        left: 25px;
    }

    /* .news-item.first {
          padding-right: 15px;
      }
      .news-item.middle {
          padding-right: 0px;
          padding-left: 25px;
      } */
    .product-detail .slider-nav {
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }

    .product-detail .slider-nav .image-thumb {
        height: 150px;
        width: 150px;
        background-position: center !important;
        background-size: cover !important;
    }

    .footer-bottom .content-footer {
        width: 45%;
        text-align: left;
        height: auto;
        padding-bottom: 20px;
    }

    .buttons a {
        width: 98%;
        margin: 10px auto;
        background: #fff;
        border: 1px solid #d1d1d1;
        border-radius: 50px;
        padding: 10px 40px;
        text-align: center;
        text-transform: none;
        color: #000;
    }

    .product-category-slider {
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-category-list {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-content {
        width: 100%;
        overflow-x: hidden;
    }

    .footer-top .form-sub .input-email {
        width: 71%;
        margin: 0 auto;
        border-radius: 50px;
        color: #000;
        height: 50px;
        line-height: 50px;
        border: 1px solid #000;
    }
}

@media (min-width: 1919px) {
    /*.game-detail .charts h1 {*/
    /*    display: inline-block;*/
    /*    color: #fff;*/
    /*    font-size: 20px;*/
    /*    width: 30%;*/
    /*    font-weight: 700;*/
    /*    text-transform: none;*/
    /*    margin-top: 0px;*/
    /*    margin-bottom: 0px;*/
    /*}*/
    /*footer .social-link .icon {*/
    /*    width: 35px;*/
    /*    height: 35px;*/
    /*    display: inline-block;*/
    /*    text-align: center;*/
    /*    margin-right: 8px;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: contain;*/
    /*    vertical-align: middle;*/
    /*}*/
    /*footer .term-link a {*/
    /*    color: #fff;*/
    /*    font-size: 14px;*/
    /*    margin-left: 30px;*/
    /*    line-height: 35px;*/
    /*    font-weight: 700;*/
    /*    text-transform: none;*/
    /*}*/
    /*footer .copy-right {*/
    /*    font-size: 14px;*/
    /*}*/
    /*.short-des-lg {*/
    /*    display: block;*/
    /*    padding: 15px;*/
    /*    opacity: 0.6;*/
    /*    font-size: 12px;*/
    /*    overflow: hidden;*/
    /*    margin-bottom: -20px;*/
    /*}*/
    /*.game-item .game-info {*/
    /*    background: #001323;*/
    /*    border-radius: 0px 0px 24px 0px;*/
    /*    padding-top: 10px;*/
    /*}*/
    /*.game-item .description {*/
    /*    margin-top: 15px;*/
    /*    margin-bottom: 15px;*/
    /*}*/
    /*.game-item .button-play.play-now {*/
    /*    background: #ff4921;*/
    /*    margin-top: 15px;*/
    /*    padding: 15px 20px;*/
    /*}*/
    /*.slide-home .slide {*/
    /*    border-top-left-radius: 24px;*/
    /*    border-top-right-radius: 24px;*/
    /*    border-bottom-right-radius: 24px;*/
    /*    background-size: cover;*/
    /*    object-fit: cover;*/
    /*    background-repeat: no-repeat;*/
    /*    width: 100%;*/
    /*    padding-top: 30%;*/
    /*    display: none;*/
    /*}*/
    /*.game-slide h1.heading-title {*/
    /*    color: #fff;*/
    /*    font-weight: 700;*/
    /*    font-size: 32px;*/
    /*    text-transform: none;*/
    /*    margin-top: 65px;*/
    /*    margin-bottom: 25px;*/
    /*}*/
    /*.game-item.horizontal .game-image {*/
    /*    width: 100%;*/
    /*    background-size: cover;*/
    /*    object-fit: cover;*/
    /*    background-repeat: no-repeat;*/
    /*    padding-top: 100%;*/
    /*    border-radius: 24px 24px 0px 0px;*/
    /*}*/
    /*.search-area .top-search-area {*/
    /*    position: fixed;*/
    /*    background: #000f1b;*/
    /*    z-index: 99999;*/
    /*    width: 96%;*/
    /*    right: 30px;*/
    /*}*/
    /*.search-area .top-search-area .top-search {*/
    /*    position: absolute;*/
    /*    right: 0px;*/
    /*    width: 100%;*/
    /*    top: -60px;*/
    /*    background: #000f1b;*/
    /*}*/
    /*.game-detail-meta .game-item.horizontal .description p {*/
    /*    font-size: 22px;*/
    /*    padding: 0px;*/
    /*}*/
    /*.game-item.horizontal .description p span {*/
    /*    display: inline-block;*/
    /*    line-height: 25px;*/
    /*    vertical-align: top;*/
    /*    color: #ff4921;*/
    /*}*/
    /*.game-item.horizontal .description p .icon {*/
    /*    width: 28px;*/
    /*    height: 28px;*/
    /*    display: inline-block;*/
    /*    text-align: center;*/
    /*    margin-right: 8px;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: contain;*/
    /*}*/
    /*.game-detail-meta .game-item.horizontal h4.game-title {*/
    /*    font-size: 55px;*/
    /*}*/
    /*.game-detail-meta .game-item.horizontal p {*/
    /*    padding-left: 15px;*/
    /*    color: #9d9d9d;*/
    /*    font-size: 25px;*/
    /*    line-height: 35px;*/
    /*}*/
    /*.game-detail-meta .category span {*/
    /*    font-size: 23px;*/
    /*    font-weight: 700;*/
    /*    padding: 7px 25px;*/
    /*    display: inline-block;*/
    /*    border: 1px solid #918e8e;*/
    /*    border-radius: 24px;*/
    /*    margin-top: 15px;*/
    /*}*/
    /*.top-player-page .charts .charts-detail .table thead th .icon {*/
    /*    width: 20px;*/
    /*    height: 20px;*/
    /*    display: inline-block;*/
    /*    text-align: center;*/
    /*    margin-right: 8px;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: contain;*/
    /*    vertical-align: middle;*/
    /*}*/
    /*.top-player-page .charts .charts-detail .table thead th span {*/
    /*    display: inline-block;*/
    /*    vertical-align: top;*/
    /*}*/
    /*.video {*/
    /*    width: 100%;*/
    /*    padding-top: 70%;*/
    /*    background-size: cover;*/
    /*    object-fit: cover;*/
    /*    position: relative;*/
    /*    border-radius: 24px 24px 24px 0px;*/
    /*}*/
    /*.game-detail .charts .charts-detail .table tbody tr th {*/
    /*    font-size: 23px;*/
    /*    font-weight: 700;*/
    /*    line-height: 55px;*/
    /*    border-top: none;*/
    /*    vertical-align: middle;*/
    /*}*/
    /*.game-detail .charts .charts-detail .table tbody tr td {*/
    /*    font-size: 23px;*/
    /*    font-weight: 700;*/
    /*    line-height: 55px;*/
    /*    border-top: none;*/
    /*    vertical-align: middle;*/
    /*}*/
    /*.game-detail .charts .charts-detail .table thead th {*/
    /*    border-bottom: 1px solid #ff4921;*/
    /*    font-size: 23px;*/
    /*}*/
    /*.game-detail .charts .charts-detail .table caption {*/
    /*    padding-top: 50px;*/
    /*    padding-bottom: 8px;*/
    /*    color: #777;*/
    /*    text-align: left;*/
    /*}*/
}

@media (max-width: 1367px) {
    .about-us {
        width: 90%;
        margin: 0 auto;
    }

    .chart-header {
        width: 75% !important;
        display: inline-block;
    }

    .top-player-page .charts .charts-detail .table thead th .icon {
        width: 20px;
        height: 20px;
        display: inline-block;
        text-align: center;
        margin-right: 8px;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
    }

    .top-player-page .charts .charts-detail .table thead th span {
        display: inline-block;
        vertical-align: top;
    }

    .top-player-page .charts .chart-filter {
        display: inline-block;
        vertical-align: top;
        float: right;
    }

    .game-item.vertical .game-info {
        width: 65%;
        display: inline-block;
        vertical-align: top;
        padding-left: 30px;
    }
}

@media (min-width: 1024px) and (max-width: 1025px) {
    .short-des-lg {
        display: block;
        padding: 0 15px;
        opacity: 0.6;
        font-size: 12px;
        overflow: hidden;
        margin-bottom: 0px !important;
        text-align: justify;
    }

    .game-item.horizontal {
        width: 90%;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        padding-top: 5px !important;
        padding-bottom: 15px;
        padding-left: 10px;
        float: left;
    }

    .game-detail .chart-header {
        width: 100% !important;
    }

    .game-detail .charts h1 {
        width: 100% !important;
    }

    .game-detail .charts .chart-filter {
        margin: auto;
        text-align: center !important;
        width: 100% !important;
        float: none !important;
    }

    .caret {
        margin-left: 10px !important;
        margin-top: 7px;
    }
}

@media (max-width: 1024px) {

    .account-area a {
        margin-right: 10px !important;
        display: none;
    }

    .filter-1024 {
        margin-top: 0 !important;
        font-size: 12px;
    }

    .game-description {
        margin-top: 100px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .menu-width-1024 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .slide-home .slide {
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        width: 100%;
        padding-top: 30%;
        display: none;
    }

    .about-us {
        width: 90%;
        margin: 0 auto;
    }

    #rank-chart-table {
        overflow-y: visible;
    }

    .reward-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 70% !important;
        margin-left: 10px;
    }

    .reward-item .time {
        display: inline-block;
        vertical-align: top;
        padding-top: 15px;
        opacity: 0.6;
        font-size: 9px;
    }

    .search-form {
        position: relative;
        width: 97%;
    }

    .header h1 a img {
        width: 120px;
        margin-top: 35px;
        margin-bottom: 40px;
    }

    footer .term-link a {
        color: #fff;
        font-size: 12px;
        margin-left: 15px;
        line-height: 35px;
        font-weight: 700;
        text-transform: none;
    }

    .game-detail .charts .chart-filter select {
        background-color: transparent !important;
    }

    .top-player-page {
        max-width: 95%;
        margin: 0 auto;
        margin-bottom: 60px;
    }

    .game-detail .charts .chart-filter {
        display: inline-block;
        vertical-align: top;
        margin-right: 0px;
        text-align: right;
    }

    .top-player-page .charts .chart-filter {
        vertical-align: bottom;
        float: right;
        margin-top: -30px;
    }

    .top-player-page .charts h1 {
        display: inline-block;
        color: #fff;
        font-size: 32px;
        font-weight: 700;
        text-transform: none;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .game-profile .user-profile {
        padding: 50px;
        background: #001323;
        border-radius: 24px 24px 24px 0px;
    }

    .game-profile .user-profile .user-info {
        display: inline-block;
        vertical-align: top;
        padding-left: 50px;
        width: 50%;
    }

    .game-profile .user-profile .user-info .user-name {
        font-style: normal;
        font-weight: bold;
        font-size: 35px;
        line-height: 49px;
        color: #fff;
        text-transform: none;
    }

    .refresh-icon {
        float: right;
        margin-top: 0;
    }

    .game-detail .charts h1 {
        display: inline-block;
        color: #fff;
        font-size: 12px;
        width: 50%;
        font-weight: 700;
        text-transform: none;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .game-detail .charts .chart-filter select option {
        background-color: transparent !important;
        margin-top: 10px;
    }

    .game-detail .charts .charts-detail .table {
        caption-side: top;
    }

    .game-detail .charts .charts-detail {
        margin-top: 10px;
    }

    .game-detail .charts .charts-detail .table tbody tr th {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        border-top: none;
        vertical-align: middle;
    }

    .game-detail .charts .charts-detail .table tbody tr td {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        border-top: none;
        vertical-align: middle;
    }

    .game-detail .charts .charts-detail .table caption {
        padding-top: 5px;
        padding-bottom: 0px;
        color: #777;
        text-align: left;
        font-size: 12px;
    }

    .game-description .game-image {
        width: 100%;
        padding-top: 190px;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        border-radius: 24px 24px 24px 0px;
        float: left;
        margin-top: -35px;
    }

    .game-detail-meta .game-item.horizontal h1.game-title {
        font-size: 20px;
    }

    .game-description .meta-description {
        margin-top: -30px;
        padding: 10px;
    }

    .video {
        width: 100%;
        padding-top: 80%;
        background-size: cover;
        object-fit: cover;
        position: relative;
        border-radius: 24px 24px 24px 0px;
    }

    .challenge-item .content-challenge {
        display: inline-block;
        padding-left: 18px;
        width: 45%;
    }

    .challenge-item .action {
        display: inline-block;
        vertical-align: top;
    }

    .game-item.vertical .game-info {
        width: 64%;
        display: inline-block;
        vertical-align: top;
        padding: 8px 0px 5px 15px;
    }

    .game-item.vertical .game-image {
        display: inline-block;
        width: 150px;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        padding-top: 150px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .game-item.horizontal .game-image {
        width: 100%;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        padding-top: 100%;
        border-radius: 12px 12px 0px 0px;
    }

    .footer-container {
        position: relative;
        margin: 0 auto;
        display: block;
        margin-top: 0%;
        margin-bottom: 10px;
        height: auto;
    }

    .product-one-columns .product-image .countdown-wrapper {
        width: 60%;
        position: absolute;
        bottom: -15px;
        left: 0px;
    }

    .side-breadcrumb {
        background: rgba(0, 0, 0, 0) url("") no-repeat scroll center center/cover;
        border-radius: 0;
        padding: 65px 0 0 0;
        text-align: left;
    }

    .is-sticky .header-logo {
        height: 65px !important;
    }

    .is-sticky .open-menu {
        padding-top: 20px !important;
    }

    .child:nth-child(1) .product-item {
        padding: 0px 30px 20px 30px;
    }

    .child:nth-child(4) .product-item {
        padding: 20px 30px 20px 30px;
    }

    .child:nth-child(3) .product-item {
        padding: 20px 30px;
    }

    .grid {
        display: grid;
        grid-template-columns: repeat(2, calc(100% / 2));
    }

    .child {
        width: 100%;
        /* padding-left: 15px;
            padding-right: 15px; */
        border: none !important;
    }

    .is-sticky .main-navigation li.active a {
        color: #fff !important;
    }

    .show-menu .kad-header-menu {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .open-menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #f19b40;
        font-size: 24px;
        padding-top: 20px;
        padding-right: 15px;
    }

    .header-logo {
        display: inline-block;
        width: 70%;
        padding-top: 15px;
    }
}

@media (max-width: 1025px) {
    .badge-account.hidden-md {
        display: block !important;
    }

    .competition-page {
        background-color: #0F0D23;
    }

    .competition-page .row {
        padding: 20px;
    }

    .competition-table {
        display: block !important;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .footer-top .form-sub .btn-black {
        padding: 8px 30px;
        text-transform: uppercase;
        background-color: #154a75;
    }

    .kad-header-logo {
        padding: 0 25px;
    }

    .product-short .product-action {
        padding: 7px 10px 7px 22px;
    }

    .about {
        position: relative;
        height: auto;
        overflow: hidden;
    }

    .search-box {
        text-align: left;
        width: 50%;
        display: inline-block;
        margin-top: 10px;
        margin-left: 0%;
    }

    .section-slide {
        width: 100%;
        height: 90vh;
        margin: 0 auto;
        display: block;
    }

    .wrapper.checkout {
        padding: 59px 0px;
    }

    .wrapper {
        width: 97%;
        margin: 0 auto;
    }

    .search-form .form-group.open input.form-control {
        width: 80%;
    }

    span.close-search {
        position: absolute;
        right: 12%;
        top: 0px;
        background: #e5e5e5;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        z-index: 999999;
    }

    .tab-header.is-sticky .search-box {
        text-align: left;
        width: 50%;
        display: inline-block;
        margin-top: 10px;
        margin-left: 0%;
    }

    .tabbable-line > .nav-tabs {
        border: none;
        margin: 0px auto;
        text-align: center;
        padding: 12px;
    }

    .tab-featured .tabbable-line > .nav-tabs > li > a {
        border: 0;
        margin-right: 0;
        color: #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
    }

    .tab-header .cart-icon {
        text-align: right;
        display: inline-block;
        width: 30%;
        margin-top: 12px;
        position: relative;
        margin-right: 32px;
        margin-top: 18px;
        float: right;
    }

    .hidden-lg {
        display: none !important;
    }


    .tab-header.is-sticky .hidden {
        display: none !important;
    }

    .btn-slide.hidden-lg {
        display: none;
    }

    .home .open-menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #337ab7 !important;
        font-size: 35px;
        padding-top: 0px;
        padding-right: 20px;
        margin-top: 5px;
    }

    .home .footer-container .contact-form {
        padding: 12% 0 !important;
        height: 60vh;
    }

    .footer-top .social {
        width: 50%;
    }

    .open-menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #000 !important;
        font-size: 35px;
        padding-top: 0px !important;
        padding-right: 20px;
        margin-top: 5px;
    }

    .search-form .form-group.open {
        width: 220%;
        border-radius: 25px 25px 25px 25px;
        transition: ease-out 0.5s;
        margin-left: -120%;
    }

    .breadcumbs .info .more-info {
        padding: 0px 20% 0px 5%;
        text-align: left;
        font-size: 14px;
        line-height: 60px;
    }

    .footer-top .form-sub .input-email {
        width: 30%;
        margin: 0 auto;
        border-radius: 50px;
        color: #000;
        height: 35px;
        line-height: 35px;
        border: 1px solid #000;
    }

    .breadcumbs .btn-next {
        right: 25%;
        top: 50%;
        color: #000;
    }

    .breadcumbs .btn-prev {
        left: 25%;
        top: 50%;
        color: #000;
    }

    .footer-container .contact-form {
        padding: 10% 0;
        height: auto;
    }

    footer {
        display: block;
        width: 100%;
        float: left;
        height: auto;
    }

    label {
        color: #999999;
        display: inline-block;
        font-weight: 400;
        margin: 0;
        vertical-align: middle;
        width: 60% !important;
    }

    .right-sub-menu .col-md-2 {
        width: 100%;
    }

    .hidden-lg h1.logo {
        display: block !important;
        width: 200px;
        font-size: 30px;
        margin: 0 auto;
        margin: 10px auto;
    }
}

@media (min-width: 992px) {
    .quick-view .content-filter {
        position: absolute;
        right: 0;
        top: 43px;
        opacity: 0;
        z-index: 999;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        visibility: hidden;
        margin-top: 9px;
    }

    .quick-view li:hover .content-filter {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        visibility: visible;
    }

    .main-navigation ul li {
        position: relative;
    }

    .main-navigation > ul > li > ul.children {
        background: #ffffff none repeat scroll 0 0;
        left: 0;
        padding: 10px 15px;
        position: absolute;
        text-align: left;
        top: 100%;
        width: 160px;
        z-index: 99;
        opacity: 0;
        box-shadow: 2px 2px 3px 1px #f5f5f5;
        -webkit-box-shadow: 2px 2px 3px 1px #f5f5f5;
        -moz-box-shadow: 2px 2px 3px 1px #f5f5f5;
        margin-top: 1px;
        visibility: hidden;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    .main-navigation > ul > li:hover > ul.children {
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .main-navigation > ul > li > ul.children li {
        display: block;
    }

    .main-navigation > ul > li > ul.children li > a {
        font-size: 15px;
    }

    .main-navigation > ul > li > ul.children a {
        padding: 8px 0;
        font-size: 14px;
    }

    .main-navigation > ul > li.book-home > a::before {
        background: none;
        content: "";
        height: 3px;
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 0;
    }

    .is-sticky .main-navigation > ul > li > a::before {
        bottom: -10px;
    }

    .main-navigation > ul > li:hover > a::before {
        width: 100%;
    }

    .menu-item.megamenu {
        position: static;
    }

    .main-navigation > ul > li.megamenu > ul.children {
        width: 100%;
    }

    .main-navigation > ul > li.megamenu > ul.children ul.children {
        padding-left: 5px;
    }

    .main-navigation > ul > li > ul.children > li:hover > a,
    .main-navigation > ul > li > ul.children > li > ul > li:hover > a {
        padding-left: 7px;
    }
}

@media (min-width: 1024px) {
    .challenge-item .action {
        display: inline-block;
        vertical-align: top;
        margin-top: 20px;
    }

    .game-item.horizontal {
        width: 90%;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 10px;
        float: left;
    }

    .game-item.horizontal:hover {
        transform: scale(1.1);
        transition: transform 200ms ease-in-out;
    }
}

@media (max-width: 1025px) {
    body {
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        position: relative;
        right: 0;
    }

    .header-account-mobile {
        display: block;
    }

    .header-account-pc {
        display: none;
    }

    #search {
        margin-right: 10px !important;
    }

    #total-coins-header-mb .badge-account.coin-header-mb {
        margin-left: 0 !important;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
        width: fit-content !important;
    }

    #total-coins-header-mb .badge-account.coin-header-mb span {
        display: flex;
        align-items: center;
    }

    .game-item.horizontal .game-image .badge {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 80px;
        height: 32px;
        border-radius: 12px 0px;
        background: #ff4921;
        color: #fff;
        font-size: 14px;
        line-height: 24px;
    }

    .badge-account {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .badge-account img {
        width: 30px;
        height: 30px;
    }

    a.header-button.hidden-lg.show-mb.hidden-md {
        display: inline-block !important;
        margin-top: 0px;
        margin-bottom: 0px;
        vertical-align: middle;
        margin-right: 5px;
        margin-left: 0px;
    }

    .game-item.horizontal .game-image .badge {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 80px;
        height: 32px;
        border-radius: 10px 0px;
        background: #ff4921;
        color: #fff;
        font-size: 14px;
        line-height: 24px;
    }

    .high-score {
        font-size: 10px;
        margin-top: -3px;
    }

    .challenge-item .item-point {
        border-top: none;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .chart-filter .dropdown-menu {
        left: -95px;
    }

    .game-mb-des a.view-more {
        border: none !important;
        position: absolute;
    }

    .vertical-menu li a {
        opacity: 1;
        text-align: center;
        white-space: nowrap;
    }

    .about-us {
        width: 100%;
        margin: 0 auto;
    }

    .about-us .about-content {
        padding: 25px;
    }

    .about-us h1.heading-title {
        font-size: 16px;
        text-align: left !important;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .slide-home .slick-dots li {
        display: inline-block;
        width: 10px;
        height: 10px;
    }

    .game-item.horizontal {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }

    .game-detail .charts .chart-filter select {
        background-color: transparent !important;
    }

    .top-player-page .charts .chart-filter {
        position: absolute;
        right: 15px;
        margin-top: 0px !important;
    }

    .chart-header {
        width: 60%;
        display: inline-block;
    }

    .chart-header .caption-table {
        font-size: 12px;
        line-height: 35px;
    }

    .zeynep .submenu-header > a {
        color: inherit;
        display: block;
        font-size: 24px;
        font-weight: bold;
        padding: 18px 20px;
        padding-left: 0px !important;
        text-decoration: none;
    }

    .game-detail .charts .charts-detail {
        margin-top: 0px !important;
    }

    .zeynep .submenu-header {
        background-image: url("/javax.faces.resource/images/arrow-left.svg.xhtml?ln=frontend-layout");
        background-position: left 20px center;
        background-repeat: no-repeat;
        background-size: 40px 40px;
        border-bottom: solid 1px #efefef;
        cursor: pointer;
        position: fixed !important;
        width: 100%;
        background: #000f1b;
        z-index: 99999;
    }

    .zeynep ul {
        margin-top: 60px;
    }

    section.projects-details {
        margin-top: 60px;
    }

    .time-update {
        color: #777;
        text-align: left;
        font-size: 12px;
        margin-bottom: 15px;
    }

    .game-detail .charts .charts-detail .table caption {
        display: none;
    }

    .button-signin a {
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 23px;
        padding: 13px 12%;
        border: 1px solid #fff;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        max-width: 45%;
        background: rgba(0, 15, 27, 0.9);
        font-size: 12px;
    }

    .vertical-menu li.active a {
        opacity: 1;
    }

    .vertical-menu li {
        margin-right: 20px;
    }

    .vertical-menu li a {
        opacity: 0.4;
        text-align: center;
        display: block;
        width: auto;
    }

    footer h1.logo img {
        width: 50%;
        margin-top: 37px !important;
    }

    .popup-youtube {
        margin-bottom: 10px;
        margin-top: 10px;
        width: 100%;
    }

    .popup-youtube .video {
        width: 100%;
        padding-top: 55%;
    }


    .oops-modal .oops-modal-content .modal-body {
        width: 100%;
    }

    .oops-modal .oops-modal-content .modal-header .close {
        right: -20px;
    }

    .armorial-class {
        width: 24px;
        height: 24px;
    }

    #div-hr-id {
        display: none;
    }

    .otp-digit input {
        display: inline-block;
        width: 35px;
        height: 35px;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        align-items: center;
        text-align: center;
        color: #ffffff;
        background: transparent;
        border: 2px solid #ffffff36;
        border-radius: 12px 12px 12px 0px;
        margin: 0px 1px 0px 0px;
    }

    .digit {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 25px;
        margin-top: 25px;
        width: 90%;
    }

    .login-modal .login-modal-content .modal-body {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .lost-password {
        display: block;
    }

    #filters {
        display: none;
    }

    .search-area .top-search {
        position: absolute;
        right: 15px;
        height: 55px !important;
        top: -50px !important;
    }

    #history .user-profile {
        padding: 0px;
        background: none;
    }

    #history h1.heading-title {
        display: none;
    }

    #history h3.time {
        text-align: left;
    }

    #history .history-item {
        padding: 12px 8px;
    }

    #history .history-item h4.title {
        text-align: left;
    }

    #history .history-item .image-game {
        background-size: cover;
        object-fit: cover;
        width: 40px;
        padding-top: 40px;
        background-repeat: no-repeat;
        display: inline-block;
    }

    #history .history-item .time {
        display: inline-block;
        vertical-align: top;
        padding-top: 10px;
        opacity: 0.6;
        font-size: 8px;
    }

    #history .history-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 70%;
        margin-left: 8px;
    }

    #history .history-item .content-reward p {
        font-weight: 400;
        font-size: 12px;
        text-align: left;
    }

    #history .history-item .content-reward p b {
        font-weight: 400;
    }

    #history .history-item .content-reward p .plus-coin {
        font-weight: 400;
    }

    .game-detail-meta .category {
        padding-left: 15px;
        padding-top: 5px;
    }

    .daily .game-item .description p {
        font-weight: 700;
        font-size: 10px;
        line-height: 12px;
        color: #fff !important;
    }

    .daily .game-item .description p.high-score {
        color: #ff4921 !important;
    }

    body.noscroll {
        position: fixed;
        overflow: hidden;
    }

    #sidebar-menu-mobile > .slick-slider {
        margin-bottom: 0px;
    }

    #loginModal .modal-dialog {
        min-width: 65% !important;
        width: 85%;
        margin: 30% auto;
    }

    #supcriptionModal .modal-dialog {
        min-width: 65% !important;
        width: 85%;
        margin: 30% auto;
    }

    #oopsModal .modal-dialog {
        min-width: 65% !important;
        width: 85%;
        margin: 30% auto;
    }

    .game-slide h1.heading-title a {
        display: inline-block;
        color: #fff;
        opacity: 0.5;
        font-size: 12px;
        font-weight: 700;
        margin-right: 10px;
        text-align: right;
        float: right;
        margin-top: 5px;
    }

    .top-player-page .charts .charts-detail .table tbody tr td {
        font-size: 14px;
        font-weight: 700;
        line-height: 32px;
        border-top: none;
        vertical-align: middle;
    }

    .top-player-page .charts .charts-detail .table thead th .icon {
        width: 16px;
        height: 16px;
        display: inline-block;
        text-align: center;
        margin-right: 8px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .edit-profile-button {
        width: 100%;
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .game-profile .user-profile .user-info a.button {
        width: 200px;
        margin: 10px auto;
        float: none !important;
    }

    .top-player-section {
        border-top: none;
    }

    .game-slide h1.heading-title a {
        float: right;
    }

    .refresh-icon {
        float: right;
        margin-top: 0;
    }

    #panelImage {
        margin-bottom: 0 !important;
    }

    #fileUploadFront_label {
        padding: 0 !important;
    }

    #fileUploadFront .ui-button {
        height: 25px;
        margin-top: 5px !important;
    }

    .zeynep.right {
        left: auto;
        right: 0;
        margin-top: 50px;
    }

    .game-detail-meta .category {
        padding-left: 10px;
        padding-top: 5px;
    }

    .text-detail-mobile {
        color: #ff3408 !important;
        line-height: 16px !important;
    }

    .icon-large {
        width: 16px !important;
        height: 16px !important;
    }

    footer .term-link {
        width: 100%;
    }

    .slick-list {
        padding: 0px 0px !important;
        margin-bottom: 16px;
    }

    .height-mobile-list {
        height: 110px;
    }

    .history-item .content-reward {
        width: 100%;
        margin-left: 0;
    }

    .button-signin {
        width: 100%;
        height: 100px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        /*border-bottom: 1px solid #cccccc45;*/
    }

    .mb-account a {
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 23px;
        padding: 0px;
        background: #000;
        border: none;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        max-width: 100%;
    }

    .mb-account a.account {
        width: 64px;
        padding-top: 64px;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
        display: inline-block;
    }

    .mb-account .account-detail {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding-left: 16px;
        padding-top: 20px;
    }

    .mb-account .account-detail a {
        width: 50%;
        background: #ff4921;
        text-align: center;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
    }

    .mb-account .account-detail span {
        width: 100%;
    }

    .rank-mb .charts {
        background: none !important;
        padding: 0px !important;
    }

    .mb-show {
        display: block !important;
    }

    .game-slide {
        padding-top: 0px;
        padding-bottom: 15px;
        position: relative;
    }

    .challenge-item .content-challenge h4.title {
        color: #fff;
        font-weight: 700;
        text-transform: none;
        line-height: 20px;
        font-size: 16px;
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 9999;
        top: 0px;
    }

    .game-profile {
        padding-top: 0px;
        border-top: unset;
        min-height: 100vh;
    }

    .game-profile .user-profile {
        text-align: center;
        padding: 24px;
        background: #001323;
        border-radius: 24px 24px 24px 0px;
    }

    .game-profile .user-profile .user-image {
        width: 100px !important;
        height: 100px !important;
        padding-top: 100px;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        display: inline-block;
        margin: 0 auto;
        margin-bottom: 10px;
        border-radius: 16px 16px 16px 0px;
    }

    .game-profile .user-profile .user-info {
        display: inline-block;
        vertical-align: top;
        padding-left: 0px !important;
        width: 100%;
        text-align: center;
    }

    .game-profile .user-profile .user-info .user-type {
        font-style: normal;
        font-weight: bold;
        font-size: 10px;
        line-height: 24px;
        color: #ff4921;
    }

    .game-profile .user-profile .user-info .user-name {
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 49px;
        color: #fff;
        text-transform: none;
    }

    .game-profile .user-profile .user-info p {
        text-align: center;
        color: #ffffff;
        opacity: 0.6;
    }

    .vertical-menu li.active {
        position: relative;
    }

    .vertical-menu li.active::before {
        background: #ff4921 none repeat scroll 0 0;
        content: "";
        height: 2px;
        position: absolute;
        bottom: 10px;
        left: 40%;
        width: 24px;
        display: block;
    }

    #change-profile-content .user-profile {
        text-align: center;
        padding: 15px;
        background: #001323;
        border-radius: 24px 24px 24px 0px;
    }

    #change-profile-content .user-profile .change-profile-form {
        background: none;
        padding: 0px;
    }

    #change-profile-content .user-profile .change-profile-form label {
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 35px;
        color: #fff;
        text-align: left;
        display: block;
    }

    #change-profile-content .user-profile .change-profile-form .btn-submit {
        background: #ff4921;
        padding: 10px 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 0px;
        font-weight: 700;
        margin-top: 15px;
        width: 100%;
    }

    #change-profile-content .user-profile .change-profile-form h1.heading-title {
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        text-transform: none;
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: left;
    }

    #change-profile-content .user-profile .change-profile-form .upload-image {
        border: 1px solid rgba(255, 255, 255, 0.2);
        box-sizing: border-box;
        border-radius: 20px 20px 20px 0px;
        padding: 15px 0px 0px 5px;
        margin-bottom: 25px;
    }

    #change-profile-content .user-profile .change-profile-form .upload-image .user-image {
        width: 56px;
        height: 56px;
        padding-top: 56px;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        display: inline-block;
        border-radius: 8px 8px 8px 0px;
    }

    #change-profile-content .user-profile .change-profile-form .upload-image .change-image {
        display: inline-block;
        vertical-align: top;
        padding-left: 8px;
        width: 71%;
    }

    #change-profile-content .user-profile .change-profile-form .upload-image .change-image p {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 14px;
        text-align: left;
    }

    #change-profile-content .user-profile .change-profile-form .upload-image .change-image .button.border-main {
        border: 1px solid #ff4921;
        color: #ff4921;
        padding: 3px 24px;
        margin-top: 5px;
    }

    .challenge-item .content-challenge h4.title {
        color: #fff;
        font-weight: 700;
        text-transform: none;
        line-height: 20px;
    }

    #reward .heading-title {
        display: none;
    }

    #reward .user-profile {
        padding: 0px;
    }

    #reward .reward-list {
        background: #001323;
        border-radius: 16px 16px 16px 0px;
        padding: 0px;
    }

    #reward .reward-item .image-game {
        background-size: cover;
        object-fit: cover;
        width: 40px;
        padding-top: 40px;
        background-repeat: no-repeat;
        display: inline-block;
    }

    #reward .reward-item .time {
        display: inline-block;
        vertical-align: top;
        padding-top: 15px;
        opacity: 0.6;
        font-size: 8px;
    }

    #reward .reward-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 51%;
        margin-left: 10px;
    }

    #reward .reward-item .content-reward h4.title {
        font-style: normal;
        font-weight: bold;
        font-size: 9px;
        line-height: 12px;
        color: #ffffff;
        text-align: left;
    }

    #reward .reward-item .content-reward p {
        color: #fff;
        opacity: 0.6;
        font-size: 10px;
        text-align: left;
        line-height: 17px;
    }

    #subscription .user-profile {
        text-align: center;
        padding: 10px;
        background: #001323;
    }

    #subscription .user-profile .claim-gift-item {
        text-align: left;
        border-bottom: 1px solid #ffffff12;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #subscription .user-profile .claim-gift-item span {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 24px;
        color: #ff4921;
    }

    #subscription .user-profile .claim-gift-item h3.title {
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 49px;
        color: #ffffff;
    }

    #subscription .user-profile .claim-gift-item p {
        margin-top: 5px;
        margin-bottom: 5px;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 24px;
        color: #ffffff;
        opacity: 0.6;
    }

    #subscription .user-profile .claim-gift-item .btn-submit {
        background: #ff4921;
        padding: 5px 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 0px;
        font-weight: 700;
        margin-top: 15px;
        min-width: 200px;
    }

    #subscription .user-profile .claim-gift-item .btn-disable {
        background: #001a2e;
        padding: 5px 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 0px;
        font-weight: 700;
        margin-top: 15px;
        min-width: 200px;
    }


    .game-profile .change-profile-form {
        background: #001323;
        border-radius: 16px 16px 16px 0px;
        padding: 15px;
    }

    .sidebar-menu {
        background: none;
        border-radius: 24px 24px 24px 0px;
        padding: 1px 0px;
        position: relative;
        width: 100%;
    }

    .sidebar-menu a {
        background: none;
        color: #fff;
        font-weight: 700;
        font-size: 12px !important;
        line-height: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0px !important;
        border: none;
    }

    .top-player-page {
        max-width: 100%;
        margin: 10px auto;
        margin-bottom: 60px;
    }

    .top-player-page .charts {
        padding: 0px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        width: 100%;
        position: relative;
    }

    .top-player-page .charts .chart-filter {
        position: absolute;
        right: 0px !important;
        top: 0;
    }

    .top-player-page .charts .chart-filter select {
        margin-top: 8px;
    }

    .top-player-page .charts h1 {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-transform: none;
        margin-top: 8px;
        margin-bottom: 10px;
    }

    .top-player-page .charts > span {
        font-size: 12px;
        opacity: 0.4;
    }

    .top-player-page .charts .charts-detail {
        margin-top: 10px;
        background: #001323;
        border-radius: 24px 24px 24px 0px;
        padding: 10px;
    }

    .charts-detail .table-responsive {
        background: #001323;
        padding: 12px;
        border-radius: 16px 16px 16px 0px;
        min-height: 65vh;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: none !important;
    }

    .play-mb {
        display: block;
        float: left;
        margin-bottom: 15px;
        width: 100%;
    }

    .video {
        width: 100%;
        padding-top: 55%;
        background-size: cover;
        object-fit: cover;
        position: relative;
        border-radius: 24px 24px 24px 0px;
    }

    .play-now {
        padding-left: 15px;
        padding-right: 15px;
    }

    .play-now .btn-play-now {
        width: 80%;
        height: 40px;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 8px 11px;
        color: #fff;
        background: #ff4921;
        font-weight: 700;
        font-size: 16px;
        margin-right: 5px;
        margin-bottom: 10px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    a.button-play.btn-cup {
        display: inline-block;
        width: 17%;
        height: 40px;
        background: #ccc;
        color: #fff;
        background: #ff4921;
        font-weight: 700;
        font-size: 10px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        background-image: url("/javax.faces.resource/images/cup.svg.xhtml?ln=frontend-layout");
        background-repeat: no-repeat;
        background-size: 40%;
        background-position: center;
        float: right;
    }

    footer {
        margin-top: 22px;
    }

    footer h1.logo img {
        width: 50%;
        margin-bottom: 0px !important;
    }

    footer .term-link a {
        color: #fff;
        font-size: 12px;
        margin-left: 0px;
        line-height: 35px;
        font-weight: 700;
        text-transform: none;
    }

    footer .social-link {
        height: auto;
        font-weight: 700;
        text-align: left;
    }

    footer .social-link .icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        margin-right: 8px;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
    }

    footer .social-link span {
        display: none;
    }

    footer .social-link a {
        line-height: 40px;
    }

    footer .copy-right {
        font-weight: 700;
        font-size: 12px;
        line-height: 18px;
        text-align: left;
        padding-top: 0px !important;
        margin-top: 15px;
    }

    footer .copy-right span {
        width: 100%;
        display: block;
    }

    .container-fluid {
        padding-right: 15px !important;
        padding-left: 15px !important;
        margin-right: auto;
        margin-left: auto;
    }

    .game-slide h1.heading-title {
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        text-transform: none;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-left: 10px;
    }

    .slide-home .slide {
        border-radius: 12px 12px 12px 0px;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        width: 100%;
        padding-top: 32%;
    }

    .banner-ads {
        padding-top: 20%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        object-fit: cover;
        border-radius: 12px 12px 12px 0px;
    }

    .scroll-to-top {
        background: url("/javax.faces.resource/images/to-top.svg.xhtml?ln=frontend-layout") no-repeat center center;
        border: medium none;
        bottom: 16px !important;
        color: #ffffff !important;
        cursor: pointer;
        text-indent: -9999em;
        height: 56px;
        position: fixed;
        right: 16px;
        width: 56px;
        z-index: 999;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        display: none;
    }

    .game-detail .charts {
        background: #001323;
        padding: 25px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        width: 100%;
        display: none;
    }

    .game-description {
        background: none;
        margin-top: 0px;
        border-radius: 24px 24px 24px 0px;
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .game-description .game-slide {
        padding-top: 0px;
        padding-bottom: 0px;
        position: relative;
    }

    .game-description h1.heading-title {
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        text-transform: none;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .challenge-item {
        margin-top: 0px;
        margin-bottom: 16px;
    }

    .challenge-item .number-point {
        width: 48px;
        height: 48px;
        background: #001a2e;
        border-radius: 8px 8px 8px 0px;
        display: inline-block;
        color: #fff;
        font-weight: 700;
        line-height: 48px;
        font-size: 12px;
        text-align: center;
        vertical-align: top;
    }

    .challenge-item .action {
        vertical-align: top;
    }

    .challenge-item .action .claim {
        padding: 6px 15px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        text-transform: none;
        border: none;
        font-weight: 600;
        font-size: 9px;
    }

    .challenge-item .content-challenge {
        display: inline-block;
        padding-left: 5px;
        width: 55%;
    }

    .challenge-item .content-challenge p {
        opacity: 0.6;
        line-height: 10px;
        font-size: 10px;
    }

    .game-mb-des {
        display: block;
    }

    .game-mb-des .description p {
        font-weight: 700;
        font-size: 10px;
        line-height: 12px;
        color: #ff4921;
    }

    .game-mb-des .description p span {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        line-height: 18px;
    }

    .game-mb-des h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 14px !important;
        text-transform: none;
        padding: 11px;
        border-bottom: none;
    }

    .game-mb-des .category a {
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        border-radius: 24px;
        border: 1px solid #ffffff40;
        padding: 5px 10px;
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 10px;
        margin-left: 10px;
    }

    .game-description .game-image {
        width: 100px;
        padding-top: 100px;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        border-radius: 16px 16px 16px 0px !important;
        float: left;
        margin-top: 0px;
        margin-right: 15px;
    }

    .game-detail-meta {
        padding-left: 35px;
        padding-right: 25px;
    }

    .game-detail-meta .category h2 {
        font-size: 12px;
        font-weight: 700;
        padding: 0px 8px;
        display: inline-block;
        border: 1px solid #918e8e;
        border-radius: 24px;
        margin-top: 10px;
        width: auto;
        height: 25px;
        overflow: hidden;
        line-height: 21px;
    }

    .game-detail-meta .game-item.horizontal {
        background: none;
    }

    .game-detail-meta .game-item.horizontal .description p {
        font-size: 12px;
        padding: 0px;
    }

    .game-detail-meta .game-item.horizontal h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 14px !important;
        text-transform: none;
        padding: 11px;
        border-bottom: none;
    }

    .short-des-lg {
        display: none;
    }

    .short-des-mb {
        display: block;
        padding: 15px;
        opacity: 0.6;
        font-size: 12px;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .short-des-mb.active {
        height: 100%;
    }

    .short-des-mb.active .see-more {
        display: none;
    }

    .short-des-mb.active .see-less {
        display: inline-block;
    }

    .game-description hr {
        display: none;
    }

    .game-description .meta-description {
        margin-top: 0px;
        padding: 0px;
    }

    .game-item {
        background: #001323;
    }

    .game-item.vertical {
        width: 97%;
        padding: 45px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        float: left;
        margin-bottom: -5px;
    }

    .game-item.vertical .game-image {
        display: inline-block;
        width: 140px;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        padding-top: 140px;
        border-top-left-radius: 24px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .game-item.vertical .game-image img {
        width: 100%;
        height: 100%;
    }

    .game-item.vertical .game-info {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding-left: 5px;
        padding-top: 10px;
    }

    .game-item.horizontal {
        width: 90%;
        border-top-left-radius: 12px !important;
        border-top-right-radius: 12px !important;
        border-bottom-right-radius: 12px !important;
        float: left;
    }

    .game-item.horizontal .game-image {
        width: 100%;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        padding-top: 100%;
        border-radius: 12px 12px 0px 0px;
    }

    .game-item.horizontal h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 12px !important;
        text-transform: none;
        padding: 10px;
        border-bottom: none;
    }

    .game-item.horizontal .description {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0px;
    }

    .game-item.horizontal .description p {
        font-size: 12px;
        line-height: 24px;
        color: #ff4921;
        padding-bottom: 25px;
    }

    .game-item.horizontal .description p .icon {
        width: 16px;
        height: 16px;
        display: inline-block;
        text-align: center;
        margin-right: 8px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .game-item h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 24px;
        text-transform: none;
        padding-bottom: 15px;
        border-bottom: none;
    }

    .game-item .description {
        margin-top: 10px;
    }

    .game-item .description p {
        font-weight: 700;
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        line-height: 25px;
    }

    .game-item .description p.high-score {
        color: #ff4921;
        font-size: 12px;
        line-height: 25px;
    }

    .game-item .button-play {
        width: 65%;
        float: left;
        text-align: center;
        padding: 7px 7px;
        color: #fff;
        font-weight: 700;
        font-size: 10px;
        margin-top: 0px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .game-item .button-play.play-now {
        background: #ff4921;
        width: auto;
    }

    .game-item .button-play.play-now:hover {
        background: #154a75;
    }

    .game-item .button-play.play-success {
        background: #00243f;
    }

    .header {
        background: #000f1b;
        max-height: 56px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

    .header h1 a img {
        width: 80px;
        margin-top: 17px;
        margin-bottom: 15px;
        height: 25px;
    }

    .header .btn-menu {
        float: right;
        position: fixed;
        right: 10px;
        top: 10px;
        color: #fff;
    }

    .header .btn-menu svg {
        display: block;
        color: #fff;
        width: 35px;
        height: 35px;
    }

    .header .account-area {
        position: fixed;
        /*width: 260px;*/
        height: 56px;
        right: 56px;
    }

    .header .account-area #search {
        margin-top: 10px;
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 0px;
        margin-left: 0px;
    }

    .header .account-area #search .icon {
        width: 25px;
        height: 25px;
        display: inline-block;
        text-align: center;
        margin-right: 8px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .main-navigation {
        display: none;
    }

    .zeynep {
        display: block !important;
    }

    .main-content {
        margin-top: 60px;
        width: 100%;
        overflow-x: hidden;
    }

    .main-content .game-item.vertical {
        width: 100%;
        padding: 0px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        float: left;
    }

    .main-content .game-item.vertical .game-info {
        width: 55%;
        display: inline-block;
        vertical-align: top;
        padding-left: 10px;
        padding-top: 10px;
    }

    .main-content .game-item h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        text-transform: none;
        padding-bottom: 5px;
    }

    .main-content .game-item .description p {
        font-weight: 700;
        font-size: 10px;
        line-height: 12px;
        color: #ff4921;
    }

    .main-content .game-item .description p.high-score {
        color: #ff4921;
        font-size: 10px;
        line-height: 25px;
    }

    #login {
        display: none;
    }

    #supcription {
        display: none;
    }

    .header-button {
        display: none !important;
    }

    .our-location .map {
        width: 100%;
        margin: 0 auto;
    }

    .main-navigation {
        text-align: center;
        margin: 10px 0px;
        padding-left: 0%;
    }

    .section-slide {
        width: 100%;
    }

    .slider-featured .slick-dots li {
        width: 20px;
        height: 1px;
        background: #dedede;
        display: inline-block;
    }

    #loader {
        display: block;
        position: absolute;
        left: 45%;
        top: 50%;
        z-index: 99999;
        width: 40px;
        height: 40px;
        margin: 0px auto;
        border: 5px solid #f3f3f3;
        border-radius: 50%;
        border-top: 5px solid #000000;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

    .tab-featured .tabbable-line > .nav-tabs {
        border: none;
        margin: 0px auto;
        text-align: center;
        height: auto;
        z-index: 999;
        margin-top: 10px;
        position: relative;
    }

    .feature-tab .slick-arrow {
        color: #000 !important;
    }

    .feature-tab .btn-prev {
        left: 40px;
    }

    .feature-tab .btn-next {
        right: 40px;
    }

    .tab-featured .tabbable-line > .nav-tabs > li {
        margin-right: 2px;
        display: inline-block;
        margin-bottom: -1px;
        float: none !important;
        width: 100%;
    }

    .hidden-lg h1.logo {
        display: block;
        width: 100px;
        margin: 0 auto;
        margin: 10px auto;
    }

    ul.sub-menu {
        margin-top: 15px !important;
        padding-left: 10px !important;
    }

    ul.sub-menu ul {
        margin-top: 15px !important;
        padding-left: 15px !important;
        border-top: none !important;
        border-bottom: none !important;
    }

    .product-category-slider.related-news {
        padding-left: 0px;
        padding-right: 0px;
    }

    .related-news .news-item {
        margin-top: 0px !important;
        padding-right: 0px;
    }

    p.total {
        padding: 5px 0px;
        margin-top: 5px;
        border-top: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
        position: relative;
    }

    ul.product_list_widget li {
        list-style: none;
        padding: 10px 0 5px 110px;
        min-height: 115px;
        position: relative;
        overflow: hidden;
        vertical-align: top;
        line-height: 1.33;
    }

    .footer-container .copy-right {
        width: 100%;
        height: 51px;
        margin-bottom: 10px;
        padding: 15px 0px 0px 15px;
        font-family: "noto-sans";
        font-weight: 500;
        border-top: 1px solid #ccc;
    }

    .product-detail .slider-nav .image-thumb {
        padding-top: 70%;
        width: 70%;
        background-position: center !important;
        background-size: cover !important;
    }

    .loadmore {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }

    .quantity-area {
        display: inline-block;
    }

    .qty-label {
        width: 30% !important;
        display: inline-block;
    }

    .input-area {
        width: 69% !important;
        display: inline-block;
    }

    .cart-detail .cart_item .product-qty .count {
        width: 30px;
        line-height: 9px;
        margin-top: 0px;
        margin-left: 5px;
        height: 25px;
    }

    tr.cart_item {
        margin-bottom: 30px;
        padding-bottom: 32px;
        display: block;
    }

    .pre-confirm .form-confirm .select {
        position: relative;
        width: 280px;
    }

    html {
        width: 100%;
        overflow-x: hidden;
    }

    .product-detail .slider-nav {
        width: 100%;
    }

    .slider-featured .slick-dots {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        height: 30px;
        overflow: hidden;
    }

    .footer-nav {
        display: none;
    }

    .footer-bottom .content-footer h3.widget-title::before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f067";
        float: right;
        line-height: 40px;
    }

    .slide-navigation ul > li.active > a::before {
        background: #fff;
        content: "";
        height: 3px;
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 99%;
    }

    .logo-area {
        display: none;
    }

    .pre-confirm .pre-header {
        display: none;
    }

    .pre-confirm .img-pre-confirm img {
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 0px;
        /* left: 50%; */
        height: 100%;
    }

    .pre-confirm .form-confirm .select::after {
        position: absolute;
        content: "";
        top: 17px;
        right: 25%;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    .home .footer-container .contact-form {
        padding: 2% 0;
        height: 30vh;
    }

    .footer-top .form-sub h2 {
        font-weight: 900;
        color: #000;
        font-size: 16px;
    }

    footer .subscribe-box {
        width: 100%;
    }

    .footer-top .form-sub .input-email {
        width: 75%;
        margin: 0 auto;
        border-radius: 50px;
        color: #000;
        height: 35px;
        line-height: 35px;
        border: 1px solid #000;
    }

    .footer-top .social {
        width: 100%;
    }

    .footer-top .social .col-md-4 {
        width: 30%;
        display: inline-block;
    }

    .mt-60 {
        margin-top: 10px;
    }

    .mb-60 {
        margin-bottom: 10px;
    }

    .footer-top .form-sub .btn-black {
        padding: 5px 30px;
        text-transform: uppercase;
        margin-top: 10px;
    }

    .footer-bottom .content-footer {
        width: 80%;
        text-align: left;
        height: auto;
    }

    .footer-bottom .content-footer h3.widget-title {
        font-size: 14px;
        font-family: "noto-sans";
        font-weight: 500;
        color: #000;
        line-height: 40px;
    }

    .column-active h3.widget-title::before {
        content: "\f068" !important;
    }

    .column-active .footer-nav {
        display: block !important;
        transition: ease-in 0.5s;
    }

    .footer-bottom .content-footer .footer-nav li a {
        font-size: 13px;
        font-family: "noto-sans";
        font-weight: 500;
        color: #000;
    }

    .language {
        text-align: center !important;
    }

    .home .search-form .form-group {
        transition: all 0.5s, border-radius 0s;
        width: 100%;
        background-color: transparent;
    }

    .home .search-form .form-group input.form-control {
        padding-right: 20px;
        border: 0 none;
        background: transparent;
        box-shadow: none;
        display: block;
        height: 50px;
        padding: 0px 0px !important;
        border-radius: 50px;
    }

    .home .footer-container {
        height: 100vh;
        margin-top: 70px !important;
    }

    .search-form .form-group input.form-control {
        padding-right: 20px;
        border: 0 none;
        background: transparent;
        box-shadow: none;
        display: block;
        height: 35px;
        padding: 0px 20px;
        border-radius: 50px;
        width: 100%;
        font-size: 25px;
    }

    .search-form .form-group {
        transition: all 0.5s, border-radius 0s;
        width: 100%;
        background-color: transparent;
        border-radius: unset !important;
        border-bottom: 1px solid #ccc;
        padding-bottom: 0px;
    }

    .section .section-content h1 {
        font-size: 35px;
    }

    .header h1 {
        font-size: 20px;
    }

    h1.logo img {
        width: 20%;
    }

    .search-form {
        position: relative;
        left: 0;
        bottom: 15px !important;
    }

    .section .section-content h2.section-figure {
        font-size: 15px;
        text-transform: none;
        text-align: left;
        line-height: 20px;
        font-weight: 500;
    }

    .section .section-content {
        height: 60px;
        overflow: hidden;
    }

    .social a img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

    /* .section .section-content {
          margin: auto;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 5%;
          right: 0;
          width: 65%;
          height: 0;
          text-align: center;
          color: #fff;
      } */
    .home .search-form .form-group span.form-control-feedback {
        position: absolute;
        top: -1px;
        right: -2px;
        z-index: 2;
        display: block;
        width: 25px;
        height: 25px;
        line-height: 34px;
        text-align: center;
        color: #000;
        left: initial;
        font-size: 14px;
        background: url("") no-repeat;
        background-position: center;
        background-size: contain;
    }

    .home .cart-icon {
        text-align: right;
        display: inline-block;
        width: 30%;
        margin-top: 0px;
        position: relative;
        margin-right: 0px;
    }

    .breadcumbs .info {
        width: 100%;
        text-align: center;
    }

    .breadcumbs .info h3 {
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        font-weight: 600;
    }

    .breadcumbs .info .more-info {
        padding: 0px 15% 0px 15%;
        text-align: center;
        font-size: 12px;
        line-height: 20px;
    }

    .tool-bar {
        padding: 10px 0px 10px 0px;
    }

    .filter-action-area {
        text-align: left !important;
    }

    span.total {
        font-size: 18px;
        margin-left: 0px;
    }

    .product-list .product-item {
        width: 100%;
        display: inline-block;
        padding: 10px;
    }

    .product-list {
        display: inline-block;
        width: 100%;
        float: right;
    }

    .breadcumbs .btn-prev {
        left: 2%;
        top: 50%;
        color: #000;
    }

    .breadcumbs .btn-next {
        right: 2%;
        top: 50%;
        color: #000;
    }

    .cart-icon {
        text-align: right;
        display: inline-block;
        width: 30%;
        margin-top: 0px;
        position: relative;
        margin-right: 0px;
        float: right;
    }

    .home .cart-icon svg {
        fill: #fff;
    }

    .cart-icon svg {
        fill: #000;
    }

    .home .search-box {
        text-align: left;
        width: 20%;
        display: inline-block;
        margin-top: 16px;
        margin-left: 0px;
    }

    .language-choice {
        display: inline-block;
        text-align: left;
        float: left;
        margin-left: 10%;
    }

    .search-box {
        text-align: left;
        width: 25%;
        display: inline-block;
        margin-top: 16px;
        margin-left: 0;
    }

    .register-form .radio {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 0px;
        margin-top: 0px;
        cursor: pointer;
        font-size: 13px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 25px;
        height: 30px;
    }

    .register-form .form-group {
        margin-bottom: 5px;
    }

    .register-form {
        padding: 20px 20px 20px 20px;
    }

    .register-form .radio {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 0px;
        margin-top: 0px;
        cursor: pointer;
        font-size: 13px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 25px;
    }

    .register-form .checkround {
        position: absolute;
        top: 3px;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-color: #ffc499;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }

    .register-form label {
        color: #3a3a3a;
        margin-bottom: 5px;
        line-height: 25px;
    }

    .image-holder {
        display: none;
    }

    .form-holder {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .form-holder .login-form {
        padding: 40px 40px;
    }

    .modal-dialog {
        min-width: 93% !important;
        width: 93%;
        margin: 41% auto;
    }

    .dataTables_length {
        text-align: center;
    }

    .widget_worktime {
        margin-top: 20px;
    }

    .list-documents .list-area {
        padding-left: 25px;
    }

    .list-documents .document-item {
        margin-top: 30px;
        padding-left: 40px;
        border-left: 1px solid #fff2e9;
        position: relative;
    }

    aside.widget {
        margin-bottom: 50px;
    }

    .mb-f-r {
        float: right;
    }

    body:not(.home) .is-sticky .main-navigation li a {
        color: #fff;
    }

    body:not(.home) .is-sticky .main-navigation li a:hover,
    body:not(.home) .is-sticky .main-navigation li a:active,
    body:not(.home) .is-sticky .main-navigation li a:focus {
        color: #3a3a3a;
    }

    #menu-footer-menu {
        list-style-type: none;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        width: 100%;
        list-style-position: inside;
    }

    #menu-footer-menu li a {
        line-height: 25px;
    }

    .is-sticky .main-navigation li a:hover {
        color: #000;
    }

    .main-navigation li a:hover {
        color: #000;
    }

    .asset-list .nav-tabs > li.active > a {
        color: #f19b40;
        border: none;
        border-bottom: 1px solid #f19b40;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        padding-bottom: 13px;
    }

    .asset-list .nav-tabs > li a {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
    }

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

    .main-slide .slide h2 {
        font-size: 30px !important;
    }

    .main-slide .slide .content-slide p {
        font-size: 18px;
    }

    .main-slide .slide p {
        color: #fff;
        padding-top: 2px;
        padding-bottom: 1px;
    }

    .main-slide .slide .content-slide span {
        background: none;
        padding-left: 0px;
        padding-right: 10px;
    }

    .main-slide .slide {
        height: 450px;
        display: table-cell;
        vertical-align: middle;
    }

    .search-form {
        position: relative;
        left: 0;
        bottom: -80px;
    }

    .title-heading h2 {
        font-family: "Roboto";
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
        text-transform: uppercase;
    }

    .grid {
        display: grid;
        grid-template-columns: repeat(2, calc(100% / 2));
    }

    .child {
        width: 100%;
        /* padding-left: 15px;
            padding-right: 15px; */
        border: none !important;
    }

    .child:nth-child(4) .product-item {
        padding: 20px 30px 20px 30px;
    }

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

    .product-two-columns .product-info {
        margin-top: 20px;
    }

    .subcribe-form .subcribe-btn {
        background: #f19b40;
        border: none;
        border-radius: 5px;
        text-align: center;
        margin-top: 10px;
    }

    .product-item {
        border: none !important;
    }

    .course-list .note {
        margin-left: 0;
    }

    .course-list {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .course-use .nav-tabs > li a i {
        font-size: 20px;
        line-height: 50px;
        width: 50px;
        height: 50px;
        top: -25px;
    }

    .schedul-img {
        float: none;
        height: 100%;
        margin-right: 0;
        width: auto;
    }

    .schedul-content {
        height: 100%;
        overflow: hidden;
        padding: 0 20px 20px;
    }

    .title-newletter {
        padding-right: 20px;
    }

    .show-menu {
        /* left: 300px; */
    }

    .is-sticky .open-menu {
        padding-top: 15px !important;
    }

    .overlay {
        background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        z-index: 9;
    }

    .caret-dropdown {
        display: block;
    }

    .show-menu .overlay {
        opacity: 1;
        visibility: visible;
    }

    .top-link a {
        padding: 14px 15px 15px;
    }

    .header-logo {
        display: inline-block;
        width: 70%;
    }

    .btn-menu {
        float: left;
    }

    .home .open-menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        font-size: 24px;
        padding-top: 0px;
        padding-right: 15px;
    }

    .home .open-menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        font-size: 24px;
        padding-top: 0px;
        padding-right: 15px;
        margin-top: -7px;
    }

    .open-menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #000;
        font-size: 24px;
        padding-top: 0px;
        padding-right: 15px;
        margin-top: -7px;
    }

    .close-menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #000000;
        font-size: 48px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0px;
        z-index: 99;
    }

    ul.cart_list.product_list_widget {
        height: 240px;
        overflow: scroll;
    }

    .home .search-form .form-group.open input.form-control {
        padding-right: 20px;
        border: 0 none;
        background: #fff;
        box-shadow: none;
        display: block;
        height: 35px;
        padding: 0px 20px;
        border-radius: 50px;
        width: 80%;
        position: fixed;
        left: 10px;
        top: 20px;
    }

    .search-form .form-group.open input.form-control {
        padding-right: 20px;
        border: 0 none;
        background: #fff;
        box-shadow: none;
        display: block;
        height: 35px;
        padding: 0px 20px;
        border-radius: 50px;
        width: 80%;
        position: fixed;
        left: 10px;
        top: 20px;
        border: 1px solid #000;
    }

    .search-result .product-item {
        width: 48%;
        display: inline-block;
        padding-right: 10px;
        margin-bottom: 17px;
        padding-left: 0px;
        margin-top: 10px;
    }

    .search-result .wrapper {
        padding: 5px;
    }

    .search-result {
        position: fixed;
        top: 55px;
        width: 100%;
        height: 90vh;
        overflow: scroll;
        background: #fff;
        z-index: 99999;
        border-top: 1px solid #ccc;
        left: -9999px;
        transition: ease-in 0.5s;
    }

    nav.slide-navigation {
        position: fixed;
        bottom: 10px;
        width: 100%;
        display: block;
        z-index: 1;
        text-align: center;
    }

    ul.slide-menu li {
        display: inline-block;
        padding: 10px 20px;
        position: relative;
    }

    ul.slide-menu li a {
        text-transform: uppercase;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
    }

    .home .search-form .form-group.open span.form-control-feedback {
        position: absolute;
        top: -20px;
        right: 5px;
        z-index: 2;
        display: block;
        width: 27px;
        height: 27px;
        line-height: 34px;
        text-align: center;
        color: #000;
        left: initial;
        font-size: 20px;
    }

    .search-form .form-group span.form-control-feedback {
        position: absolute;
        top: -1px;
        right: 20px;
        z-index: 2;
        display: block;
        width: 25px;
        height: 25px;
        line-height: 34px;
        text-align: center;
        color: #000;
        left: initial;
        font-size: 14px;
        background: url("") no-repeat;
        background-position: center;
        background-size: cover;
    }

    .search-form .form-group.open span.form-control-feedback {
        display: none;
    }

    .home span.close-search {
        position: absolute;
        right: -25px;
        top: -30px;
        background: #e5e5e5;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        z-index: 999999;
    }

    span.close-search {
        position: absolute;
        right: 50%;
        top: -30px;
        background: #e5e5e5;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        z-index: 999999;
    }

    .home .cart-icon .nav-dropdown.active {
        right: 5px;
        transition: ease-in, 0.5s;
        top: 70px;
        z-index: 999;
    }

    .cart-icon .nav-dropdown.active {
        right: 5px;
        transition: ease-in, 0.5s;
        top: 85px;
    }

    .filter-sidebar.active {
        width: 90%;
        display: inline-block !important;
        transition: width 2s;
        position: fixed;
        z-index: 9999;
        background: #fff;
        top: 13%;
        left: 0;
        overflow: scroll;
        height: 85vh;
    }

    .hidden-lg .filter-action {
        position: absolute;
        right: 25px;
        top: 10px;
    }

    .kad-header-menu {
        background: #fff none repeat scroll 0 0;
        border-right: 1px solid #ccc;
        height: 100%;
        min-height: 100vh;
        position: fixed;
        left: -200%;
        top: 0;
        width: 300px !important;
        z-index: 999999;
        overflow: auto;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .about .about-desc {
        position: absolute;
        top: 25%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        color: #fff;
    }

    .about .about-desc p.desc {
        width: 90%;
        display: block;
        margin: 0 auto;
    }

    .about {
        position: relative;
        height: auto;
        overflow: hidden;
    }

    .more-about {
        padding: 15px;
    }

    .more-about h2 {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .about-info {
        padding: 0px 15px;
    }

    .about-info .about-text {
        display: table;
        vertical-align: middle;
        height: 100%;
        padding-top: 10%;
        padding-left: 15px;
        text-align: justify;
    }

    .even .about-text {
        padding-right: 15px;
        padding-left: 15px;
        text-align: justify;
    }

    .about-info .image-info {
        width: 100%;
        margin-top: 30px;
        padding-top: 100%;
        background-size: cover;
        background-position: center;
        object-fit: cover;
        border: 1px solid #ccc;
        -webkit-box-shadow: -40px -40px 0px -20px #ff3535;
        -moz-box-shadow: -40px -40px 0px -20px #ff3535;
        box-shadow: -40px -40px 0px -20px #ff3535;
    }

    .about-info .row-info {
        padding-top: 20px;
    }

    .wrapper.checkout {
        padding: 0px 0px;
    }

    .footer-container .contact-form {
        padding: 10% 0;
        height: auto;
    }

    .cart-detail .cart_item td {
        padding-top: 0px;
        padding-bottom: 5px;
        padding-right: 10px;
        padding-left: 0px;
        vertical-align: top;
        font-size: 16px;
        width: 100%;
        display: block;
    }

    /* .main-content {
          margin-top: 85px;
      } */
    .cart-detail .cart_item td .remove-product {
        position: relative;
        bottom: 0px;
        color: #ff3535;
        font-weight: 300;
        margin: 0px 0px;
    }

    .cart-info {
        padding-right: 0px;
    }

    .checkout .form-group {
        margin: 10px auto;
        min-height: 90px;
        padding-left: 0px;
        padding-right: 20px;
    }

    label,
    input {
        border: none;
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 100%;
        /*padding: 30px;*/
    }

    .checkout .checkout-button {
        color: #fff;
        background: #000;
        border: 1px solid #000;
        border-radius: 50px;
        margin-bottom: 20px;
        padding: 0px 0px !important;
        width: 100%;
        line-height: 35px;
    }

    .checkout .cancel-button {
        color: #000;
        background: #fff;
        border: 1px solid #000;
        padding: 0px 0px !important;
        width: 100%;
        line-height: 35px;
        border-radius: 50px;
    }

    .featured-news h2.news-title {
        font-weight: 700;
        font-size: 25px;
        line-height: 35px;
    }

    .news-item.first {
        padding-right: 15px;
    }

    .news-item {
        margin-top: 20px;
    }

    .news-item .news-info h3.title-news {
        text-transform: none;
        font-size: 18px;
        font-weight: 500;
        line-height: 35px;
        margin-top: 10px;
    }

    .news-item p.news-desc {
        color: #757575;
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
        text-align: justify;
    }

    .news-item.middle {
        padding-right: 15px;
        padding-left: 15px;
    }

    .news-item.last {
        padding-left: 15px;
        padding-right: 15px;
    }

    .item-featured .content-featured h2 {
        font-size: 40px;
        font-weight: 900;
        margin-bottom: 5px;
        font-size: 25px;
        line-height: 35px;
    }

    .item-featured .content-featured p {
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
        font-weight: 500;
        font-size: 12px;
    }

    .product-category-slider {
        padding-left: 15px;
        padding-right: 15px;
    }

    .item-featured .content-featured a.btn-black {
        width: 165px;
        line-height: 25px;
        font-size: 18px;
        font-weight: 500;
        margin-top: 26px;
        margin-bottom: 70px;
    }

    .product-item {
        border: none !important;
        margin-bottom: 20px;
    }

    .product-category-list.special .product-info {
        position: absolute;
        bottom: 0;
        width: 90%;
        padding: 10px 10px;
        color: #fff;
    }

    .footer-container {
        height: auto !important;
    }

    footer {
        height: auto !important;
        padding-bottom: 20px;
    }

    .main-navigation ul {
        margin-top: 15px;
        padding-left: 30px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-left: -15px;
        margin-right: -15px;
    }

    .main-navigation li a {
        font-size: 20px;
        color: #000;
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        font-family: "noto-sans";
        position: relative;
    }

    .product-category-list.special .product-info h3 {
        font-size: 25px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 900;
    }

    .product-category-list.special .product-info p.description {
        width: 100%;
        margin-bottom: 10px;
    }

    .special .product-item {
        min-height: 360px;
        position: relative;
    }

    .special .product-item .product-image {
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .special .product-item .product-image img {
        width: 100%;
        max-height: 70vh;
        height: 100%;
    }

    .product-category-list {
        margin-top: 25px;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }

    .checkout h3 {
        text-transform: none;
        font-size: 26px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .cart-detail .cart_item td.product-name {
        width: 100%;
        position: relative;
    }

    .cart-detail .cart_item .product-thumbnail .img-cart {
        width: 100%;
        height: 100%;
        padding-top: 100%;
    }

    li.has-sub.active .sub-menu {
        display: block !important;
        transition: ease-in 0.5s;
        background: #fff;
        position: relative;
        top: 0px;
        width: 300px;
        height: 100vh;
        left: 0px;
        padding-top: 15px;
        padding-bottom: 30px;
        overflow: scroll;
    }

    /*
      li.has-sub:hover .sub-menu{
          display: none !important;
      } */
    li.has-sub .sub-menu > ul {
        margin-top: 0px !important;
    }

    .right-sub-menu {
        padding-left: 0px;
    }

    .show-menu .kad-header-menu {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: 0;
    }

    .main-navigation li {
        display: block;
        position: relative;
    }

    .main-navigation li .children {
        overflow: hidden;
        padding: 0 15px;
    }

    .main-navigation li.megamenu > ul.children {
        padding: 0;
    }

    .main-navigation > ul > li > ul.children {
        display: none;
    }

    .main-navigation > ul > li.active > ul.children {
        display: block;
    }

    .main-navigation ul > li,
    .main-navigation > ul > li:first-child {
        padding: 10px 0;
        text-align: left;
    }

    .title-heading {
        padding-top: 50px;
    }

    .header-logo {
        height: auto;
    }

    .is-sticky .header-logo {
        height: 40px;
    }

    .footer .widget {
        margin-top: 50px;
        min-height: 200px;
    }

    .footer .footer-bottom .widget {
        min-height: 100%;
    }

    .fb-footer {
        margin-top: 50px;
    }

    .pagination-bottom {
        margin-top: 10px;
        display: block;
        width: 100%;
    }

    .page-numbers {
        margin-bottom: 0px;
        margin-top: 5px;
        float: right;
        width: 100%;
        text-align: center;
    }

    .active-sidebar,
    body:not(.home) .footer {
        /* margin-bottom: 50px; */
    }

    .active-sidebar {
        margin-top: 50px;
    }

    .copy-right {
        padding-top: 20px;
        text-align: center;
    }

    .member-img img {
        width: 100%;
    }

    .member-content {
        margin-bottom: 30px;
    }

    .member {
        padding-bottom: 20px;
    }
}

@media (min-width: 769px) and (max-width: 1025px) {

    .game-description .game-image {
        width: 180px !important;
        padding-top: 180px !important;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        border-radius: 16px 16px 16px 0px !important;
        float: left;
        margin-top: 0px;
        margin-right: 15px;
    }

    .login-success-modal {
        width: 375px !important;
        min-width: 375px !important;
    }

    #change-profile-content .user-profile .change-profile-form .upload-image .change-image {
        display: inline-block;
        vertical-align: top;
        padding-left: 8px;
        padding-top: 0px;
        width: 90%;
    }

    #change-profile-content .user-profile .change-profile-form .upload-image {
        border: 1px solid rgba(255, 255, 255, 0.2);
        box-sizing: border-box;
        border-radius: 20px 20px 20px 0px;
        padding: 10px 0px 5px 10px;
        margin-bottom: 25px;
    }

    #history .history-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 85%;
        margin-left: 8px;
    }

    #history .history-item .content-reward p {
        font-weight: 400;
        font-size: 14px;
        text-align: left;
    }

    #history .history-item .time {
        display: inline-block;
        vertical-align: top;
        padding-top: 10px;
        opacity: 0.6;
        font-size: 12px;
    }

    .top-player-page .charts h1 {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-transform: none;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .top-player-page .charts .chart-filter {
        position: absolute;
        right: 15px;
        top: -35px;
        margin-top: 0px !important;
    }

    .reward-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 80% !important;
        margin-left: 10px;
    }

    .game-detail .charts .chart-filter {
        display: inline-block;
        vertical-align: top;
        margin-right: 0px;
        text-align: right;
    }

    .header .btn-menu {
        float: right;
        position: fixed;
        right: 15px;
        top: 10px;
        color: #fff;
    }

    .game-description h1.heading-title {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .challenge-item .action {
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
    }

    .lost-password a {
        color: #fff;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .game-item.horizontal h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 20px !important;
        text-transform: none;
        padding: 10px;
        border-bottom: none;
    }

    .game-item.horizontal .description p {
        font-size: 12px;
        line-height: 24px;
        color: #ff4921;
        padding-bottom: 15px;
    }

    .game-detail .game-image-detail {
        display: none;
    }

    .game-item.horizontal .description p .icon {
        width: 16px;
        height: 17px;
        display: inline-block;
        text-align: center;
        margin-right: 8px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .game-description .game-image {
        width: 100%;
        padding-top: 100%;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        border-radius: 16px 16px 16px 0px;
        float: left;
        margin-top: 0px;
    }

    .game-item.horizontal .description {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0px;
    }

    .game-detail-meta .game-item.horizontal h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 30px !important;
        text-transform: none;
        padding: 16px;
        border-bottom: none;
    }

    .game-item.horizontal .description p .icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        margin-right: 8px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .game-item.horizontal .description p span {
        display: inline-block;
        line-height: 30px;
        vertical-align: top;
        font-size: 16px;
    }

    .game-detail-meta .category h2 {
        font-size: 19px;
        font-weight: 700;
        padding: 0px 8px;
        display: inline-block;
        border: 1px solid #918e8e;
        border-radius: 24px;
        margin-top: 13px;
        width: 136px;
        height: 35px;
        overflow: hidden;
        line-height: 31px;
    }

    a.button-play.btn-cup {
        display: inline-block;
        width: 10%;
        height: 40px;
        background: #ccc;
        color: #fff;
        background: #ff4921;
        font-weight: 700;
        font-size: 10px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        background-image: url("/javax.faces.resource/images/cup.svg.xhtml?ln=frontend-layout");
        background-repeat: no-repeat;
        background-size: 40%;
        background-position: center;
    }

    .play-now .btn-play-now {
        width: 85%;
        height: 40px;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 8px 11px;
        color: #fff;
        background: #ff4921;
        font-weight: 700;
        font-size: 16px;
        margin-right: 30px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .video {
        width: 100%;
        padding-top: 51%;
        background-size: cover;
        object-fit: cover;
        position: relative;
        border-radius: 24px 24px 24px 0px;
    }

    .language {
        text-align: right !important;
    }

    .home .footer-container .contact-form {
        padding: 30% 0;
        height: 60vh;
    }

    .footer-bottom .content-footer {
        width: 45%;
        text-align: left;
        height: auto !important;
    }

    .copy-right .col-sm-12 {
        width: 70%;
    }

    .copy-right .language {
        width: 26%;
    }

    span.close-search {
        position: absolute;
        right: 50%;
        top: -30px;
        background: #e5e5e5;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        z-index: 999999;
    }

    .footer-top .form-sub .btn-black {
        padding: 5px 30px;
        text-transform: uppercase;
        margin-top: 0px;
    }

    .about .about-desc {
        position: absolute;
        top: 45%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        color: #fff;
    }

    aside.widget {
        margin-bottom: 50px;
        padding: 0 10px;
    }

    .filter-sidebar.active {
        width: 42%;
        display: inline-block !important;
        transition: width 2s;
        position: fixed;
        z-index: 9999;
        background: #fff;
        top: 0%;
        right: -55%;
        overflow: scroll;
        height: 100vh;
    }

    .search-box {
        text-align: left;
        width: 36%;
        display: inline-block;
        margin-top: 16px;
        margin-left: 0%;
    }

    .footer-top .social {
        width: 54%;
        margin-top: 15px;
    }

    .footer-top .form-sub .input-email {
        width: 21%;
        margin: 0 auto;
        border-radius: 50px;
        color: #000;
        height: 33px;
        line-height: 35px;
        border: 1px solid #000;
    }

    .footer-top .form-sub h2 {
        font-weight: 900;
        color: #000;
        font-size: 19px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .search-form .form-group.open input.form-control {
        padding-right: 20px;
        border: 0 none;
        background: #fff;
        box-shadow: none;
        display: block;
        height: 35px;
        padding: 0px 20px;
        border-radius: 50px;
        width: 80%;
        position: fixed;
        left: 40px;
        top: 20px;
        border: 1px solid #000;
    }

    .search-form .form-group input.form-control {
        padding-right: 20px;
        border: 0 none;
        background: transparent;
        box-shadow: none;
        display: block;
        height: 35px;
        padding: 0px 55px;
        border-radius: 50px;
        width: 100%;
    }

    .register-form .radio {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 0px;
        margin-top: 0px;
        cursor: pointer;
        font-size: 13px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 25px;
        height: 30px;
    }

    .modal-dialog {
        min-width: 460px;
        width: 460px;
        margin: 10% auto;
    }

    aside.widget {
        margin-bottom: 50px;
    }

    .page-numbers {
        margin-bottom: 0px;
        margin-top: 0px;
        float: right;
    }

    .pagination-bottom {
        margin-top: 0px;
        display: block;
        width: 100%;
    }

    .side-breadcrumb {
        background: rgba(0, 0, 0, 0) url("") no-repeat scroll center center/cover;
        border-radius: 0;
        padding: 65px 0 0 0;
        text-align: left;
    }

    .main-navigation li a:hover {
        color: #000;
    }

    .is-sticky .main-navigation li a:hover {
        color: #000;
    }

    .is-sticky .main-navigation li.book-home a {
        border: 1px solid #fff;
        padding: 5px 15px;
        border-radius: 15px;
        color: #fff;
    }

    .icon-product {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin: 10px 5px;
        float: left;
    }

    .child:nth-child(1) .product-item {
        padding: 0px 30px 20px 30px;
    }

    .child:nth-child(4) .product-item {
        padding: 0px 30px 20px 30px;
    }

    .main-navigation li a:hover {
        color: #000;
    }

    .main-navigation ul.sub-menu {
        top: -20%;
    }

    .grid {
        display: grid;
        grid-template-columns: repeat(2, calc(100% / 2));
    }

    .child {
        width: 100%;
        /* padding-left: 15px;
            padding-right: 15px; */
        border: none !important;
    }

    .product-item {
        border: none !important;
        margin-top: 30px;
    }

    .top-link li a {
        padding: 10px 10px;
        color: #7e7e7e;
    }

    .main-slide .slide h2 {
        font-size: 45px !important;
    }

    .header-mid {
        padding-top: 0;
        position: fixed;
        top: 50px;
        z-index: 999;
        width: 100%;
    }

    .ads-icon {
        float: none;
        margin: 0 auto 30px;
    }

    .ads-desc {
        text-align: center;
    }

    .img-service > img {
        width: 115px;
    }
}

@media (max-width: 767px) {
    .title-newletter {
        float: none;
        margin-bottom: 20px;
        padding-right: 0;
    }

    .course-use .nav-tabs > li.active:before {
        content: none;
    }

    .blog-full {
        margin-bottom: 30px;
    }

    .about-home {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .fb_iframe_widget {
        width: 100%;
    }

    .product-grid .col-xs-12.col-sm-6,
    .product-grid .col-xs-12.col-sm-4,
    .related-product .col-xs-12,
    .upsell-product .col-xs-12 {
        width: 50%;
    }

    .testimonial-img img {
        width: auto;
    }

    .blog-list .blog-img {
        float: none;
        margin-right: 0;
        padding-bottom: 30px;
    }

    .course-use .nav-tabs > li {
        width: 100%;
        margin-bottom: 2px;
    }

    .course-use .nav-tabs > li:last-child {
        margin-bottom: 0;
    }

    .course-use .nav-tabs > li a i {
        display: none;
    }

    .course-detail .nav-tabs > li a {
        margin: 0;
    }

    .title-course {
        font-size: 28px;
        padding-top: 50px;
    }

    .course-body .side-breadcrumb {
        height: 100%;
        margin-bottom: 50px;
    }

    .course-use {
        margin-top: 0;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .footer-bottom .col-md-3.col-xs-12,
    .footer-top .col-md-3.col-xs-12,
    .member .col-sm-6.col-xs-12 {
        width: 50%;
    }

    .footer .widget {
        min-height: 220px;
    }

    .form-newletter > p {
        width: 40%;
    }

    .form-newletter .btn {
        width: 18%;
    }
}

@media (max-width: 499px) {
    .form-newletter > p,
    .form-newletter .btn {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 640px) {
    .reward-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 55% !important;
        margin-left: 10px;
    }

    .open-menu {
        padding-top: 5px;
    }

    .top-link a span {
        display: none;
    }

    .social-top a span {
        display: none;
    }

    .schedul-info {
        border-right: medium none;
        width: 100%;
    }

    .schedul-price {
        padding-top: 20px;
        text-align: left;
        width: 100%;
    }

    .main-slide .slide p br {
        display: none;
    }

    .blog-tag,
    .blog-single .share {
        width: 100%;
        padding: 15px 0;
    }

    .course-detail .nav-tabs > li {
        width: 100%;
        margin-bottom: 2px;
    }

    .course-detail .nav-tabs > li:last-child {
        margin-bottom: 0;
    }

    .course-use .nav-tabs > li a i {
        display: none;
    }

    .course-detail .nav-tabs > li a {
        margin: 0;
    }

    .form-contact .form-group {
        width: 100%;
    }
}

@media (max-width: 361px) {
    .reward-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 56% !important;
        margin-left: 10px;
    }

    .main-content .game-item h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 12px;
        line-height: 17px;
        text-transform: none;
        padding-bottom: 5px;
        padding: 5px 15px !important;
    }
}

@media (min-width: 360px) and (max-width: 1025px) {
    .game-detail .charts .chart-filter {
        display: inline-block;
        vertical-align: top;
        margin-right: 0px;
        text-align: right;
    }

    .otp-digit input {
        display: inline-block;
        width: 40px;
        height: 40px;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        align-items: center;
        text-align: center;
        color: #ffffff;
        background: transparent;
        border: 1px solid #ffffff36;
        border-radius: 12px 12px 12px 0px;
        margin: 0px 1px 0px 0px;
    }

    .digit {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 25px;
        margin-top: 25px;
        width: 75%;
    }

    .challenge-item .content-challenge h4.title {
        color: #fff;
        font-weight: 700;
        text-transform: none;
        line-height: 25px;
    }

    .challenge-item .content-challenge p {
        opacity: 0.6;
        line-height: 20px;
        font-size: 10px;
    }
}

@media (max-width: 320px) {
    .sidebar-menu .vertical-menu a {
        background: none;
        color: #fff;
        font-weight: 700;
        font-size: 9px !important;
        line-height: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0px !important;
        border: none;
    }

    .vertical-menu .slick-list {
        padding: 0px 60px 0px 0px !important;
    }

    .popup-youtube .video {
        width: 100%;
    }

    .top-player-page .charts h1 {
        font-size: 14px;
    }

    .chart-header .caption-table {
        font-size: 10px;
        line-height: 35px;
    }

    .popup-youtube .play {
        width: 40px;
        height: 40px;
        border-radius: 12px 12px 12px 0px;
        background-image: url("/javax.faces.resource/images/play_video.svg.xhtml?ln=frontend-layout");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 42%;
        right: 50%;
        top: 40%;
    }

    .zeynep .submenu-header > a {
        color: inherit;
        display: block;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 40px 10px 55px !important;
        padding-left: 40px;
        text-decoration: none;
    }

    .login-success-modal .cancel-button {
        min-width: 200px;
        background: #001a2e;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 0px;
        height: 40px;
        line-height: 25px;
        color: #fff;
        font-weight: 700;
        border: none;
        margin: 0 auto;
        margin-top: 16px;
    }

    .login-success-modal .confirm-button {
        min-width: 200px;
        background: #ff4921;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 0px;
        height: 40px;
        line-height: 27px;
        color: #fff;
        font-weight: 700;
        border: none;
        margin: 0 auto;
    }

    .game-detail .charts .charts-detail .table thead th {
        border-bottom: 1px solid #ff4921;
        font-size: 10px;
    }

    .game-detail .charts .charts-detail .table tbody tr td {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        border-top: none;
        vertical-align: middle;
    }

    .btn-cancel {
        min-width: 100%;
        margin-left: 0px;
    }

    .digit {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 25px;
        margin-top: 25px;
        width: 90%;
    }

    .otp-digit input {
        display: inline-block;
        width: 32px;
        height: 32px;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        align-items: center;
        text-align: center;
        color: #ffffff;
        background: transparent;
        border: 1px solid #ffffff36;
        border-radius: 12px 12px 12px 0px;
        margin: 0px 1px 0px 0px;
    }

    .button-signin a {
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 23px;
        padding: 13px 14%;
        border: 1px solid #fff;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        max-width: 45%;
        background: rgba(0, 15, 27, 0.9);
        font-size: 12px;
    }

    .button-signin a.sign-menu {
        margin-left: 18px;
        padding: 13px 13%;
        background: #ff4921 !important;
        border: none !important;
    }

    .slide-home .slick-dots {
        width: 100%;
        text-align: center;
        bottom: -35px;
    }

    .slide-home .slick-dots li.slick-active [role="button"] {
        background: #ff4921;
        width: 8px;
        height: 8px;
        border: none;
        opacity: 1;
    }

    .slide-home .slick-dots li [role="button"] {
        width: 5px;
        height: 5px;
        padding: 0px;
        border: 1px solid #fff;
        border-radius: 50%;
        text-indent: -999px;
        opacity: 0.25;
    }

    #history .history-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 68%;
        margin-left: 8px;
    }

    .history-item .content-reward h4.title {
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
    }

    #reward .reward-item .time {
        display: inline-block;
        vertical-align: top;
        padding-top: 5px;
        opacity: 0.6;
        font-size: 7px;
    }

    #reward .reward-item .content-reward p {
        color: #fff;
        opacity: 0.6;
        font-size: 9px;
        text-align: left;
        line-height: 18px;
    }

    #reward .reward-list {
        background: #001323;
        border-radius: 16px 16px 16px 0px;
        padding: 5px;
    }

    a.mb-show {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    a.mb-show i {
        font-size: 32px;
        display: inline-block;
        margin-right: 10px;
    }

    a.mb-show span {
        display: inline-block;
        vertical-align: top;
        vertical-align: top;
        line-height: 28px;
    }

    .game-slide h1.heading-title a {
        display: inline-block;
        color: #fff;
        opacity: 0.5;
        font-size: 12px;
        font-weight: 700;
        margin-right: 0px;
        text-align: right;
        float: right;
        margin-top: 5px;
    }

    .challenge-item .content-challenge {
        display: inline-block;
        padding-left: 5px;
        width: 59%;
    }

    .challenge-item .action {
        vertical-align: top;
        float: right;
        margin-top: 12px;
    }

    .play-now .btn-play-now {
        width: 75%;
        height: 40px;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 8px 11px;
        color: #fff;
        background: #ff4921;
        font-weight: 700;
        font-size: 16px;
        margin-right: 20px;
        margin-bottom: 10px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .game-detail-meta .category h2 {
        font-size: 12px;
        font-weight: 700;
        padding: 0px 8px;
        display: inline-block;
        border: 1px solid #918e8e;
        border-radius: 24px;
        margin-top: 10px;
        width: 40px;
        height: 25px;
        overflow: hidden;
        line-height: 21px;
    }

    .lost-password a {
        color: #fff;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .login-modal .login-modal-content .modal-body .login-button {
        width: 100%;
        background: #ffed00;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 0px;
        height: 40px;
        line-height: 25px;
        color: #007687;
        font-weight: 700;
        border: none;
        margin-top: 40px;
    }

    .modal-footer {
        margin-top: 15px !important;
        text-align: center;
    }

    .login-modal .login-modal-content .modal-body .form-control {
        background: #001323;
        color: #fff;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        height: 48px;
        line-height: 48px;
        margin-bottom: 10px;
        padding: 0px 25px;
        border: 1px solid #273c4d;
    }

    .login-modal .login-modal-content .modal-footer {
        margin-top: 60px;
        border-top: none;
        width: 98%;
    }

    .password-field i {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    #loginModal .modal-dialog {
        min-width: 65% !important;
        width: 93%;
        margin: 41% auto;
    }

    #supcriptionModal .modal-dialog {
        min-width: 65% !important;
        width: 93%;
        margin: 41% auto;
    }

    #oopsModal .modal-dialog {
        min-width: 65% !important;
        width: 93%;
        margin: 41% auto;
    }

    .login-modal .login-modal-content {
        padding: 5px;
        background: #001323;
        border: 1px solid rgba(255, 255, 255, 0.05);
        box-sizing: border-box;
        border-radius: 16px 16px 16px 0px;
    }

    .login-modal .login-modal-content .modal-header .close {
        margin-top: -100px;
        position: absolute;
        right: -20px;
        top: 60px;
        color: #fff;
        border: 3px solid #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        font-size: 19px;
    }

    .main-content .game-item h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 10px !important;
        line-height: 12px !important;
        text-transform: none;
        padding-bottom: 0px;
        padding: 3px 15px !important;
    }

    .main-content .game-item.vertical {
        width: 100% !important;
        padding: 0px;
        float: left;
    }

    .horizontal-slide .slick-list {
        padding: 0px 30px 0px 0px !important;
    }

    .game-slide h1.heading-title {
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        text-transform: none;
        margin-top: 25px;
        margin-bottom: 15px;
        padding-left: 0px;
    }

    .game-item.vertical .game-image {
        display: inline-block;
        width: 120px;
        background-size: cover;
        object-fit: cover;
        background-repeat: no-repeat;
        padding-top: 120px;
        border-top-left-radius: 12px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .main-content .game-item h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 11px;
        text-transform: none;
        padding-bottom: 5px;
        padding: 6px 10px !important;
    }

    .game-item.horizontal .description {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0px;
    }

    .game-item.horizontal .description p {
        font-size: 12px;
        line-height: 24px;
        color: #ff4921;
        padding-bottom: 10px;
    }

    .main-content .game-item.vertical {
        padding: 0px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 0px;
        float: left;
    }

    .main-content .game-item .description p.high-score {
        color: #ff4921;
        font-size: 8px;
        line-height: 17px;
    }

    .main-content .game-item.vertical .game-info {
        width: 52%;
        display: inline-block;
        vertical-align: top;
        padding-left: 10px;
        padding-top: 10px;
    }

    .game-item .button-play {
        width: 100%;
        float: left;
        text-align: center;
        padding: 6px 11px;
        color: #fff;
        font-weight: 700;
        font-size: 10px;
        margin-top: 5px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .game-item.horizontal {
        width: 90%;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 16px;
        float: left;
    }

    .game-slide {
        padding-top: 0px;
        padding-bottom: 10px;
        position: relative;
    }

    footer h1.logo img {
        width: 50%;
        margin-bottom: 0px !important;
    }

    footer .term-link a {
        color: #fff;
        font-size: 12px;
        margin-left: 0px;
        line-height: 35px;
        font-weight: 700;
        text-transform: none;
    }

    footer .social-link {
        height: auto;
        font-weight: 700;
        text-align: left;
    }

    footer .social-link span {
        display: none;
    }

    footer .social-link a {
        line-height: 40px;
    }

    footer .copy-right {
        font-weight: 700;
        font-size: 12px;
        line-height: 18px;
        text-align: left;
        width: 65%;
        padding-top: 0px !important;
    }

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 100% !important;
    }

    .cart-icon .nav-dropdown.active {
        right: 5px;
        transition: ease-in, 0.5s;
        top: 80px;
    }

    span.close-search {
        position: absolute;
        right: 50%;
        top: -30px;
        background: #e5e5e5;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        z-index: 999999;
    }

    .language-choice {
        display: inline-block;
        text-align: left;
        float: left;
        margin-left: 5%;
    }

    .cart-icon {
        text-align: right;
        display: inline-block;
        width: 35% !important;
        margin-top: 0px;
        position: relative;
        margin-right: 0px;
        float: right;
    }
}

@media (max-width: 768px) {
    .render-login-mobile {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .game-detail .charts .chart-filter {
        text-align: right !important;
    }

    .amount-mobile {
        display: none !important;
    }

    .caret {
        margin-top: 7px !important;
    }

    #subscription .user-profile .claim-gift-item:last-child {
        border-bottom: none;
    }

    #reward .reward-item .time {
        display: inline-block;
        vertical-align: top;
        padding-top: 5px;
        opacity: 0.6;
        font-size: 8px;
    }

    .vertical-menu .slick-list {
        padding: 0px 30px 0px 0px !important;
    }

    .sidebar-menu a {
        background: none;
        color: #fff;
        font-weight: 700;
        font-size: 12px !important;
        line-height: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0px !important;
        border: none;
    }

    .category-mobile {
        display: inline-flex;
    }

    .category-pc {
        display: none;
    }

    .filter-button {
        margin-top: -5px;
        color: #ff4921;
        font-weight: bold;
        font-size: 12px;
        padding-right: 5px;
        position: relative;
        background: none;
    }

    #update-profile {
        width: 100% !important;
    }

    .game-detail .charts .chart-filter {
        float: right;
        width: 48% !important;
        margin-top: -5px;
    }

    .popup-youtube .video {
        width: 100%;
    }

    .popup-youtube .play {
        width: 40px;
        height: 40px;
        border-radius: 12px 12px 12px 0px;
        background-image: url("/javax.faces.resource/images/play_video.svg.xhtml?ln=frontend-layout");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 42%;
        right: 50%;
        top: 40%;
    }

    .zeynep .submenu-header > a {
        color: inherit;
        display: block;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 40px 10px 55px !important;
        padding-left: 40px;
        text-decoration: none;
        text-align: left;
    }

    .login-success-modal .cancel-button {
        min-width: 200px;
        background: #001a2e;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 0px;
        height: 40px;
        line-height: 25px;
        color: #fff;
        font-weight: 700;
        border: none;
        margin: 0 auto;
        margin-top: 16px;
    }

    .login-success-modal .confirm-button {
        min-width: 200px;
        background: #ff4921;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 0px;
        height: 40px;
        line-height: 27px;
        color: #fff;
        font-weight: 700;
        border: none;
        margin: 0 auto;
    }

    .search-area .top-search-area .top-search a i {
        width: 20px;
        height: 20px;
        margin-top: 20px;
        margin-bottom: 5px;
        z-index: 10000;
        position: relative;
    }

    .home .search-form .form-group input.form-control {
        border: 0 none;
        background: transparent;
        box-shadow: none;
        display: block;
        border-radius: 50px;
        height: 35px;
        font-size: 14px;
    }

    .search-area .top-search-area .top-search span {
        width: 100%;
        text-align: right;
        float: right;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        line-height: 10px;
        margin-top: 5px;
    }

    #image-avatar {
        width: 64px;
        height: 64px;
    }

    .game-profile .change-profile-form {
        text-align: left;
    }

    .game-profile .change-profile-form .upload-image {
        text-align: center;
    }

    .game-profile .change-profile-form .upload-image .change-image {
        padding-left: 0;
        width: 100%;
        margin-top: 10px;
    }

    .game-detail .charts .charts-detail .table thead th {
        border-bottom: 1px solid #ff4921;
        font-size: 10px;
    }

    .game-detail .charts .charts-detail .table tbody tr td {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        border-top: none;
        vertical-align: middle;
    }

    .btn-cancel {
        min-width: 100%;
        margin-left: 0px;
    }

    .got-it {
        margin-top: 0px;
    }

    .btn-send-data {
        width: 100%;
        background: #ff4921;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        height: 48px;
        line-height: 35px;
        color: #fff;
        font-weight: 700;
        border: none;
        margin-top: 30px;
    }

    .button-signin a.sign-menu {
        margin-left: 23px;
        padding: 13px 13%;
        background: #ff4921 !important;
        border: none !important;
    }

    .button-signin a {
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 23px;
        padding: 13px 8%;
        border: 1px solid #fff;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        max-width: 45%;
        background: rgba(0, 15, 27, 0.9);
        font-size: 12px;
    }

    .oops-modal .oops-modal-content {
        padding: 20px;
    }

    .login-modal .login-modal-content {
        padding: 20px !important;
    }

    .supcription-modal .supcription-modal-content {
        padding: 20px;
    }

    .slide-home .slick-dots {
        width: 100%;
        text-align: center;
        bottom: -35px;
    }

    .slide-home .slick-dots li.slick-active [role="button"] {
        background: #ff4921;
        width: 8px;
        height: 8px;
        border: none;
        opacity: 1;
    }

    .slide-home .slick-dots li [role="button"] {
        width: 5px;
        height: 5px;
        padding: 0px;
        border: 1px solid #fff;
        border-radius: 50%;
        text-indent: -999px;
        opacity: 0.25;
    }

    .supcription-modal .supcription-modal-content .modal-header .close {
        right: -20px;
    }

    .supcription-modal .modal-body .form-group .mid-label {
        padding: 0px 10px 15px 20px;
    }

    .supcription-modal .modal-body .form-group .red-label {
        padding: 15px 10px 5px 20px;
    }

    .supcription-modal .modal-body .form-group {
        padding: 0;
    }

    .daily .game-item h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        text-transform: none;
        padding-bottom: 5px;
        padding: 5px 0px !important;
    }

    #history .history-item .content-reward {
        display: inline-block;
        vertical-align: top;
        width: 68%;
        margin-left: 8px;
    }

    .game-detail .charts h1 {
        display: inline-block;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-transform: none;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 50% !important;
    }

    .charts-detail .coin-col .icon {
        width: 14px;
        height: 14px;
    }

    .charts-detail .coin-col span {
        display: inline-block;
        vertical-align: top;
    }

    #time-up-top {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: 100;
    }

    #time-down-top {
        display: none;
    }

    #daily-challenge-infor .game-title {
        font-size: 14px;
        padding: 6px 0 !important;
    }

    #daily-challenge-infor .description > p {
        font-size: 12px;
        padding: 0 0 10px 0 !important;
    }

    .hr-index {
        margin: 5px 0 5px 0;
    }

    .title-forgot-pass {
        display: block;
    }

    #loginModal {
        z-index: 10000;
    }

    #supcriptionModal {
        z-index: 10000;
    }

    #oopsModal {
        z-index: 10000;
    }

    .modal-backdrop {
        z-index: 999;
    }

    .forgot-pass {
        text-align: center;
    }

    a.mb-show {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    a.mb-show i {
        font-size: 32px;
        display: inline-block;
        margin-right: 10px;
    }

    a.mb-show span {
        display: inline-block;
        vertical-align: top;
        line-height: 28px;
    }

    .challenge-item .content-challenge {
        display: inline-block;
        padding-left: 5px;
        width: 59%;
    }

    .challenge-item .action {
        vertical-align: top;
        float: right;
    }

    .play-now .btn-play-now {
        width: 75%;
        height: 40px;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 8px 11px;
        color: #fff;
        background: #ff4921;
        font-weight: 700;
        font-size: 16px;
        margin-right: 20px;
        margin-bottom: 10px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .game-detail-meta .category h2 {
        font-size: 12px;
        font-weight: 700;
        padding: 0 8px;
        display: inline-block;
        border: 1px solid #918e8e;
        border-radius: 24px;
        margin-top: 10px;
        width: auto;
        height: 25px;
        overflow: hidden;
        line-height: 21px;
    }

    .game-slide h1.heading-title a {
        display: inline-block;
        color: #fff;
        opacity: 0.5;
        font-size: 12px;
        font-weight: 700;
        margin-right: 0;
        text-align: right;
        float: right;
        margin-top: 5px;
    }

    .play-now .btn-play-now {
        width: 75%;
        height: 40px;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 8px 11px;
        color: #fff;
        background: #ff4921;
        font-weight: 700;
        font-size: 16px;
        margin-right: 20px;
        margin-bottom: 10px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .game-detail-meta .category h2 {
        font-size: 12px;
        font-weight: 700;
        padding: 0 8px;
        display: inline-block;
        border: 1px solid #918e8e;
        border-radius: 24px;
        margin-top: 10px;
        width: auto;
        height: 25px;
        overflow: hidden;
        line-height: 21px;
    }

    .lost-password a {
        color: #fff;
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .ready-modal {
        width: 350px !important;
        min-width: 350px !important;
    }

    .ready-modal img {
        width: 350px;
    }

    .ready-modal .close {
        margin-top: -45px;
        position: absolute;
        right: -20px;
        top: 45px;
        color: #fff;
        border: 3px solid #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        font-size: 19px;
    }

    #loginModal {
        padding: 0 !important;
    }

    .login-modal .login-modal-content {
        width: 350px;
    }

    .login-modal .login-modal-content .modal-body .login-button {
        width: 100%;
        background: #ffed00;
        border-radius: 12px;
        height: 48px;
        line-height: 25px;
        color: #007687;
        font-weight: 700;
        border: none;
        margin-top: 20px;
    }

    .modal-footer {
        margin-top: 15px !important;
        text-align: center;
    }

    .login-modal .login-modal-content .modal-body .form-control {
        background: #001323;
        color: #fff;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        height: 48px;
        line-height: 40px;
        margin-bottom: 15px;
        padding: 0 25px;
        border: 1px solid #273c4d;
    }

    .login-modal .login-modal-content .modal-footer {
        margin-top: 0 !important;
        border-top: none;
        width: 97%;
    }

    .password-field i {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    #loginModal .modal-dialog {
        min-width: 65% !important;
        width: 93% !important;
        margin: 35% auto;
    }

    #supcriptionModal .modal-dialog {
        min-width: 65% !important;
        width: 93% !important;
        margin: 41% auto;
    }

    #oopsModal .modal-dialog {
        min-width: 65% !important;
        width: 93% !important;
        margin: 41% auto;
    }

    .login-modal .login-modal-content {
        padding: 25px 25px;
        background: #000f1b;
        border: 1px solid rgba(255, 255, 255, 0.05);
        box-sizing: border-box;
        border-radius: 16px;
    }

    .login-modal .login-modal-content .modal-header h4.modal-title {
        text-align: center;
    }

    .login-modal .login-modal-content .modal-header .close {
        margin-top: -60px;
        position: absolute;
        right: -25px;
        top: 45px;
        color: #fff;
        border: 3px solid #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        font-size: 19px;
    }

    .supcription-modal .supcription-modal-content .modal-header .close {
        margin-top: -100px;
        position: absolute;
        right: -20px;
        top: 60px;
        color: #fff;
        border: 3px solid #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        font-size: 19px;
    }

    .oops-modal .oops-modal-content .modal-header .close {
        margin-top: -100px;
        position: absolute;
        right: -20px;
        top: 60px;
        color: #fff;
        border: 3px solid #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        font-size: 19px;
    }

    .main-content .game-item h1.game-title {
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        text-transform: none;
        padding: 6px 10px !important;
    }

    .game-item.horizontal .description {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0;
    }

    .game-item.horizontal .description p {
        font-size: 12px;
        line-height: 24px;
        color: #ff4921;
        padding-bottom: 10px;
    }

    .main-content .game-item.vertical {
        width: 100% !important;
        padding: 0;
        float: left;
    }

    .horizontal-slide .slick-list {
        padding: 0 40px 0 0 !important;
    }

    .game-slide h1.heading-title {
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        text-transform: none;
        margin-top: 25px;
        margin-bottom: 15px;
        padding-left: 0;
    }

    .product-two-columns .product-info {
        margin-top: 20px;
        text-align: center;
    }

    .product-two-columns .product-info .time-start {
        margin-top: 20px;
        text-align: center;
    }

    .icon-product {
        width: 20px;
        height: 20px;
        display: block;
        margin: 10px auto;
        float: none;
    }

    .child:nth-child(1) .product-item {
        padding: 0 30px 20px 30px;
    }

    .header-mid {
        padding-top: 0;
        position: fixed;
        top: 45px;
        z-index: 999;
        width: 100%;
    }

    .main-slide .slide h2 {
        font-size: 20px !important;
    }

    .widget_post_blog .post-name {
        margin-top: 3px;
    }

    .main-slide .slide h2 {
        font-size: 35px;
    }

    .main-slide .slide .btn-primary {
        margin-bottom: 20px;
        width: 100%;
    }

    .main-slide .slide .btn-default {
        width: 100%;
    }

    .schedul-meta > p {
        border-right: none;
        padding: 5px 12px;
        width: 100%;
    }

    .competition-page {
        background-color: #0F0D23;
    }

    .competition-table {
        display: block !important;
    }

    #competition-form {
        width: 100% !important;
        margin-top: 55px;
    }

    .title-competition-page {
        font-size: 24px;
        line-height: 29px;
    }

    .description-competition-page {
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        margin-bottom: 30px;
    }

    .left-title {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 24px;
    }

    .left-title-img {
        display: flex;
    }

    .left-title-img img {
        width: 144px;
        height: 144px;
        border-radius: 12px 0;
    }

    .left-description {
        font-size: 12px;
        line-height: 18px;
        margin-left: 14px;
    }

    .left-button {
        width: 190px;
        font-size: 14px;
        line-height: 17px;
    }

    .top-person-background {
        background-size: contain;
        height: 140px;
    }

    .top-person-info {
        margin-top: -30px !important;

        padding-bottom: 15px;
    }

    .top-person-left {
        top: 46px !important;
        left: -5px;
    }

    .top-person-left .top-person-info {
        margin-top: 0 !important;
        padding-bottom: 25px !important;
    }

    .top-person-right {
        top: 74px !important;
        right: -5px;
    }

    .top-person-name {
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
    }

    .top-person-diamond p {
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }

    .top-person-right .top-person-info {
        margin-top: 0 !important;
        padding-bottom: 35px !important;
    }

    #topPlayerModal .slick-track {
        width: 100% !important;
        display: flex;
    }

    #topPlayerModal .vertical-menu .slick-list {
        padding: 0 !important;
    }

    #topPlayerModal .vertical-menu li {
        width: 100% !important;
        margin: 0 20px !important;
    }

    #topPlayerModal .vertical-menu li a {
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 25px !important;
        color: #FFFFFF !important;
    }

    #topPlayerModal .vertical-menu li.active::before {
        background: #F7D101 none repeat scroll 0 0;
        bottom: 0;
        width: 100%;
        left: 0;
    }
}

@media (min-width: 1680px) {
    .div-top-person-background {
        text-align: center;
        width: 690px;
    }

    .top-person-avt-1 {
        margin: 70px !important;
    }

    .top-person-info-lg {
        margin-top: -100px !important;
    }
}

@media (min-width: 1880px) {
    .top-person-avt-1 {
        margin: 90px !important;
    }

    .top-person-info-lg {
        margin-top: -120px !important;
    }

    .top-person-right {
        top: 105px;
    }

    .top-person-left {
        top: 75px;
    }

    .top-gift-modal .top-person-info-lg {
        margin-top: -112px !important;
    }
}

@media (max-width: 380px) {
    .page-numbers li a,
    .page-numbers.current {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }

    h2 {
        font-size: 24px;
    }

    .footer-top .social .col-md-4 {
        width: 27%;
        display: inline-block;
    }

    .our-location h2.title {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-weight: 600;
        font-size: 30px;
    }

    .our-location .our-store h3.title {
        margin: 0 auto;
        padding-top: 45px;
        padding-bottom: 30px;
        text-align: center;
        font-size: 20px;
    }
}

.text-detail-mobile {
    color: #ff3408 !important;
    line-height: 24px;
}

@media (min-width: 1025px) and (max-width: 1367px) {
    #menu-about-id.menu-item a {
        margin-right: 8px;
    }

    .kad-header-menu {
        width: 73.7% !important;
        padding-left: 0;
    }

    .account-area {
        width: 17.33%;
        padding-left: 0 !important;
    }

    .account-area a {
        margin-right: 10px !important;
        margin-left: 0 !important;
    }

    .account-area a.header-button {
        margin-right: 0 !important;
    }

    .button-about-us-page.button-about-us-page--pc {
        font-size: 15px;;
    }

    .header .account-area #search {
        margin-right: 10px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1367px) {

    .kad-header-menu {
        width: 61% !important;
        padding-right: 0 !important;
    }

    .account-area {
        width: 30%;
        padding-right: 0;
    }

}

@media (max-width: 640px) {
    .slide-home-pc {
        display: none !important;
    }

    .slide-home-mobile {
        display: block !important;
    }
}

@media (max-width: 480px) {
    .div-top-person-background-md {
        width: 100%;
    }

    .top-person-background-md {
        padding-top: 0;
    }

    .top-person-avt-1 {
        margin: 15px;
        width: 168px;
        height: 148px;
    }

    .top-person-info {
        margin-top: -40px !important;
    }

    .top-person-avt-1 img {
        width: 80px;
        height: 80px;
        border-radius: 80px;
        margin-top: 5px;
        margin-left: 9px;
    }

    .top-person-avt-2-3 {
        width: 60px;
        height: 60px;
    }

    .top-person-avt-2-3 img {
        width: 56px;
        height: 56px;
        border-radius: 56px;
    }
}

@media (min-width: 481px) and (max-width: 1367px) {
    .top-person-avt-1 {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (max-width: 1367px) {
    .top-person-background {
        padding-top: 0;
    }
}

@media (max-width: 1025px) {
    .div-top-person-background {
        display: none;
    }

    .div-top-person-background-md {
        display: block;
    }
}

@media (min-width: 1368px) and (max-width: 1679px) {
    .div-top-person-background {
        width: 550px;
    }
}

@media (min-width: 1026px) and (max-width: 1367px) {
    .div-top-person-background {
        width: 495px;
    }

    .top-person-background {
        padding-top: 15px;
    }
}


@media (min-width: 481px) and (max-width: 559px) {
    .top-person-avt-1 {
        margin-left: 0;
        margin-right: 0;
    }

    .div-top-person-background-md {
        width: 410px;
    }

    .top-person-background {
        padding-top: 24px;
    }

    .top-person-left {
        top: 36px !important;
    }

    .top-person-right {
        top: 54px !important;
    }
}

@media (min-width: 1024px) {
    .current-top-player .competition-td-user {
        width: 720px;
        margin-left: -20px;
        margin-top: -48px;
        box-shadow: 0 0 60px rgba(0, 0, 0, 1);
    }
}

@media (min-width: 769px) {
    .competition-pagination-cls {
        margin-top: 10px;
    }
}

@media (min-width: 481px) {
    .div-blank-top {
        width: 90px;
    }
}


@media (min-width: 560px) and (max-width: 1679px) {
    .top-person-background-md {
        padding-top: 15px;
    }

    .top-person-left {
        top: 43px !important;
    }

    .top-person-right {
        top: 65px !important;
    }

    .top-gift-modal .top-person-right {
        top: 43px !important;
    }
}

@media (min-width: 360px) and (max-width: 440px) {
    .top-person-left {
        left: 15px;
        top: 41px !important;
    }

    .top-gift-modal .top-person-left {
        top: 67px !important;
    }

    .top-person-right {
        right: 15px;
        top: 67px !important;
    }
}

@media (max-width: 1280px) {
    .top-heading-title {
        margin-top: 0 !important;
        font-size: 14px !important;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 1024px) {
    .top-player-badge {
        top: 0;
        left: 5px;
    }

    .top-player-slick .slick-slide {
        padding: 0 5px;
    }

    .top-player-slick .game-item {
        background: transparent;
    }
}

@media (max-width: 991px) {
    .vertical-slide .slick-arrow {
        width: 30px;
        height: 30px;
        background: #ff4921;
        color: #fff;
        border-radius: 50%;
        font-size: 20px;
        text-align: center;
        top: 50%;
    }

    .vertical-slide .slick-arrow.btn-prev {
        left: -10px !important;
    }

    .category-banner {
        height: 460px;
    }
}

@media (max-width: 480px) {
    .category-banner {
        height: 250px;
    }
}

@media (max-width: 550px) {
    #dailyAwardModal .daily-award-content {
        width: 98% !important;
    }

    #dailyAwardModal .login-modal .login-modal-content {
        padding: 15px 10px !important;
    }

    #dailyAwardModal .login-modal .login-modal-content .modal-header {
        padding: 10px !important;
    }

    .daily-award-content .header-modal {
        padding-top: 10px;
    }

    .daily-gift-received {
        width: 98%;
        line-height: 25px;
        font-size: 16px;
    }


}