/* mobile start */


@media only screen and (max-width: 576px) {
    .homepage-h1 {
        font-size: 24px !important;
        margin-top: 48px !important;
    }

    .distance-between-cols {
        margin-bottom: 48px !important;
    }

    nav.navbar {
        background-color: #f8f9fa !important;
    }

    .flag, .homepage-btn-login, .homepage-btn-get-started {
        display: block !important;
        margin-bottom: 20px !important;
    }

    .hr-management-container, .choose-vonstaff-container, .scheduling-container, .leave-management-container, .manage-employees-container,
    .office-management-container, .modern-workflows-container, .data-protection-container {
        padding: 24px 24px !important;
    }t

    .hr-management-row1 {
        margin-top: 20px !important;
    }


    .pricing, .questions {
        padding: 24px !important;
    }

    .pricing-footer-row1-1, .pricing-footer-row1-1, .questions-footer-row1-1, .questions-footer-row1-2, .footer-content-row {
        font-size: 14px !important;
    }

    .hr-management-get-started-btn {
        height: 60px !important;
        line-height: 30px !important;
        width: 100% !important;
    }

    .pricing-btn {
        padding: 10px 24px !important;
        height: 60px !important;
        font-size: 14px !important;
        width: 100% !important;
    }

    .homepage-btn-login {
        width: 100% !important;
    }

    .homepage-btn-get-started {
        width: 100% !important;
    }

    .hr-management-row4-left {
        margin-bottom: 5px !important;
    }

    .send-message-h1 {
        font-size: 24px !important;
    }

    .send-message {
        padding: 96px 24px 24px 24px !important;
    }

    .other-ways-to-connect {
        padding: 24px 48px !important;
    }

    .social-media {
        padding: 24px 48px 48px 48px!important
    }

    .different-ways-contact {
        margin-right: 0px !important;
    }

    .send-message-col1 {
        margin-right: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 32px !important;
    }

    .send-message-btn {
        height: 60px !important;
        line-height: 30px !important;
        width: 100% !important;
        margin-top: -15px !important;
        font-size: 14px !important;
    }

    .typing-section-contact {
        height: 110px !important;
    }

    .btn-login {
        width: 100% !important;
        /*line-height: 30px !important;*/
        /*height: 60px !important ;*/
        /*font-size: 14px !important;*/
    }

    .create-new-account {
        width: 100% !important;
    }

    .send-message-col2  {
         padding: 48px 24px !important;
    }

    .signup-page-get-started-btn {
        height: 60px !important;
        line-height: 30px !important;
        padding: 12px !important;
        width: 95% !important;
    }

    .signup-page-container {
        padding: 96px 10px 48px 10px !important;
    }

    .signup-page-form {
        padding: 48px 24px !important;
        border-radius: 24px !important;
    }

    .homepage-h2 {
        font-size: 24px !important;
    }

    .signup-page-h1 {
        font-size: 24px !important;
    }

    .distance-logo {
        margin-top: 15px !important;
    }

    .btn-login-navbar {
        margin-left:0px;
    }

    .flag-menu {
        top: 25px!important;
        left: -1px!important;
    }
}

/* mobile end */

@media only screen and (max-width: 768px) {
    .distance-between-cols {
        margin-bottom: 48px !important;
    }

}

@media only screen and (max-width: 992px) {

    .scheduling-container {
        background: none !important;
        background-color: #EFF6FF !important;
    }

    .manage-employees-container {
        background: none !important;
        background-color: #EEF2FF !important;
    }

    .modern-workflows-container {
        background: none !important;
        background-color: #F0F9FF !important;
    }
}