/* Final page-width guard for Baron Group inner layouts. */

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

body {
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body,
.wrapper,
main,
section,
header,
footer,
.overlay,
.bs-section,
.bs-headwidget,
.header_widgets,
.bs-main-nav,
.bs-slider-warraper,
.bs-slider,
.container,
.container-fluid,
.desk-menu,
.mobi-menu,
.swiper-container,
.swiper-wrapper,
.swiper-slide {
    max-width: 100%;
    min-width: 0;
}

main .container,
section .container,
header .container,
footer .container {
    max-width: min(1320px, calc(100% - 32px));
}

main.bg .container {
    width: min(90%, 1320px) !important;
    max-width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

main .row,
section .row,
header .row,
footer .row {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.row > *,
[class*="col-"],
.col,
.navbar-wp,
.navbar-header,
.navbar-collapse,
.navbar-nav,
.media,
.media-body,
.bs-desc,
.context,
.context2,
.context3,
.bs-blog-post,
.bs-sevice,
.feature_widget,
.site-info,
.ftrtxt {
    max-width: 100%;
    min-width: 0;
}

p,
li,
.bs-desc,
.context,
.context2,
.context3 {
    overflow-wrap: anywhere;
    word-break: normal;
}

main.bg .context2,
.bs-desc.context2,
ul.context2,
p.context2 {
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

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

.bs-headwidget.default .head_widget i {
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    min-height: 43px !important;
    max-width: 43px !important;
    max-height: 43px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    overflow: hidden;
    flex: 0 0 43px;
}

.bs-headwidget.default .head_widget i img {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain;
    display: block;
}

.bs-headwidget.default .head_widget .media-body {
    width: auto;
    flex: 0 1 auto;
}

.bs-headwidget.default .head_widget h5 {
    margin-bottom: 0;
    white-space: nowrap;
}

svg[style*="left: -9999px"] {
    left: 0 !important;
}

@supports not (overflow-x: clip) {
    html {
        overflow-x: hidden;
    }
}

@media (max-width: 800px) {
    main .container,
    section .container,
    header .container,
    footer .container,
    main.bg .container {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
    }

    main.bg .context2,
    .bs-desc.context2,
    ul.context2,
    p.context2 {
        max-width: 100% !important;
    }
}