@media (max-width : 600px) {
    .login-container {
        width: 100% !important;
        padding: 40px 20px !important;
    }

    .progressticketbox1,
    .progressticketbox2,
    .progressticketbox3 {
        width: 100%;
    }

    .leftbox {
        padding-top: 80px !important;
        padding-right: 11px !important;
        padding-left: 11px !important;
    }

    .chat {
        padding-top: 50px;
    }

    .dashboard {
        height: 100% !important;
    }

    .dashboardh3 {
        font-size: 15px;
    }

    .dashboardh1 {
        font-size: 26px;
    }

    th,
    td {
        font-size: 16px;
    }

    .tickethead {
        font-size: 22px;
    }

    .createbtn {
        font-size: 14px;
    }

    .detailbox {
        height: 100%;
    }

    .analyticsbox1 {
        padding: 20px 15px;
    }

    #myChart {
        height: 330.68px !important;
    }
    .leftchatmsg {
        font-size: 12px;
        width: 96%;
    }
    .rightchatboxtext {
        font-size: 12px;
        width: 96%;
    }
    .lefth2{
        font-size: 16px;
    }
}

@media (min-width : 601px) and (max-width : 992px) {
    .login-container {
        margin-top: 20px !important;
    }

    .progressticketbox1,
    .progressticketbox2,
    .progressticketbox3 {
        width: 48%;
    }

    .progressticket p {
        font-size: 15px;
    }

    .progressticket h2 {
        font-size: 34.67px;
    }

    th,
    td {
        font-size: 17px;
    }

    .tickethead {
        font-size: 24px;
    }

    .dashboard {
        height: 100% !important;
    }

    .dashboard {
        height: 100% !important;
    }
}

@media (min-width : 601px) and (max-width : 767px) {
    .leftbox {
        padding-top: 80px !important;
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    .chat {
        padding-top: 50px;
    }
}