/* VersaCommerce-Hinweis: Diese Datei wurde automatisch am 2023-12-27 13:30 erzeugt und sollte nicht manuell veraendert werden. Veraenderungen sollten in der Quell-Datei (theme-styles-responsive.css.liquid) vorgenommen werden. */

@media (min-width: 1200px) {  
  /* Main */
  .col-main { min-width: 930px; }
  
  /* product grid setting ----- */
  .products-grid > .col,
  .list-category .col { width: 20%; }
}

@media (min-width: 992px) and (max-width: 1199px) {    
  /* Detail Page */
  .product-shop #add-to-cart-form .btn { max-width: 250px; }
  
  .product-img-box.has-jcarousel .product-photo-container { width: 260px; }
  
  
  
  .product-img-box.has-jcarousel .product-photo-container { width: 385px; }
  
  
  .panel-group .nav-tabs > li > a { padding-left: 10px; padding-right: 10px; }
}


@media (max-width: 1034px) {  
  .quick-view,
  .quickview-button,
  .products-grid .wishlist,
  .products-grid .product-des { display: none!important }
  
  /* product */
  .products-grid .inner-top { position: static; }
  .products-grid .action,
  .products-grid .spr-badge { opacity:1; filter: alpha(opacity=100); position: static; margin-top: 15px; }
  
  .products-grid .owl-item .grid-item { padding-bottom: 50px; }
}

@media (min-width: 768px) and (max-width: 991px) {  
  #email-modal .modal-window { width: 710px; }
  
  .slide-heading { margin: 0; }
  .slide-des p.line { display: none; }
  .slide-text,
  .slide-des .slide-button { display: none; }
  
  #instafeed a { width: 25%; }
  
  /* product detail page */  
  .product-img-box.has-jcarousel .product-photo-container { width: 180px; }
  .product-img-box.has-jcarousel .jcarousel-clip-vertical { height: 230px; }
  
  
  .product-img-box.has-jcarousel .product-photo-container { width: 275px; }
  .product-img-box.has-jcarousel .jcarousel-clip-vertical { height: 335px; }
  
  
  .cart-list input.qty { display: block; margin-bottom: 15px; }
}

@media (min-width: 768px) {   
  /*.site-header { position: fixed; z-index: 100; width: 100%; top: 0; }*/
  
  .header-bottom > .row { display: table; width: 100%; margin: 0; }
  .header-bottom .col-xs-12 { display: table-cell; vertical-align: middle; float: none; padding: 0; }
  .header-bottom .header-logo { padding-left: 15px; padding-right: 15px; }

  .nav-search .dropdown-menu { background: none; display: block; position: static; max-width: 250px; border: 0; }
  .wrapper-top-cart .fa-shopping-cart { font-size: 16px; padding-right: 10px; }
  
  .wrapper-top-cart #cartCount:before { content: '('; display: inline-block; }
  .wrapper-top-cart #cartCount:after { content: ')'; display: inline-block; }
  
  /* Menu */
  #menu { display: none; }
  .site-nav > li { position: relative; padding: 0 20px; display: inline-block; margin: 0; }
  .site-nav > li.mega-menu { position: static; }
  .site-nav > li > a > span { display: inline-block; border-bottom: 1px solid transparent; }
  .site-nav-dropdown li { padding: 7px 20px; display: block; }
  .site-nav-dropdown li a { display: block; position: relative; }
  .site-nav-dropdown li:hover > a,
  .site-nav-dropdown ul.dropdown li a:hover { padding-left: 11px; }
  .site-nav-dropdown li > a:hover:before,
  .site-nav-dropdown li.dropdown:hover > a:before { content: ''; border: 4px solid transparent; border-left-color: #000; display: inline-block; position: absolute; left: 0; top: 50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); transform: translatey(-50%); }
  .site-nav-dropdown ul.dropdown li a { display: inline-block; padding-left: 0; }
  
  .three-block-text li { width: 32%; }
  .three-block-text li:nth-child(2) { width: 36%; }
  
  html.mm-blocking #mm-blocker { display: none; }
  html.mm-opening .mm-slideout { -webkit-transform: none; -moz-transform: none; transform: none; }
  
  .products-grid .product-item:hover { z-index: 2; padding: 20px; margin: 0 -20px; -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.15); box-shadow: 0 1px 6px rgba(0,0,0,0.15); }
}

@media (max-width: 767px) {  
  html { overflow-x: hidden; }
  img:hover { opacity: 1; filter:alpha(opacity=100); }
  
  .quickview-button,
  .newsletterwrapper { display: none !important; }
  
  /* Header */  
  .lang-block .selectize-control { float: none; margin: 0; }
  .lang-block .selectize-control.single .selectize-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    
  #currencies-modal { position: absolute; left: 0; width: 100%; z-index: 99; padding: 10px 20px; background: #fff; text-align: center; }
  .currency #currencies { height: 46px; border: 0; color: #fff; background: none; float: none; width: 100%; font-weight: 700; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; }
  
  .site-header > .row { margin: 0; }
 
  .header-mobile .dropdown-menu { font-size:12px; margin: 0; width: 200%; padding: 10px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .header-mobile .dropdown-menu ul { overflow: hidden; margin: 0; padding-left: 0; list-style: none; }
  
  .header-logo { position: relative; z-index: 10; float: left; width: 49%; text-align: left; padding: 0; height: 66px; }
  .header-logo img { max-height: 66px; }
  .header-text { text-align: center; margin-bottom: 10px; }
  .header-panel { text-align: center; }
  .header-panel > li { padding: 0 15px; margin-bottom: 10px; text-align: center; }
  
  .nav-search { position: absolute; right: 17%; top: 15px; float: left; width: 17%; padding: 0; }
  .nav-search > .icon-search { font-size: 23px; height: 66px; line-height: 66px; text-align: center; }
  .nav-search .dropdown-menu { left: auto; right: -100%; width: 588.23%; background: rgba(19,19,19,0.9); border: 0; padding: 15px; }
  
  .wrapper-top-cart { float: right; width: 17%; line-height: 66px; text-align: center; padding: 0; }
  .wrapper-top-cart #cartToggle { height: 66px; line-height: 66px; display: block; font-size: 23px; }
  .wrapper-top-cart #cartCount { display: none; }
  
  #dropdown-cart { left: auto; right: 0; top: 66px; width: 588.23%; font: 400 13px/1.65 Montserrat; }
  
  .search-bar { width: 100%; border: 0; }
  .search-bar input.input-group-field { background: none; }
  
  .header-top { list-style: none; padding: 10px 0 0; margin: 0; position: relative; z-index: 99; }
  .header-top > li { display: inline-block; padding-right: 15px; }
  
  .header-bottom { position: relative; padding: 15px 0; }
  .header-bottom .row { margin: 0; }
  
  /* Menu */
  .nav-bar { display: none; }
  .header-mobile { float: left; width: 17%; }
  .menu-block #showLeftPush { font-size: 21px; height: 66px; line-height: 66px; display: block; cursor: pointer; }
  
  .site-nav { display: none; border: 0; }
  #menu .site-nav-dropdown { display: block; }
  
  .mm-menu > .mm-panel { border-color: transparent; }
  .mm-menu .site-nav { display: block; }
  .mm-listview > li:not(.mm-divider)::after { display: none; }
  .mm-subopened .mm-subblocker { opacity: 1; }
  .mm-subopened .mm-subblocker:before { content: "X"; display: inline-block; padding: 12px 15px; }
  .mm-panels > .site-nav-dropdown.mm-panel:before, 
  .mm-panels > .site-nav-dropdown.mm-panel:after { display: none; }
  .dropdown.mm-listview > li > a { padding-left: 0; padding-right: 0; }
  
  .site-nav { background: none; }
  .site-nav > li:first-child > a { border-top: 0; }
  .site-nav > li > a { padding: 10px 20px; font-weight: 700; text-transform: uppercase; }
  .site-nav > li.dropdown > a > .icon-dropdown { display: none; }
  .site-nav-dropdown { position: static; overflow: hidden; width: auto!important; border: 0; background: none; padding: 0; }
  .site-nav-dropdown .col-1 .inner > a { display: block; text-decoration: none; margin: 0; padding: 10px 0; }
  /*.site-nav-dropdown .col-1 ul.mm-listview { margin: 0 -20px; }
  .site-nav-dropdown .col-1 ul.dropdown li a { padding: 10px 0; }*/
  
  .site-nav-dropdown .col-1 { width: 100%!important; }
  .site-nav-dropdown .col-2 { width: 100%!important; padding: 20px 0; }
  .site-nav-dropdown .col-3 { width: 100%!important; margin-bottom: 20px; padding: 0; }
  .site-nav-dropdown .col-1 .inner { width: 100%!important; padding: 0; }
  .site-nav-dropdown .col-1 .inner:hover > a:before { display: block; }
  
  .style_2.site-nav-dropdown .col-2 > a:first-child { margin-bottom: 15px; }
  
  .site-nav-dropdown .widget-featured-product { text-align: left; }
  .site-nav-dropdown .products-grid .action { display: none; }
  .site-nav-dropdown .products-grid .grid-item { text-align: left; }
  .site-nav-dropdown .products-grid .grid-item .product-grid-image { float: left; margin: 0 15px 0 0; }
  .site-nav-dropdown .product-label { display: none; }
  .site-nav-dropdown .price-box { margin-bottom: 0; }
  
  /* footer */
  .footer-bottom { padding-bottom: 33px; }
  .footer-bottom .text-right { text-align: left; }
  #back-top { width: 36px; height: 36px; right: 10px; top: auto; bottom: 60px; background-size: 50px 1000px; background-position: 10px -839px; }
    
  /* Slideshow */
  .slide-heading { font-size: 14px!important; margin: 0; }
  .slide-des p.line { display: none; }
  .slide-text,
  .slide-des .slide-button { display: none; }
  .main-slideshow .flexslider { float: none; width: auto; margin-bottom: 15px; }
  .main-slideshow .flexslider .flex-control-nav { display: block; position: static; margin-top: 15px; }
  .main-slideshow .flex-control-paging li a { width: 10px; height: 10px; border: 3px solid #000; background: #000; }
  .main-slideshow .flex-control-paging li a.flex-active, 
  .main-slideshow .flex-control-paging li a:hover { border-color: #000; }
  .main-slideshow .flexslider:hover .flex-direction-nav { display: none; }
  
  /* Home Page*/
  .home-banner { margin-bottom: 0; }
  .home-banner li,
  .banner-home-top li, 
  .two-banner-home li { margin-bottom: 15px; }
  .three-block-text li .inner { padding: 20px 0 10px; }
  .three-block-text li:nth-child(2) { border-width: 1px 0; }
  .three-block-text ul { margin: 0; }
  .custom-block li { display: block; }
  .custom-block li:not(:first-child) { padding-top: 15px; }
  
  #instafeed a { width: 33.3333%; }
  
  /* Ajax */
  .ajax-success-modal .btn-secondary { font-size: 9px!important; height: 34px; line-height: 30px; padding: 0 8px; }
  .ajax-success-modal .content { width: 100%; margin-left: 0; margin-top: 0; left: 0; top: 60px!important; padding: 20px 10px;  min-height: 180px; }
  .ajax-success-modal .close-modal { right: 5px; top: -40px; }

  .ajax-success-modal .ajax-right { margin-left: 80px; }
  .ajax-success-modal .ajax-left { margin-right: 10px; }
  .ajax-success-modal .continue-shopping { margin-right: 5px; }

  /* category */
  .page-header { margin-top: 0; padding: 15px 0; }
  
  .sidebar { display: none; }
  .widget-featured-product .products-grid { width: 100%; }
  
  .toolbar .btn-group { margin-left: 10px; }
  .toolbar .open .dropdown-menu { min-width: 170px; }
  
  .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; }
  .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; }
  
  /* detail */
  .product { margin-bottom: 20px; }
  .product-shop #add-to-cart-form .btn { clear: both; }
  #shopify-product-reviews { padding: 0; }
  #shopify-product-reviews .spr-summary { text-align: left; }
  #shopify-product-reviews .spr-summary-actions { clear: both; float: left; width: 100%; }
  .spr-summary-actions a { margin-top: 20px; clear: both; float: left; }
  
  .product-img-box { float: none; text-align: center; margin-bottom: 20px; }
  .product-img-box .product-photo-container { z-index: -1; }
  .product-img-box.has-jcarousel .product-photo-container { float: none; display: inline-block; }
  .product-img-box.has-jcarousel .more-view-wrapper { float: none; display: inline-block; overflow: hidden; }
  .product-photo-container #product-featured-image { max-width: 100%;}
  .product-photo-container .zoomContainer { max-width: 100%;}
  .zoomWrapper { width: 100%!important; max-width: 100%; position: relative; z-index: -1; }
  .zoomLens { display: none!important; }
  .zoomWindowContainer { display: none !important; }
  .zoomContainer { display: none !important; }
  
  .panel-group .nav-tabs > li { width: 100%; margin-right: 0; }
  
  /* Cart Page */  
  .cart-list li { border-bottom: 0; }
  .cart-list .product-img { padding: 0; width: 30%; }
  .cart-list input.qty { display: block; }
  .cart-list .remove, .cart-list .update { margin-top: 15px; }
  
  .custom-block-cat { width: 100%; }
  .nav-tabs > li { width: 100%; }
  
  .panel-group .nav-tabs > li { border-width: 1px; }
  .panel-group .nav-tabs > li:hover, 
  .panel-group .nav-tabs > li.active { border-width: 1px; }
  .panel-group .nav-tabs > li > a { color: #8d8d8d; border: 0!important; border-top: 2px solid transparent!important; padding-top: 12px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
  .panel-group .nav-tabs > li > a:hover, 
  .panel-group .nav-tabs > li.active > a, 
  .panel-group .nav-tabs > li.active > a:hover, 
  .panel-group .nav-tabs > li.active > a:focus { color: #000000; border-top-color: #000000!important; }
}

@media (max-width: 499px) {
  .home-banner .inner > ul > li { width: 100%; }
  .home-banner .inner > ul > li:first-child { margin-bottom: 0; }
  
  #instafeed a { width: 50%; }
  
  .toolbar .btn-group { margin-left: 0; }
  .product-list .product-list-thumb { max-width: 100px; }
 
  .product-img-box { letter-spacing: -0.31em; }
  .product-img-box.has-jcarousel .product-photo-container { width: 215px; }
  .more-view-wrapper.vertical .jcarousel-clip-vertical { height: 230px; }
}

@media (max-width: 360px) {
  .products-grid .action { display: none; }
  .products-grid .grid-item,
  .products-grid .owl-item .grid-item { padding-bottom: 0; }
  
  .old-price, .compare-price { display: block; margin-right: 0; }
  
  .widget-product .owl-theme .owl-controls .owl-buttons div { top: 23%; }
  
  .infinite-scrolling a, 
  .infinite-scrolling-homepage a { width: 100%; }
  
  .toolbar .view-mode { display: none; }
  .toolbar.toolbar-bottom { text-align: center; }
  .toolbar.toolbar-bottom .page-total { float: none; margin-bottom: 10px; }
  
  .pagination-page { text-align: center; }
}