/* Final responsive safeguards for the VitoSwift public website. */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

img, svg, video, iframe {
    max-width: 100%;
    height: auto;
}

.navbar-brand img,
.main-responsive-menu .logo img {
    object-fit: contain;
}

input, select, textarea, button {
    max-width: 100%;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 991px) {
    .top-header-area .row,
    .footer-area .row {
        row-gap: 20px;
    }

    .main-responsive-nav .main-responsive-menu {
        min-height: 68px;
    }

    .main-responsive-menu .logo img {
        width: auto;
        max-width: 150px;
        max-height: 52px;
    }

    .default-btn {
        white-space: normal;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .top-header-information,
    .top-header-others {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
        gap: 8px;
    }

    .top-header-information li,
    .top-header-others li {
        margin: 0 !important;
        overflow-wrap: anywhere;
    }

    .main-banner-content h1,
    .page-banner-content h2,
    .section-title h2 {
        overflow-wrap: anywhere;
    }

    .pt-100 { padding-top: 64px !important; }
    .pb-70 { padding-bottom: 44px !important; }

    .footer-area .pl-5 {
        padding-left: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}