/* ==========================================================================
   Responsive styles (all screens smaller than desktop)
   Loaded last, after style.css, greenlayoutstyle.css and woocommerce-style.css.
   Grouped by page section (top to bottom), then by breakpoint.
   ========================================================================== */

/* ==========================================================================
   1. Base: reset, typography, form elements & animations
   ========================================================================== */

@media (max-width: 767px) {
	p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		font-size: 15px;
	}

	button {
		touch-action: manipulation;
	}
}

/* ==========================================================================
   2. Shared components & helpers (used on several pages)
   ========================================================================== */

@media (min-width: 992px) and (max-width: 1230px) {
	.reletd-workshop .row .col-md-3 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 1200px) {
	.wocommerece-page {
		flex-direction: column;
	}

	.myaccount-left {
		width: 100%;
		min-width: 100%;
		display: block;
		background: none;
		padding: 48px 40px 0;
	}

	.myaccount-left h1 {
		text-align: center;
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #1c1c1c;
		font-size: 24px;
		padding: 0 0 16px;
	}

	.mobile-trigger-class {
		display: block;
	}

	.mobile-trigger-class a:after {
		position: absolute;
		right: 16px;
		top: 50%;
		width: 10px;
		height: 5px;
		background: url(../images/select-arrow-side.svg) no-repeat center center;
		content: '';
		margin: -3px 0 0 0;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.mobile-trigger-class a.active:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.mobile-trigger-class a.active {
		border-bottom: transparent;
		border-radius: 4px 4PX 0 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.home-Populaire-slider .slick-arrow {
		left: calc(50% - 158px);
	}

	.home-Populaire-slider .slick-arrow.slick-next {
		left: auto;
		right: calc(50% - 158px);
	}

	.providers_slider-blocks .slick-arrow {
		left: calc(50% - 158px);
	}

	.providers_slider-blocks .slick-arrow.slick-next {
		left: auto;
		right: calc(50% - 158px);
	}

	.title-bar h2 {
		font-size: 26px;
	}

	.news-box p {
		font-size: 16px;
	}

	.page-title h1 {
		display: block;
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		font-family: 'Montserrat-SemiBold';
		padding: 0 0 24px;
		color: #1c1c1c;
		font-size: 24px;
	}

	.checkout-cart-inner table thead tr th.product-qty {
		min-width: 200px;
	}

	.checkout-cart-inner table tbody.second_body tr td.first_td p {
		max-width: 300px;
	}

	.register-form .row .col-md-12.new-custom-width {
		min-width: 638px;
	}

	body.woocommerce-view-order .checkout-cart-inner table thead {
		display: none;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody tr td:nth-child(2),
	body.woocommerce-view-order .checkout-cart-inner table tbody tr td:nth-child(3),
	body.woocommerce-view-order .checkout-cart-inner table tbody tr td:nth-child(4) {
		display: none;
	}

	body.woocommerce-view-order .cart-img-box .img-data ul.mobile-blocks-show {
		display: block;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show {
		display: block;
	}

	body.woocommerce-view-order .checkout-cart-inner table tfoot tr.cart-subtotal .total_cls .sub-text {
		width: 100%;
		font-size: 17px;
		padding: 0px;
		text-align: center;
		letter-spacing: 1.06px;
		color: #15b796;
	}

	body.woocommerce-view-order .checkout-cart-inner table tfoot tr.cart-subtotal .total_cls {
		padding-top: 31px;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show li {
		padding: 2px 0 0 0;
		display: block;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show li span {
		display: inline-block;
		min-width: 170px;
		line-height: 1.57;
		letter-spacing: 0.22px;
		font-weight: normal;
		color: #767676;
		font-size: 14px;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show li strong {
		line-height: 1.57;
		letter-spacing: 0.22px;
		font-family: 'Roboto-Bold';
		font-weight: normal;
		color: #767676;
		font-size: 14px;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show li strong span {
		min-width: 0px;
	}
}

@media (max-width: 992px) {
	.f_links ul li a:hover {
		transform: none;
	}

	.banner-form {
		padding: 29px 0 0 0;
	}

	.banner-form .frm-bar .input-box-2 .nice-select:before {
		width: 15px;
		position: absolute;
		right: 16px;
		top: 50%;
		height: 8px;
		top: 50%;
		margin: -4px 0 0 0;
		content: '';
		background: url(../images/sidebar-arrow-2.svg) no-repeat left top;
		transform: rotate(180deg);
		transition: all 0.3s ease-in-out;
	}

	.banner-form .frm-bar .input-box-2 .nice-select.open:before {
		transform: none;
	}

	.banner-form .frm-bar .input-box-2 .nice-select:after {
		display: none;
	}

	.banner-form .frm-bar .input-box-3 button {
		height: 52px;
		line-height: 52px;
		border-radius: 6px;
		background-color: #000;
	}

	.banner-form .frm-bar .input-box-3 button span {
		background-position: right center;
	}

	.cart-img-box .img-data span.woocommerce-Price-amount span {
		width: auto;
		min-width: auto;
	}
}

@media (max-width: 767px) {
	.banner-form {
		padding: 29px 0 0 0;
	}

	.banner-form .frm-bar .input-box-2 .nice-select:before {
		width: 15px;
		position: absolute;
		right: 16px;
		top: 50%;
		height: 8px;
		top: 50%;
		margin: -4px 0 0 0;
		content: '';
		background: url(../images/sidebar-arrow-2.svg) no-repeat left top;
		transform: rotate(180deg);
		transition: all 0.3s ease-in-out;
	}

	.banner-form .frm-bar .input-box-2 .nice-select.open:before {
		transform: none;
	}

	.banner-form .frm-bar .input-box-2 .nice-select:after {
		display: none;
	}

	.banner-form .frm-bar .input-box-3 button {
		height: 52px;
		line-height: 52px;
		border-radius: 6px;
		background-color: #000;
	}

	.desktop-show {
		display: none;
	}

	.mobile-show {
		display: block;
	}

	.title-bar {
		padding: 0 0 24px;
	}

	.all_btn-mobile a span {
		background: url(../images/arrow-sm-right-w.svg) no-repeat right center;
	}

	.review-blocks-tab .review-top {
		flex-direction: column;
		align-items: flex-start;
	}

	.review-blocks-tab .review-top .left-bar {
		display: flex;
		align-items: center;
	}

	.review-blocks-tab .review-top .left-bar h5 {
		padding: 0 10px 0 0;
	}

	.review-blocks-tab .review-top .left-bar .rating {
		padding: 0px;
	}

	.review-blocks-tab .review-top .left-bar .rating i {
		margin: 0 9px 0 0;
	}

	.review-blocks-tab .review-top .left-bar .rating i img {
		width: 19px;
	}

	.review-blocks-tab .review-top .left-bar .rating .text-1 {
		font-size: 16px;
		letter-spacing: 0.2px;
	}

	.review-blocks-tab .review-top .left-bar .rating .text-2 {
		letter-spacing: 0.18px;
		color: #1c1c1c;
		font-size: 14px;
	}

	.review-blocks-tab .review-top .select-bar {
		margin: 12px 0 0 0;
	}

	.review-row .aut-box-mb i {
		display: inline-block;
		margin: 0 10px 0 0;
	}

	.review-row-top .title-mb h5 {
		line-height: 1.43;
		letter-spacing: 0.47px;
		font-family: 'Montserrat-SemiBold';
		color: #1c1c1c;
		font-size: 14px;
	}

	.review-row-top .title-mb span {
		padding: 0 6px 0 0;
		font-family: 'Roboto-Light';
	}

	.review-row .review-row-top .rating {
		flex-direction: row-reverse;
	}

	.review-row .review-row-top .rating i {
		top: 1px;
	}

	.cms-blocks p a {
		display: inline;
		max-width: 100%;
		word-wrap: break-word;
	}

	.custom-pagi .prev-links a {
		background: url(../images/down-arrow-mb-2.svg) no-repeat center center #fff;
		font-size: 0px;
		padding: 0px;
		border-radius: 2px;
		border: solid 1px #cbcbcb;
		background-color: #ffffff;
		width: 36px;
		height: 36px;
	}

	.custom-pagi .next-links a {
		background: url(../images/down-arrow-mb.svg) no-repeat center center #fff;
		font-size: 0px;
		padding: 0px;
		border-radius: 2px;
		border: solid 1px #cbcbcb;
		background-color: #ffffff;
		width: 36px;
		height: 36px;
	}

	.custom-pagi ul li {
		padding: 0 3px;
	}

	.custom-pagi ul li a {
		border: solid 1px #cbcbcb;
		background-color: #ffffff;
		width: 36px;
		height: 36px;
		display: inline-block;
		padding: 0px;
		line-height: 1.47;
		letter-spacing: 0.54px;
		color: #1c1c1c;
		font-size: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.contain_wapper {
		min-height: 0px;
	}

	.f_box h5 {
		position: relative;
		letter-spacing: 0.19px;
		color: #ffffff;
		font-size: 15px;
		cursor: pointer;
		padding: 0px;
	}

	.f_box h5:after {
		position: absolute;
		right: 0px;
		top: 50%;
		content: '';
		background: url(../images/down-arrow-f-arrow.svg) no-repeat center center;
		width: 13px;
		height: 8px;
		margin: -4px 0 0 0;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.reletd-workshop .row .col-md-3:last-child {
		padding-right: 20px;
		margin-right: 0px;
		min-width: 296px;
	}

	.register-form .input-row.submit-btn input[type=submit] {
		height: 48px;
		line-height: 48px;
	}

	.register-form .input-row .maand:after {
		right: 16px;
	}

	.woocommerce #payment #place_order,
	.woocommerce-page #payment #place_order {
		margin-bottom: 0px;
	}

	.checkout-cart-inner table thead {
		display: none;
	}

	.checkout-cart-inner table tbody tr td:nth-child(2),
	.checkout-cart-inner table tbody tr td:nth-child(3),
	.checkout-cart-inner table tbody tr td:nth-child(4) {
		display: none;
	}

	.checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show {
		display: block;
	}

	body .checkout-cart-inner table tfoot tr.cart-subtotal .total_cls {
		padding-top: 31px;
	}

	.cart-img-box .img-data ul li {
		padding: 2px 0 0;
	}

	.cart-img-box .img-data span {
		min-width: 170px;
	}

	.cart-img-box .img-data strong span {
		min-width: 0px;
	}

	.checkout-cart-inner table tbody.second_body tr td h5 {
		padding: 0 0 6px;
	}

	.checkout-cart-inner table tbody.second_body tr td p {
		line-height: 1.57;
		letter-spacing: 0.22px;
		color: #767676;
		font-size: 14px;
	}

	.checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show {
		padding: 10px 0 0 0;
	}

	.checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show li {
		padding: 2px 0 0 0;
		display: block;
	}

	.checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show li span {
		display: inline-block;
		min-width: 170px;
		line-height: 1.57;
		letter-spacing: 0.22px;
		font-weight: normal;
		color: #767676;
		font-size: 14px;
	}

	.checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show li strong {
		line-height: 1.57;
		letter-spacing: 0.22px;
		font-family: 'Roboto-Bold';
		font-weight: normal;
		color: #767676;
		font-size: 14px;
	}

	.checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show li strong span {
		min-width: 0px;
	}

	.checkout-cart-inner table tfoot tr.cart-subtotal .total_cls {
		padding: 0 0 16px;
	}

	.woo-variation-swatches.wvs-show-label .variations td .reset_variations {
		position: relative;
		top: auto;
		left: 0px;
		margin: 10px 0 0 0;
	}

	.banner-form .checkrow .checkbox-b label {
		font-family: 'Roboto-Regular';
	}

	.register-form .input-row.submit-btn button,
	.Newsletter-form .input-row.submit-btn button {
		padding: 0 10px;
		height: 48px;
		line-height: 48px;
	}

	.register-form .row .col-md-12.new-custom-width {
		min-width: 100%;
	}

	.reletd-workshop .row.mobile-show {
		display: flex;
	}

	.form_stap ul li {
		width: 50px;
	}
}

/* ==========================================================================
   3. Product cards & WooCommerce partials (home, shop, related products, ...)
   ========================================================================== */

@media (min-width: 992px) and (max-width: 1230px) {
	.reletd-workshop .Populaire-box .Populaire-box-inner h5 {
		font-size: 13px;
	}

	.reletd-workshop .Populaire-box .image > span {
		min-height: 240px;
	}

	.reletd-workshop .Populaire-box {
		margin: 0 0 22px;
	}

	.Populaire-box .image > span > img {
		min-height: 165px;
		object-fit: cover;
		display: none;
		width: 100%;
		border-radius: 10px;
	}

	.Populaire-box > .Populaire-box-inner_main > .w3_box_right .heart {
		position: absolute;
		right: 26px;
		top: 26px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	body.mobile-filter-active {
		overflow: hidden;
	}

	.reletd-workshop .Populaire-box .image > span {
		min-height: 240px;
	}

	.reletd-workshop .Populaire-box {
		margin: 0 0 22px;
	}

	.Populaire-box .image > span > img {
		min-height: 165px;
		object-fit: cover;
		display: none;
		width: 100%;
		border-radius: 10px;
	}
}

@media (max-width: 767px) {
	.custom-pagi ul li.active a {
		border-radius: 2px;
		border: solid 2px #ffca45;
		background-color: #fff9e9;
	}

	.f_box.active h5:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.Populaire-box:last-child {
		margin-right: 20px;
	}

	.reletd-workshop .row .col-md-3 .Populaire-box {
		margin: 0px;
		width: 100%;
		padding: 0px;
	}

	.Populaire-box .Populaire-box-inner_main .heart a i {
		height: 14.3px;
		display: inline-block;
		vertical-align: top;
	}

	.Populaire-box .Populaire-box-inner_main .heart .wishlist-fragment a {
		height: 14.3px;
		display: inline-block;
		vertical-align: top;
	}

	.Populaire-box .Populaire-box-inner_main .heart a i img {
		vertical-align: top;
	}

	.shop-order-inner form .nice-select .option.selected {
		font-family: 'Roboto-Medium';
		font-weight: normal;
		color: #212121;
	}
}

@media (max-width: 992px) {
	body.menu-open {
		overflow: hidden;
	}
}

@media (max-width: 767px) {
	body.mobile-filter-active {
		overflow: hidden;
	}
}

/* ==========================================================================
   4. Header: notice bar, logo, search, navigation, account & chat
   ========================================================================== */

@media (min-width: 768px) and (max-width: 991px) {
	#header {
		display: none;
	}
}

@media (max-width: 992px) {
	.main_wapper {
		padding: 64px 0 0 0;
	}

	body.menu-open .top_part {
		z-index: 100;
	}

	#header {
		box-shadow: 0 0px 0 0 #e6e6e6;
		display: block;
	}

	#header.fixed {
		box-shadow: 0 1px 0 0 #e6e6e6;
	}

	.header-top {
		justify-content: space-between;
		min-height: 64px;
		padding: 0 12px 0 20px;
	}

	.menu-icon a img {
		min-width: 18px;
	}

	.logo img {
		width: 215px;
	}

	.mobile-whislist-header {
		text-align: right;
		display: inline-block;
	}

	.header-right.menu-active {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}

	.header-right.show-menu-active {
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}

	.header-right .nav-close {
		position: absolute;
		right: 24px;
		top: 24px;
		display: block;
	}

	.header-right .h_links ul li {
		padding: 0 0 20px;
		display: block;
		width: 100%;
	}

	.header-right .h_links ul li a {
		font-size: 20px;
		line-height: 1.1;
		letter-spacing: 1.25px;
		color: #313131;
	}

	.header-whislist {
		display: none;
	}

	.mobile-footer-links-show {
		display: block;
	}

	.menu-icon {
		width: 18px;
		display: inline-block;
	}

	.header-right {
		z-index: 1000;
		overflow: auto;
		padding: 40px 24px 55px;
		position: fixed;
		left: 0px;
		top: 0px;
		height: 100%;
		background-color: #ffffff;
		width: 305px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.mobile-footer-links-show > ul > li {
		position: relative;
		display: block;
		width: 100%;
		margin: 0 0 21px;
	}

	.mobile-footer-links-show > ul > li > a {
		position: relative;
		display: inline-block;
		width: 100%;
		letter-spacing: 0.59px;
		color: #9b9b9b;
		font-size: 15px;
		font-family: 'Roboto-Medium';
	}

	.mobile-footer-links-show > ul > li > a:after {
		position: absolute;
		right: 0px;
		top: 50%;
		margin: -4px 0 0 0;
		content: '';
		background: url(../images/down-arrow-nav.svg) no-repeat center center;
		width: 13px;
		height: 8px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.mobile-footer-links-show > ul > li.active > a:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.mobile-footer-links-show .f_links ul li a {
		font-family: 'Roboto-Medium';
		color: #313131;
	}

	.mobile-footer-links-show .f_links ul li + li {
		padding: 5px 0 0 0;
	}

	.mobile-footer-links-show > ul > li .f_links {
		display: none;
		padding: 10px 0 10px 0;
	}

	.mobile-header-social {
		display: block;
	}

	.h-logo-web img {
		width: 78px;
	}

	.mobile-header-links {
		display: block;
	}

	.overlay-bg-mobile {
		position: fixed;
		left: 0;
		top: 0px;
		height: 100%;
		width: 100%;
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		z-index: 100;
		content: '';
		background-color: rgba(0, 0, 0, 0.7);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	body.menu-open .overlay-bg-mobile {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

@media (max-width: 767px) {
	.main_wapper {
		overflow: hidden;
	}

	.top_part .closed_top_part {
		right: 10px;
	}

	.review-row .aut-box-mb i img {
		display: inline-block;
		border-radius: 100px;
		height: 32px;
		width: 32px;
	}

	.f_box .f_links {
		display: none;
	}
}

@media (max-width: 992px) {
	.workshop-head {
		display: none;
	}
}

@media (max-width: 767px) {
	.mobile-footer-links-show > ul > li .f_links {
		display: none;
		padding: 10px 0 10px 0;
	}
}

/* ==========================================================================
   5. Popups: login, registration, forgot password
   ========================================================================== */

@media (max-width: 767px) {
	.sidebar-main {
		max-width: 100%;
	}

	.sidebar-main .sidebar-main-title {
		min-height: 56px;
	}

	#customer-reg .register-form {
		padding: 24px 0 0 0;
	}

	#customer-reg .register-form .input-row.checkbox-main {
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
	}

	#customer-reg .register-form .input-row.submit-btn {
		padding: 32px 0 0 0;
	}

	#customer-reg .sidebar-backlinks {
		padding: 24px 0 0 0;
	}

	.sidebar-close a img {
		opacity: 0;
	}

	.sidebar-close {
		top: 12px;
		right: 10px;
	}

	.sidebar-contain-blocks .top-description .section-title h2 {
		font-size: 24px;
	}

	.sidebar-register.provider-form .register-form {
		padding: 24px 0 0 0;
	}

	.sidebar-register.provider-form .fild-title {
		margin: 20px 0 0 0;
		line-height: 1.71;
		letter-spacing: 0.18px;
		color: #1c1c1c;
		font-size: 14px;
		padding: 32px 0 16px;
	}

	.thankyou-sidebar .icon img {
		width: 36px;
	}

	#vendor-reg .sidebar-register {
		padding-top: 32px;
	}

	#vendor-reg .sidebar-register .register-form {
		padding-top: 24px;
	}

	.login-register h4 {
		line-height: 1.6;
		letter-spacing: 0.26px;
		color: #0f0f0f;
		font-size: 15px;
		padding: 0 0 20px;
	}

	.thankyou-sidebar h4 {
		line-height: 1.4;
		letter-spacing: 0.25px;
		text-align: center;
		padding: 0 0 10px;
		;color: #1c1c1c;
		font-size: 20px;
	}

	#online-request .col-md-12 .book-row.locdiv {
		padding-bottom: 28px;
	}

	.booking-form .book-row .b-title {
		padding: 0 0 4px;
		line-height: 1.71;
		letter-spacing: 0.18px;
		color: #1c1c1c;
		font-size: 14px;
	}

	.booking-form .book-row.single-title .b-title {
		padding: 0px;
	}

	.booking-form .row .col-md-12.hide-blocks {
		padding-top: 24px;
	}

	.booking-form .hide-blocks .book-row .input-text {
		max-width: 254px;
	}

	.booking-form .hide-blocks .book-row {
		padding: 0 0 22px;
	}

	.booking-form .col-md-6:last-child .book-row {
		padding-bottom: 0px;
	}

	.booking-form .col-md-6:last-child .book-row .check-list .book-check .wpcf7-list-item:last-child {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.booking-form .book-row.no-title {
		padding-bottom: 12px;
	}

	.booking-form .book-row.checkbox-main {
		padding: 0 0 20px;
	}

	.booking-form .submit-btn input[type=submit] {
		margin: 0px;
		height: 48px;
		line-height: 48px;
	}

	.register-form .input-row .input-text {
		padding-left: 18px;
		padding-right: 18px;
	}
}

/* ==========================================================================
   6. Home page (and Muzikant landing page)
   ========================================================================== */

@media (min-width: 992px) and (max-width: 1230px) {
	.how-it_blk {
		padding: 48px 0 0;
	}

	.home_image-blocks .image {
		min-height: 423px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.banner-left {
		width: 100%;
	}

	.how-it_blk {
		padding: 48px 0 0;
	}

	.how-it_blk-inner .row {
		margin: 0 -10px;
	}

	.how-it_blk-inner .row .col-md-4 {
		padding: 0 10px;
	}

	.home_image-blocks .image {
		min-height: 400px;
	}

	.image-over-text {
		padding: 0 30px;
	}
}

@media (max-width: 992px) {
	.banner-left {
		padding: 20px 0 0 0;
	}

	.banner-slider .slick-arrow {
		display: none;
	}

	.home_image_main.dark-text .image-over-text h2,
	.home_image_main.dark-text .image-over-text p {
		color: #fff;
	}

	.home_image-blocks .image img {
		display: block;
	}

	.home_image-blocks {
		border-radius: 4px;
		overflow: hidden;
		background-color: #211c19;
	}

	.image-over-text {
		position: relative;
		padding: 28px 20px 32px;
		top: auto;
		width: 100%;
		max-width: 100%;
		transform: none;
	}

	.image-over-text h2 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		color: #ffffff;
		font-size: 24px;
		padding: 0 0 12px;
	}

	.image-over-text .more_links a {
		padding: 0 10px;
		;min-width: 146px;
		text-align: center;
		letter-spacing: 0.5px;
	}
}

@media (max-width: 767px) {
	.banner-blocks .banner-image {
		display: none;
	}

	.banner-blocks {
		padding: 0 20px;
	}

	.banner-left {
		padding: 40px 0 48px;
		width: 100%;
	}

	.banner-left h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		color: #fff;
		font-size: 24px;
	}

	.banner-popular {
		padding: 32px 0 0 0;
		flex-direction: column;
	}

	.banner-popular span {
		padding: 0px;
	}

	.banner-popular ul li {
		padding: 8px 8px 0 0;
	}

	.home_workshop-outer {
		position: relative;
		z-index: 2;
		padding: 64px 0;
	}

	.Populaire-slider-mobile_main:before,
	.Populaire-slider-mobile_main:after {
		z-index: 10;
		position: absolute;
		width: 20px;
		left: 0px;
		bottom: -5px;
		z-index: 10;
		background: #323232;
		content: '';
		height: 20px;
	}

	.Populaire-slider-mobile_main:after {
		left: auto;
		right: 0px;
	}

	.catogory_slider-mobile-main:before,
	.catogory_slider-mobile-main:after {
		z-index: 10;
		position: absolute;
		width: 20px;
		left: 0px;
		bottom: -5px;
		z-index: 10;
		background: #fff;
		content: '';
		height: 20px;
	}

	.catogory_slider-mobile-main:after {
		left: auto;
		right: 0px;
	}

	.providers-slider-mobile-main:before,
	.providers-slider-mobile-main:after {
		z-index: 10;
		position: absolute;
		width: 20px;
		left: 0px;
		bottom: -5px;
		z-index: 10;
		background: #f2f2f2;
		content: '';
		height: 20px;
	}

	.providers-slider-mobile-main:after {
		left: auto;
		right: 0px;
	}

	.Populaire-slider-mobile {
		display: block;
	}

	.Populaire-slider-mobile {
		width: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 0 15px 0;
		padding: 0 0 25px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 0PX;
		padding-left: 20px;
		position: relative;
		z-index: 2;
	}

	.home_how-it-work {
		padding: 56px 0 64px 0;
	}

	.how-it-title h2 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #fff;
		font-size: 24px;
	}

	.how-it-title p {
		padding: 8px 0 0 0;
	}

	.how-it_blk {
		padding: 0px;
	}

	.how-it_blk-inner .row .col-md-4:first-child .how-it-box .icon .cercle-bar img {
		width: 30px;
	}

	.how-it_blk-inner .row .col-md-4:nth-child(2) .how-it-box .icon .cercle-bar img {
		width: 34px;
	}

	.how-it_blk-inner .row .col-md-4:nth-child(3) .how-it-box .icon .cercle-bar img {
		width: 38px;
	}

	.how-it_blk-inner .row .col-md-4:first-child .how-it-box {
		padding-top: 40px;
	}

	.how-it-box .icon .cercle-bar {
		height: 80px;
		min-width: 80px;
		width: 80px;
	}

	.how-it-box h4 {
		padding: 14px 0 6px 0;
		line-height: 1.33;
		letter-spacing: 0.22px;
		text-align: center;
		color: #fff;
		font-size: 18px;
	}

	.how-it-box {
		padding: 48px 0 0 0;
	}

	.home_image_main.dark-text .image-over-text .more_links a {
		padding: 0 16px;
	}

	.home_image-blocks .image img {
		display: block;
	}

	.image-over-text .more_links a {
		padding: 0 10px;
		;min-width: 146px;
		text-align: center;
		letter-spacing: 0.5px;
	}

	.review-box .review_top .title h5 {
		line-height: 1.43;
		letter-spacing: 0.47px;
		color: #fff;
		font-size: 14px;
	}

	.review-box .review_top .rate {
		flex-direction: row-reverse;
	}

	.review-box .review_top .rate img {
		display: inline-block;
		vertical-align: top;
		width: 16px;
	}

	.review-box .review_top .rate span {
		padding: 0 0 0 4px;
		line-height: 1.43;
		letter-spacing: 0.47px;
		color: #fff;
		font-size: 14px;
	}

	.review-box .review-box_inner .text p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		color: #fff;
		font-size: 15px;
	}

	.review-box .review-box_inner .name i {
		margin: 0 10px 0 0;
	}

	.review-box .review-box_inner .name i img {
		width: 32px;
		height: 32px;
	}

	.review-box .review-box_inner .name {
		font-size: 14px;
		line-height: 1.57;
		letter-spacing: 0.22px;
		color: #949494;
	}

	.review_slider-mobile-main:before,
	.review_slider-mobile-main:after {
		z-index: 10;
		position: absolute;
		width: 20px;
		left: 0px;
		bottom: -5px;
		z-index: 10;
		background: #303030;
		content: '';
		height: 20px;
	}

	.review_slider-mobile-main:after {
		left: auto;
		right: 0px;
	}

	.references_slider-mobile-main:before,
	.references_slider-mobile-main:after {
		z-index: 10;
		position: absolute;
		width: 20px;
		left: 0px;
		bottom: -5px;
		z-index: 10;
		background: #272727;
		content: '';
		height: 20px;
	}

	.references_slider-mobile-main:after {
		left: auto;
		right: 0px;
	}
}

@media (min-width: 992px) and (max-width: 1230px) {
	.news-box .image {
		min-height: 200px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.news-box .image {
		min-height: 144px;
	}
}

@media (max-width: 767px) {
	.title-bar h2 {
		font-size: 24px;
		line-height: 1.33;
		letter-spacing: 0.3px;
		color: #fff;
	}

	.title-bar .all_btn {
		display: none;
	}

	.news-box p {
		line-height: 1.5;
		letter-spacing: 0.2px;
		color: #fff;
		padding: 12px 0 0 0;
		font-size: 16px;
	}

	.home-news:before,
	.home-news:after {
		z-index: 10;
		position: absolute;
		width: 20px;
		left: 0px;
		bottom: -5px;
		z-index: 10;
		background: #323232;
		content: '';
		height: 20px;
	}

	.home-news:after {
		left: auto;
		right: 0px;
	}

	.review-row .review-row-top .rating i img {
		margin: 0px;
		display: inline-block;
		vertical-align: top;
		width: 16px;
	}

	.review-row .review-row-top .rating span {
		padding: 0 0 0 4px;
		line-height: 1.43;
		letter-spacing: 0.47px;
		color: #1c1c1c;
		font-size: 14px;
	}

	.reletd-workshop:before,
	.reletd-workshop:after {
		z-index: 10;
		position: absolute;
		width: 20px;
		left: -20px;
		bottom: -5px;
		z-index: 10;
		background: #272727;
		content: '';
		height: 20px;
	}

	.reletd-workshop:after {
		left: auto;
		right: -20px;
	}
}

@media (max-width: 992px) {
	.home_image-blocks .image {
		min-height: 0px;
	}
}

@media (max-width: 767px) {
	.home_image-blocks .image {
		min-height: 0px;
	}

	.image-over-text h2 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		color: #ffffff;
		font-size: 24px;
		padding: 0 0 12px;
	}

	.news-box .image {
		min-height: 184px;
	}
}

/* ==========================================================================
   7. Shop / category pages: filters, sorting, product cards
   ========================================================================== */

@media (min-width: 992px) and (max-width: 1230px) {
	.shop-page-outer .container > .row > .col-lg-3 {
		-ms-flex: 0 0 31%;
		flex: 0 0 31%;
		max-width: 31%;
	}

	.shop-page-outer .container > .row > .col-lg-9 {
		-ms-flex: 0 0 69%;
		flex: 0 0 69%;
		max-width: 69%;
	}

	.shop-listing-workshop .row .col-lg-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.shop-listing-workshop .row .col-md-12 {
		width: 50%;
		margin: 0 0 16px;
		max-width: 50%;
	}

	.shop-listing-workshop .row .col-md-12:nth-child(2) {
		max-width: 100%;
		width: 100%;
	}

	.shop-listing-workshop .Populaire-box {
		flex-wrap: nowrap;
		height: 100%;
		position: relative;
		padding: 16px;
		flex-direction: column;
	}

	.shop-listing-workshop .Populaire-box > .woocommerce-LoopProduct-link {
		width: 100%;
	}

	.shop-listing-workshop .Populaire-box > .Populaire-box-inner_main {
		min-height: calc(100% - 165px);
		position: static;
		flex-direction: column;
		padding: 20px 0 0 0;
		width: 100%;
	}

	.shop-listing-workshop .Populaire-box > .Populaire-box-inner_main > a {
		width: 100%;
	}

	.shop-listing-workshop .Populaire-box > .Populaire-box-inner_main > .w3_box_right {
		margin-top: auto;
		width: 100%;
		min-height: 0px;
		padding: 30px 0 0 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.shop-page-banner {
		padding: 48px 0;
	}

	.shop-page-banner .banner-form {
		width: 100%;
	}

	.shop-page-outer .container > .row > .col-lg-3 {
		display: none;
		-ms-flex: 0 0 31%;
		flex: 0 0 31%;
		max-width: 31%;
	}

	.shop-page-outer .container > .row > .col-lg-9 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.shop-page-outer .container > .row > .col-lg-3 {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0px;
		height: 100%;
		overflow: auto;
		background: #fff;
		background: #fff;
		z-index: 10000000;
		padding: 0;
		left: 0;
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.shop-page-outer .container > .row > .col-lg-3.active {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}

	.shop-page-outer .container > .row > .col-lg-3.show-mobile-filter {
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}

	.shop-page-outer .container > .row > .col-lg-3 {
		background: #272727;
	}

	.header-filter-mobile {
		display: flex;
	}

	.shop-left-colum {
		border: 0px;
		border-radius: 0px;
		padding: 0px;
		max-height: calc(100vh - 155px);
		overflow: auto;
	}

	.shop-sidebar-box + .shop-sidebar-box {
		border-top: #e1e1e1 solid 1px;
	}

	.shop-sidebar-box {
		padding: 17px 24px 17px 20px;
	}

	.shop-sidebar-box .block-title a {
		line-height: 1.47;
		letter-spacing: 0.26px;
		color: #111;
		font-size: 15px;
	}

	.shop-sidebar-box .block-title a {
		color: #FFF;
	}

	.shop-sidebar-box:last-child .side-check-list {
		padding-bottom: 12PX;
	}

	.more-fliter-show {
		padding: 8px 0 23px;
	}

	.footer-filter-mobile {
		display: block;
	}

	.mobile-filter {
		align-items: flex-start;
	}

	.shop-listing-workshop .row .col-lg-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.shop-listing-workshop .row .col-md-12 {
		width: 50%;
		margin: 0 0 16px;
		max-width: 50%;
	}

	.mobile-filter .shorting-btn .workshop-head {
		margin: 0px;
	}

	.shop-listing-workshop .row .col-md-12:nth-child(2) {
		max-width: 100%;
		width: 100%;
	}

	.shop-listing-workshop .Populaire-box {
		flex-wrap: nowrap;
		height: 100%;
		position: relative;
		padding: 16px;
		flex-direction: column;
	}

	.shop-listing-workshop .Populaire-box > .woocommerce-LoopProduct-link {
		width: 100%;
	}

	.shop-listing-workshop .Populaire-box > .Populaire-box-inner_main {
		min-height: calc(100% - 165px);
		position: static;
		flex-direction: column;
		padding: 20px 0 0 0;
		width: 100%;
	}

	.shop-listing-workshop .Populaire-box > .Populaire-box-inner_main > a {
		width: 100%;
	}

	.shop-listing-workshop .Populaire-box > .Populaire-box-inner_main > .w3_box_right {
		margin-top: auto;
		width: 100%;
		min-height: 0px;
		padding: 30px 0 0 0;
	}
}

@media (max-width: 992px) {
	.fliter-btn-new {
		display: flex;
	}

	.header-filter-mobile {
		background: #000;
	}

	.header-filter-mobile h3 {
		color: #fff;
	}

	.header-filter-mobile .filter-close a {
		background: url(../images/e-remove-filter-w.svg) no-repeat center center;
	}

	.clear-btn-new-mb {
		position: absolute;
		right: 17px;
		top: 50%;
		transform: translateY(-50%);
	}

	.clear-btn-new {
		display: none;
	}

	.shop-sidebar-box .block-title a br {
		display: none;
	}

	.sidebar-box-inner {
		max-height: 0px;
		overflow: hidden;
		display: inline-block;
		width: 100%;
		transition: all 0.5s ease-in-out;
	}

	.sidebar-box-inner.active {
		max-height: 5000px;
	}

	.footer-filter-mobile {
		background: #000;
	}

	.shop-right-colum {
		border: 0px;
	}

	.mobile-filter {
		display: flex;
	}

	.mobile-filter .shorting-btn .workshop-head {
		padding: 0px;
		display: block;
	}

	.mobile-filter .workshop-head .woocommerce-result-count,
	.mobile-filter .shop-order-right .sorteren-text {
		display: none;
	}

	.mobile-filter .shop-order-right {
		width: 100%;
	}

	.mobile-filter .shop-order-inner {
		width: 100%;
		border: 0px;
		background: none;
	}

	.mobile-filter .shop-order-inner form {
		width: 100%;
	}

	.mobile-filter .nice-select .option {
		font-size: 14px;
	}

	.mobile-filter .shorting-btn .nice-select {
		font-family: 'Roboto-Regular';
		letter-spacing: 0.44px;
		color: #323232;
		font-size: 14px;
	}

	.shop-listing-workshop {
		border: 0px;
		padding-top: 40px;
	}

	.shop-listing-workshop .workshop-head {
		display: none;
	}
}

@media (max-width: 767px) {
	.shop-page-banner {
		background-color: #eb6066;
	}

	.shop-page-banner .w_icon {
		display: none;
	}

	.shop-page-outer .container > .row > .col-lg-3 {
		display: none;
	}

	.shop-page-outer .container > .row > .col-lg-3.active {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}

	.shop-page-outer .container > .row > .col-lg-3.show-mobile-filter {
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}

	.shop-top-text h2 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #fff;
		font-size: 24px;
	}

	.shop-top-text h2 {
		padding: 0 0 15px;
	}

	.shop-sidebar-box + .shop-sidebar-box {
		border-top: #e1e1e1 solid 1px;
	}

	.shop-sidebar-box .block-title a {
		line-height: 1.47;
		letter-spacing: 0.26px;
		color: #111;
		font-size: 15px;
	}

	.shop-sidebar-box .block-title a {
		color: #FFF;
	}

	.shop-sidebar-box:last-child .side-check-list {
		padding-bottom: 12PX;
	}

	.shop-right-colum {
		border: 0px;
	}

	.mobile-filter {
		align-items: flex-start;
	}

	.shop-listing-workshop .row [class*="col-md-"] .Populaire-box:last-child {
		margin: 0px;
	}

	.shop-listing-workshop .Populaire-box .image > span {
		min-height: 0px;
	}

	.shop-listing-workshop .Populaire-box .image > span img {
		display: block;
		width: 100%;
		height: 194px;
	}

	.shop-listing-workshop .Populaire-box .Populaire-box-inner {
		padding: 16px 24px 32px 16px;
	}

	.shop-listing-workshop .Populaire-box > .Populaire-box-inner_main > a {
		width: 100%;
	}

	.shop-listing-workshop .Populaire-box .Populaire-box-inner {
		padding: 0px;
	}
}

@media (max-width: 992px) {
	.banner-form .frm-bar {
		flex-direction: column;
		background: none;
		border: 0px;
	}

	.banner-form .checkrow {
		padding: 0 0 18px;
	}

	.banner-form .frm-bar .input-box-3 {
		width: 100%;
		margin: 0px;
	}
}

@media (max-width: 767px) {
	.banner-form .frm-bar {
		flex-direction: column;
		background: none;
		border: 0px;
	}

	.banner-form .frm-bar .input-box-3 {
		width: 100%;
		margin: 0px;
	}

	.review-row .review-row-top .aut-box {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.Populaire-box > .Populaire-box-inner_main > .w3_box_right .heart {
		position: absolute;
		right: 26px;
		top: 26px;
	}
}

@media (max-width: 992px) {
	.banner-form .frm-bar .input-box .input-text {
		height: 48px;
		line-height: 48px;
		border-radius: 6px;
		border: solid 1px #cfcfcf;
		background-color: #ffffff;
		padding: 0 18px;
		letter-spacing: 0.94px;
		color: #313131;
		font-size: 15px;
	}

	.banner-form .frm-bar .input-box-2 .nice-select {
		height: 48px;
		line-height: 48px;
		border-radius: 6px;
		border: solid 1px #cfcfcf;
		background: none;
		background-color: #ffffff;
		padding: 0 18px;
		letter-spacing: 0.94px;
		color: #313131;
		font-size: 15px;
	}

	.banner-form .frm-bar .input-box-2.input-box-2_v2 {
		width: 100%;
		border: 0px;
	}
}

@media (max-width: 767px) {
	.banner-form .frm-bar .input-box .input-text {
		height: 48px;
		line-height: 48px;
		border-radius: 6px;
		border: solid 1px #cfcfcf;
		background-color: #ffffff;
		padding: 0 18px;
		letter-spacing: 0.94px;
		color: #313131;
		font-size: 15px;
	}

	.banner-form .frm-bar .input-box-2 .nice-select {
		height: 48px;
		line-height: 48px;
		border-radius: 6px;
		border: solid 1px #cfcfcf;
		background: none;
		background-color: #ffffff;
		padding: 0 18px;
		letter-spacing: 0.94px;
		color: #313131;
		font-size: 15px;
	}

	.home-news .row .col-md-4:last-child {
		padding-right: 20px;
		margin-right: 0px;
		min-width: 296px;
	}
}

/* --------------------------------------------------------------------------
   5. Popups: login, registration, forgot password (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.booking-form .book-row .input-text,
	.booking-form .book-row .nice-select {
		display: block;
		float: none;
		padding-left: 16px;
	}
}

/* --------------------------------------------------------------------------
   6. Home page (and Muzikant landing page) (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 992px) {
	.image-over-text .more_links {
		padding: 32px 0 0 0;
	}
}

@media (max-width: 767px) {
	.review_slider-mobile .review-box-main:last-child .review-box {
		margin-right: 0px;
	}

	.banner-form .checkrow {
		padding: 0 0 18px;
	}
}

/* --------------------------------------------------------------------------
   7. Shop / category pages: filters, sorting, product cards (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.shop-listing-workshop .row [class*="col-md-"] .Populaire-box {
		margin: 0px;
		width: 100%;
	}

	.shop-listing-workshop .row .col-md-12:nth-child(2) {
		max-width: 100%;
		width: 100%;
	}
}

/* ==========================================================================
   8. Single product (workshop) page: gallery, booking form, reviews
   ========================================================================== */

@media (min-width: 2000px) {
	body.single-product #ui-datepicker-div {
		max-width: 253.5px;
	}
}

@media (max-width: 1800px) {
	html.js {
		margin: 0px !important;
	}

	#wpadminbar {
		display: none !important;
	}
}

@media (min-width: 1231px) and (max-width: 1350px) {
	.workshop-modal .modal-dialog {
		max-width: 970px;
	}

	.workshop-modal .modal-dialog .modal-content {
		padding: 50px;
	}

	.workshop-modal button.close {
		right: 15px;
		top: 15px;
		height: 20px;
		width: 20px;
		background-size: 100% auto;
	}
}

@media (min-width: 992px) and (max-width: 1230px) {
	.woocommerce-page .gift-details-page div.product div.images {
		min-width: 449px;
		width: 489px;
	}

	.woocommerce .gift-details-page div.product div.summary {
		padding: 0 0 0 40px;
	}

	.gift-details-page .quantity .single_add_to_cart_button {
		width: 250px;
	}

	.workshop-modal .modal-dialog {
		max-width: 900px;
	}

	.workshop-modal .modal-dialog .modal-content {
		padding: 50px;
	}

	.workshop-modal button.close {
		right: 15px;
		top: 15px;
		height: 20px;
		width: 20px;
		background-size: 100% auto;
	}

	.workshop-detail-contain {
		flex-direction: column;
	}

	.workshop-detail_left {
		width: 100%;
		max-width: 100%;
	}

	.workshop-detail_right {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 40px 0 0 0;
		padding: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.woocommerce-page .gift-details-page div.product div.images {
		min-width: 100%;
		width: 100%;
	}

	.woocommerce .gift-details-page div.product div.summary {
		padding: 40px 0 0 0px;
	}

	.gift-details-page .quantity .single_add_to_cart_button {
		width: 250px;
	}

	.workshop-details-page.gift-details-page div.product {
		flex-direction: column;
	}

	.workshop-modal .modal-dialog {
		max-width: 650px;
	}

	.workshop-modal .modal-dialog .modal-content {
		padding: 50px;
	}

	.workshop-modal button.close {
		right: 15px;
		top: 15px;
		height: 20px;
		width: 20px;
		background-size: 100% auto;
	}

	.workshop-detail-contain {
		flex-direction: column;
	}

	.workshop-detail_left {
		width: 100%;
		max-width: 100%;
	}

	.workshop-detail_left .workshop-tab {
		display: block;
	}

	.workshop-detail_left {
		width: 100%;
		max-width: 100%;
	}

	.workshop-detail_right {
		display: none;
	}

	.workshop-detail_right {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 40px 0 0 0;
		padding: 0px;
	}
}

@media (max-width: 992px) {
	.workshop-tab {
		display: none;
	}
}

@media (max-width: 767px) {
	body.single-product #ui-datepicker-div {
		top: 158px !important;
		width: 100%;
		max-width: 335px;
	}

	.woocommerce-page .gift-details-page div.product div.images {
		min-width: 100%;
		width: 100%;
	}

	.woocommerce .gift-details-page div.product div.summary {
		padding: 24px 0 0 0px;
	}

	.gift-details-page .quantity .screen-reader-text {
		height: 33px;
	}

	.woo-variation-swatches.wvs-style-squared .gift-details-page .variable-items-wrapper .variable-item {
		margin: 0 8px 0 0;
		height: 48px;
		min-width: 76px;
		padding: 13px 13px;
	}

	.woo-variation-swatches.wvs-style-squared .gift-details-page .variable-items-wrapper .variable-item:last-child {
		margin-right: 0px;
	}

	.woocommerce .gift-details-page div.product div.summary h1 {
		display: none;
	}

	.gift-details-page .quantity .single_add_to_cart_button.active.loading {
		color: #15b796;
	}

	.workshop-details-page.gift-details-page div.product {
		flex-direction: column;
	}

	.workshop-details-page.gift-details-page div.product .mobile-title {
		display: block;
	}

	.workshop-details-page.gift-details-page div.product .mobile-title h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #fff;
		font-size: 24px;
		font-family: 'Montserrat-SemiBold';
		padding: 0 0 24px;
		display: block;
	}

	.workshop-detail_left .workshop-tab .nav-tabs .nav-link {
		padding: 0 8px 12px;
		line-height: 1.71;
		letter-spacing: 0.18px;
		font-size: 14px;
	}

	.workshop-detail_left .title-bar-top h1 {
		font-size: 24px;
		line-height: 1.33;
		letter-spacing: 0.3px;
		padding: 0 0 0px;
	}

	.workshop-detail_left .image-blk.desltop-blk {
		display: none;
	}

	.workshop-detail_left .title-bar-top .w3_title_top {
		align-items: flex-start;
		flex-direction: column-reverse;
	}

	.title-bar-top .title-bar-left .aut-img i a {
		height: 40px;
		width: 40px;
	}

	.title-bar-top .title-bar-right .wishlist-fragment {
		display: none;
	}

	.cls-socails-main .cls-socails ul:after {
		left: 61%;
	}

	.cls-socails-main .cls-socails ul:after {
		transform: rotate(45deg);
		width: 10px;
		height: 10px;
		left: auto;
		right: -4px;
		background: #CFCFCF;
		border: 0px;
		top: 10px;
		z-index: -1;
	}

	.image-blk.mobile-display .cls-socails-main {
		display: block;
	}

	.slide-img-mobile {
		min-height: 235px;
	}

	.icon-whislist a span {
		display: none;
	}

	.icon-whislist a i {
		margin: 0px;
	}

	.workshop-white_inner ul li {
		padding: 0 0 8px;
	}

	.workshop-white_inner ul li .text-1 i {
		top: 2px;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	.workshop-white_inner ul li .text-1 i img {
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	.workshop-white_inner ul li .text-1 {
		line-height: 1.47;
		letter-spacing: 0.47px;
		font-size: 15px;
	}

	.workshop-white_inner ul li .text-1 span {
		line-height: 1.47;
		letter-spacing: 0.47px;
		font-size: 15px;
		display: inline-block;
	}

	.workshop-white_inner ul li .text-2 {
		line-height: 22px;
		letter-spacing: 0.47px;
		text-align: right;
		font-size: 15px;
	}

	.workshop-white_inner ul li .text-1 i img {
		vertical-align: top;
	}

	.workshop-white_inner ul li:last-child .text-1 i img {
		width: 18px;
		position: relative;
		top: 2px;
	}

	.workshop-white_inner ul li .text-1 {
		padding-left: 0px;
	}

	.workshop-white_inner ul {
		padding-left: 0px;
	}

	.workshop-tab .nav-tabs .nav-item.show .nav-link,
	.workshop-tab .nav-tabs .nav-link.active {
		letter-spacing: 0.18px;
	}

	.tab_contain-main .tab-data h5 {
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: 0.25px;
		padding: 0 0 10px;
	}

	.tab_contain-main .tab-data .text .more-text-btn {
		padding: 24px 0 0 0;
	}

	.tab_contain-main .tab-data .text .text-inner:after {
		height: 44px;
		z-index: 10;
		position: absolute;
		left: -30px;
		right: -30px;
		content: '';
		bottom: 2px;
		z-index: 100;
		background: -moz-linear-gradient(top, rgba(39,39,39,0) 0%, rgba(39,39,39,0.81) 100%);
		background: -webkit-linear-gradient(top, rgba(39,39,39,0) 0%,rgba(39,39,39,0.81) 100%);
		background: linear-gradient(to bottom, rgba(39,39,39,0) 0%,rgba(39,39,39,0.81) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#cff2f2f2',GradientType=0 );
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}

	.tab_contain-main .tab-data .text .text-inner.hidecls:after {
		display: none;
	}

	.tab_contain-main .tab-data .text .text-inner.show-full-text {
		max-height: 5000px;
	}

	.tab_contain-main .tab-data .text .text-inner.show-full-text:after {
		opacity: 0;
	}

	.more-text-btn a .more-text {
		display: inline-block;
	}

	.more-text-btn a .more-text-2 {
		display: none;
	}

	.more-text-btn a.active {
		background: url(../images/e-add-less.svg) no-repeat left center;
	}

	.tab-vdi iframe {
		min-height: 0px;
	}

	.workshop-list-data h4 {
		line-height: 1.4;
		letter-spacing: 0.25px;
		font-size: 20px;
		padding: 0 0 16px;
	}

	.workshop-list-data ul li {
		margin: 0px;
		width: 100%;
		padding: 0 0 0 30px;
		line-height: 1.47;
		letter-spacing: 0.47px;
		background: url(../images/check.svg) no-repeat left center;
		font-size: 15px;
	}

	.workshop-list-data:last-child {
		border-bottom: 0px;
	}

	.workshop-list-data ul li + li {
		margin: 8px 0 0 0;
	}

	.workshop-loction-data h4 {
		line-height: 1.4;
		letter-spacing: 0.25px;
		font-size: 20px;
		padding: 0 0 12px;
	}
}

@media (max-width: 400px) {
	.slide-img-mobile {
		min-height: 210px;
	}
}

@media (max-width: 767px) {
	.Populaire-box.Populaire-box-shop .Populaire-box-inner .box_row .date {
		padding-top: 10px;
	}

	.woocommerce-pagination ul li span.current {
		border-radius: 2px;
		color: #fff;
		border: solid 2px #eb6066 !important;
		background: #eb6066;
		height: 36px;
		width: 36px;
		line-height: 1.47;
		letter-spacing: 0.54px;
		color: #fff;
		font-size: 15px;
		padding: 0px !important;
		font-family: 'Roboto-Bold';
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 1200px) {
	html.js {
		margin: 0px !important;
	}

	#wpadminbar {
		display: none !important;
	}
}

/* ==========================================================================
   9. Providers: overview + provider profile page
   ========================================================================== */

@media (min-width: 992px) and (max-width: 1230px) {
	.provider-white-box {
		width: 340px;
		min-width: 340px;
	}

	.provider-detail_right {
		width: 565px;
	}

	.Providers-page .Providers-lsiting .row .col-md-3 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.provider-detail-contain {
		flex-direction: column;
	}

	.provider-white-box {
		width: 100%;
		min-width: 100%;
	}

	.provider-detail_right {
		padding: 40px 0 0 0;
		width: 100%;
	}

	.reletd-workshop-in .row .col-md-3 {
		padding: 11px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.Providers-page .Providers-lsiting .row .col-md-3 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media (max-width: 767px) {
	.provider-details-page .reletd-workshop .row .col-md-3:last-child {
		padding-right: 30px;
		margin-right: 0px;
		min-width: 306px;
		width: 306px;
	}

	.provider-detail-contain {
		flex-direction: column;
	}

	.provider-detail_left .provider-white-box ul li {
		padding: 8px 0 0 0;
	}

	.provider-white-box .provider-box .name {
		padding: 20px 0 16px;
	}

	.provider-detail_right .review-row .aut-box-mb {
		font-size: 14px;
	}

	.provider-detail_top h4 {
		padding: 0 0 16px;
		line-height: 1.33;
		letter-spacing: 0.3px;
		color: #fff;
		font-size: 24px;
	}

	.provider-detail_top p {
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0.5px;
		color: rgba(255, 255, 255, 0.8);
	}

	.reletd-workshop-in:before,
	.reletd-workshop-in:after {
		z-index: 10;
		position: absolute;
		width: 20px;
		left: 0px;
		bottom: -5px;
		z-index: 10;
		background: #272727;
		content: '';
		height: 20px;
	}

	.reletd-workshop-in:after {
		left: auto;
		right: 0px;
	}

	.providers-slider-mobile .providers_box:last-child {
		margin-right: 0px;
		padding-right: 20px;
		min-width: 296px;
		width: 296px;
	}

	.reletd-workshop-in .row .col-md-3 {
		min-width: 276px;
		margin: 0 16px 0 0;
		padding: 0px;
	}

	.Providers-lsiting .row .col-md-3 {
		padding-top: 0px;
		padding-bottom: 24px;
	}

	.providers_outer-home .section-title h2 {
		text-align: left;
		line-height: 1.33;
		letter-spacing: 0.3px;
		color: #1c1c1c;
		font-size: 24px;
		padding: 0 0 12px;
	}

	.Providers-page .title-bar h2 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #1c1c1c;
		font-size: 24px;
		display: block;
		text-align: center;
	}

	.providers_outer-home .section-title p {
		padding: 0px;
		text-align: left;
		max-width: 100%;
		margin: 0px;
	}

	.providers_box .image {
		min-height: 185px;
	}

	.providers_box .image img {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.reletd-workshop .row .col-md-3 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 767px) {
	.reletd-workshop .row .col-md-3 {
		padding: 0 0px 0 0;
		margin: 0 16px 0 0;
		min-width: 276px;
	}
}

/* --------------------------------------------------------------------------
   5. Popups: login, registration, forgot password (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.sidebar-main .sidebar-main-title h2 {
		line-height: 1.6;
		letter-spacing: 0.26px;
		color: #0f0f0f;
		font-size: 15px;
	}

	.sidebar-register .top-text p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		color: #555555;
		font-size: 15px;
	}
}

/* --------------------------------------------------------------------------
   8. Single product (workshop) page: gallery, booking form, reviews (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.gift-details-page .quantity .single_add_to_cart_button {
		width: 188px;
		margin: 0 0 0 10px;
	}

	.workshop-detail_left .title-bar-top .w3_title_top {
		padding: 0 0 16px;
	}

	.workshop-detail_left .workshop-tab .nav-tabs {
		padding: 48px 0 0 0;
	}

	.cls-socails-main:hover .cls-socails {
		left: -80px;
		margin: 0px;
	}

	.cls-socails-main:hover .cls-socails {
		left: auto;
	}

	.workshop-tab .nav-tabs .nav-item {
		padding: 0px;
	}

	.workshop-modal .modal-dialog .modal-content {
		padding: 30px;
	}
}

/* --------------------------------------------------------------------------
   9. Providers: overview + provider profile page (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.provider-details-page .reletd-workshop .row {
		padding-left: 20PX;
		left: 0px;
		width: calc(100% + 10px);
	}

	.provider-detail_right .review-row .review-row-top {
		padding: 17px 20px 12px 16px;
	}

	.providers-slider-mobile .providers_box .name {
		padding: 21PX 15PX;
		MIN-height: 96px;
	}
}

/* ==========================================================================
   11. Cart, checkout & order pages
   ========================================================================== */

@media (min-width: 992px) and (max-width: 1230px) {
	.checkout-form .checkout-left {
		min-width: 482px;
		width: 482px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	body.woocommerce-view-order .checkout-top-text {
		padding: 0 0 32px;
	}

	.checkout-form .checkout-left {
		min-width: 100%;
		width: 100%;
	}

	.checkout-right {
		margin: 40px 0 0 0;
		padding: 0px;
		width: 100%;
		max-width: 100%;
	}

	.cart-img-box .img-in span {
		width: 92px;
		height: 40px;
	}

	body.woocommerce-view-order .checkout-cart-inner table tfoot tr.cart-subtotal .total_cls .vat-text {
		text-align: center;
	}
}

@media (max-width: 767px) {
	.checkout-top-text h2 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		padding: 0 0 16px;
		font-size: 24px;
	}

	.checkout-form .checkout-left .form-row.half-input-left {
		float: none;
		width: 100%;
		padding: 0 0 12px 0px;
	}

	.checkout-form .checkout-left .form-row.half-input-right {
		float: none;
		width: 100%;
		padding: 0 0 12px 0px;
	}

	.checkout-form .checkout-left .form-row.create-account {
		padding-bottom: 0px;
	}

	.checkout-form .checkout-left .form-row#billing_country_field label.screen-reader-text {
		left: 16px;
	}

	.checkout-form .checkout-left h4 {
		padding: 0 0 16px;
	}

	.checkout-form .checkout-left h4.checksecondtit {
		padding: 40px 0 16px;
		margin: 28px 0 0 0;
	}

	.checkout-form .checkout-left .login-hide-inner .form-row.submit-row .woocommerce-button {
		height: 48px;
		line-height: 48px;
		min-width: 120px;
	}

	.login_wrap .checkout-login-toggle .woocommerce-info a {
		padding: 4px 0 0 0;
		line-height: 1.5;
		letter-spacing: 0.5px;
		color: #323232;
		font-size: 16px;
		font-family: 'SourceSansPro-SemiBold';
		display: block;
	}

	.login_wrap + .woocommerce-form-coupon-toggle + .couponcode_form {
		margin-top: -24px;
	}

	.checkout-right .note i {
		left: 50%;
		top: 40px;
		margin: 0 0 0 -8px;
	}

	.checkout-right-inner h3 {
		min-height: 40px;
	}

	.woocommerce-form-coupon-toggle .woocommerce-info a {
		padding: 4px 0 0 0;
		line-height: 1.5;
		letter-spacing: 0.5px;
		color: #323232;
		font-size: 16px;
		font-family: 'SourceSansPro-SemiBold';
		display: block;
	}

	.woocommerce-checkout-payment label span {
		line-height: 1.38;
		letter-spacing: 0.36px;
		color: #646464;
		font-size: 13px;
	}

	.woocommerce-checkout-payment .form-row.place-order button {
		height: 54px;
		line-height: 54px;
	}

	.thankyou-page-checkout .thankyou-contain i img {
		width: 36px;
	}

	.thankyou-contain h2 {
		padding: 20px 0 16px 0;
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		font-size: 24px;
	}

	.thankyou-contain .button-set a {
		width: 182px;
		height: 44px;
		line-height: 44px;
	}

	.cart-img-box .img-data h4 {
		line-height: 1.5;
		letter-spacing: 0.57px;
		font-size: 16px;
		padding: 0 0 6px;
	}
}

/* ==========================================================================
   12. My Account: navigation, dashboard, forms, quote requests, chat
   ========================================================================== */

@media (min-width: 1400px) and (max-width: 1600px) {
	body.woocommerce-view-order .order-details-page-1 .checkout-cart-inner .second-table table thead.second_row tr th:first-child {
		min-width: 400px;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody tr.cart_item td.product-thumb {
		min-width: 400px;
	}

	.checkout-cart-inner table tbody tr.cart_item td.product-thumb {
		min-width: 400px;
	}
}

@media (min-width: 1200px) and (max-width: 1420px) {
	.myaccount-right {
		padding-left: 40px;
		padding-right: 40px;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody tr.cart_item td.product-thumb,
	body.woocommerce-view-order .order-details-page-1 .checkout-cart-inner .second-table table thead.second_row tr th:first-child {
		min-width: 345px;
	}

	.checkout-cart-inner table tbody tr.cart_item td.product-thumb {
		min-width: auto;
	}

	.checkout-cart-inner table tbody tr.cart_item td.product-thumb {
		min-width: auto;
	}
}

@media (min-width: 1200px) and (max-width: 1439px) {
	.download-listing-new {
		padding: 0 0PX 64PX 20px;
	}

	.download-listing-new .download-box-new {
		width: 362px;
		margin: 0 20px 0 0px;
	}

	.download-box-new .img {
		min-height: 203px;
	}
}

@media (min-width: 992px) and (max-width: 1230px) {
	.myaccount-right {
		padding-left: 40px;
		padding-right: 40px;
	}

	body.woocommerce-view-order .order-details-page-1 .checkout-cart-inner .second-table table thead.second_row tr th:first-child {
		min-width: 300px;
	}

	body.woocommerce-view-order .order-details-page-1 .checkout-cart-inner .second-table table thead.second_row tr th:nth-child(3),
	body.woocommerce-view-order .order-details-page-1 .checkout-cart-inner .second-table table thead.second_row tr td:nth-child(3) {
		min-width: 200px;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody tr.cart_item td.product-thumb {
		min-width: 350px;
	}

	.checkout-cart-inner table tbody tr.cart_item td.product-thumb {
		min-width: auto;
	}

	.download-listing-new {
		padding: 0 0PX 64PX 20px;
	}

	.download-listing-new .download-box-new {
		width: 362px;
		margin: 0 20px 0 0px;
	}

	.download-box-new .img {
		min-height: 203px;
	}
}

@media (max-width: 1200px) {
	.woocommerce-account .wocommerece-page .woocommerce-MyAccount-navigation {
		border-radius: 4px 4px;
		border: solid 1px #d0d0d0;
		background-color: #ffffff;
	}

	.woocommerce-account .wocommerece-page .woocommerce-MyAccount-navigation ul {
		display: none;
	}

	.woocommerce-account .wocommerece-page .woocommerce-MyAccount-navigation ul li {
		padding: 0px;
	}

	.woocommerce-account .wocommerece-page .woocommerce-MyAccount-navigation ul li a {
		font-size: 15px;
		color: #111 !important;
		border-radius: 0px;
	}

	.woocommerce-account .wocommerece-page .woocommerce-MyAccount-navigation ul li a i {
		display: none;
	}

	.woocommerce-account .wocommerece-page .woocommerce-MyAccount-navigation ul li a:after {
		display: none;
	}

	.myaccount-right {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}

	.workshops-inner {
		padding: 55px 32px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	body.woocommerce-view-order .order-details-page-1 .checkout-cart-inner table tbody tr.cart_item td:first-child {
		padding-top: 24px;
	}

	.checkout-cart-inner table tbody tr.cart_item td.product-thumb {
		min-width: auto;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody tr.cart_item td {
		padding: 0px;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody tr.cart_item + tr.cart_item td {
		border-top: #d2d2d2 solid 1px;
	}

	.download-listing-new {
		padding: 0 0PX 64PX 20px;
	}

	.download-listing-new .download-box-new {
		width: 308px;
		margin: 0 20px 0 0px;
	}

	.download-box-new .img {
		min-height: 172px;
	}

	.addworkshop-inner.addartiesten-inner .register-form-top,
	.addworkshop-inner.addartiesten-inner .register-form-bottom {
		padding-right: 0px;
	}

	.order-page .quote-order-list-2 ul.list {
		padding: 8px 20px 36px;
	}

	.quote-order-list-2 ul.order-head {
		padding: 0 20px;
	}

	.quote-order-list-2 ul.list {
		padding: 0 20px;
	}

	.custom-table ul.details-row li .title-in-1 .btn-data {
		max-width: 200px;
	}

	.duur-blocks-form {
		max-width: 450px;
	}
}

@media (max-width: 992px) {
	.order-details-page-1 .checkout-cart-inner table tfoot tr.cart-subtotal .total_cls .sub-text {
		min-width: 0px !important;
		padding: 17px 20px 16px 20px !important;
	}

	#chat_area .input-group {
		padding: 16px 14px;
	}

	#chat_msg_area {
		height: 500px;
		min-height: 500px;
	}
}

@media (max-width: 767px) {
	.deshbord_content-new .step-title-deshbord {
		font-size: 16px;
		line-height: 1.5;
	}

	.step-list-deshboard .hire-links span.count {
		font-size: 15px;
	}

	.deshbord_content h2 {
		font-size: 24px;
		line-height: 1.33;
		letter-spacing: 0.3px;
		color: #1c1c1c;
	}

	.workshops-inner .workshop-title-overview h2 {
		padding: 0 0 24px;
	}

	.workshops-order-list ul.order-head {
		display: none;
	}

	.workshops-order-list ul.list li {
		flex-direction: column;
	}

	.workshops-order-list ul.list li .text-1,
	.workshops-order-list ul.list li .text-2,
	.workshops-order-list ul.list li .text-3,
	.workshops-order-list ul.list li .text-4,
	.workshops-order-list ul.list li .text-5 {
		width: 100%;
		padding: 8px 0 8px 0;
		align-items: center;
		justify-content: space-between;
	}

	.workshops-order-list ul.list li .text-4.orader-details-btn {
		justify-content: flex-end;
	}

	.workshops-order-list ul.list li .order-title a {
		color: #1C1C1C;
		font-size: 14PX;
	}

	.workshops-order-list .request-body-blk ul.list li .text-3.mobile-desplay {
		display: block;
		padding: 0px;
	}

	.workshops-order-list ul.list li .text-1 .mobile-blocks-show li span {
		display: inline-block;
		min-width: 140px;
		text-align: left;
		line-height: 1.57;
		letter-spacing: 0.22px;
		font-weight: normal;
		color: #767676;
		font-family: 'Roboto-Regular';
		font-size: 14px;
	}

	.workshops-order-list ul.list li .text-1 .mobile-blocks-show li strong span {
		min-width: 0px;
	}

	.workshops-order-list ul.list li:last-child {
		border: 0px;
	}

	.workshops-order-list ul.list li .text-1 .mobile-blocks-show li span {
		width: 140px;
	}

	.workshops-order-list ul.list li .text-1 .mobile-blocks-show li strong {
		width: calc(100% - 140px);
	}

	.workshops-order-list ul.list li .text-1 .mobile-blocks-show li strong span {
		width: auto;
	}

	.artiesten_list_box input[type="radio"] + label {
		padding-left: 30px;
	}

	#ui-datepicker-div {
		width: 100%;
		max-width: 335px;
	}

	.order-details-page-1 .checkout-cart-inner table tfoot tr.cart-subtotal .total_cls .sub-text {
		min-height: 52px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.workshops-order-list ul.list li .text-1 .mobile-blocks-show li .quantity {
		display: flex;
		width: calc(100% - 140px);
	}

	.order-details-page-1 .checkout-cart {
		border: 0px;
	}

	.order-details-page-1 .checkout-cart-inner table tbody tr.cart_item td:first-child {
		padding-left: 24px;
	}

	.order-details-page-1 .checkout-cart-inner table tfoot tr.cart-subtotal .total_cls .sub-text {
		padding: 0 15px;
	}

	.order-details-page-1 .checkout-cart-inner .second-table table tbody.second_body tr td:first-child {
		padding-left: 0px;
	}

	body.woocommerce-view-order .order-details-page-1 .checkout-cart-inner table tfoot tr.cart-subtotal .total_cls .sub-text {
		padding: 14px 40px 14px 40px;
	}

	.myaccount-right-inner .checkout-cart-inner table tbody tr.cart_item td.product-thumb .cart-img-box .img-data {
		padding-top: 0px;
	}

	.checkout-cart-inner table tbody tr.cart_item td {
		padding: 0px;
	}

	.checkout-cart-inner table tbody tr.cart_item + tr.cart_item td {
		border-top: #d2d2d2 solid 1px;
	}

	.Customer-details-innerbox ul li .text-2 {
		max-width: calc(100% - 70px);
		word-wrap: break-word;
		text-align: right;
	}

	.workshops-order-list ul.list li {
		padding: 16PX 0;
		text-align: right;
	}

	.Customer-details-innerbox ul li {
		justify-content: space-between;
	}

	.Customer-details-innerbox ul li .text-1 {
		width: 155px;
	}

	.company-data-list ul li .text-1 {
		width: 110px;
		min-width: 110px;
	}

	#chat_area .input-group .chat_btn_row {
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	#chat_area .input-group .chat_btn_row .chat_btn {
		margin: 16px 0 0 0;
	}

	body.w3-chat-section .workshops-order-list ul.list li .text-1 .mobile-blocks-show li,
	.custome_detail_new_w3n ul li strong {
		text-align: left;
		line-height: 1.57;
		letter-spacing: 0.22px;
		font-weight: normal;
		color: #767676;
		font-family: 'Roboto-Regular';
		font-size: 14px;
	}

	#chat_msg_area {
		height: 350px;
		min-height: 350px;
	}

	.download-box-new .img {
		min-height: 0px;
	}

	.download-box-new .img img {
		display: block;
	}

	.addworkshop-inner .register-form .submit-btn.submit-btn-edit input[type=submit].update-btn {
		margin: 26px 0 0 0;
	}

	.addworkshop-inner .register-form .input-row.checkbox-main.categorieen,
	.addworkshop-inner .register-form .input-row.checkbox-main.gelegenheden {
		margin-bottom: 0px;
	}

	.addworkshop-inner .register-form .input-row > label.mobile-hide {
		display: none;
	}

	.addworkshop-inner .register-form .input-row.checkbox-main .check-row .make_primary_cat,
	.register-form .input-row.checkbox-main .check-row .make_primary_geleg {
		margin-right: 0px;
	}

	.addworkshop-inner .register-form .submit-btn .loadingicon {
		margin: 48px 0 0 0;
	}

	.addworkshop-inner .register-form .step_form_4 .input-row.small .tab-content {
		max-width: 100%;
		width: 100%;
	}

	.addworkshop-inner .register-form .submit-btn input[type=submit] {
		padding: 0 24px;
	}

	.addworkshop-inner .register-form .step_form_4 .input-row.small.multi_select_3 .select-small-main {
		border: 0px;
		flex-direction: column;
	}

	.register-form #addworkshop .step_form_0 .grp_lista_main {
		padding: 0 16px 16px;
	}

	.stap_form_admin .title h4 {
		font-size: 22px;
	}

	.register-form .input-row.checkbox-main .check-row label span.wpcf7-list-item-label {
		line-height: 1.54;
		letter-spacing: 0.36px;
		color: #646464;
		font-size: 13px;
	}

	.register-form .input-row.checkbox-main .check-row {
		padding: 12px 0 0 0;
	}

	.register-form .input-row.checkbox-main.no-border-div {
		padding: 12px 0 4px 0;
	}

	.addworkshop-inner .register-form .input-row.inbegrepen-blk {
		padding: 32px 0 0 0;
	}

	.addworkshop-inner .register-form .input-row.textarea-input {
		padding: 0 0 36px;
	}

	.step_form_1.stap_form_admin .nav-tabs .nav-link {
		min-width: auto;
		padding: 0 16px;
		width: 100%;
	}

	.book-row.quantity {
		padding: 0;
		margin: 0px;
		border: 0px;
	}

	.book-row.quantity .book-input {
		padding: 4px 0 0 0;
	}

	.col-md-12.hide-blocks .indoor-check-blk .book-row .b-title {
		padding: 0 0 10px;
	}

	.book-row.checkbox-main .c-check label span {
		line-height: 1.54;
		letter-spacing: 0.36px;
		color: #646464;
		font-size: 13px;
	}

	.workshops-order-list ul.list li .title-in-1-mb {
		text-transform: uppercase;
		float: left;
		text-align: left;
		display: inline-block;
		width: 120px;
		line-height: 1.57;
		font-family: 'Roboto-Medium';
		letter-spacing: 0.22px;
		font-weight: normal;
		color: #767676;
		font-size: 13px;
	}

	.workshops-order-list ul.list li .text-2 {
		color: #1C1C1C;
		font-size: 14PX;
	}

	.f_check label span.wpcf7-list-item-label {
		padding: 0 0 0 32px;
	}

	.f_check label span.wpcf7-list-item-label:before,
	.f_check label input:checked + span.wpcf7-list-item-label:after {
		width: 20px;
		height: 20px;
		top: 0px;
	}

	.time_tabs .tofromhours {
		flex-direction: column;
	}

	.addworkshop-details-top-inner .row-in .text-1 {
		min-width: 144px;
		width: 144px;
		font-size: 12px;
	}

	.addworkshop-details-top-inner .row-in .text-2 {
		font-size: 13px;
	}

	.step-list-deshboard .hire-links .sub-text {
		font-size: 15px;
	}

	.addworkshop-details-top-inner .row-in {
		justify-content: space-between;
	}

	.addworkshop-details-top-inner .row-in .text-2 {
		text-align: right;
	}

	.customer-order-page .quote-order-list-2 ul.list .text-7 {
		width: 100%;
	}

	.order-page .quote-order-list-2 ul.list li .text-5 a {
		margin: 0 8px 0 0px;
		width: auto;
		min-width: auto;
	}

	.order-page .quote-order-list-2 ul.list li .text-7 {
		min-width: 100%;
		justify-content: flex-end;
		width: 100%;
		text-align: right;
		display: flex;
		padding: 8px 0;
	}

	.customer-order-page .quote-order-list-2 ul.list li .text-7 {
		padding: 8px 0;
		display: block;
		width: 100%;
		text-align: right;
	}

	.order-page .quote-order-list-2 ul.list li .text-5 a + a {
		margin: 4px 0px 4px 8px;
	}

	.order-page .quote-order-list-2 ul.list li .text-5 a {
		margin: 4px 0px 4px 8px;
		width: auto;
		min-width: auto;
	}

	.order-page .quote-order-list-2 ul.list li {
		flex-direction: column;
	}

	.order-page .quote-order-list-2 ul.list li .text-6.orader-stutus-2 .stutus {
		text-align: right;
	}

	.order-page .quote-order-list-2 ul.list {
		padding: 8px 24px 12px;
	}

	.customer-order-page .quote-order-list-2 ul.list {
		padding: 8px 24px 20px;
	}

	.order-page .quote-order-list-2 ul.list li {
		padding: 16px 0;
	}

	.order-page .quote-order-list-2 ul.list li .title-in-1-mb {
		position: relative;
		top: 2px;
	}

	.quote-order-list-2 ul.order-head {
		display: none;
	}

	.quote-order-list-2 ul.list li .text-1,
	.quote-order-list-2 ul.list li .text-2,
	.quote-order-list-2 ul.list li .text-3,
	.quote-order-list-2 ul.list li .text-4,
	.quote-order-list-2 ul.list li .text-5,
	.quote-order-list-2 ul.list li .text-6 {
		min-width: 100%;
		width: 100%;
		width: 100%;
	}

	.quote-order-list-2 ul.list li .title-in-1-mb {
		display: block;
		text-transform: uppercase;
		float: left;
		text-align: left;
		display: inline-block;
		width: 120px;
		line-height: 1.57;
		letter-spacing: 0.22px;
		font-weight: normal;
		color: #767676;
		font-family: 'Roboto-Medium';
		font-size: 13px;
	}

	.quote-order-list-2 ul.list {
		padding: 8px 20px 12px;
	}

	.quote-order-list-2 ul.list li {
		flex-direction: column;
		padding: 16px 0;
	}

	.quote-order-list-2 ul.list li .text-1,
	.quote-order-list-2 ul.list li .text-2,
	.quote-order-list-2 ul.list li .text-3,
	.quote-order-list-2 ul.list li .text-4,
	.quote-order-list-2 ul.list li .text-5,
	.quote-order-list-2 ul.list li .text-6 {
		padding: 8px 0;
		display: block;
		width: 100%;
		text-align: right;
	}

	.shop-order-inner form .nice-select .list {
		min-width: 196px;
		right: 0;
		left: auto;
	}

	.my-account-aanvragen-details .workshops-order-list.quote-order-list .duur-blocks {
		margin: 0px;
	}

	.request-form-details .request-body-blk .quantity .book-input button {
		background-size: 11px auto;
		height: 28px;
		width: 28px;
	}

	.request-form-details .request-body-blk .quantity .book-input .input-qty {
		height: 28px;
	}

	.request-form-details .request-body-blk .quantity .book-input .input-qty {
		line-height: 28px;
	}

	.custome_detail_new_w3n ul li span {
		min-width: 170px;
	}

	.custom-table ul.details-row li .title-in-1 .btn-data .mobile-blocks-show {
		display: block;
	}

	.custom-table ul.details-row li .title-in-2,
	.custom-table ul.details-row li .title-in-3,
	.custom-table ul.details-row li .title-in-4 {
		display: none;
	}

	.custom-table ul.detail {
		padding: 0px;
	}

	.custom-table ul.details-row li {
		padding: 32px 0 0 0px;
	}

	.custom-table ul.details-row li .title-in-1 .btn-data {
		max-width: 100%;
	}

	.custom-table ul.details-row li .title-in-1 .mobile-blocks-show li span {
		display: inline-block;
		min-width: 140px;
		text-align: left;
		line-height: 1.57;
		letter-spacing: 0.22px;
		font-weight: normal;
		color: #767676;
		font-family: 'Roboto-Regular';
		font-size: 14px;
	}

	.custom-table ul.details-row li .title-in-1 .mobile-blocks-show li strong {
		display: inline-block;
		text-align: left;
		line-height: 1.57;
		letter-spacing: 0.22px;
		font-weight: normal;
		color: #767676;
		font-family: 'Roboto-Regular';
		font-size: 14px;
	}

	.custom-table ul.details-row li .title-in-1 .mobile-blocks-show li strong span {
		min-width: 0px;
	}

	.btn-row-req button {
		height: 48px;
		line-height: 48px;
		padding: 0px;
	}

	.hide-input:after {
		top: -5px;
	}

	.inner-details-in .details-row {
		flex-direction: column;
	}

	.defult-page.change-password-page .register-form h1 {
		line-height: 1;
		letter-spacing: 0.25px;
		text-align: center;
		color: #1c1c1c;
		font-size: 20px;
	}

	.defult-page.change-password-page .register-form .input-row .input-text {
		padding: 13px 20px;
	}

	.addworkshop-inner .register-form .input-row.checkbox-main.type_check {
		padding: 32px 0 0 0;
	}

	.addworkshop-inner .register-form .check_grp_more .col-lg-4 .input-row,
	.addworkshop-inner .register-form .check_grp_more .col-md-6.input-row {
		padding: 8px;
	}

	.defult-page.change-password-page .register-form .input-row input[type=submit] {
		height: 48px;
		line-height: 48px;
		letter-spacing: 0.5px;
		color: #fff;
		font-size: 16px;
		margin: 8px 0 0 0px;
	}
}

@media (max-width: 1200px) {
	.woocommerce-account .wocommerece-page .woocommerce-MyAccount-navigation ul li.is-active {
		display: none;
	}
}

@media (max-width: 767px) {
	.workshops-order-list ul.list li .text-1 .mobile-blocks-show {
		display: block;
	}

	.order-page .quote-order-list-2 ul.list li .text-1,
	.order-page .quote-order-list-2 ul.list li .text-2,
	.order-page .quote-order-list-2 ul.list li .text-3,
	.order-page .quote-order-list-2 ul.list li .text-4,
	.order-page .quote-order-list-2 ul.list li .text-5,
	.order-page .quote-order-list-2 ul.list li .text-6 {
		min-width: 100%;
		width: 100%;
		text-align: right;
		display: block;
		padding: 8px 0;
	}

	.workshops-order-list .request-body-blk ul.list li .text-2,
	.workshops-order-list .request-body-blk ul.list li .text-3,
	.workshops-order-list .request-body-blk ul.list li .text-5 {
		display: none;
	}

	.workshops-order-list .request-body-blk ul.list li .text-1 {
		text-align: left;
	}

	.customer-order-page .quote-order-list-2 ul.list li .text-3 {
		width: 100%;
		display: block;
	}

	.order-page .quote-order-list-2 ul.list li .title-in-1-mb {
		display: block;
		text-transform: uppercase;
		float: left;
		text-align: left;
		display: inline-block;
		width: 120px;
		line-height: 1.57;
		letter-spacing: 0.22px;
		font-weight: normal;
		color: #767676;
		font-family: 'Roboto-Medium';
		font-size: 13px;
	}

	.quote-order-list.workshops-order-list ul.list li .text-1 {
		padding-top: 0px;
	}

	.custom-table ul.details-row li .title-in-1 .mobile-blocks-show {
		padding: 10px 0 0 0;
		display: block;
	}
}

@media (min-width: 240px) and (max-width: 567px) {
	.addworkshop-inner .register-form .submit-btn input[type=submit] {
		margin: 48px 0 0 0;
		width: 100%;
		height: 48px;
		line-height: 48px;
	}

	.addworkshop-inner .register-form .submit-btn {
		flex-direction: column;
	}

	.addworkshop-inner .register-form .submit-btn input[type=submit].update-btn {
		margin: 20px 0 0 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.side-check-list {
		padding: 2px 0 12px;
	}

	body.woocommerce-view-order .cart-img-box {
		padding: 32px 0 24px 0px;
		flex-direction: column;
	}

	body.woocommerce-view-order .checkout-cart {
		padding: 0px;
		border-top: #d2d2d2 solid 1px;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody.second_body tr td {
		border-top: #d2d2d2 solid 1px;
		padding: 24px 0 40px;
	}

	body.woocommerce-view-order .checkout-cart {
		border: 0px;
	}

	body.woocommerce-view-order .checkout-cart-inner table tbody.second_body tr td.first_td .mobile-blocks-show {
		padding: 10px 0 0 0;
	}
}

@media (max-width: 992px) {
	.banner-form .frm-bar .input-box-2 {
		border: 0px;
		padding: 0 0 12px;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.banner-form .frm-bar .input-box-2 {
		border: 0px;
		padding: 0 0 12px;
		width: 100%;
	}

	.cart-img-box .img-data ul.mobile-blocks-show {
		display: block;
	}

	.checkout-cart-inner table tbody.second_body tr td {
		border-top: #d2d2d2 solid 1px;
		padding: 24px 0 40px;
	}

	.checkout-cart-inner table tfoot tr.cart-subtotal .total_cls .sub-text {
		width: 100%;
		font-size: 17px;
		padding: 0px;
		text-align: center;
		letter-spacing: 1.06px;
		color: #15b796;
	}

	.form_stap ul li + li .step-box-form .icon:after {
		width: 28px;
	}
}

@media (max-width: 992px) {
	.banner-form .frm-bar .input-box {
		border: 0px;
		padding: 0 0 8px;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.banner-form .frm-bar .input-box {
		border: 0px;
		padding: 0 0 8px;
		width: 100%;
	}

	.Populaire-box .image > span > img {
		min-height: 0;
		height: auto;
		object-fit: cover;
		display: block;
		width: 100%;
		border-radius: 10px;
	}

	.shop-order-inner form .nice-select .option {
		color: #707070;
	}

	.woocommerce-pagination ul.page-numbers {
		padding: 40px 0 0 0;
		margin: 40px 0 0 0;
	}

	.home-news .row .col-md-4 {
		min-width: 276px;
		margin: 0 16px 0 0;
		padding: 0px;
	}
}

/* --------------------------------------------------------------------------
   5. Popups: login, registration, forgot password (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.booking-form .book-row.single-title {
		border-top: #d8d8d8 solid 1px;
		margin: 32px 0 0 0;
		padding: 32px 0 16px;
	}
}

/* --------------------------------------------------------------------------
   6. Home page (and Muzikant landing page) (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.home_image_main.dark-text .image-over-text h2,
	.home_image_main.dark-text .image-over-text p {
		color: #fff;
	}

	.review-box .review_top .door-text {
		padding: 1px 0 0 0;
	}

	.review-box .review-box_inner .text {
		padding: 0 0 20px;
		min-height: 0px;
	}

	.review_slider-mobile .review-box-main:last-child {
		padding: 0 20px 0 0;
	}

	.Populaire-slider-mobile_main .Populaire-box:last-child {
		margin-right: 0px;
		min-width: 296px;
		padding-right: 20px;
	}
}

/* --------------------------------------------------------------------------
   7. Shop / category pages: filters, sorting, product cards (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.shop-listing-workshop .row .col-md-12 {
		width: 100%;
		margin: 0 0 16px;
		max-width: 100%;
	}

	.mobile-filter .shorting-btn .workshop-head {
		margin: 0px;
	}

	.shop-listing-workshop .Populaire-box > .woocommerce-LoopProduct-link {
		width: 100%;
	}

	.shop-listing-workshop .Populaire-box > .Populaire-box-inner_main {
		min-height: 0;
		position: static;
		flex-direction: column;
		padding: 20px 0 0 0;
		width: 100%;
	}
}

/* --------------------------------------------------------------------------
   8. Single product (workshop) page: gallery, booking form, reviews (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.cls-socails-main .cls-socails ul {
		padding: 5px 0;
		;border: solid 1px rgba(153, 153, 153, 0.47);
	}

	.more-text-btn a.active .more-text {
		display: none;
	}

	.more-text-btn a.active .more-text-2 {
		display: inline-block;
	}
}

/* --------------------------------------------------------------------------
   11. Cart, checkout & order pages (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.login_wrap .checkout-login-toggle .woocommerce-info {
		font-family: 'SourceSansPro-Regular';
		padding: 16px 20px 19px 20px;
		border-radius: 4px;
		background-color: #ffffff;
	}

	.checkout-form .woocommerce-account-fields .create-account {
		padding: 24px 0 0 0;
	}

	.checkout-cart-inner table tfoot tr.cart-subtotal .total_cls .vat-text {
		text-align: center;
	}
}

/* --------------------------------------------------------------------------
   12. My Account: navigation, dashboard, forms, quote requests, chat (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.workshops-order-list ul.list li .text-1 .mobile-blocks-show li {
		padding: 8px 0 0 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}

	.custom-table ul.details-row li .title-in-1 .btn-data h5 {
		line-height: 1.5;
		letter-spacing: 0.57px;
		font-family: 'Roboto-Bold';
		padding: 0 0 6px;
		font-size: 16px;
	}

	.custom-table ul.details-row li .title-in-1 .mobile-blocks-show li {
		padding: 8px 0 0 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}
}

/* ==========================================================================
   13. Content pages: about, become a provider, FAQ, contact, news, legal, 404
   ========================================================================== */

@media (min-width: 1231px) and (max-width: 1350px) {
	.over-ons-banner .banner-text {
		max-width: 340px;
	}

	.over-ons-banner .image img {
		max-width: 770px;
	}
}

@media (min-width: 992px) and (max-width: 1230px) {
	.over-ons-banner .image {
		display: block;
	}

	.over-ons-banner .image-mb {
		display: none;
		position: absolute;
		right: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.over-ons-banner .banner-text {
		text-align: center;
		padding: 24px 20px 40px;
		border-radius: 4px;
		background-color: #ffffff;
		width: 311px;
	}

	.over-ons-banner .banner-text-main {
		align-items: center;
	}

	.over-ons-banner .banner-text h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #1c1c1c;
		font-size: 24px;
		padding: 0 0 12px;
	}

	.over-ons-banner .banner-text p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		color: #555555;
		font-size: 15px;
	}

	.banner-text-main .down-arrow {
		display: none;
	}

	.down-arrow-mobile {
		display: block;
	}

	.down-arrow-mobile {
		margin: 24px 0 0 0;
		justify-content: center;
		display: flex;
		align-items: center;
	}

	.down-arrow-mobile a {
		border: solid 1px rgba(28, 28, 28, 0.2);
		display: inline-block;
		border-radius: 40px;
	}

	.become-provider-block .left-images .image-row-1 .image-1 span,
	.become-provider-block .left-images .image-row-2 .image-2 span {
		width: 150px;
		height: 148px;
	}

	.become-provider-block .left-images .image-row-1 .image-2 span,
	.become-provider-block .left-images .image-row-2 .image-1 span {
		width: 250px;
		height: 185px;
	}

	.Workshopdag-block .left-images .image-row-1 .image-1 span,
	.Workshopdag-block .left-images .image-row-2 .image-2 span {
		width: 150px;
		height: 148px;
	}

	.Workshopdag-block .left-images .image-row-1 .image-2 span,
	.Workshopdag-block .left-images .image-row-2 .image-1 span {
		width: 250px;
		height: 185px;
	}

	.Spelregels-box {
		padding: 25px;
	}

	.contact-page .col-lg-10,
	.faq-page .col-md-10 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.contact-left {
		max-width: 470px;
	}

	.ct-box-main .ct-box:first-child {
		min-width: 244px;
	}

	.whishlist-page .row .col-md-3 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.whishlist-page .Populaire-box .image > span {
		min-height: 153px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.over-ons-banner .image {
		display: block;
	}

	.over-ons-banner .image-mb {
		display: none;
		position: absolute;
		right: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.over-ons-banner .banner-text {
		text-align: center;
		padding: 24px 20px 40px;
		border-radius: 4px;
		background-color: #ffffff;
		width: 311px;
	}

	.over-ons-banner .banner-text-main {
		align-items: center;
	}

	.over-ons-banner .banner-text h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #1c1c1c;
		font-size: 24px;
		padding: 0 0 12px;
	}

	.over-ons-banner .banner-text p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		color: #555555;
		font-size: 15px;
	}

	.banner-text-main .down-arrow {
		display: none;
	}

	.down-arrow-mobile {
		display: block;
	}

	.down-arrow-mobile {
		margin: 24px 0 0 0;
		justify-content: center;
		display: flex;
		align-items: center;
	}

	.become-provider-block {
		padding: 40px 0 80px;
	}

	.become-provider-block .mobile-show {
		display: block;
	}

	.become-provider-block .mobile-show h2 {
		display: block;
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		font-family: 'Montserrat-SemiBold';
		padding: 0 0 24px;
		color: #fff;
		font-size: 24px;
	}

	.Workshopdag_data h2 {
		display: none;
	}

	.Workshopdag_data {
		max-width: 100%;
		padding: 30px 0 0 0;
	}

	.Benefits-provider-top {
		padding: 0 0 48px;
	}

	.Benefits-provider_listing {
		padding: 20px 0 0 0;
	}

	.Workshopdag-page {
		padding: 48px 0 80px;
	}

	.Workshopdag-block {
		padding: 0 0 0px;
	}

	.Spelregels-page {
		padding: 48px 0 80px;
	}

	.Spelregels_listing .row .col-md-6:last-child {
		padding-top: 0px;
	}

	.Spelregels-box {
		padding: 25px;
	}

	.faq-links {
		display: none;
	}

	.contact-page .col-lg-10 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.Spelregels_listing .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.become-provider-block .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.become-provider-block .row {
		flex-direction: column-reverse;
	}

	.become-provider-block .Workshopdag_data {
		max-width: 100%;
		padding: 30px 0 0 0;
	}

	.Workshopdag-block .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.contact-blk {
		flex-direction: column;
	}

	.contact-right {
		margin: 0px 0 0 0;
		width: 100%;
	}

	.news-page .news-box .image {
		min-height: 222px;
	}

	.news-listing.home-news .row .col-md-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.whishlist-page .row .col-md-3 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.whishlist-page .Populaire-box .image > span {
		min-height: 153px;
	}
}

@media (max-width: 992px) {
	.video_popup .modal-dialog {
		max-width: 550px;
	}

	.Spelregels_listing .row .col-md-6:nth-child(2) {
		padding-top: 0px;
	}

	.contact-left {
		max-width: 100%;
		width: 100%;
		padding: 0 0 40px;
	}
}

@media (max-width: 767px) {
	.over-ons-banner .image-mb {
		position: absolute;
		right: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.over-ons-banner .banner-text h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #1c1c1c;
		font-size: 24px;
		padding: 0 0 12px;
	}

	.over-ons-banner .banner-text p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		color: #555555;
		font-size: 15px;
	}

	.over-ons-banner .banner-text-main:after {
		display: none;
	}

	.image-vertical span {
		min-height: 123px;
	}

	.web_winkel_sec_inner a .text p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		font-size: 15px;
		text-align: center;
	}

	.become-provider-block .left-images .image-row-1,
	.become-provider-block .left-images .image-row-2 {
		justify-content: center;
		flex-direction: row-reverse;
	}

	.become-provider-block .left-images .image-row-1 .image-1 span {
		height: 116px;
		width: 116px;
	}

	.become-provider-block .left-images .image-row-1 .image-2 span {
		width: 190px;
		height: 140px;
	}

	.become-provider-block .left-images .image-row-2 .image-2 span {
		height: 116px;
		width: 116px;
	}

	.become-provider-block .left-images .image-row-2 .image-1 span {
		width: 190px;
		height: 140px;
	}

	.Workshopdag_data h2 {
		display: none;
	}

	.button-set-row {
		flex-direction: column;
	}

	.button-set-row .ct-btn.video_btn a {
		min-width: 100%;
		line-height: 44px;
	}

	.Artiestenbureaus-block h6 {
		font-size: 20px;
	}

	.video_popup button.close,
	.video_popup button.close:hover {
		right: 0px;
		z-index: 10000;
		top: 0px;
		width: 38px;
		height: 38px;
		background-size: 18px auto;
	}

	.Spelregels-top p + p,
	.Benefits-provider-top p + p {
		padding: 22px 0 0 0;
	}

	.over-ons-workshop p + p {
		padding: 20px 0 0 0;
	}

	.Benefits-provider-row h4 {
		line-height: 1.44;
		letter-spacing: 0.22px;
		margin: 0 0 8px;
		color: #fff;
		font-size: 18px;
	}

	.Benefits-provider-row h4 {
		background-position: left top;
	}

	.Workshopdag-block .left-images .image-row-1,
	.Workshopdag-block .left-images .image-row-2 {
		justify-content: center;
	}

	.Workshopdag-block .left-images .image-row-1 .image-1 span {
		height: 116px;
		width: 116px;
	}

	.Workshopdag-block .left-images .image-row-1 .image-2 span {
		width: 190px;
		height: 140px;
	}

	.Workshopdag-block .left-images .image-row-2 .image-2 span {
		height: 116px;
		width: 116px;
	}

	.Workshopdag-block .left-images .image-row-2 .image-1 span {
		width: 190px;
		height: 140px;
	}

	.Workshopdag-block .ct-btn a {
		min-width: 195px;
	}

	.button-set-row .ct-btn a {
		min-width: 100%;
	}

	.guarantees-row:after {
		left: 12px;
		top: 28px;
	}

	.Spelregels-box i img {
		max-width: 34px;
	}

	.Spelregels-box i {
		padding: 0 0 12px;
	}

	.section-title-2 h2 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #fff;
		font-size: 24px;
		padding: 0 0 16px;
	}

	.over-ons-workshop h2 {
		padding: 0 0 16px;
		line-height: 1.33;
		letter-spacing: 0.22px;
		text-align: center;
		color: #fff;
		font-size: 18px;
	}

	.section-title-2 p {
		padding: 0px;
	}

	.faq-box-white h4 {
		padding: 0 0 16px;
		line-height: 1.33;
		letter-spacing: 0.23px;
		color: #fff;
		font-size: 18px;
	}

	.guarantees-row h4 {
		line-height: 1.33;
		letter-spacing: 0.22px;
		color: #fff;
		font-size: 18px;
		padding: 1px 0 8px 0;
	}

	.Spelregels-box h4 {
		padding: 0 0 8px;
		line-height: 1.44;
		letter-spacing: 0.22px;
		color: #fff;
		font-size: 18px;
	}

	.faq_list {
		border: 0px;
	}

	.faq_list .ui-accordion .ui-accordion-header {
		border: 0px;
		border-top: #d8d8d8 solid 1px;
		font-size: 15px;
		line-height: 1.47;
		letter-spacing: 0.47px;
		color: #fff;
	}

	.faq_list .ui-accordion .ui-accordion-header .ui-icon {
		margin: 0px;
		top: 20px;
	}

	.faq_list .ui-accordion .ui-accordion-header.ui-state-active {
		border-top: #d8d8d8 solid 1px;
		color: #fff;
	}

	.faq_list .ui-accordion .ui-accordion-content {
		border: 0px;
	}

	.faq_list .ui-accordion .ui-accordion-content ol li,
	.faq_list .ui-accordion .ui-accordion-content ul li {
		color: #fff;
		font-size: 15px;
	}

	.contact-left {
		border-bottom: #d8d8d8 solid 1px;
	}

	.contact-left_top {
	}

	.ct-box h5 {
		padding: 0 0 7px;
	}

	.contact-form .input-row .input-text {
		padding: 12px 20px;
	}

	.faq_list .ui-accordion .ui-accordion-content {
		padding: 0 0 40px;
	}

	.contact-form .input-row.checkbox label span.wpcf7-list-item-label:before,
	.contact-form .input-row.checkbox label input:checked + span.wpcf7-list-item-label:after {
		height: 20px;
		width: 20px;
	}

	.news-page .title-bar h2 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #fff;
		font-size: 24px;
		display: block;
		width: 100%;
		text-align: center;
	}

	.become-provider-block .mobile-show h2 {
		display: block;
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		font-family: 'Montserrat-SemiBold';
		padding: 0 0 24px;
		color: #fff;
		font-size: 24px;
	}

	.news-page .custom-pagi span.current {
		border-radius: 2px;
		border: solid 2px #ffca45 !important;
		background-color: #fff9e9;
		height: 36px;
		width: 36px;
		line-height: 1.47;
		letter-spacing: 0.54px;
		color: #1c1c1c;
		font-size: 15px;
		padding: 0px !important;
		font-family: 'Roboto-Bold';
		display: flex;
		margin: 0 3px !important;
		align-items: center;
		justify-content: center;
	}

	.home-news.news-listing .row {
		width: calc(100% + 30px);
		margin: 0 -15px;
		padding: 0px;
		display: block;
	}

	.home-news.news-listing .news-box .image {
		min-height: inherit;
	}

	.home-news.news-listing .news-box .image img {
		display: block;
	}

	.home-news.news-listing .news-box p {
		padding: 16px 0 0 0;
		line-height: 1.44;
		letter-spacing: 0.23px;
		color: rgba(255, 255, 255, 0.8);
		font-size: 18px;
	}

	.news-listing.home-news .row .col-md-4 {
		padding: 0 15px;
		margin: 0px;
		width: 100%;
	}

	.become-provider-block .left-images .image-row-1 .image-1,
	.become-provider-block .left-images .image-row-1 .image-2 {
		margin: 0 0 8px 8px;
	}

	.become-provider-block .left-images .image-row-2 .image-1,
	.become-provider-block .left-images .image-row-2 .image-2 {
		margin: 0 8px 8px 0px;
	}

	.Workshopdag-block .left-images .image-row-1 .image-1,
	.Workshopdag-block .left-images .image-row-1 .image-2 {
		margin: 0 0 8px 8px;
	}

	.Workshopdag-block .left-images .image-row-2 .image-1,
	.Workshopdag-block .left-images .image-row-2 .image-2 {
		margin: 0 8px 8px 0px;
	}

	.Spelregels_listing .row .col-md-6:last-child {
		padding-top: 0px;
	}

	.news-listing.home-news:after,
	.news-listing.home-news:before {
		display: none;
	}

	.news-contain .image img {
		max-width: 100%;
	}

	.news-data-inner h4 {
		padding: 40px 0 16px 0;
		line-height: 1.33;
		letter-spacing: 0.23px;
		color: #fff;
		font-size: 18px;
	}

	.news-data-inner ul {
		padding-bottom: 8px;
	}

	.news-data-inner ul li + li,
	.news-data-inner ol li + li {
		margin: 12px 0 0 0;
	}

	.news-data-inner iframe {
		width: 100% !important;
	}

	.Newsletter-form .input-row .input-text {
		padding: 12px 17px;
	}

	.Newsletter-form .input-row.checkbox {
		padding: 2px 0 0 0;
	}

	.Newsletter-form .input-row.checkbox label {
		line-height: 1.38;
		letter-spacing: 0.41px;
		font-size: 13px;
		color: #868686;
	}

	.Newsletter-form .input-row.checkbox label a {
		color: #868686;
	}

	.Newsletter-form .input-row.submit-btn {
		padding: 28px 0 0 0;
	}

	.Newsletter-form .input-row.submit-btn input[type=submit] {
		height: 48px;
		line-height: 48px;
		line-height: 1.5;
		letter-spacing: 0.5px;
		color: #ffffff;
		padding: 0px;
	}

	.Newsletter-form .input-row.checkbox label {
		padding: 2px 0 0 0;
	}

	.Newsletter-form .input-row.checkbox label span.wpcf7-list-item-label {
		line-height: 1.38;
		letter-spacing: 0.41px;
		color: #868686;
		font-size: 13px;
	}

	.Newsletter-form .input-row.checkbox label span.wpcf7-list-item-label a {
		line-height: 1.38;
		letter-spacing: 0.41px;
		color: #868686;
		font-size: 13px;
	}

	.four-zero-contain h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		font-size: 24px;
		padding: 0 0 16px;
	}

	.Benefits-provider-top h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #fff;
		font-size: 24px;
		padding: 0 0 20px;
	}

	.contact-left_top h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		color: #fff;
		font-size: 24px;
		padding: 0 0 12px;
	}

	.guarantees-top h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #fff;
		font-size: 24px;
		padding: 0 0 16px;
	}

	.four-zero-contain p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
	}

	.four-zero-contain .button-set {
		flex-direction: column;
	}

	.four-zero-contain .button-set a + a {
		margin: 16px 0 0 0;
	}

	.whishlist-page .Populaire-box .image > span {
		min-height: 179px;
	}

	.whishlist-page .Populaire-box .Populaire-box-inner {
		padding: 16px 24px 32px 16px;
	}

	.whishlist-page .Populaire-box .Populaire-box-inner .box_row {
		padding: 16px 0 0 0;
	}

	.whishlist-page .Populaire-box:last-child {
		padding: 0px;
		margin: 0 0 24px 0px;
	}

	.news-page .custom-pagi .page-numbers {
		margin: 0 3px;
		border-radius: 2px;
		border: solid 1px #cbcbcb;
		background-color: #fff;
		height: 36px;
		width: 36px;
		line-height: 1.47;
		letter-spacing: 0.54px;
		color: #1c1c1c;
		font-size: 15px;
		padding: 0px !important;
		font-family: 'Roboto-Regular';
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.whishlist-page h1.entry-title {
		display: block;
		width: 100%;
		padding: 0 0 24px;
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #1c1c1c;
		font-size: 24px;
	}

	.news-contain .title h1 {
		line-height: 1.4;
		letter-spacing: 0.25px;
		text-align: center;
		color: #fff;
		padding: 0 0 24px;
		font-size: 20px;
	}

	.web_winkel_sec_inner a .icon {
		width: 100%;
		text-align: center;
		min-height: 0px;
		justify-content: center;
		border: 0px;
		border-bottom: #d8d8d8 solid 1px;
		padding: 0 0 24px;
	}

	.web_winkel_sec_inner a .text {
		padding: 24px 0 0 0;
		text-align: center;
	}
}

@media (min-width: 240px) and (max-width: 567px) {
	.Workshopdag-block .left-images .image-row-1 {
		justify-content: flex-end;
	}

	.become-provider-block .left-images .image-row-1 {
		justify-content: flex-start;
	}

	.Workshopdag-block .left-images .image-row-2 {
		justify-content: flex-start;
	}

	.become-provider-block .left-images .image-row-2 {
		justify-content: flex-end;
	}
}

@media (max-width: 1200px) {
	.mobile-trigger-class a {
		position: relative;
		display: block;
		width: 100%;
		border-radius: 4px;
		padding: 12px 16px;
		line-height: 1.47;
		letter-spacing: 0.47px;
		color: #111111;
		font-size: 15px;
		font-family: 'Inter-Medium';
	}
}

@media (max-width: 767px) {
	.all_btn-mobile a {
		color: #fff;
	}

	.review-text p {
		font-size: 15px;
		line-height: 1.47;
		letter-spacing: 0.47px;
		color: #555555;
	}

	.load-more a {
		width: 157px;
	}

	.cms-blocks h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #fff;
		font-size: 24px;
	}

	.indoor-check-blk .col-md-6:last-child {
		padding-left: 8px;
	}
}

@media (min-width: 992px) and (max-width: 1230px) {
	.Populaire-box.Populaire-box-shop .image > span {
		min-height: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.check-row-shop {
		margin: 16px 0 0 0;
	}

	.Populaire-box.Populaire-box-shop .image > span {
		min-height: 0px;
	}
}

@media (max-width: 767px) {
	.Populaire-box.Populaire-box-shop .image > span {
		min-height: 0px;
	}

	.Populaire-box:not(.Populaire-box-shop) .image > span {
		height: auto;
	}

	.reletd-workshop .Populaire-box:not(.Populaire-box-shop) .image > span,
	.reletd-workshop .Populaire-box .image > span {
		min-height: 160px;
	}

	.woocommerce-pagination ul li .next.page-numbers,
	.woocommerce-pagination ul li .prev.page-numbers {
		border-radius: 2px;
		border: solid 1px #cbcbcb;
		position: relative;
		background: url(../images/page-arrow-right-mb.svg) no-repeat center center #fff;
		height: 36px;
		width: 36px;
		font-size: 0px;
		transform: none;
		padding: 0px !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.woocommerce-pagination ul li .prev.page-numbers {
		background: url(../images/page-arrow-left-mb.svg) no-repeat center center #fff;
	}

	.banner-form .frm-bar .input-box-3 button span {
		background-position: right center;
	}

	.form_stap ul li .step-box-form .text {
		display: none;
	}

	.Populaire-box:not(.Populaire-box-shop) .image > span img {
		display: block;
	}

	.reletd-workshop .Populaire-box:not(.Populaire-box-shop) .image > span img,
	.reletd-workshop .Populaire-box .image > span img {
		display: none;
	}
}

/* --------------------------------------------------------------------------
   4. Header: notice bar, logo, search, navigation, account & chat (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 992px) {
	.menu-icon a {
		display: inline-block;
		padding: 15px;
		margin: 0 0 0 -15px;
	}

	.mobile-whislist-header a {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #f2f2f2;
		border-radius: 100px;
		width: 36px;
		height: 36px;
	}

	.word-btn a {
		margin: 0px;
		padding: 0px;
		border: 0px;
		font-size: 20px;
		line-height: 1.1;
		letter-spacing: 1.25px;
		color: #313131;
		font-family: 'Roboto-Medium';
		height: auto;
		width: auto;
		text-align: left;
	}

	.login-btn {
		margin: 0px;
		padding: 28px 0 40px 0px;
		border: 0px;
	}

	.login-btn a {
		color: #0D0D0D;
	}

	.mobile-footer-links-show {
		display: block;
		width: 100%;
		padding: 40px 0 0 0;
		border-top: #dfdfdf solid 1px;
	}

	.h-logo-web {
		display: block;
		padding: 0 0 20px;
	}
}

@media (max-width: 767px) {
	.container {
		padding: 0 20px;
	}
}

/* --------------------------------------------------------------------------
   5. Popups: login, registration, forgot password (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.sidebar-close a {
		height: 32px;
		background: url(../images/e-remove-mb.svg) no-repeat center center #fff;
		width: 32px;
	}

	.login-register a {
		height: 48px;
		line-height: 48px;
	}
}

/* --------------------------------------------------------------------------
   7. Shop / category pages: filters, sorting, product cards (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 992px) {
	.clear-btn-new-mb a {
		display: inline-block;
		font-size: 12px;
		text-decoration: underline;
		color: #0F0F0F;
		letter-spacing: 0.012em;
	}
}

@media (max-width: 767px) {
	.shop-top-text p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		font-size: 15px;
	}

	.clear-btn-new-mb a {
		display: inline-block;
		font-size: 12px;
		text-decoration: underline;
		color: #0F0F0F;
		letter-spacing: 0.012em;
	}
}

/* --------------------------------------------------------------------------
   8. Single product (workshop) page: gallery, booking form, reviews (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.icon-whislist a {
		font-size: 0px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		border: solid 1px rgba(153, 153, 153, 0.47);
		background-color: #ffffff;
		height: 32px;
		width: 32px;
		border-radius: 100px;
		z-index: 10;
	}

	.more-text-btn a {
		background: url(../images/e-add-more.svg) no-repeat left center;
		display: inline-block;
		line-height: 0.94;
		letter-spacing: 0.28px;
		padding: 0 0 0 18px;
		color: #fff;
		font-size: 16px;
		font-family: 'Roboto-Medium';
	}
}

/* --------------------------------------------------------------------------
   9. Providers: overview + provider profile page (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px) {
	.provider-white-box {
		position: relative;
		top: auto;
		margin: 0 0 0px;
	}
}

@media (max-width: 992px) {
	.provider-white-box {
		position: relative;
		top: auto;
		margin: 0 0 0px;
	}
}

/* --------------------------------------------------------------------------
   11. Cart, checkout & order pages (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.checkout-top-text p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		font-size: 15px;
	}

	.log-popup-text p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		font-size: 15px;
	}
}

/* --------------------------------------------------------------------------
   12. My Account: navigation, dashboard, forms, quote requests, chat (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.page-links-my-ac a {
		font-size: 14px;
	}

	.page-links-my-ac a {
		padding: 24px 7px 18px;
		margin: 0px;
	}

	.order-details-page-1 .checkout-cart-inner .second-table {
		padding: 0 24px;
	}

	.order-details-page-1 .checkout-cart-inner .cart-img-box {
		padding: 0px;
	}

	.book-row.checkbox-main .c-check {
		padding: 12px 0 12px;
	}

	.stap_form_admin .nav-tabs .nav-item {
		width: 100%;
		display: block;
		padding: 9px 0;
	}

	.artiesten_list_box .artiesten_list_left .artiesten_img_box {
		width: 40px;
		height: 40px;
	}

	.addworkshop-inner.addartiesten-inner .register-form-top,
	.addworkshop-inner.addartiesten-inner .register-form-bottom {
		padding-left: 0px;
		padding-right: 0px;
	}

	.quote-order-list-2 ul.list li .title-in-1-mb {
		position: relative;
		top: 2px;
	}
}

/* --------------------------------------------------------------------------
   13. Content pages: about, become a provider, FAQ, contact, news, legal, 404 (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px) {
	.down-arrow-mobile a {
		border: solid 1px rgba(28, 28, 28, 0.2);
		display: inline-block;
		border-radius: 40px;
	}
}

@media (max-width: 767px) {
	.down-arrow-mobile a {
		border: solid 1px rgba(28, 28, 28, 0.2);
		display: inline-block;
		border-radius: 40px;
	}

	.button-set-row .ct-btn.video_btn {
		padding: 16px 0 0 0;
	}

	.ct-btn a {
		padding: 0 10px;
		height: 48px;
		line-height: 48px;
		min-width: 185px;
		text-align: center;
		letter-spacing: 0.5px;
		color: #ffffff;
		font-size: 16px;
	}

	.web_winkel_sec_inner a {
		flex-direction: column;
		padding: 24px;
		justify-content: center;
	}

	.web_winkel_sec_inner a {
		flex-direction: column;
	}

	.Benefits-provider-top p {
		font-size: 15px;
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
	}

	.Benefits-provider-row p {
		line-height: 1.5;
		letter-spacing: 0.5px;
		font-size: 16px;
	}

	.ct-box p {
		line-height: 1.47;
		letter-spacing: 0.21px;
	}

	.guarantees-top p {
		line-height: 1.5;
		letter-spacing: 0.2px;
		text-align: center;
		color: #fff;
		font-size: 16px;
	}

	.guarantees-row p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		font-size: 15px;
	}

	.Newsletter-contain h1 {
		padding: 0 0 16px;
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		/*color: #1c1c1c;*/
		font-size: 24px;
	}

	.Spelregels-top h1 {
		padding: 0 0 20px;
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #fff;
		font-size: 24px;
	}

	.cms-blocks p,
	.cms-blocks ul li,
	.cms-blocks ol li {
		line-height: 1.47;
		letter-spacing: 0.47px;
		color: rgba(255, 255, 255, 0.8);
		font-size: 15px;
	}

	.page-title h1 {
		display: block;
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		font-family: 'Montserrat-SemiBold';
		padding: 0 0 24px;
		color: #fff;
		font-size: 24px;
	}

	.Spelregels-top p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		font-size: 15px;
	}

	.Spelregels-box p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		font-size: 15px;
	}

	.Workshopdag_data p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		font-size: 15px;
	}

	.over-ons-workshop p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		font-size: 15px;
	}

	.news-data-inner ul li,
	.news-data-inner ol li {
		line-height: 1.47;
		letter-spacing: 0.47px;
		color: #fff;
		font-size: 15px;
	}

	.termspage_content h1 {
		line-height: 1.33;
		letter-spacing: 0.3px;
		text-align: center;
		color: #fff;
		font-size: 24px;
	}

	.woocommerce-product-details__short-description p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		font-size: 15px;
	}
}

/* --------------------------------------------------------------------------
   4. Header: notice bar, logo, search, navigation, account & chat (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.top_part p {
		line-height: 1.1;
		font-size: 13px;
		;padding: 0 12px;
	}
}

/* --------------------------------------------------------------------------
   5. Popups: login, registration, forgot password (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.thankyou-sidebar p {
		font-size: 15px;
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		color: #555;
	}
}

/* --------------------------------------------------------------------------
   6. Home page (and Muzikant landing page) (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.how-it-title p {
		line-height: 1.5;
		letter-spacing: 0.2px;
		text-align: center;
		color: #fff;
		font-size: 16px;
	}
}

/* --------------------------------------------------------------------------
   11. Cart, checkout & order pages (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.coupen_text p {
		line-height: 1.47;
		letter-spacing: 0.47px;
		color: #555555;
		font-size: 15px;
	}
}

/* --------------------------------------------------------------------------
   13. Content pages: about, become a provider, FAQ, contact, news, legal, 404 (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.Artiestenbureaus-block p {
		font-size: 15px;
	}
}

/* ==========================================================================
   14. Footer
   ========================================================================== */

@media (max-width: 1460px) {
	.footer {
		padding-bottom: 76px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.footer-top.desktop-footer .f_box.five-col .f_social-main {
		display: none;
	}

	.footer-top.mobile-footer .f_box.five-col {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding-right: 0px;
	}

	.f-logo-web {
		margin-left: auto;
	}
}

@media (max-width: 992px) {
	.footer {
		padding: 64px 0 76px 0;
	}

	.footer-top.mobile-footer {
		display: block;
	}

	.footer-top.desktop-footer .f_box {
		display: none;
	}

	.footer-top.desktop-footer .f_box.five-col {
		display: block;
	}

	.footer-top.desktop-footer .f_box .f_social {
		display: none;
	}

	.footer-top.desktop-footer .f_box.five-col {
		padding: 0px;
		width: 100%;
	}

	.footer-top {
		padding: 0 0 48px;
	}

	.footer-top.mobile-footer {
		padding: 48px 0;
		display: flex;
		flex-wrap: wrap;
	}

	.footer-top.mobile-footer .f_box {
		min-width: 25%;
		max-width: 25%;
	}
}

@media (max-width: 767px) {
	.footer-top.desktop-footer .f_box.five-col {
		padding: 0px;
		width: 100%;
	}

	.footer-top.mobile-footer .f_box {
		padding: 10px 0;
		min-width: 100%;
		max-width: 100%;
	}

	.footer-top.desktop-footer .f_box h5 {
		padding: 0 0 12px;
		letter-spacing: 0.19px;
		color: #ffffff;
		font-size: 15px;
	}

	.footer-top.desktop-footer .f_box h5:after {
		display: none;
	}

	.footer-top.desktop-footer .f_box.five-col .f_social-main {
		display: none;
	}

	.footer-top.mobile-footer .f_box.five-col {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding-right: 0px;
	}

	.f_newslatter .input-row input[type=submit] {
		width: 52px;
	}

	.f_social a {
		margin: 0 20px 0 0;
	}

	.copyright i {
		margin: 0 11px 0 0;
	}

	.f_bot-links ul li {
		padding: 0 0 16px 0px;
		display: block;
		width: 100%;
	}

	.f_bot-links ul li a {
		letter-spacing: 0.33px;
		opacity: 0.6;
		font-size: 13px;
		color: #ffffff;
	}

	.catogory_box:last-child {
		margin-right: 0px;
		min-width: 236px;
		padding-right: 20px;
	}

	.Populaire-box {
		padding: 0 0px 0 0;
		margin: 0 16px 0 0;
		min-width: 276px;
	}

	.Populaire-box .Populaire-box-inner_main .heart .wishlist-fragment {
		height: 14.3px;
		display: inline-block;
		vertical-align: top;
	}

	.woocommerce-pagination ul li a {
		border-radius: 2px;
		border: solid 1px #cbcbcb;
		background-color: #fff;
		height: 36px;
		width: 36px;
		line-height: 1.47;
		letter-spacing: 0.54px;
		color: #1c1c1c;
		font-size: 15px;
		padding: 0px !important;
		font-family: 'Roboto-Regular';
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.woocommerce-pagination ul li {
		padding: 0 3px;
	}

	.home-Populaire-slider {
		padding: 0 0 0px;
		left: -20px;
		width: calc(100% + 40px);
	}

	.all_btn-mobile {
		padding: 0 20px;
	}

	.home-catogory-outer {
		padding: 64px 0 39px;
	}

	.catogory_slider-mobile {
		width: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 0 0px 0;
		padding: 0 0 25px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 0PX;
		padding-left: 20px;
	}

	.catogory_box {
		padding: 0px;
		min-width: 216px;
		margin: 0 12px 0 0;
	}

	.catogory_slider-blocks {
		padding: 0 0 0px;
		left: -20px;
		width: calc(100% + 40px);
	}
}

/* --------------------------------------------------------------------------
   6. Home page (and Muzikant landing page) (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.Populaire-slider-mobile_main {
		display: block;
		position: relative;
	}

	.catogory_slider-mobile-main {
		display: block;
		position: relative;
	}

	.providers-slider-mobile-main {
		display: block;
		position: relative;
	}

	.providers-slider-mobile {
		width: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 0 0px 0;
		padding: 0 0 25px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 0PX;
		padding-left: 20px;
	}

	.how-it-box .icon .cercle-bar .number {
		height: 36px;
		width: 36px;
		letter-spacing: 0.23px;
		text-align: center;
		color: #fff;
		font-size: 18px;
	}

	.home_image-blocks {
		border-radius: 4px;
		overflow: hidden;
		background-color: #211c19;
	}

	.review_slider-mobile-main {
		display: block;
		position: relative;
	}

	.references_slider-mobile-main {
		display: block;
		position: relative;
	}

	.all_btn-mobile {
		display: block;
	}

	.reletd-workshop {
		position: relative;
	}

	.workshop-head {
		display: none;
	}
}

/* --------------------------------------------------------------------------
   7. Shop / category pages: filters, sorting, product cards (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.shop-banner-inner {
		display: none;
	}

	.shop-page-outer .container > .row > .col-lg-3 {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0px;
		height: 100%;
		overflow: auto;
		background: #fff;
		background: #fff;
		z-index: 100000000;
		padding: 0;
		left: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.shop-page-outer .container > .row > .col-lg-3 {
		background: #272727;
	}

	.fliter-btn-new {
		display: flex;
	}

	.header-filter-mobile {
		display: flex;
	}

	.clear-btn-new-mb {
		position: absolute;
		right: 17px;
		top: 50%;
		transform: translateY(-50%);
	}

	.clear-btn-new {
		display: none;
	}

	.footer-filter-mobile {
		display: block;
	}

	.mobile-filter {
		display: flex;
	}

	.shop-listing-workshop .Populaire-box .Populaire-box-inner .box_row {
		padding: 16px 0 0 0;
		display: block;
	}

	.shop-listing-workshop .Populaire-box > .Populaire-box-inner_main > .w3_box_right {
		margin-top: auto;
		width: 100%;
		min-height: 0px;
		padding: 30px 0 0 0;
	}
}

/* --------------------------------------------------------------------------
   8. Single product (workshop) page: gallery, booking form, reviews (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.workshop-detail_left {
		position: relative;
		z-index: 2;
	}

	.cls-socails ul li {
		padding-bottom: 1px;
		height: 20px;
	}

	.icon-whislist {
		position: absolute;
		right: 12px;
		top: 12px;
	}

	.workshop-detail_right {
		display: none;
	}

	.workshop-tab {
		display: none;
	}

	.workshop-tab .nav-tabs .nav-link .hideOnMobile {
		display: none;
	}

	.workshop-tab .nav-tabs .nav-link .hideOnDesktop {
		display: block;
	}

	.tab_contain-main .tab-data .text .text-inner {
		max-height: 176px;
		overflow: hidden;
		display: block;
		width: 100%;
		position: relative;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}

	.more-text-btn {
		display: block;
	}

	.workshop-list-data-main {
		margin: 40px 0 0 0;
	}
}

/* --------------------------------------------------------------------------
   9. Providers: overview + provider profile page (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.providers_box {
		padding: 0px;
		min-width: 276px;
		margin: 0 16px 0 0;
	}

	.providers_box:last-child {
		margin-right: 20px;
	}

	.providers_slider-blocks {
		padding: 0 0 0px;
		left: -20px;
		width: calc(100% + 40px);
	}

	.provider-white-box {
		width: 100%;
		min-width: 100%;
	}

	.providers_outer-home {
		padding: 64px 0 39px;
	}

	.provider-details-page {
		padding: 40px 0 40px;
	}

	.provider-white-box {
		padding: 40px 25px 35px 20px;
	}

	.provider-detail_right {
		padding: 48px 0 0 0;
		width: 100%;
	}

	.reletd-workshop-in {
		position: relative;
		padding: 0 0 0px;
		left: -20px;
		width: calc(100% + 40px);
	}

	.providers_outer-home .section-title {
		padding: 0 0 24px;
		text-align: left;
	}

	.provider-detail_left .provider-white-box {
		padding: 40px 25px 32px 20px;
	}

	.home-news {
		position: relative;
		padding: 0 0 0px;
		left: -20px;
		width: calc(100% + 40px);
	}

	.review-row {
		padding: 0px 0 32px;
		margin: 0 0 20px;
	}

	.review-text {
		padding: 20px 24px 24px 16px;
	}

	.review-blocks-tab .review-top {
		padding: 0 0 24px;
	}

	.review-listing {
		padding: 0 0 20px;
	}

	.load-more {
		padding: 0 0 56px;
	}

	.reletd-workshop {
		padding: 56px 0 0 0;
	}

	.reletd-workshop .title-bar {
		padding: 0 0 24px;
	}

	.f_box .f_links {
		padding: 15px 0 10px;
	}
}

/* --------------------------------------------------------------------------
   5. Popups: login, registration, forgot password (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.sidebar-backlinks.center-text {
		line-height: 1.47;
		letter-spacing: 0.47px;
		text-align: center;
		color: #959595;
		font-size: 15px;
	}

	.booking-form .book-row {
		padding: 0 0 24px;
	}
}

/* --------------------------------------------------------------------------
   6. Home page (and Muzikant landing page) (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.image-over-text {
		position: relative;
		padding: 28px 20px 32px;
		top: auto;
		width: 100%;
		max-width: 100%;
		transform: none;
	}

	.image-over-text .more_links {
		padding: 32px 0 0 0;
	}

	.home-news-outer .all_btn-mobile {
		padding: 16px 0 0 0px;
	}

	.home-news-outer {
		padding: 64px 0;
	}

	.home-review-outer {
		padding: 64px 0 39px;
	}

	.review_slider-blocks {
		padding: 0 0 0px;
		left: -20px;
		width: calc(100% + 40px);
	}

	.review-box-main {
		padding: 0px;
	}

	.review-box {
		padding: 0px;
		min-width: 276px;
		margin: 0 16px 0 0;
	}

	.review_slider-mobile {
		width: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 0 0px 0;
		padding: 0 0 25px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 0PX;
		padding-left: 20px;
	}

	.references_outer {
		padding: 64px 0 39px;
	}

	.references_slider-blocks {
		padding: 0 0 0px;
		left: -20px;
		width: calc(100% + 40px);
	}

	.ref-logo {
		padding: 0px;
	}

	.ref-logo {
		padding: 0px;
		min-width: 216px;
		margin: 0 16px 0 0;
	}

	.references_slider-mobile {
		width: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 0 0px 0;
		padding: 0 0 25px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 0PX;
		padding-left: 20px;
	}

	.home-news .row {
		width: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 0 15px 0;
		padding: 0 0 25px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 0PX;
		padding-left: 20px;
	}

	.review-row .review-row-top {
		padding: 12px 20px 16px 16px;
	}

	.review-row-top .title-mb {
		display: block;
	}

	.review-row .aut-box-mb {
		display: block;
	}

	.review-row .aut-box-mb {
		line-height: 1.47;
		letter-spacing: 0.23px;
		font-family: 'Roboto-Medium';
		color: #949494;
		padding: 0 16px;
		font-size: 15px;
		display: flex;
		align-items: center;
	}

	.review-row-top .title-mb {
		display: block;
		padding: 1px 0 0px;
		line-height: 1.67;
		letter-spacing: 0.2px;
		font-family: 'Roboto-Medium';
		color: #949494;
		font-size: 12px;
	}

	.register-form .input-row {
		padding: 0 0 12px;
	}
}

/* --------------------------------------------------------------------------
   5. Popups: login, registration, forgot password (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.sidebar-register.provider-form {
		padding: 32px 0 48px 0;
	}

	.sidebar-register .top-text {
		padding: 0px;
	}
}

/* --------------------------------------------------------------------------
   6. Home page (and Muzikant landing page) (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.review-box:last-child {
		margin-right: 20px;
	}

	.review-box .review_top {
		padding: 17px 16px 12px;
	}

	.review-box .review-box_inner {
		padding: 20px 16px 32px;
	}

	.ref-logo:last-child {
		margin-right: 20px;
	}
}

/* --------------------------------------------------------------------------
   7. Shop / category pages: filters, sorting, product cards (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.mobile-filter .fliter-btn {
		padding: 0 4.5px 0 0;
	}

	.mobile-filter .shorting-btn {
		padding: 0 0 0 4.5px;
	}

	.shop-listing-workshop .Populaire-box {
		padding: 0 0 24px;
	}

	.shop-listing-workshop .Populaire-box {
		flex-wrap: nowrap;
		height: 100%;
		position: relative;
		padding: 16px;
		flex-direction: column;
	}
}

/* --------------------------------------------------------------------------
   8. Single product (workshop) page: gallery, booking form, reviews (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.workshop-detail_left {
		width: 100%;
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------
   9. Providers: overview + provider profile page (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.reletd-workshop-in .row {
		width: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 0 15px 0;
		padding: 0 0 25px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 0PX;
		padding-left: 20px;
	}

	.Providers-page .title-bar {
		width: 100%;
		justify-content: center;
		padding: 0 0 35px;
	}

	.Providers-page .Providers-lsiting {
		padding: 0 0 40px;
		border-bottom: #d8d8d8 solid 1px;
	}

	.providers_box .name {
		padding: 24px 15px;
		min-height: 100px;
	}

	.custom-pagi .prev-links,
	.custom-pagi .next-links {
		padding: 0 3px;
		min-width: 0px;
	}

	.reletd-workshop .row {
		left: -20px;
		width: calc(100% + 40px);
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 0 15px 0;
		padding: 0 0 25px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 0PX;
		padding-left: 20px;
		position: relative;
		z-index: 2;
	}
}

/* --------------------------------------------------------------------------
   8. Single product (workshop) page: gallery, booking form, reviews (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.workshop-details-page.gift-details-page {
		padding: 48px 0 80px;
	}

	.workshop-detail_left .workshop-tab {
		display: block;
	}

	.workshop-detail_left .title-bar-top {
		padding: 0 0 24px;
	}

	.title-bar-top .title-bar-right {
		display: none;
	}

	.title-bar-top .title-bar-right {
		display: none;
	}

	.cls-socails-main .cls-socails {
		padding: 0px;
		left: auto;
		right: calc(100% + 10px);
		bottom: 0px;
	}

	.image-blk.mobile-display {
		position: relative;
		display: block;
		width: 100%;
	}

	.workshop-detail_right.mobile-display {
		display: block;
		width: 100%;
	}

	.workshop-detail_right.mobile-display {
		margin: 0px;
		padding: 0px;
		width: 100%;
		max-width: 100%;
	}

	.workshop-white-box .price {
		padding: 24px 0 18px;
	}

	.workshop-white_inner .workshop-btn {
		padding: 18px 0 0 0;
	}
}

/* --------------------------------------------------------------------------
   11. Cart, checkout & order pages (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.woocommerce-checkout .whishlist-page {
		padding: 48px 20px 80px;
	}

	.checkout-form .checkout-left {
		min-width: 100%;
		width: 100%;
	}

	.checkout-right .note {
		text-align: center;
		padding: 68px 0 0 0;
	}

	.checkout-right .checkout-right-inner {
		padding: 28px 20px 32px;
	}

	.checkout-form .woocommerce-account-fields {
		padding-bottom: 0px;
		padding: 24px 0 0 0;
		margin: 28px 0 0 0;
	}

	.checkout-cart .diveder {
		margin: 44px 0 0 0;
	}

	.checkout-form .checkout-left {
		padding: 59px 0 0 0;
	}

	.login_wrap + .woocommerce-form-coupon-toggle {
		margin-top: -24px;
	}

	.cart-img-box .img-data {
		padding: 16px 0 0 0;
	}

	.woocommerce-form-coupon-toggle .woocommerce-info {
		font-family: 'SourceSansPro-Regular';
		padding: 16px 20px 19px 20px;
		border-radius: 4px;
		background-color: #ffffff;
	}

	.thankyou-page-checkout .thankyou-contain {
		padding: 0px;
	}
}

/* --------------------------------------------------------------------------
   12. My Account: navigation, dashboard, forms, quote requests, chat (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.page-links-my-ac {
		width: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-Y: hidden;
		-webkit-overflow-scrolling: touch;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		z-index: 2;
	}

	.acdetails-form-blk .input-row {
		padding: 0 0 16px;
	}

	.step-list-deshboard .hire-links {
		padding: 14px;
	}

	.addworkshop-inner.my-account-workshop-details {
		padding: 32px 24px 48px;
	}

	.addworkshop-page .addworkshop-inner {
		padding-left: 16px;
		padding-right: 16px;
	}

	.book-row .nice-select {
		float: none;
		display: block;
	}

	.btn-row-req .btn-2 {
		margin: 20px 0 0 0;
	}

	.w3_quate_detail_row + .w3_quate_detail_row {
		padding: 10px 0 0 0;
	}

	.Klantgegevens-blocks .inner-details {
		padding: 24px;
	}

	.defult-page.change-password-page {
		padding: 48px 0 68px;
	}
}

/* --------------------------------------------------------------------------
   13. Content pages: about, become a provider, FAQ, contact, news, legal, 404 (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.over-ons-banner .image {
		display: none;
	}

	.over-ons-banner .image-mb {
		display: block;
	}

	.over-ons-banner .banner-text {
		margin: 0px;
		text-align: center;
		padding: 24px 20px 40px;
		border-radius: 4px;
		background-color: #ffffff;
		width: 311px;
	}

	.over-ons-banner .banner-text-main {
		justify-content: center;
		min-height: 0px;
		padding: 95px 0;
		align-items: center;
	}

	.ovaer-slider-blocks-main {
		width: 100%;
	}

	.image-listing-main .image-listing-row-3 {
		display: none;
	}

	.banner-text-main .down-arrow {
		display: none;
	}

	.down-arrow-mobile {
		display: block;
	}

	.down-arrow-mobile {
		margin: 24px 0 0 0;
		justify-content: center;
		display: flex;
		align-items: center;
	}

	.become-provider-block .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.become-provider-block .row {
		flex-direction: column-reverse;
	}

	.become-provider-block .Workshopdag_data {
		max-width: 100%;
		padding: 30px 0 0 0;
	}

	.become-provider-block .mobile-show {
		display: block;
	}

	.become-provider-block .Workshopdag_data {
		padding: 24px 0 0 0;
	}

	.become-provider-block .Workshopdag_data {
		padding: 16px 0 0 0;
	}

	.button-set-row .ct-btn {
		padding: 0px;
	}

	.Benefits-providers-page {
		padding: 48px 0 80px;
	}

	.Benefits-provider-top {
		padding: 0 0 40px;
	}

	.Benefits-provider_listing {
		padding: 0px 0 0 0;
	}

	.Benefits-provider-row {
		padding: 40px 0 0 36px;
	}

	.guarantees-row .number {
		height: 24px;
		width: 24px;
		letter-spacing: 0.23px;
		text-align: center;
		color: #ffffff;
		font-size: 18px;
		line-height: 24px;
	}

	.faq-page .section-title-2 {
		padding: 0px;
		border: 0px;
	}

	.faq-links {
		display: none;
	}

	.contact-blk {
		padding: 48px 0 50px 0;
		flex-direction: column;
	}

	.contact-left {
		width: 100%;
		max-width: 100%;
	}

	.ct-box .ct-links {
		padding: 10px 0 0 0;
	}

	.ct-box {
		padding: 0 0 40px;
	}

	.contact-right {
		margin: 40px 0 0 0;
		width: 100%;
	}

	.news-page .title-bar {
		padding: 0 0 32px;
		width: 100%;
	}

	.news-page .custom-pagi .next.page-numbers,
	.news-page .custom-pagi .prev.page-numbers {
		border-radius: 2px;
		border: solid 1px #cbcbcb;
		position: relative;
		background: url(../images/page-arrow-right-mb.svg) no-repeat center center #fff;
		height: 36px;
		width: 36px;
		font-size: 0px;
		transform: none;
		padding: 0px !important;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 3px !important;
	}

	.news-page .custom-pagi .prev.page-numbers {
		background: url(../images/page-arrow-left-mb.svg) no-repeat center center #fff;
	}

	.news-listing .news-box {
		padding: 0 0 40px;
	}

	.news-listing.home-news {
		padding: 0 0 24px;
		border-bottom: #d8d8d8 solid 1px;
		width: 100%;
		left: 0px;
	}

	.news-contain .title {
		padding: 0 0 0px;
	}

	.news-contain .news-data {
		padding: 24px 0 0 0;
	}

	.news-releted-blocks .all_btn-mobile {
		padding: 4px 0 0 0px;
	}

	.Newsletter-form .input-row.submit-btn .ajax-loader {
		display: none;
	}

	.four-zero-contain {
		padding: 48px 0 80px 0;
	}

	.input-row-submit {
		padding: 32px 0 0 0;
	}

	.over-ons-workshop {
		padding: 48px 0 80px;
	}

	.become-provider-block {
		padding: 48px 0 80px;
	}

	.Workshopdag_data {
		max-width: 100%;
		padding: 24px 0 0 0;
	}

	.ct-btn {
		padding: 40px 0 0 0;
	}

	.Workshopdag-page {
		padding: 48px 0 80px;
	}

	.Workshopdag-block {
		padding: 0 0 0px;
	}

	.guarantees-page {
		padding: 48px 0 80px;
	}

	.guarantees_list {
		padding: 32px 0 0 0;
	}

	.guarantees-row {
		padding: 0 0 41px 36px;
	}

	.Spelregels-page {
		padding: 48px 0 60px;
	}

	.Spelregels_listing {
		padding: 40px 0 0 0;
	}

	.Spelregels-box {
		margin: 0 0 20px;
		padding: 24px 20px 32px;
	}

	.faq-page {
		padding: 48px 0 80px;
	}

	.faq_blocks {
		padding: 40px 0 0 0;
	}

	.faq-colum-right {
		margin: 0px;
		padding: 0px;
		width: 100%;
	}

	.faq-box-white {
		padding: 24px 20px;
	}

	.news-page {
		padding: 48px 0 80px;
	}

	.Newsletter-contain {
		padding: 48px 0 80px;
		width: 100%;
		max-width: 440px;
	}

	.defult-page {
		padding: 48px 0 80px;
	}

	.custom-pagi {
		padding: 40px 0 0 0;
		justify-content: center;
		border: 0px;
	}

	.Populaire-box > .Populaire-box-inner_main > .w3_box_right .heart {
		position: absolute;
		right: 26px;
		top: 26px;
	}
}

/* --------------------------------------------------------------------------
   9. Providers: overview + provider profile page (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.Providers-page {
		padding: 48px 0 80px;
	}
}

/* --------------------------------------------------------------------------
   11. Cart, checkout & order pages (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.input-row-submit .capcha {
		transform: scale(0.577,0.577);
		width: 202px;
	}
}

/* --------------------------------------------------------------------------
   12. My Account: navigation, dashboard, forms, quote requests, chat (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.download-listing-new .download-box-new {
		width: 100%;
		margin: 0 0px 0 0px;
	}

	.tofromhours .select-duble {
		width: 100%;
		max-width: 100%;
		margin: 0 0 16px;
	}

	.grand-totle .grand-totle-in {
		width: 100%;
		width: 100%;
		height: 52px;
		line-height: 52px;
		font-size: 17px;
		padding: 0px;
		text-align: center;
		letter-spacing: 1.06px;
		color: #15b796;
	}

	.cf7mls_back.action-button {
		font-size: 16px;
	}

	.w3_quate_detail_row .text-1 {
		font-size: 14px;
		width: 100%;
	}

	.w3_quate_detail_row .text-2 {
		font-size: 14px;
		width: 100%;
	}
}

/* --------------------------------------------------------------------------
   13. Content pages: about, become a provider, FAQ, contact, news, legal, 404 (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.image-listing-main .image-listing-row-1,
	.image-listing-main .image-listing-row-2,
	.image-listing-main .image-listing-row-3 {
		margin: 1;
		min-width: 185px;
		width: 50%;
		margin-right: 12px;
	}
}

/* --------------------------------------------------------------------------
   14. Footer (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.footer {
		padding: 64px 0 0 0;
	}

	.footer-top {
		border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
		padding: 0 0 38px;
	}

	.footer-top.mobile-footer {
		padding: 48px 0;
		display: flex;
		flex-wrap: wrap;
	}

	.footer-top.mobile-footer {
		padding: 30px 0;
	}

	.f_check {
		padding: 16px 0 0 0;
	}

	.f_social {
		padding: 20px 0 0 0;
	}

	.footer-bottom {
		padding: 40px 0 100px;
		align-items: flex-start;
		min-height: 0px;
		flex-direction: column-reverse;
	}

	.copyright {
		padding: 16px 0 0 0;
	}

	.f_bot-links {
		margin: 0px;
	}

	.register-form {
		padding: 20px 0 0 0;
	}
}

/* --------------------------------------------------------------------------
   5. Popups: login, registration, forgot password (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.sidebar-contain-blocks {
		padding: 0 20px;
	}

	.login-register {
		padding: 32px 0 54px 0;
		margin: 32px 0 0 0;
	}

	.booking-form {
		padding: 32px 0 40px;
	}
}

/* --------------------------------------------------------------------------
   7. Shop / category pages: filters, sorting, product cards (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.mobile-form {
		display: block;
		padding: 13px 0px;
	}

	.shop-top-text {
		padding: 38px 0 29px 0;
	}

	.shop-listing-workshop {
		border: 0px;
		padding-top: 46px;
	}
}

/* --------------------------------------------------------------------------
   8. Single product (workshop) page: gallery, booking form, reviews (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.workshop-details-page {
		padding: 40px 0 40px 0;
	}

	.workshop-white-box {
		padding: 0 21px 25px 20px;
		margin: 0px;
		border-radius: 0px 0px 4px 4px;
	}

	.workshop-white_inner {
		padding: 16px 0 0 0px;
	}

	.tab_contain-main {
		padding: 32px 0 40px 0;
	}

	.tab-vdi {
		padding: 64px 0 0;
	}

	.workshop-list-data {
		padding: 32px 0;
	}

	.workshop-loction-data {
		padding: 32px 0 56px 0;
	}
}

/* --------------------------------------------------------------------------
   13. Content pages: about, become a provider, FAQ, contact, news, legal, 404 (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.whishlist-page {
		padding: 48px 20px 56px;
	}

	.indoor-check-blk {
		padding: 0px;
		border: 0px;
		margin: 0px;
	}
}

/* --------------------------------------------------------------------------
   5. Popups: login, registration, forgot password (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.sidebar-register {
		padding: 32px 0 48px;
	}

	.thankyou-sidebar {
		max-width: 100%;
		padding: 32px 20px;
	}

	.checkout-cart {
		padding: 32px 0 0 0;
	}

	.cart-img-box {
		padding: 32px 0 24px 0px;
		flex-direction: column;
	}

	.checkout-cart {
		padding: 0px;
		border-top: #d2d2d2 solid 1px;
	}
}

/* --------------------------------------------------------------------------
   6. Home page (and Muzikant landing page) (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.cat_home_sec {
		padding: 64px 0 34px;
	}
}

/* --------------------------------------------------------------------------
   7. Shop / category pages: filters, sorting, product cards (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.shop-left-colum {
		border: 0px;
		border-radius: 0px;
		padding: 0px;
		max-height: calc(100vh - 155px);
		overflow: auto;
	}

	.shop-sidebar-box {
		padding: 17px 24px 17px 20px;
	}

	.more-fliter-show {
		padding: 8px 0 23px;
	}

	.shop-listing-workshop {
		padding-bottom: 80px;
	}
}

/* --------------------------------------------------------------------------
   11. Cart, checkout & order pages (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.checkout-top-text {
		padding: 0 0 32px;
	}

	.login_wrap {
		padding: 0 0 40px;
	}

	.login-hide-inner {
		padding: 32px 24px;
	}

	.checkout-right {
		margin: 48px 0 0 0;
		padding: 0px;
		width: 100%;
		max-width: 100%;
	}

	.couponcode_form_inner {
		padding: 32px 24px 12px;
	}

	.coupen_text {
		padding: 0 0 20px;
	}

	.check-row-shop {
		margin: 16px 0 0 0;
	}
}

/* --------------------------------------------------------------------------
   8. Single product (workshop) page: gallery, booking form, reviews (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.onine_tit_text {
		margin: 0 0 22px;
	}
}

/* --------------------------------------------------------------------------
   11. Cart, checkout & order pages (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.couponcode_form {
		margin: 0 0 40px;
	}
}

/* --------------------------------------------------------------------------
   12. My Account: navigation, dashboard, forms, quote requests, chat (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.myaccount-right {
		padding: 48px 20px 80px;
	}

	.deshbord_content_inner {
		padding: 32px 24px 48px;
	}

	.workshops-inner {
		padding: 32px 24px 24px;
	}

	.page-links-my-ac {
		padding: 0 24px;
	}

	.accountdetails-blk {
		padding: 32px 24px 48px;
	}

	.request-body-blk {
		padding: 9px 24px;
	}

	.grand-totle {
		padding: 32px 0 0 0;
	}

	.duur-blocks {
		padding: 0 0 2px;
		border-bottom: #d2d2d2 solid 1px;
	}

	.Klantgegevens-blocks {
		padding: 32px 24px;
	}

	.myaccount-left {
		padding: 48px 20px 0;
	}

	.btn-row-req {
		padding: 38px 0 0 0;
		flex-direction: column;
	}

	.artiesten_list_inner {
		padding: 32px 16px;
	}

	.artiesten_list_mian {
		padding: 4px 16px 16px;
	}

	.company-data-list {
		padding: 32px 20px;
	}

	.Customer-details-order {
		padding: 0 24px 32px;
	}

	.Customer-details-inner {
		padding: 20px;
	}

	.download-listing-new {
		padding: 0 24PX 48PX 24px;
	}

	.addworkshop-inner {
		padding: 48px 24px;
		width: 100%;
	}

	.profileinfotext {
		margin: 10px 0 6px;
		padding: 0px;
	}

	.grp_lista_main {
		padding: 24px 16px;
	}

	.addworkshop-details-top {
		padding: 48px 24px 0;
	}

	.addworkshop-details-top {
		padding: 32px 24px 0;
	}

	.addworkshop-details-top-inner {
		padding: 0 0 24px;
	}

	.request-form-details {
		padding: 0 0 39px 0;
	}

	.w3_quate_detail {
		padding: 24px 0 32px;
	}

	.w3_quate_detail_row {
		flex-direction: column;
	}

	.side-check-list {
		padding: 2px 0 12px;
	}

	.gift-details-page .quantity,
	.custom-coupon-prie {
		padding: 28px 0 0 0;
	}

	.check-row-shop > .check-row-shop {
		padding-left: 10px;
	}
}

/* --------------------------------------------------------------------------
   11. Cart, checkout & order pages (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.woocommerce-form-coupon-toggle {
		padding: 0 0 40px;
	}

	.thankyou-page-checkout {
		padding: 0px;
	}
}

/* --------------------------------------------------------------------------
   12. My Account: navigation, dashboard, forms, quote requests, chat (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.grp_lista_row > .grp_lista_col {
		padding: 8px 15px;
		width: 100%;
	}

	.select-small-main .select-small {
		width: 100%;
		border: solid 1px #d0d0d0;
		margin: 5px 0;
	}
}

/* --------------------------------------------------------------------------
   13. Content pages: about, become a provider, FAQ, contact, news, legal, 404 (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.image-vertical {
		margin: 0 0 12px;
	}

	.ct-box-main {
		flex-direction: column;
		padding: 0;
	}

	.news-details-page {
		padding: 48px 0 0 0;
	}

	.news-contain {
		padding: 0 0 64px;
	}

	.news-data-inner {
		padding: 0 0 56px;
	}

	.news-releted-blocks {
		padding: 64px 0 80px 0;
	}
}

/* --------------------------------------------------------------------------
   14. Footer (continued)
   Kept below the rules above on purpose: they may style the same elements with
   the same specificity, so moving these up would change how the page looks.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.f_social-main {
		padding: 20px 0 0 0;
	}

	.f-logo-web {
		margin-left: auto;
	}
}