.mobi {
    display: none !important;
}

@media screen and (max-width:1100px) and (min-width: 850px){
   
    #masthead form.searchform {
        width: 150px;
    }
    body .icon-search:before {
        width: 1rem !important;
        height: 1rem !important;
    }
    #masthead .searchform .button.icon,
    #masthead form.searchform input.search-field{
        height: 30px;
    }
    .header-main .nav.nav-right>li {
        margin: 0 .5rem;
    }
    .logo-left .logo {
        margin-right: 1rem;
    }
}
@media screen and (max-width:849px) {
     li.header-search-form.search-form.html.relative.has-icon {
        display: none;
    }
    .desk {
        display: none !important;
    }
    body .mobi {
        display: block !important;
    }
    /*MENU*/ 
    .off-canvas-left .mfp-content {
        width: 100%;
        max-width: 348px;
        background: #fff;
    }
    .sidebar-menu ul.sub-menu.nav-sidebar-ul.children li {
        padding-left: 0;
    }
    .mobile-sidebar .social-icons.follow-icons {
        display: inline-flex;
        justify-content: center;
    }
    .mobile-sidebar .social-icons.follow-icons{
        margin-top: 80px;
    }
    .mobile-sidebar .social-icons.follow-icons a {
        margin: 0 10px !important;
        font-size: 1.25rem;
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: #000;
    }
    .mobile-sidebar .social-icons i {
        color: #fff;
        font-size: 1rem;
    }
    .gt_float_switcher .gt_options.gt-open {
        opacity: 1;
        transform: translateX(0px);
        z-index: 22;
        right: auto;
        border: 0;
        box-shadow: none;
        padding: 0;
    }
    .mobile-sidebar .sidebar-menu li.account-item a i.icon-user,
    .mobile-sidebar .sidebar-menu li.menu-item.cart-item button.toggle,
    .mobile-sidebar .sidebar-menu li.account-item button.toggle,
    .mobile-sidebar .sidebar-menu li.account-item span,
    .mobile-sidebar .sidebar-menu li.menu-item.cart-item span.header-cart-title {
        display: none;
    }
    .mobile-sidebar ul li.menu-item a {
        letter-spacing: var(--spacing-1-28);
        font-size: 16px;
        color: #143045;
        text-transform: inherit;
        line-height: 24px;
        border-bottom: none !important;
        font-family: var(--text-font-medium);
    }
    .mobile-sidebar  ul.sub-menu.nav-sidebar-ul.children li a {
        margin-bottom: 10px;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a,
    .off-canvas:not(.off-canvas-center) li.html {
        padding: 0;
    }
    .header-inner .nav.mobile-nav  > li.nav-icon{
        display: block !important;
    }
    .off-canvas .nav-vertical>li.menu-item{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .off-canvas .nav-vertical>li.menu-item>a {
        border-bottom: 0;
        padding-bottom: 10px;
        text-align: left;
        justify-content: flex-start;
    }
    .nav:not(.nav-slide) .active>.children {
        padding-bottom: 0;
        padding-top: 15px;
    }
    .nav-sidebar.nav-vertical>li+li {
        border-top: 0;
    }
    .off-canvas .sidebar-menu .html.custom.html_topbar_right + li{
        margin-top: 100px;
    }
    .off-canvas .header-block .tzn-payment-icons {
        margin: 20px 0;
        justify-content: center;
    }
    .off-canvas .header-block{
        margin-top: 30px;
        justify-content: center;
    }
    .off-canvas .nav-vertical>li.html_topbar_left>a{
        display: block;
        width: auto;
        text-align: center;
        max-width: 70px;
        margin-inline: auto;
        padding: 0;
        margin-bottom: 20px;
    }
    .off-canvas .toggle{
        opacity: 1;
        position: absolute;
        top: 6px;
        right: 0;
        width: auto;
        margin: 0;
    }
    .off-canvas .sidebar-menu {
        padding: 20px;
    }
    .mfp-ready .mfp-close {
        right: auto;
        left: 10px;
        top: 25px;
        color: #005076;
    }
    .nav-sidebar.nav-vertical>li.menu-item.active,
    .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: transparent;
    }
    .off-canvas .searchform .search-field {
        border-radius: 4px 0 0 4px;
        border-color: rgb(0 0 0 / 10%);
        box-shadow: 0px 2px 15px #0000001A;
    }
    .off-canvas .searchform .button.icon {
        background-color: #005076;
        height: 38px;
        box-shadow: 0px 2px 15px #0000001A;
        border: none !important;
        min-height: auto;
    }
    .off-canvas li.header-search-form{
        padding-left: 40px;
    }
    .off-canvas li.header-search-form + li {
        margin-top: 60px;
    }
    .off-canvas .sidebar-menu > ul::before {
        content: '';
        height: 80px;
        background: #FFFFFF;
        box-shadow: 0px 2px 15px #0000001A;
        position: absolute;
        top: -20px;
        left: -20px;
        width: calc(100% + 40px);
    }
    /*MENU*/
    /*HOME*/
	.unsere-bestseller-section .flickity-button {
		top: 40% !important;
	}
    .unser-newsletter-right-col .col-inner {
        padding-top: 30px;
    }
    .home1 .flickity-slider > .col{
        min-height: auto  !important;
        background-color: #fff;
        border-left: 20px solid #d6e3ec;
        border-right: 20px solid #d6e3ec;
    }
    /*HOME*/
    .hero-slider .text-box-content h2, .hero-slider .text-box-content h1 {
        max-width: 380px !important;
        margin-bottom: 1rem;
    }
  	.unsere-bestseller-section  ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-center {
		flex-flow: nowrap;
		padding-right: 30px;
		padding-left: 30px;
	}
    .unsere-bestseller-section ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-center li a {
        font-size: 15px;
        letter-spacing: 0.75px;
    }
    .unsere-bestseller-section h4.uppercase.text-center {
        max-width: 270px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    div.product.type-product>.col-inner .title-wrapper .product-title, .product-small.box.has-hover.box-normal.box-text-bottom p.name.product-title.woocommerce-loop-product__title {
        font-size: 16px !important;
        line-height: 26px !important;
    }
    div.product.type-product>.col-inner .price-wrapper span.amount, div.product.type-product .price-wrapper .price {
        font-size: 15px;
    }
    .finden-sie-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .product-cat-st h5.uppercase.header-title {
        width: auto;
        padding: 0 15px;
        min-width: 100%;
        font-size: 12px;
        height: auto;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        display: block;
        letter-spacing: 1.92px;
    }
    .product-cat-st {
        padding-top: 50px !important;
        padding-bottom: 0 !important;
    }
    .product-cat-st .col {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
	.unsere-bestseller-section .tab-panels button.flickity-button.flickity-prev-next-button.next {
		right: -5px !important;
	}
	.unsere-bestseller-section .tab-panels button.flickity-button.flickity-prev-next-button.previous {
		left: -5px !important;
	}
    body .unsere-bestseller-section {
        padding-top: 15px !important;
    }
    .product-cat-st h2 {
        max-width: 350px;
        margin-top: 15px;
        margin: 0 auto;
    }
    body .unsere-aktuellen-angebote-section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .product-cat-st .box-text {
        bottom: 0.2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .unsere-bestseller-section .product-small.col {
        padding-right: 0.2rem !important;
        padding-bottom: 0rem !important;
    }
    div.product.type-product>.col-inner .box-image {
        height: 184px;
        width: 100%;
    }
    .button.icon.circle {
        border: none !important;
    }
    .unsere-bestseller-section ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-center li {
        width: 60%;
        flex-basis: 60%;
        padding-right: 0 !important;
    }
   .unsere-bestseller-section  ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-center   button.flickity-button.flickity-prev-next-button.previous {
    /* display: none; */
    top: -10px !important;
    left: -5px !important;
}
    div.product.type-product>.col-inner .box-image {
        height: 184px;
        width: 100%;
    }
    ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-center button.flickity-button.flickity-prev-next-button.next {
        right: -10px !important;
        top: -10px !important;
        background-color: #fff !important;
        z-index: 999;
    }
    .unsere-bestseller-section a.button.primary {
        margin-top: 20px;
    }
    .geschichte-st .col:nth-child(1) ,.geschichte-st .col:nth-child(2) {
        max-width: 100%;
        flex-basis: 100%;
    }
    .geschichte-st .col:nth-child(2) > .col-inner {
        width: 100% !important;
        padding-left: 0 !important;
        padding-top: 20px !important;
    }
    .geschichte-st {
        padding-top: 70px !important;
        padding-bottom: 50px !important;
    }
    .review_slider_row h2 {
        max-width: 312px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 25px;
    }
    body .unsere-bestseller-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    body .review_slider_section .flickity-slider>div:not(.col) {
        width: 100% !important;
    }
    body .review_slider_section .flickity-slider>div:not(.col) {
        width: 100% !important;
        max-width: 100% !important;
    }
    body .review_slider_section button.flickity-button.flickity-prev-next-button.previous  ,body .review_slider_section button.flickity-prev-next-button.next{
        background-size: contain !important;
    }
    body .review_slider_section button.flickity-button.flickity-prev-next-button.next {
        right: -20px !important;
    }
    .unser-newsletter-right-col input {
        max-width: 100% !important;
    }
    .unser-newsletter-right-col .forminator-row.forminator-row-last {
        max-width: 100% !important;
        position: unset !important;
        right: 0 !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
        min-width: 100% !important;
    }
    .unsere-bestseller-section h4.uppercase.text-center {
        font-size: 26px !important;
        line-height: 36px !important;
    }
    .unsere-bestseller-section ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-center li a {
        white-space: pre;
    }
    .unsere-bestseller-section ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-center li {
        display: inline-block;
        width: auto;
        padding-right: 30px !important;
    }
    .unsere-bestseller-section .col {
        padding-left: 10px !important;
        padding-right: 15px !important;
    }
    body .unser-newsletter-right-col .col-inner {
        max-width: 100% !important;
    }
    .review_slider_section .flickity-button {
        display: block !important;
    }
    .review_slider_section  button.flickity-button.flickity-prev-next-button.previous {
        left: -20px !important;
    }
    .review_slider_section {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    body #footer {
        margin-top: 0;
    }
    .searchform-wrapper.ux-search-box.relative.is-normal {
        max-width: 255px;
        display: flex;
        justify-content: flex-end;
        float: right;
    }
    .custom-banner .text-box-content.text.dark {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .about-left-col .col-inner.text-center {
        max-width: 100%;
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
    }
    .about-section {
        padding-bottom: 55px !important;
    }
    .at-vero-eos-secrion {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    body .wandey-section .medium-5 .col-inner {
        max-width: 100%;
        margin-left: 0;
    }
    .logo-custom {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .order-1 {
        order: -1;
    }
    .about-left-col {
        margin-top: 15px;
    }
    .kontaktieren-section .col:nth-child(1) .col-inner  ,.kontaktieren-section .col:nth-child(2) .col-inner{
        max-width: 100% !important;
        margin-left: 0 !important;
    }
    .woof_submit_search_form_container button.button.woof_reset_search_form {
        font-size: 14px !important;
        background: transparent !important;
        font-family: var(--heading-font);
    }
    div#newsletter-signup-link .medium-8 ,div#newsletter-signup-link .medium-4 {
        max-width: 100%;
        flex-basis: 100%;
    }
    div#newsletter-signup-link .medium-8 .col-inner {
        padding: 15px;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-bottom: 20px;
    }
    div#newsletter-signup-link .medium-8 .col-inner {
        padding: 0px;
        padding-bottom: 20px;
    }
    .ihr-erster-text  p.lead ,.ihr-erster-text h2{
        display: none;
    }
    #newsletter-signup-link .forminator-row.forminator-row-last {
        max-width: 100% !important;
        right: 0;
        top: 0;
        position: inherit;
    }
    div#newsletter-signup-link .row {
        padding: 0 !important;
    }
    #newsletter-signup-link .banner .text {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .ihr-erster-text p {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .f-n-l form {
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: flex;
        flex-direction: column;
    }
    body #newsletter-signup-link input {
        max-width: 100% !important;
    }
    .f-n-l .forminator-row:nth-child(3){
        order:3;
    }
    .f-n-l .forminator-row:nth-child(2){
        order:1;
    }
    #newsletter-signup-link .forminator-row.forminator-row-last{
        order:2;
    }
}
@media screen and (max-width:550px) {
    h1.nitro-offscreen {
        font-size: 28px !important;
    }
}