/* sm */ 
@media (min-width: 576px) {

}

/* md */ 
@media (min-width: 768px) {
    main.container .content-footer {
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: unset;
    }

    main.container .content-footer .btn,
    main.container .content-footer .btn-set {
        width: auto;
    }

    main.container .content-footer .btn-back {
        order: unset;
    }

    main.container .content-footer .btn-set {
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
        order: unset;
    }

    main.container .content-footer .btn-set .btn:nth-child(2) {
        order: unset;
        margin-bottom: unset;
    }

    .row.form-column>.col-12:last-child {
        border-left: 1px solid var(--color-muted);
    }

    #personal_details_container > .col-12:last-child {
        border-left: 1px solid var(--color-muted);
    }

    .navbar-menu { 
        display: none;
    }

    .navbar.base .navbar-controls-container ul {
        display: flex;
    }

    .navbar-subitems {
        flex-direction: row;
    }

    .navbar-subitems .navbar-subgroup:not(:first-child) {
        border-left: 1px solid #ececec;
        padding-left: 1.5rem;
    }

    .navbar-subitems .navbar-subgroup > a {
        font-weight: 600;
    }

    .navbar-subgroup.nav-group-mobile {
        display: none;
    }

    .navbar-subgroup ul {
        display: block;
    }

    .navbar-subitems .navbar-subgroup > a svg {
        display: none;
    } 
}

/* lg */
@media (min-width: 992px) {
    .navbar-controls-container .contact {
        display: none;
    }

    .navbar-controls-container .progress-bar {
        display: block;
    }

    .navbar-brand-container .contact {
        display: block;
    }

    main.container .form-content {
        width: 83.33333333%;
    }

    main.container .form-progress {
        display: block;
    }
}

/* xl */
@media (min-width: 1200px) {
    /* .species-list .selected-pet-item .btn {
        margin-bottom: unset;
    } */
}

/* xxl */
@media (min-width: 1400px) {
    .container {
        max-width: 1150px;
    }
}