/* 
  1. Allgemein
  2. Max 1200px
  3. Max 1024px
  4. Max 991px
  5. Max 767px
*/


/* =========================
  1. Allgemein
========================= */

.show_on_mobile {
	visibility: hidden;
}

.navbar-brand img {
	max-width: 180px;
}

.ma5menu__toggle,
#offcanvas_menue {
	display: none;
}

/* =========================
  2. Max 1200px
========================= */

@media only screen and (max-width: 1200px) {
	.drodo-nav .navbar .navbar-nav .nav-item a {
		font-size: 15px;
		margin-left: 6px;
		margin-right: 6px;
	}

	.navbar-brand img {
		max-width: 160px;
	}
}

/* =========================
  3. Max 1024px
========================= */

@media only screen and (max-width: 1024px) {
	.navbar-area {
		max-height: 80px;
	}

	.ma5menu__toggle {
		display: block;
	}

	.banner-section {
		padding: 50px 20px !important;
		min-height: auto !important;
	}

	.banner-section-text .h1 {
		font-size: 40px !important;
		line-height: 50px !important;
		margin-top: 0px !important;
	}

	.banner-section .banner-section-text {
		margin: 0 !important;
	}

	.card_category {
		margin-bottom: 30px !important;
	}

	.fi_kategorie_content_content {
		padding-left: 0px !important;
	}

	.page-content {
		padding-left: 0px;
	}

	.navbar-nav .dropdown-menu li.menu-item-has-children>a::after {
		display: none !important;
	}


	.navbar-area .logo img {
		max-height: 60px;
	}

	.marquee {
		display: none;
	}

	.top-header-contact-info li a,
	.top-header-menu li a {
		font-size: 13px;
	}

	.show_on_mobile {
		visibility: visible;
	}

	.default_content_page .content-area {
		padding-left: 0px;
	}

	section.ptb-100,
	section.ptb-70,
	section.ptb-50,
	.main-banner,
	.footer-area {
		padding: 50px 20px;
	}

	.single-footer-widget {
		margin-bottom: 15px;
	}

	.dropdown-toggle::after {
		display: none;
		content: '';
	}

	.drodo-responsive-nav {
		display: block;
	}

	.drodo-responsive-nav .drodo-responsive-menu {
		position: relative;
	}

	.drodo-responsive-nav .logo {
		position: relative;
		width: 50%;
		z-index: 999;
		margin-left: 20px;
	}

	.drodo-nav {
		display: none;
	}

	.navbar-area {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.navbar-area.is-sticky {
		padding-top: 15px;
		padding-bottom: 15px;
	}


}

/* =========================
  4. Max 991px
========================= */

@media only screen and (max-width: 991px) {
	.fi_kategorie_content_navigation {
		display: none;
	}

	.archive-produkt .category-menue,
	.content_page .category-menue {
		display: none;
	}

	.default_content_page {
		padding-left: 20px;
		padding-right: 20px;
	}

	#zoommodal {
		padding: 50px!important;
	}


}

/* =========================
  5. Max 767px
========================= */

@media only screen and (max-width: 767px) {

	.hidden_mobile {
		display: none;
	}

	.banner-section {
		padding: 50px 20px !important;
		min-height: auto !important;
	}

	.main-banner-content h1 {
		font-size: 42px !important;
		line-height: 52px;
	}

	.products-details-tabs .nav .nav-item {
		margin-left: 0px !important;
	}

	.faq-accordion .accordion .accordion-title h3 {
		font-size: 18px;
		line-height: 28px;
	}

	.container {
		max-width: 100%;
	}

	.default-btn {
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.default-btn i {
		left: 20px;
		top: 12px;
		font-size: 15px;
	}

	.ptb-70 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.pt-70 {
		padding-top: 50px;
	}

	.pb-70 {
		padding-bottom: 50px;
	}

	.ptb-40 {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.pt-40 {
		padding-top: 20px;
	}

	.pb-40 {
		padding-bottom: 20px;
	}

	.section-title {
		text-align: center;
		margin-bottom: 30px;
	}

	.section-title h2 {
		font-size: 24px;
	}

	.section-title::before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 70px;
	}

	.top-header {
		text-align: center;
	}

	.top-header-contact-info {
		margin-bottom: -10px;
	}

	.top-header-contact-info li {
		margin-bottom: 10px;
	}

	.single-banner-item {
		height: auto;
		padding-top: 60px;
		padding-bottom: 120px;
	}

	.banner-content {
		text-align: center;
	}

	.banner-content h1 {
		margin-bottom: 12px;
		font-size: 30px;
	}

	.banner-content p {
		font-size: 13px;
	}

	.banner-content .btn-box {
		margin-top: 20px;
	}

	.banner-content .btn-box .d-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.banner-content .btn-box .default-btn {
		margin-right: 10px;
	}

	.banner-content .btn-box .price {
		margin-left: 10px;
		font-size: 15px;
	}

	.banner-image {
		margin-top: 30px;
	}


	.wrapper-content {
		text-align: center;
	}

	.wrapper-content .sub-title {
		font-size: 13px;
	}

	.wrapper-content h1 {
		margin-bottom: 12px;
		font-size: 30px;
	}

	.wrapper-content .default-btn {
		margin-top: 10px;
	}

	.wrapper-image {
		margin-top: 30px;
	}


	.main-banner {
		padding-top: 60px;
		padding-bottom: 45px;
		text-align: center;
	}

	.main-banner-content {
		text-align: center;
	}

	.table_feuerloescherarten .td_text {
		display: none;
	}

	.table_feuerloescherarten img {
		min-width: 60px;
	}

	.table_feuerloescherarten .btn {
		padding: 6px 12px;
		font-size: 14px;
	}

	.table_feuerloescherarten {
		font-size: 14px;
	}


	.main-banner-content p {
		font-size: 13px;
	}

	.main-banner-content .default-btn {
		margin-top: 5px;
	}

	.main-banner-image {
		margin-top: 35px;
	}

	.megamenu-container {
		display: none;
	}

	.banner-area {
		padding-top: 65px;
		padding-bottom: 105px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.single-banner-categories-box {
		overflow: unset;
		text-align: center;
	}

	.single-banner-categories-box img {
		-webkit-transform: unset !important;
		transform: unset !important;
	}

	.single-banner-categories-box .content {
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		-webkit-transform: unset;
		transform: unset;
		padding: 20px 0 0 0;
	}

	.single-banner-categories-box .content h3 {
		font-size: 19px;
	}

	.single-banner-categories-box .content .btn-box .d-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.single-banner-categories-box .content .btn-box .default-btn {
		font-size: 13px;
		margin-right: 7px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 42px;
		padding-right: 20px;
	}

	.single-banner-categories-box .content .btn-box .default-btn i {
		left: 20px;
		top: 12px;
		font-size: 15px;
	}

	.single-banner-categories-box .content .btn-box .price {
		margin-left: 7px;
		font-size: 15px;
	}

	.single-categories-box {
		-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
		padding: 20px 10px;
	}

	.single-categories-box h3 {
		font-size: 17px;
		margin-top: 25px;
	}

	.categories-box img {
		width: 100%;
	}

	.categories-box .content {
		top: 15px;
		left: 15px;
		padding-top: 9px;
		padding-bottom: 7px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.categories-box .content h3 {
		font-size: 15px;
	}

	.single-products-box .image .buttons-list ul li {
		opacity: 1 !important;
		visibility: visible !important;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
	}

	.single-products-box .content {
		text-align: center;
	}

	.single-products-box .content h3 {
		font-size: 16px !important;
		line-height: 26px !important;
	}

	.single-products-box .content .price span {
		font-size: 13.5px;
	}

	.products-slides.owl-theme .owl-nav {
		margin-top: 0;
		position: relative;
		right: 0;
		top: 0;
		margin-bottom: 30px;
	}

	.products-slides.owl-theme .owl-nav [class*=owl-] {
		margin: 0 4px;
	}

	.products-slides.owl-theme .owl-nav [class*=owl-].owl-next {
		margin-left: 4px;
	}


	.page-title-area {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.page-title-content h1 {
		font-size: 25px;
	}

	.page-title-content ul li {
		font-size: 13px;
		margin-left: 8px;
		margin-right: 8px;
	}

	.page-title-content ul li::before {
		height: 12px;
		right: -10px;
		top: 5.2px;
	}

	.about-content {
		text-align: center;
		padding-right: 0;
	}

	.about-content h2 {
		font-size: 24px;
	}

	.about-image {
		margin-top: 30px;
	}


	blockquote,
	.blockquote {
		padding: 20px !important;
	}

	blockquote p,
	.blockquote p {
		font-size: 16px !important;
	}


	.error-content h3 {
		font-size: 25px;
		margin-top: 35px;
		margin-bottom: 15px;
	}

	.error-content .default-btn {
		margin-top: 20px;
	}

	.faq-accordion-tab .tabs {
		margin-bottom: 20px;
	}

	.faq-accordion-tab .tabs li {
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 15px;
	}

	.faq-accordion-tab .tabs li a {
		padding: 15px;
	}

	.faq-accordion .accordion .accordion-title {
		font-size: 14px;
		padding: 20px 15px 17px 45px;
	}

	.faq-accordion .accordion .accordion-title i {
		left: 15px;
	}

	.faq-accordion .accordion .accordion-content {
		padding-right: 15px;
		padding-left: 45px;
	}

	.privacy-policy-content h3 {
		font-size: 18px;
	}

	.purchase-guide-content h3 {
		font-size: 18px;
	}

	.terms-of-service-content h3 {
		font-size: 18px;
	}

	.login-form {
		padding: 30px 20px;
		margin-right: 0;
	}

	.login-form h2 {
		margin-bottom: 20px;
		font-size: 25px;
	}

	.woocommerce-form-row {
		margin-bottom: 20px!important;
	}

	.login-form form .lost-your-password-wrap {
		text-align: left;
		margin-top: 15px;
	}

	.login-form form button[type="submit"] {
		padding: 13px 30px;
		font-size: 15px;
	}

	.register-form {
		margin-top: 40px;
		border-top: 1px solid #eeeeee;
		padding-left: 0;
		padding-top: 30px;
	}

	.register-form h2 {
		margin-bottom: 20px;
		font-size: 25px;
	}

	.register-form form .lost-your-password-wrap {
		text-align: left;
		margin-top: 15px;
	}

	.register-form form button {
		padding: 13px 30px;
		font-size: 15px;
	}

	.single-contact-info-box {
		padding: 20px 15px;
	}

	.single-contact-info-box .icon {
		font-size: 25px;
		margin-bottom: 20px;
	}

	.single-contact-info-box h3 {
		font-size: 18px;
	}

	.products-details-desc {
		margin-top: 30px;
	}

	.products-details-desc h3 {
		margin-bottom: 12px;
		font-size: 18px;
	}

	.products-details-desc .price {
		margin-bottom: 20px;
		font-size: 13px;
	}

	.products-details-desc .products-review .rating {
		font-size: 15px;
	}

	.products-details-desc .products-review .rating-count {
		top: -1px;
	}

	.products-details-desc .products-info li {
		font-size: 13px;
	}

	.products-details-desc .products-color-switch span {
		font-size: 13px;
	}

	.products-details-desc .products-size-wrapper span {
		font-size: 13px;
	}

	.products-details-desc .products-info-btn a {
		font-size: 13px;
	}

	.products-details-desc .products-info-btn a:not(:first-child) {
		margin-left: 5px;
	}

	.products-details-desc .products-details-accordion .products-reviews h3 {
		font-size: 18px;
	}

	.products-details-desc .products-details-accordion .products-reviews .rating {
		top: 2px;
		position: relative;
	}

	.products-details-desc .products-details-accordion .products-reviews .rating span {
		font-size: 17px;
	}

	.products-details-desc .products-details-accordion .products-reviews .side {
		width: 20%;
	}

	.products-details-desc .products-details-accordion .products-reviews .side div {
		font-size: 15px;
	}

	.products-details-desc .products-details-accordion .products-reviews .middle {
		width: 60%;
	}

	.products-details-desc .products-details-accordion .products-review-comments h3 {
		padding-bottom: 10px;
		font-size: 18px;
	}

	.products-details-desc .products-details-accordion .products-review-comments .user-review {
		padding-left: 0;
	}

	.products-details-desc .products-details-accordion .products-review-comments .user-review img {
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 15px;
	}

	.products-details-desc .products-details-accordion .products-review-comments .user-review .review-rating span {
		display: block !important;
		top: 0;
		font-size: 17px;
		margin-left: 0;
		margin-top: 5px;
	}

	.products-details-desc .products-details-accordion .review-form-wrapper h3 {
		font-size: 18px;
	}

	.products-details-desc .products-details-accordion .review-form-wrapper form button {
		padding-left: 30px;
		padding-right: 32px;
	}

	.products-details-tabs .nav .nav-item {
		margin-left: 8px;
		margin-right: 8px;
	}

	.products-details-tabs .nav .nav-item .nav-link {
		font-size: 15px;
		padding-bottom: 6px;
	}

	.products-details-tabs .nav .nav-item .nav-link::before {
		height: 2px;
		bottom: -1px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews h3 {
		font-size: 18px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .rating {
		top: 2px;
		position: relative;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .rating span {
		font-size: 17px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .side {
		width: 20%;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .side div {
		font-size: 15px;
	}

	.products-details-tabs .tab-content .tab-pane .products-reviews .middle {
		width: 60%;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments h3 {
		padding-bottom: 10px;
		font-size: 18px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review {
		padding-left: 0;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review img {
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 15px;
	}

	.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating span {
		display: block !important;
		top: 0;
		font-size: 17px;
		margin-left: 0;
		margin-top: 5px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper h3 {
		font-size: 18px;
	}

	.products-details-tabs .tab-content .tab-pane .review-form-wrapper form button {
		padding-left: 30px;
		padding-right: 32px;
	}

	.products-details-image-slider.owl-theme {
		margin-bottom: 0;
	}


	.cart-table table thead tr th {
		font-size: 14.5px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.cart-table table thead tr th:first-child {
		padding-left: 0;
	}

	.cart-table table thead tr th:last-child {
		padding-right: 60px;
	}

	.cart-table table tbody tr td {
		font-size: 14.5px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.cart-table table tbody tr td:first-child {
		padding-left: 0;
	}

	.cart-buttons .shopping-coupon-code {
		text-align: center;
	}

	.cart-buttons .shopping-coupon-code button {
		position: relative;
		right: 0;
		top: 0;
		height: auto;
		padding: 12px 25px;
		line-height: initial;
		font-size: 14px;
		border-radius: 5px;
		margin-top: 15px;
	}

	.cart-buttons .text-end {
		text-align: center !important;
		margin-top: 15px;
	}

	.cart-totals {
		padding: 25px 20px;
		max-width: 100%;
		margin-top: 40px;
	}

	.cart-totals h3 {
		font-size: 20px;
	}

	.cart-totals ul {
		margin-bottom: 20px;
	}

	.cart-totals ul li {
		font-size: 14px;
	}

	.cart-totals ul li:last-child {
		font-size: 16px;
	}

	.billing-details .title {
		font-size: 18px;
	}

	.order-details {
		margin-top: 40px;
	}

	.order-details .title {
		font-size: 18px;
	}

	.order-details .order-table table thead tr th {
		font-size: 13.5px;
	}

	.order-details .order-table table tbody tr td {
		font-size: 13.5px;
	}

	.order-details .payment-box {
		padding: 20px;
	}

	.order-details .order-table table tbody tr td.order-subtotal span,
	.order-details .order-table table tbody tr td.order-shipping span,
	.order-details .order-table table tbody tr td.total-price span {
		font-size: 15px;
	}

	.footer-area {
		padding-top: 50px;
	}

	.single-footer-widget {
		margin: 20px 0;

	}

	.single-footer-widget h3 {
		margin-bottom: 22px;
		font-size: 18px;
	}

	.footer-bottom-area {
		text-align: center;
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.go-top {
		right: 15px;
		width: 33px;
		height: 35px;
		font-size: 22px;
	}

	.go-top.active {
		bottom: 15px;
	}

}