@media (max-width: 1199.98px) {

    /* code breakpoints == lg */
    .w-lg-50 {
        width: 50%;
    }

    .w-lg-100 {
        width: 100%;
    }

    /* Call Center */
    #call-center {
        width: 30%;
        bottom: 1.5rem;
        right: 2rem;
        transition: all 0.3s ease;
        z-index: 10;
    }

    #call-center .body {
        opacity: 0%;
        transform: scale(0);
        transform-origin: bottom right;
        transition: all .3s;
        border: solid .1px #bdbdbd;
    }

    #call-center.show .body {
        opacity: 100%;
        transform: scale(1);
    }

    #call-center .btn-action {
        box-shadow: #dbdbdbbc 0px 1px 2px 0px, #31313106 0px 1px 3px 1px, #31313110 0px -1px 3px inset, #31313110 -1px 0px 3px inset;
    }

    #call-center .btn-action,
    #call-center .btn-action i {
        font-size: 2rem;
        font-weight: bold;
        transition: all .3s;
    }

    #call-center.show .btn-action,
    #call-center.show .btn-action i {
        font-size: 1.5rem;
    }

    #call-center .body .title {
        font-size: 1.5rem;
        color: #b9b9b9;
        font-weight: bold;
    }

    #call-center .body * {
        gap: .5rem;
    }

    #call-center .body .categories .category .question-icon {
        width: 3rem;
        height: 3rem;
        text-align: center;
        line-height: 3rem;
        background-color: #9c3;
        color: white;
        border-radius: 1rem;
        font-size: 2rem;
    }

    #call-center .body .categories .title {
        font-size: 1rem;
        color: #b9b9b9;
    }

    #call-center .body .categories .category {
        border: solid .1px #ddd;
        transition: all .3s;
    }

    #call-center .body .categories .category:hover {
        background-color: #d2ff792a;
    }
    
    /*Employee Profile*/
    .employee-profile .data span {
        font-size: 1.5rem;
    }
}