@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .col-xl-custom {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1220px;
    }
}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {
    .hero-section {
        min-height: auto;
    }
}

@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {
    .section-pretitle::before {
        display: none;
    }

    .contact-card {
        padding: 20px;
    }

    .office-box {
        font-size: 14px;
    }
}