html,
body {
    width: 100%;
    max-width: 100%;
}

body.ina-global-width-enabled {
    --ina-global-width-current: var(--ina-global-width-desktop, 95vw);
}

body.ina-global-width-enabled :where(
    .site,
    .site-content,
    .content-area,
    .site-main,
    .site-header .container,
    .site-footer .container,
    .site-content > .container,
    .site-main > .container,
    main > .container,
    header > .container,
    footer > .container,
    #page > .container,
    #content > .container,
    #primary > .container,
    .page-container,
    .content-container,
    .main-container,
    .main-wrapper,
    .content-wrapper,
    .page-wrapper
) {
    width: var(--ina-global-width-current) !important;
    max-width: var(--ina-global-width-current) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.ina-global-width-enabled .elementor-section.elementor-section-boxed > .elementor-container,
body.ina-global-width-enabled .elementor-section > .elementor-container,
body.ina-global-width-enabled .e-con.e-con-boxed > .e-con-inner,
body.ina-global-width-enabled .e-con-boxed > .e-con-inner,
body.ina-global-width-enabled .elementor > .elementor-element > .elementor-container,
body.ina-global-width-enabled .elementor-location-header .e-con-inner,
body.ina-global-width-enabled .elementor-location-footer .e-con-inner,
body.ina-global-width-enabled .elementor-location-header .elementor-container,
body.ina-global-width-enabled .elementor-location-footer .elementor-container {
    width: var(--ina-global-width-current) !important;
    max-width: var(--ina-global-width-current) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.ina-global-width-enabled :where(
    .shk-container,
    .shkh-container,
    .shkh-wrapper,
    .shk-wrapper,
    .ina-container,
    .ina-wrapper,
    .stkr-container,
    .stkr-wrapper,
    [class^="shk-"][class*="container"],
    [class^="shkh-"][class*="container"],
    [class^="ina-"][class*="container"],
    [class^="stkr-"][class*="container"],
    [class*=" shk-"][class*="container"],
    [class*=" shkh-"][class*="container"],
    [class*=" ina-"][class*="container"],
    [class*=" stkr-"][class*="container"]
) {
    width: var(--ina-global-width-current) !important;
    max-width: var(--ina-global-width-current) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.ina-global-width-enabled :where(
    .single .entry-content,
    .page .entry-content,
    .archive .site-main,
    .blog .site-main,
    .search .site-main
) {
    max-width: var(--ina-global-width-current) !important;
}

@media (max-width: 1024px) {
    body.ina-global-width-enabled {
        --ina-global-width-current: var(--ina-global-width-tablet, 94vw);
    }
}

@media (max-width: 767px) {
    body.ina-global-width-enabled {
        --ina-global-width-current: var(--ina-global-width-mobile, 92vw);
    }
}