@media screen and (max-width: 849px){
      /* global */
      :root {
        --input-height: 38px !important;
        --input-height-50: 38px !important;
    }
    .flickity-prev-next-button {
        width: 64px !important;
        height: 30px;
        border-radius: 13px;
    }
    a.button.white, a.button.primary, a.button.secondary {
        padding: 0 25px;
        font-size: 14px;
        border-radius: 24px !important;
        letter-spacing: .84px;
    }
    .sidebar-contact {
        display: none;
    }
    h1, h2, h3, h4, h5, h6 {
        word-break: break-word;
    }
    html{
        font-size: 100%;
    }
    
   
    .section .medium-1,.section .medium-2,.section .medium-3,.section .medium-4,.section .medium-5, 
    .section .medium-6,.section .medium-7,.section .medium-8,.section .medium-9,.section .medium-10, 
    .section .medium-11,.section .medium-12 {
        max-width: 100%;
        flex-basis: 100%;
    }
    body .container,
    .section > .section-content > .row > .col{
        padding-left: 20px;
        padding-right: 20px;
    }
    .pt-120 {
        padding-top: 50px !important;
    }
    .pb-120 {
        padding-bottom: 50px !important;
    }
    
    body .slide-hero h2, body .banner-page h2, body .banner h1, .banner-home h2, body h1 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0;
    }
    body h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0;
    }
    body .h1-h3 h1, body .h2-h3 h2, body h3, body .banner h3 {
        line-height: 32px;
        font-size: 22px;
        letter-spacing: 0;
    }
    body .h5 h3, body h5 {
        font-size: 15px;
        line-height: 25px;
    }
    body p.lead {
        margin-top: 0;
        font-size: 16px;
        line-height: 28px; 
    }
    .pb-80,
    .pb-60,
    .pb-70,
    .pb-90,
    .pb-130 ,
    .pb-100 {
        padding-bottom: 50px !important;
    }
    .pt-60,
    .pt-90,
    .pt-70,
    .pt-80,
    .pt-100 {
        padding-top: 50px !important;
    }
    body h3, body .banner h3 {
        line-height: 36px;
        font-size: 26px;
    }
    body .h3-h4 h3, .h4 p, body h4 {
        font-size: 16px;
        line-height: 1.625rem;
    }
    body .h4 p.lead, body h4 {
        font-size: 22px;
        line-height: 32px;
    }
    .mobi{
        display: block !important;
    }
    body .box-text, body, p {
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 0;
    }
    body .col, body .columns, body .gallery-item {
        padding-left: 30px;
        padding-right: 30px;
    }
    body .slider-wrapper .flickity-prev-next-button {
        display: block;
    }
    body .accordion .toggle {
        top: 6px;
    }
    body .accordion-item + .accordion-item {
        margin-top: 7px;
    }
    body .accordion-title {
        font-size: 16px;
        line-height: 26px;
    }
    /* global */
    /*header*/
    .single #header .nav>li>a>i.icon-menu {
        color: #000;
    }
    body #logo {
        margin: 0 15px;
        order: 2;
        text-align: center;
        width: 100% !important;
        margin: 0 !important;
        max-width: 170px;
    }
    #header .nav>li>a>i.icon-menu {
        font-size: 30px;
    }
    body .header.show-on-scroll, body .stuck .header-main {
        height: 80px!important;
    }
    .header-main {
        height: 80px !important;
        padding: 0 !important;
    }
    /*header*/
    /*Footer*/
    footer .ux-menu  a {
        justify-content: center;
    }
    .st-footer .row-footer .col{
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
    .col-has-dropdown .heading-footer > p:after {
        content: "\f107";
        font-family: 'fl-icons';
        font-size: 1rem;
        margin-left: 20px;
        position: relative;
        top: 1px;
    }
    .col-middle > .col-inner{
        text-align: center;
    }
    .col-middle .social-icons {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }
    .col-has-dropdown .heading-footer:not(.active) + .ux-menu{
        display: none;
    }
    .col-has-dropdown .heading-footer.active > p:after {
        content: "\f106";
        font-family: 'fl-icons';
    }
    .logo-footer {
        max-width: 208px;
        margin: 0 auto;
    }
    .row-footer > .col:nth-child(3)>.col-inner h4 strong{
        font-size: 18px;
    }
    .row-footer > .col:nth-child(3)>.col-inner h4 {
        color: #000;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
    .row-copy p {
        margin-top: 5px;
        text-align: center;
    }
    .col-newsletter{
        margin-top: 30px;
    }
    #footer {
        margin-top: 0 !important;
    }
    /*Footer*/
    /*HOME*/
    .hero-banner p.lead {
        font-size: 20px;
        line-height: 34px;
        margin-bottom: 0;
    }
    .hero-banner{
        padding-top: 100px !important;
    }
    .hero-banner .img {
        max-width: 120px;
    }
    .hero-banner h1 {
        margin-top: 20px;
    }
    body .hero-banner h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .row-icons .flickity-slider > .col {
        width: 100%;
        max-width: 305px;
        background-color: #fff;
        margin: 0 .625rem;
        border-radius: .75rem;
        padding: 1.25rem;
        transition: all .5s;
        transform: translateY(0);
        opacity: 1 !important;
        animation: none !important;
        min-height: 140px;
    }
    .st-seo h3, .st-seo h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .st-lei{
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }
    .st-counter strong {
        font-size: 30px;
    }
    .st-counter .row{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .product-slide>.flickity-viewport>.flickity-slider>.col {
        width: 100% !important;
        flex-basis: 266px  !important;
        max-width: 266px !important;
    }
    div.product.type-product>.col-inner .title-wrapper .product-title a,
    div.product.type-product>.col-inner .title-wrapper .product-title {
        font-weight: normal;
        font-size: 16px;
    }
    div.product.type-product>.col-inner .title-wrapper .product-title{
        min-height: 50px;
    }
    .row-gallery .gallery-col {
        width: 174px !important;
        height: 86px;
    }
    .st-mit,
    .brand-st{
        padding-bottom: 50px !important;
        padding-top: 50px !important;
    }
    .brand-st{
        padding-top: 30px !important;
    }
    .col-testimonial  .flickity-slider>div:not(.col) {
        width: 310px !important;
    }
    .st-mit .row-2 .col:last-child > .col-inner {
        padding-left: 0;
    }
    .st-mit .row-2 .icon-box {
        position: relative;
        top: auto;
        left: auto;
        margin: 30px 0;
    }
    .rv-st h2 {
        margin-bottom: 0;
    }
    .rv-st{
        padding-bottom: 30px !important;
    }
    .st-mit .col-inner > h2 {
        max-width: 300px;
        margin: 0 auto 15px;
    }
    .h2-48 h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .txt-quote{
        padding: 0 20px;
    }
    .txt-quote h2::after, .txt-quote h2::before {
        right: -11vw;
        position: absolute;
        transform: scale(.5);
        top: -5px;
    }
    footer .forminator-ui.forminator-design--default .forminator-input{
        text-align: center;
    }
    .row-footer > .col:nth-child(3)>.col-inner div#html-1 p a {
        font-size: 10px;
    }
    .txt-quote h2::before {
        left: -10vw;
        right: auto;
        transform: scaleY(-1) scaleX(-1) scale(.5);
        top: auto;
    }
    .slide-banner .flickity-slider>div:not(.col) {
        padding-top: 360px !important;
    }
    .slide-banner{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .slide-banner h2, .slide-banner h1 {
        font-size: 28px !important;
        line-height: 36px !important;
        max-width: 100% !important;
        margin-bottom: 10px !important;
    }
    .slide-banner .banner .text-box {
        padding-bottom: 40px;
        width: 100% !important;
    }
    .slide-banner .flickity-slider>div:not(.col).is-selected {
        transform: scaleX(2.5) scaleY(1);
        z-index: 2;
    }
    .slide-banner .flickity-slider>div:not(.col).is-selected  .banner-layers {
        transform: scaleX(calc(1 / 2.5));
        width: calc(100% + 150px);
        margin-left: -75px;
    }
    .slide-banner .banner:not(.is-selected) .banner-inner {
        clip-path: polygon(0 1%, 100% 10%, 100% 90%, 0% 100%);
    }
    .hero-banner a.button.primary {
        min-width: auto;
        margin: 0 auto;
    }
    .slide-banner .banner.is-next:not(.is-selected) .banner-inner {
        clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    }
    button.btn-toggle-slider {
        left: 0;
        top: -10px;
    }
    .banner_page .mt {
        margin-top: -30px;
    }
    .slide-banner .banner:not(.is-selected) {
        border-radius: 0 !important;
        overflow: hidden;
    }
    section .slide-banner ol.flickity-page-dots {
        max-width: calc(100% - 100px);
        margin-left: auto;
        margin-right: auto;
        left: 0;
    }
    .st-warum .row-icons .flickity-slider > .col {
        background-color: #FEEEF3;
    }
    .st-warum h2 {
        margin-bottom: 0;
    }
    .st-warum {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .st-multibanner h3, .st-multibanner h2 {
        font-size: 18px !important;
        line-height: 28px !important;
        max-width: 250px;
    }
    .st-multibanner .col .text-box,
    .st-multibanner .col:nth-child(1) .text-box {
        padding: 20px;
    }
    .st-moglich p,
    .st-machen p{
        text-align: center !important;
    }
    .st-machen h2 {
        max-width: 250px;
        margin: 0 auto 15px;
    }
    .brand-st h2 {
        font-size: 18px;
        line-height: 2rem;
    }
    .three-item .flickity-slider>div:not(.col) {
        width: 320px !important;
        margin: 0 .625rem !important;
    }
    .three-item,
    .col-testimonial {
        padding-right: 0 !important;
    }
    body .hero-banner.banner_it .text h2 {
        max-width: 200px;
    }
    .st-lei h2{
        margin-bottom: 0;
    }
    .st-hand h2{
        max-width: 310px;
    }
    .st-hand h2 br{
        display: none;
    }
    .st-mit-it.st-mit .col-inner > h2 {
        max-width: 100%;
        margin: 0 auto 15px;
    }
    .pb-0-mb{
        padding-bottom: 0 !important;
    }
    /*HOME*/
    .banner-top {
        padding-top: 80px !important;
    }
    .banner-top .banner {
        padding-top: 320px !important;
        background-color: transparent !important;
        border-radius: 20px !important;
    }
    .banner-top .banner .img_bg_imb {
        inset: auto !important;
        width: 100%;
        height: 100%;
        transform: none;
        overflow: hidden;
        border-radius: 20px;
    }
    .banner-top .banner  .banner-bg.fill {
        display: none;
    }
    body section.banner-top .banner .text-box {
        width: 100% !important;
        top: auto;
        bottom: 40px;
        transform: none;
        left: 0;
    }
    .st-plane h2,
    body section.banner-top .text > h2{
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    body section.banner-top .mt-40 {
        margin-top: 0;
    }
    body section.banner-top h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .banner-top .banner .img_bg_imb * {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .buehne-product .tabbed-content .nav .tab {
        margin-bottom: 0.5rem;
        white-space: nowrap;
        margin-right: 10px;
    }
    .product-full-desc ul li {
        margin: 0;
        padding: .25rem 0;
    }
    .buehne-product .product-full-desc ul {
        margin-bottom: 10px;
    }
    .buehne-product{
        padding-bottom: 30px !important;
    }
    .buehne-product .tabbed-content .nav{
        flex-wrap: nowrap;
        overflow-y: hidden;
        justify-content: flex-start;
        overflow-x: auto;
    }
    .st-plane,
    .st-nach + .brand-st{
        padding-top: 30px !important;
    }
    .st-emotion .row-icons {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    body .banner_lichttechnik.banner-top .text > h2 {
        max-width: 400px;
    }
    .box-lichttechnik .row{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .box-lichttechnik .row .col{
        max-width: 50%;
        flex-basis: 50%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .box-lichttechnik .banner {
        padding-top: 220px !important;
        border-radius: 12px !important;
    }
    .box-lichttechnik {
        margin-top: -100px;
    }
    .banner_lichttechnik {
        padding-bottom: 150px !important;
    }
    .box-lichttechnik a.button.primary {
        width: 100%;
        max-width: calc(100% - 20px);
        background-color: rgb(255 255 255 / 80%) !important;
        padding: 0;
    }
    .btn-gr .col-inner .button {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .btn-gr .col-inner {
        margin: 0 auto 1rem !important;
        display: block;
    }
    .box-sicherheitstechnik a.button.secondary.show-for-medium {
        margin-top: 15px;
    }
    .box-sicherheitstechnik .pb-30 {
        padding-bottom: 15px !important;
    }
    .box-sicherheitstechnik .fs-18 p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0;
        max-width: 100px;
        margin: 0 auto;
    }
    .st-bere a.button.secondary.mt-20.active-hover {
        margin-top: 0 !important;
    }
    .st-mit .row-2 .icon-box-text h2 {
        max-width: 350px;
    }
    .st-verstand .strong-inline h2 strong,
    .st-wie .strong-inline h2 strong{
        display: block;
    }
    .st-mit .row-2 {
        align-items: flex-end;
        margin-top: 0;
    }
    .st-wie .icon-box-text p {
        font-size: 35px;
    }
    .st-wie.pb-50 {
        padding-bottom: 0 !important;
    }
    .st-wie p strong {
        font-size: 16px;
    }
    .st-wie .row-2 .col .col{
        padding-bottom: 20px;
    }
    .st-wie .row-2 .col .col > .col-inner {
        padding: 20px;
    }
    .st-wie h2{
        margin-bottom: 0;
    }
    .st-wie .row-2 > .col:nth-child(2) {
        margin-top: -20px;
    }
    .row-three-box .img {
        max-width: 120px;
    }
    body section.banner-top.banner-blog h1 {
        max-width: 300px;
        margin: 0 auto;
    }
    .blog-filter .row {
        display: block;
    }
    .blog-grid.row {
        grid-template-columns: 1fr;
        padding: 40px 20px;
    }
    .blog-thumb a {
        height: 250px;
    }
    h3.erfolge-title a {
        font-size: 18px;
        line-height: 28px;
        color: #000000;
    }
    span.blog-cat > span {
        font-size: 13px;
    }
    .loadmore-wrap {
        text-align: center;
        margin-top: 0;
    }
    .blog-filter-wrapper {
        padding-bottom: 50px;
    }
    .blog-filter button {
        margin-right: 20px;
        white-space: nowrap;
    }
    .blog-top {
        padding-top: 120px;
        padding-bottom: 200px;
        margin-bottom: -200px;
    }
    .single .row.row-content {
        padding: 0 30px;
    }
    .featued-img {
        margin-bottom: 30px;
    }
    .page-wrapper h3, .page-wrapper h2 {
        font-size: 18px;
        line-height: 1.5;
    }
    .single img.size-full.alignnone {
        margin-bottom: 0;
    }
    .row.row-related .blog-filter-wrapper .blog-grid {
        display: block;
    }
    .row-related .flickity-slider>div:not(.col) {
        width: 80%!important;
        margin: 0 10px;
    }
    .row.row-related > .col {
        padding-left: 0;
        padding-right: 0;
    }
    .flickity-page-dots {
        pointer-events: all;
    }
    .row-related  .flickity-page-dots {
        inset: auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
        max-width: calc(100% - 40px);
        margin-inline: auto;
    }
    .row-related  .flickity-page-dots .dot,
    .row-related  .flickity-page-dots .dot.is-selected {
        width: 100% !important;
    }
    body section.banner-top.banner_karriere .banner .text-box {
        bottom: 70px;
    }
    body section.banner-top.banner_karriere .mt-40 {
        margin-top: 30px;
    }
    .st-benefits h2{
        font-size: 20px;
        line-height: 30px;
        max-width: 250px;
        margin: 0 auto;
    }
    .row-box{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .row-box .col{
        max-width: 50%;
        flex-basis: 50%;
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-bottom: 10px !important;
        transform: none !important;
        animation: none !important;
        will-change: auto !important;
    }
    .row-box .icon-box + .text{
        display: none;
    }
    .row-box .icon-box h3 {
        font-size: 16px;
        line-height: 1.3;
    }
    .row-box .icon-box {
        height: 86px;
        margin-bottom: 0;
    }
    .box-popup::before{
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw !important;  
        height: 100vh !important;
        z-index: 1;           
        background: rgba(0,0,0,0.8);
    }
    .box-popup {
        display: none;
        position: fixed;
        top: calc(50% - 150px);
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw !important;  
        height: 300px !important;
        z-index: 9999; 
        max-width: 90% !important;          
        background-color: #fff;
    }
    .box-popup.active{
        display: block;
    }
    .box-popup > div {
        background-color: #fff;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0 !important;
    }
    .row-box .icon-box.box-popup .icon-box-text {
        padding: 0 20px 20px;
        border-radius: 0 0 20px 20px;
    }
    .row-box .icon-box.box-popup .icon-box-img img {
        padding-top: 20px !important;
        height: 45px;
    }
    .row-box .icon-box.box-popup .icon-box-img:before {
        content: 'x';
        color: #fff;
        position: absolute;
        top: -40px;
        right: 0;
        font-size: 30px;
    }
    .row-box .icon-box.box-popup .icon-box-img {
        height: 2.875rem;
        border-radius: 20px 20px 0 0;
    }
    .st-dein .tabbed-content .nav {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 20px;
    }
    .st-dein .tabbed-content .nav>li>a {
        white-space: nowrap;
    }
    body .st-dein .accordion-title {
        padding-right:30px;
    }
    .st-contact .pt-50 {
        padding-top: 20px !important;
    }
    .st-contact h1 {
        margin-top: 0;
    }
    .banner-top.pt-0-mb {
        padding-top: 0px !important;
    }
     body section.banner-top.pt-0-mb .text > h2 {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .h1-40 h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .col-slide-img{
        padding-bottom: 0 !important;
    }
    .col-slide-img .flickity-slider>div:not(.col) img {
        border-radius: .75rem !important;
        height: 260px;
    }
    .mw-300-mb h2{
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    div.product.type-product>.col-inner .box-image a {
        height: 150px;
    }
    .product-short-desc {
        color: #7C7C7C;
    }
    .st-lei h2 + p {
        margin-bottom: 0;
    }
    .col-slide .box-image {
        width: 100% !important;
        height: 373px;
        border-radius: .75rem;
    }
    .st-mit-it .pb-0-mb {
        padding-bottom: 30px !important;
    }
    /*menu mobile*/
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        width: 100%;
        max-width: 380px;
        background-color: #fff;
    }
    .off-canvas-left .social-icons.follow-icons a::before {
        filter: brightness(0);
    }
    li.html.custom.html_topbar_right a {
        display: block;
        max-width: 150px;
        margin: 0 auto;
        padding: 0;
    }
    .off-canvas-left .mobile-sidebar ul li
    .off-canvas-left .mobile-sidebar ul li a {
        border-bottom: 0;
    }
    .mfp-ready .mfp-close {
        opacity: 1;
        mix-blend-mode: normal;
        top: 20px;
        left: 20px;
        color: #000;
    }
    .off-canvas:not(.off-canvas-center) li.html {
        padding: 0;
    }
    .off-canvas-left li.html.custom.html_topbar_right {
        margin-bottom: 40px;
    }
    .off-canvas-left .mobile-sidebar ul li a {
        border:  0 !important;
    }
    .off-canvas-left .mobile-sidebar ul li.menu-item a {
        font-weight: normal;
        color: #000000;
        font-size: 14px;
        letter-spacing: .84px;
        padding: 5px 30px;
        text-transform: inherit;
    }
    .off-canvas-left .nav-sidebar.nav-vertical>li+li {
        border-top: 0;
    }
    .html .social-icons {
        font-size: 1em;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }
    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-620 {
        border-top: .1px solid #000;
        margin-top: 20px;
        padding-top: 20px;
    }
    li.menu-item.menu-item-has-children.has-child {
        max-width: calc(100% - 60px);
        border: 1px solid #1A73E8 !important;
        border-radius: 19px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    li.menu-item.menu-item-has-children.has-child.active > button .icon-angle-down:before {
        color: #fff;
        top: 2px;
        position: relative;
    }
    li.menu-item.menu-item-has-children.has-child .li-btn a,
    li.menu-item.menu-item-has-children.has-child.active > a {
        background-color: #1A73E8 !important;
        color: #fff !important;
    }
    
    li.menu-item.menu-item-has-children.has-child button.toggle {
        right: 0;
        width: 38px;
        margin: 0;
        position: absolute;
        top: 0;
    }
    li.menu-item.menu-item-has-children.has-child a {
        font-size: 14px;
        letter-spacing: .56px;
        font-family: var(--text-medium);
        padding-left: 20px !important;
    }
    li.menu-item.menu-item-has-children.has-child .children a{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    li.menu-item.menu-item-has-children.has-child + li.menu-item.menu-item-has-children.has-child .li-btn a,
    li.menu-item.menu-item-has-children.has-child + li.menu-item.menu-item-has-children.has-child.active > a{
        background-color: #EF2569 !important;
    }
    li.menu-item.menu-item-has-children.has-child + li.menu-item.menu-item-has-children.has-child{
        border: 1px solid #EF2569 !important;
    }
    li.menu-item.menu-item-has-children.has-child + li.menu-item.menu-item-has-children.has-child + li.menu-item.menu-item-has-children.has-child .li-btn a,
    li.menu-item.menu-item-has-children.has-child + li.menu-item.menu-item-has-children.has-child + li.menu-item.menu-item-has-children.has-child.active > a{
        background-color: #930DCE !important;
    }
    li.menu-item.menu-item-has-children.has-child + li.menu-item.menu-item-has-children.has-child + li.menu-item.menu-item-has-children.has-child{
        border: 1px solid #930DCE !important;
        margin-bottom: 0;
    }
    .nav:not(.nav-slide) .active>.children {
        padding-bottom: 20px;
        display: block !important;
    }
    .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: transparent !important;
    }
    /* .nav:not(.nav-slide) .active>.children .li-btn a {
        max-width: calc(100% - 60px);
        margin-left: auto;
        margin-right: auto;
    } */
    .nav:not(.nav-slide) .active>.children .li-btn a {
        /* max-width: calc(100% - 40px); */
        margin-left: 20px;
        /* margin-right: 0; */
        width: fit-content;
    }
    .nav:not(.nav-slide) .active>.children li {
        padding-left: 0;
        position: relative;
    }
    .header-main .nav.nav-left > li.nav-icon.has-icon:not(.current_page_item) > a {
        border: 0 !important;
    }
    .nav:not(.nav-slide) .active>.children li ul.sub-menu.nav-sidebar-ul {
        display: none;
    }
    .nav-vertical li li.menu-item-has-children:not(:first-child) {
        margin-top: 0;
        margin-bottom: 0;
    }
    .nav:not(.nav-slide) .active>.children li.active ul.sub-menu.nav-sidebar-ul {
        display: block !important;
        padding-left: 10px;
    }
    /*menu mobile*/
    .col-slide-btn ol.flickity-page-dots {
        left: 0;
    }
    .st-lei .pb-0 {
        padding-bottom: 20px!important;
    }
    button.btn-toggle-slider.btn-toggle-slider-2 {
        top: -60px;
        left: 10px;
    }
}