@media (min-width: 992px) and (max-width: 1200px) {
    .chat-placeholder {
        font-size: 120px;
    }

    #chat {
        min-width: 190px;
    }

    #disposal {
        margin-right: 10px;
    }

    .chat-messages {
        height: 330px;
    }
}

@media (max-width: 1400px) {
    #disposal {
        margin-right: 10px;
        margin-left: auto;
    }
}

@media (max-width: 992px) {

    .chat-placeholder {
        font-size: 120px;
    }



    #chat {
        min-width: 190px;

    }
}

@media (max-width: 515px), (max-height: 750px) and (max-width: 768px) {
    #chat {
        height:50px;
    }

    .send-message-container {
        background: white;
    }
}

@media (max-height: 740px) and  (max-width: 768px) {
    .play-field {
        top: 45px;
    }

    #my-cards {
        bottom: 5px;
    }
}

@media (max-height: 740px) and (max-width: 768px) and (orientation: landscape) {
    #my-cards {
        bottom: -70px;
    }

    .wood-shadow.wood-me {
        margin-top: 65px;
    }

    .play-field {
        top: 0;
    }

    #opponent-cards {
        top: -120px;
    }

    #game {
        background-size: 100% auto;
    }
}

@media (max-width: 768px) {
    .info, .app-footer {
        display:none;
    }

    #chat {
        min-width: 0;
        margin: 0;
        flex: 0;
    }

    .chat-messages {
        height: 100%;
    }
}

@media (max-width: 768px), (max-height: 700px) {
    .play-field {
        top: 20%;
    }

    #my-cards {
        height: 140px;
    }

    #my-cards.packed {
        padding-left: 20px;
    }

    #game_place .packed .card, #game_place .packed .flip-card, #my-cards.packed .card:first-child:hover   {
        margin-left: -20px;
    }

    #my-cards.packed .card:hover {
        margin-right: 3px;
        margin-left: -20px;
    }

    #game_place .packed .flip-card {
        margin-right: 0px;
    }

    #game_place .flip-card .card {
        margin: 0 0 0 0;
    }

    #game_place .flip-card {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    #game_place .flip-card.animate {
        margin-right: 3px;
        margin-left: 3px;
    }

    #game_place .card, #game_place .flip-card, .op-card, #game_place .flip-card.animate, #game_place .op-card.animate, #disposal-info {
        height: 133px;
        width: 75px;
    }

    #game_place  .info-window.card {
        width: 90%;
    }

    #disposal-info {
        line-height: 133px;
    }

    #deck .card:hover, #my-cards .card:hover {
        height: 138px;
        width: 78px;

        margin: 0px 0px 0px 0px;
    }
}