/* =========================================================
   HostWega - Mobile Long Text & Horizontal Overflow Fix
   ========================================================= */

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

    html,
    body {
        width: 100%;
        max-width: 100%;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    .page,
    .page__inner,
    .page__container,
    .page__row,
    .page__col,
    .main__page__wraper,
    .main__page__content,
    .field-container,
    .default__shadow__panel,
    .default__shadow__panel__body {
        width: 100%;
        max-width: 100%;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .row > [class*="col-"],
    .row > [class^="col-"],
    .panel__check__cart__group .item__grid,
    .panel__check__cart__choosecycle__group .item__grid {
        min-width: 0 !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    label,
    a,
    li,
    td,
    th,
    small,
    strong {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-wrap: break-word;
    }

    input,
    textarea,
    select,
    .form-control,
    .input-group {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .custom__select__wrapper,
    .select__dropdown__menu__search__wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0 !important;
    }

    .custom__select__wrapper .select2-container,
    .select__dropdown__menu__search__wrapper .select2-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .custom__select__wrapper .select2-selection,
    .select__dropdown__menu__search__wrapper .select2-selection {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .select2-selection__rendered {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .panel__check__cart__group__content,
    .cart__choose__cycle__content,
    .product__configure__info,
    .product__cart__sidepanel__item,
    .alert,
    .list-group-item {
        max-width: 100%;
        min-width: 0 !important;
        overflow-wrap: anywhere;
        word-wrap: break-word;
    }

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

    pre {
        max-width: 100%;
        overflow-x: auto;
        white-space: pre;
    }

    code {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}