@media (max-width: 767.98px) {

    .btn-primary,
    .btn-secondary {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .form-control {
        /* padding-top: 13px !important;
        padding-bottom: 13px !important; */
        height: 45px !important;
    }

    .custom-pt {
        padding-top: 3rem;
    }

    .bg-img {
        background-size: 0%, 0% !important;
    }

    .h1-custom {
        font-size: 4pc !important;
    }

    .mt.mt-lg-4 {
        margin-top: 9.7pc !important;
    }

    .mt-admin.mt-lg-4 {
        margin-top: 4.5pc;
    }

    .img-md-2 {
        height: 30px;
    }

    .bg-img-sm {
        background-size: 22%, 35%, 25%;
    }

    .offcanvas {
        max-width: 310px !important;

    }

    .down-arrow .nav-link.active::after {
        content: none;
    }

    .table-responsive-custom {
        overflow-x: scroll;
    }

    .img-lg {
        height: 170px !important;
    }

    .chat-width {
        width: 90%;
    }

    .support-chat {
        height: 450px;
    }

    #decorative_vector .decorative_vector {
        display: none;
    }

    #game_table_section .img-primary {
        height: 150px;
    }

    #admin_game_creation_section .performer-box {
        background-size: 25% !important;
    }

    #notification-section table td,
    #notification-section table th {
        text-wrap-mode: wrap !important;
    }

    .bg-image-align {
        background-size: 23%;
    }

    .button-arrow {
        left: 16%;
        bottom: 2%;
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        text-align: end;
        margin-bottom: 20px;
    }

    .action-column {
        width: 200px !important;
    }

    .online-badge {
        width: 150px !important;
    }

    .nav-pills {
        justify-content: space-between;
    }

    .float-back {
        top: 65%;
    }

    .back-img {
        height: 40px;
    }

    .h-100-custom {
        height: 100%;
    }

    .chat-messages {
        height: 78%;
    }

    #top_games_section {
        scroll-margin-top: 30vh !important;
    }

    #promo_section .fs-2 {
        font-size: 18px !important;
    }

    .mt-5-mobile {
        margin-top: 6pc !important;
    }

    .bg-alter-new {
        background-position: -25px -20px, calc(90% + 62px) calc(61% + 54px);
    }

    .bg-img-sm-new {
        background-position: calc(10% - 12px) calc(128% - 17px),
            /* move 1st image further down */
            center calc(-17% + 6px),
            /* move 2nd image further up */
            calc(79% + 15px) calc(230% - 68px);
    }

    .badge-img-size {
        height: 50px !important;
    }

    .badge-overlay {
        bottom: 5px;
    }

    .badge-overlay-new {
        height: 30px;
    }

    .form-control,
    .form-select {
        height: 45px !important;
    }

    .navbar-toggler {
        padding: 0px !important;
    }

    #game_table_section .performer-box,
    #admin_game_creation_section .performer-box {
        background-size: 30% !important;
    }

    .tutorial-bg-img {
        background-image: url('');
    }

    .tutorial-img {
        display: block;
    }

    .img-md-3 {
        height: 190px !important;
    }

    .video-column:hover {
        transform: none !important;
    }

    .btn-min-width {
        min-width: 200px;
    }

    .custom-width {
        width: 100%;
    }
}

@supports (-webkit-touch-callout: none) {
    @media screen and (max-device-width: 812px) and (orientation: portrait) {

        textarea.fs-primary,
        input.fs-primary,
        .dataTables_filter input,
        textarea {
            font-size: 16px !important;
        }
    }
}