@media (max-width: 575.98px) { }

@media (max-width: 767.98px) {
    div.ticketPageNavigator {
    }

    .setTheWidth {
        position: relative;
    }

    .mobileHidden {
        display: none !important;
    }

    .desktopHidden {
        display: flex;
    }
    #getTheWidth {
        margin-top: 0;
    }

    img.ticketMain {
        border: 1px solid #f1f1f1;
    }

    div.ticketContainer {
        padding: 29px 10px;
    }

    .ticketContainer ul li {
        margin-right: 0 !important;
    }

    .avatar {
        justify-content: flex-start;
    }
    .commentContainer .avatar img {
        margin-bottom: -25px;
        z-index: 99999;
        width: 35px !important;
        max-height: 35px;
    }

    div.comment > div {
        margin-top: 20px;
     flex-direction: column;
    }


}

@media (max-width: 991.98px) { }

@media (min-width: 992px) and (max-width: 1199.98px) { }

@media (min-width: 1200px) { }