/*
|--------------------------------------------------------------------------
| Worker Responsive
|--------------------------------------------------------------------------
*/

/* ==========================================================
   Large Desktop
========================================================== */

@media (max-width:1600px){

    .worker-mini-cards{

        grid-template-columns:repeat(5,minmax(0,1fr));

        gap:10px;

    }

}

/* ==========================================================
   Desktop
========================================================== */

@media (max-width:1400px){

    .worker-name{

        font-size:18px;

    }

    .worker-current-speed{

        font-size:22px;

    }

    .worker-mini-card{

        padding:10px;

    }

    .worker-mini-card strong{

        font-size:16px;

    }

}

/* ==========================================================
   Laptop
========================================================== */

@media (max-width:1200px){

    .worker-mini-cards{

        grid-template-columns:repeat(3,minmax(0,1fr));

    }

    .worker-header{

        gap:15px;

    }

}

/* ==========================================================
   Tablet
========================================================== */

@media (max-width:992px){

    .worker-header{

        flex-direction:column;

        align-items:flex-start;

    }

    .worker-header-right{

        text-align:left;

        width:100%;

    }

    .worker-current-speed{

        margin-top:6px;

    }

    .worker-mini-cards{

        grid-template-columns:repeat(2,minmax(0,1fr));

    }

    .worker-chart{

        height:130px;

    }

}

/* ==========================================================
   Mobile
========================================================== */

@media (max-width:768px){

    .worker-card{

        padding:14px;

    }

    .worker-name{

        font-size:17px;

    }

    .worker-current-speed{

        font-size:20px;

    }

    .worker-mini-cards{

        grid-template-columns:1fr;

    }

    .worker-chart{

        height:120px;

    }

}

/* ==========================================================
   Small Mobile
========================================================== */

@media (max-width:480px){

    .worker-card{

        border-radius:14px;

    }

    .worker-live{

        padding:4px 10px;

        font-size:10px;

    }

    .worker-current-speed{

        font-size:18px;

    }

    .worker-chart{

        height:100px;

    }

}