.logo-image {
    max-width: 250px;
}

@media only screen and (max-width: 576px) {
    .wizard.vertical>.steps {
        width: 100%;
        margin-bottom: 50px;
    }
    .wizard.vertical>.content {
        width: 100%;
    }
    input[type="number"] {
        width: 40px;
    }
    .wizard.vertical>.steps>ul>li {
        width: 50%;
        float: left;
    }
    .hero-section {
        margin-top: 50px!important;
    }
    .wizard.vertical>.content {
        overflow-x: clip;
    }
    .logo-image {
        max-width: 200px;
        max-width: 125px;
    }
    .hero-section {
        margin-top: 50px!important;
    }
    .c-border-right {
        border-right: none;
    }
    .main-contact-area {
        padding-bottom: 10px;
    }
    .c-border-right {
        border-right: none;
    }
    .main-contact-area {
        padding-bottom: 10px;
    }
}

@media (min-width: 576px) and (max-width: 850px) {}

@media only screen and (min-width: 768px) {}