.company-menu {
    background-color: #14c8d2;
}

@media screen and (max-width: 480px) {
    .w-sm-100 {
        width: 100%;
    }

    .w-sm-75 {
        width: 75%;
    }

    .w-sm-50 {
        width: 50%;
    }

    .w-sm-25 {
        width: 25%;
    }
    .auto-scroll-x {
        overflow-x: auto;
    }
}
/*481px — 768px: iPads, Tablets */
@media screen and (min-width: 767px) {
    .w-md-100 {
        width: 100%;
    }

    .w-md-75 {
        width: 75%;
    }

    .w-md-50 {
        width: 50%;
    }

    .w-md-25 {
        width: 25%;
    }
    .auto-scroll-x {
        overflow-x: auto;
    }
}
/*481px — 768px: iPads, Tablets */
@media (min-width: 480px) and (max-width: 768px) {
    .w-md-100 {
        width: 100%;
    }

    .w-md-75 {
        width: 75%;
    }

    .w-md-50 {
        width: 50%;
    }

    .w-md-25 {
        width: 25%;
    }
    .auto-scroll-x {
        overflow-x: auto;
    }
}

/*769px — 1024px: Small screens, laptops*/
@media (min-width: 992px) {
    .w-lg-100 {
        width: 100%;
    }

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

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

    .w-lg-25 {
        width: 25%;
    }
    .w-lg-10 {
        width: 15%;
    }
    .w-lg-5 {
        width: 5%;
    }
    .ml-lg-20 {
        margin-left: -20px !important;
    }
}

/*1025px — 1200px: Desktops, large screens
            1201px and more —  Extra large screens, TV
        */
@media (min-width: 1200px) {
    .w-lg-100 {
        width: 100%;
    }

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

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

    .w-lg-25 {
        width: 25%;
    }
    .w-lg-10 {
        width: 10%;
    }
    .w-lg-5 {
        width: 5%;
    }
    .ml-lg-20{
        margin-left: -20px !important;
    }
    .auto-scroll-x{
        overflow-x:hidden;
    }
}
.form-control-sm{
    height:25px;
}

/*laoding div css*/

.loading-center {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #79a9c8;
    opacity: .6;
}

.wave {
    width: 5px;
    height: 100px;
    background: linear-gradient(45deg, #062940, #fff);
    margin: 10px;
    animation: wave 1s linear infinite;
    border-radius: 20px;
}

    .wave:nth-child(2) {
        animation-delay: 0.1s;
    }

    .wave:nth-child(3) {
        animation-delay: 0.2s;
    }

    .wave:nth-child(4) {
        animation-delay: 0.3s;
    }

    .wave:nth-child(5) {
        animation-delay: 0.4s;
    }

    .wave:nth-child(6) {
        animation-delay: 0.5s;
    }

    .wave:nth-child(7) {
        animation-delay: 0.6s;
    }

    .wave:nth-child(8) {
        animation-delay: 0.7s;
    }

    .wave:nth-child(9) {
        animation-delay: 0.8s;
    }

    .wave:nth-child(10) {
        animation-delay: 0.9s;
    }

@keyframes wave {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}