@bg-header-top: #1fbddd;
@color-span-header-top: #ffcc00;
@theme__color__primary: #15bcdc;
// Vertical Menu
@vertical_menu_title_color: @color-white;

@super-deal-bg: #ea0d42;

// Layout
@layout__max-width: 1440px;
@image_border-radius: 5px;
@button__border-radius: 40px;
// Footer vairable
@button__background: @theme__color__primary;
@footer__background-color: #f6f7f9; 
@footercolor: #394a6f;
@footer-title-color: #263c97;
@footer-border-color: @border-color__base;
@footer_content_margin_top: 1rem;
@footer-title-mobile_bg: @color-white;
@footer_item_width_tabel: 50%;

// Border Color Base
@border-color__base: #e2e6ef;

@space_vertical_product_grid: 0;

// Color Icon Product
@icon_product_action_color: @footer-title-color;

// Product 
@product-name-link__color: @footer-title-color;
@product-name-link__color__hover: @theme__color__primary;

// Price Color
@price_color: @footer-title-color;
@specail_price_color: #ea0d42;
@old-price_color: #99a2b5;
// Rating 
@rating-icon__color: #c7c7c7;
@rating-icon__active__color: #ff9300;

@button-bg-add-cart: #f0f3f6;

// Heading
@h3__font-color: @footer-title-color;

// 
@text__color: @footer-title-color;

@heading__color__base: @footer-title-color;
@topbarcolor: #5b6c8f;

// Blog Post Shadow
@recent_post_hover_box-shadow: false;

@specail_price_color: #ea0d42;

// Superdeals
@ruler-sold-count: @specail_price_color;

// Grid product hover
@custom_shadow_light: 0 0 20px 0 rgba(0, 0, 0, 0.08);

// Submenu
@submenu-desktop-item__color: @footercolor;
@level1_vertical_color: @button__background;

@product-button-icon-bg: #f5f5f5;
@product-button-icon-quick-view-bg: @product-button-icon-bg;
@product-button-icon-wish-list-bg: @product-button-icon-bg;

@old-price_color: #99a2b5;
@greycolor: @old-price_color;

// Bg Button Search Header
@bg-button-icon-search: #1fbddd;
// Header 
@post-category-bg: @theme__color__primary;

@recent_post_infor-padding: 2.5rem 0 0; 
@recent_post_infor-mobile-padding: 1.5rem 0 0;
@header-icons-color: @color-white;
@vertical_level0_color: @footer-title-color;
@level1_vertical_color: @footer-title-color;
@_button-background-hover: #13a8c5;
& when (@media-common = true){
	.medical-02{
		.header_top{
			padding: 7px 0;
			background: @bg-header-top;
			.header_top-title{
				p{
					color: @color-white;
					text-align: center;
					span{
						color: @color-span-header-top;
					}
				}
			}
		}
		.top-search-not-dropdown{
	        .block.block-search{
	            .block-content{
	                .dropdown{
	                    .form.minisearch{
	                        .actions{
	                            .action.search{
	                                top: -@_search-border-width;
	                                right: -@_search-border-width;
	                                bottom: -@_search-border-width;
	                                .lib-css(background-color , @bg-button-icon-search);
	                                border-top-left-radius: 0px;
	                                border-bottom-left-radius: 0px;
	                            }
	                        }
	                    }
	                }
	            }
	        }
	    }
	}
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__s){
	 .page-header{
        .header-container{
            .header_top{
                display: none;
            }
        }
    }
}
// Slider
& when (@media-common = true){
	.wrapper-the-blue-sky-slider.section.full-width{
		margin-bottom: 3rem;
		.container-the-blue-sky-slider{
			img{
				border-radius: 0;
			}
			.nivo-caption{
				.banner-postion-fixed{
					.container{
						h2:nth-of-type(1){
							margin-bottom: 0;
						}
						h2:nth-of-type(2){
							font-weight: 500;
							margin-bottom: 18px;
						}
						h4{
							font-weight: 400;
						    margin-left: 6px;
						    margin-right: 2px;
						}
						p.inline{
							margin-top: 0;
   							margin-bottom: 0;
						}
						a.btn{
							display: block;
						    max-width: 20rem;
						    text-align: center;
						}
					}
				}
			}
		}
	}     
}
// Slider Desktop
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m){
	.slider-wrapper{
        .container-the-blue-sky-slider{
            .banner-postion-fixed{
                .container{
                    padding-left: 9rem;
                }
            }
        }
    }
}
// Slider Mobile
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m){
	.slider-wrapper{
        .container-the-blue-sky-slider{
            .banner-postion-fixed{
                .container{
                    padding-left: 6rem;
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__s){
	.slider-wrapper{
        .container-the-blue-sky-slider{
            .banner-postion-fixed{
                .container{
                    padding-left: 4rem;
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__xs){
	.slider-wrapper{
        .container-the-blue-sky-slider{
            .banner-postion-fixed{
                .container{
                    padding-left: 1.5rem;
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m){
	.banner.banner-top,
	.banner.banner-buttom,
	.banner.banner-group-top,
	.banner.banner-group-bottom{
		.col-banner.absolute-content-image.center.left{
			margin-bottom: 0;
			.content{
				padding-left: 3.5rem;
			}
		}
	}
	.group-product{
		.wrapper_sub_category_tabs{
			padding: 7px 35px 0;
		}
		.button-shop{
			margin: 0 3.5rem;
		}
		.group-product-item{
			.wrap-banner-category{
				border-right: 0;
				@border-radius: @image_border-radius @image_border-radius 0 0;
				 .lib-css(border-radius, @border-radius, @_prefix: 1);
			}
		}
	} 

}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__s){
	.banner.banner-top,.banner.banner-buttom,
	.banner.banner-group-top,.banner.banner-group-bottom{
		.col-banner.absolute-content-image.center.left{
			.content{
				padding-left: 2rem;
			}
		}
	}   
	.group-product{
		.wrapper_sub_category_tabs{
			padding: 1rem 2rem 0;
		}
		.button-shop{
			margin: 0 2rem;
		}
	} 
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m){
	.section.hot-deal-tab-slider{
		.supper-deal-title{
			border-bottom: none;
		}
	} 
	.rokan-title,
	.block .title.rokan-title{
		.module-title, h3{
			border-bottom: none;
			span,
			strong{
				&:after{
					content: none;
				}
			}
		}
	}
	.section.hot-deal-tab-slider{
		.products-grid{
			.product-items{
				.owl-stage-outer{
					.owl-stage{
						.owl-item.active{
							&:hover{
								.product-item{
									.product-item-info{
										&:after{
											content: "";
		                                    position: absolute;
		                                    right: 0px;
		                                    top: 0;
		                                    bottom: 0;
		                                    background: @color-white;
		                                    width: 1px;
		                                    z-index: 999;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	} 
	.section.hot-deal-tab-slider-customcss{
		.rokan-title{
			margin-bottom: 1rem;
		}
        .products-grid{
            .product-items.owl-carousel{
                .product-item{
                    &::before{
                        z-index: -1;
                        left: -1px;
                        top: -1px;
                        right: -1px;
                        background: @color-white;
                        border: 1px solid @border-color__base;
                        opacity: 0;
                    }
                    &:hover{
                        &::before{
                           opacity: 1;
                        }
                    }
                }
            }
        }   
    }
    // Border Add To Cart
    .products-grid{
        .product-items.owl-carousel{
            .product-item{  
                &::before{
                    bottom: -5.1rem;
                }
            }
        }
    }    
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m){
	// Hide Box-shadow Mobile Supper Deal Setting.
	.section{
		.product-items{
			.product-item{
				box-shadow: none;
			}
		}
	} 
	// Banner Buttom Img Full Width
	.banner{
		.col-banner{
			.banner-img{
				width: 100%;
			}
		}
	}  
}
// Supper Deal Setting
& when (@media-common = true){
	.section.hot-deal-tab-slider-customcss{
		.rokan-title{
			.supper-deal-title{
				.title-deal{
					span{
						font-weight: 500;
					}
				}
			}
		}
		.products-grid {
			.product-items{
				border-radius: @image_border-radius;
    			 border: 2px solid @super-deal-bg;
    			 .owl-stage-outer{
    			 	.owl-stage{
    			 		.owl-item.active{
    			 			&:not(.last-active-item){
    			 				.product-item-info{
	    			 				&::before{
	    			 					content: "";
									    position: absolute;
									    top: 0;
									    right: 0;
									    bottom: 0;
									    border-right: 1px solid @border-color__base;
	    			 				}
	    			 			}
    			 			}
    			 			.product-item-info{
    			 				.product-item-details{
    			 					.product-sold{
    			 						 .count-sold-available{
                                            .count-sold{
                                                color: @topbarcolor;
                                            }
                                        }
    			 					}
    			 				}
    			 			}
    			 		}
    			 	}
    			 }
			}
		}
	} 
}
// Group Product
& when (@media-common = true){
	.medium{
		font-weight: 500;
	}
	.group-product{
		.wrap-title{
			.rokan-title.has-see-all{
				margin-bottom: 1rem;
				.module-title{
					font-weight: 500;
					margin-bottom: 14px;
				}
			}
		}
		.group-product-item{
			border: 1px solid @border-color__base;
			margin: 0;
			@border-radius: @image_border-radius;
			.lib-css(border-radius, @border-radius, 1);
			.wrap-banner-category{
				.flex();
				flex-direction: column;
				justify-content: space-between;
		    }
		    .wrapper_product_tabs{
				.rokan-title{
					margin-bottom: 0;
				}
				.content_block{
					.products-grid{
						.owl-carousel{
							.owl-stage-outer{
								.owl-item.active{
									.item-row{
										.product-item{
											border-right: 1px solid @border-color__base;
											border-radius: 0;
											&:not(:first-of-type){
												border-top: 1px solid @border-color__base;
											}
											&:nth-of-type(1){
												z-index: 3;
												&:hover{
													z-index: 5;
												}
											}
										}
									}	
									&.last-active-item{
										.item-row{
											.product-item{
												border-radius: 0 @image_border-radius 0 0;
												&:not(:first-of-type){
													border-radius: 0 0 @image_border-radius 0;
												}
												border-right: none;
											}
										}
									}
								}	
							}
						}
					}
				}
			}
		}
		.banner{
			.col-banner.absolute-content-image.center.left{
				&.radius{
					@border-radius: @image_border-radius 0 0 0;
					.lib-css(border-radius, @border-radius, 1);
				}
				.content{
					h6{
						padding: 0.5rem 1.5rem;
						background: @super-deal-bg;
						@border-radius: 2px;
                        .lib-css(border-radius, @border-radius, 1);
					}
					h3{
						line-height: 1.15;
						margin-bottom: 5px;
						.medium{
							font-weight: 500;
						}
					}
					.button-wrap{
						text-align: left;
						a.btn{
							background: @footer-title-color;
							padding: 11px 45px;
						}
					}
				}
			}
		}
		// Sub Category Column
		.wrapper_sub_category_tabs{
			.category-thumb-section{
				.widget-tabs{
					padding-bottom: 32px;
					ul{
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						li{
							margin-bottom: 0;
							a{
								margin-bottom: 0;
								background-image: none;
								font-weight: 400;
								figure + span{
									margin: 0;
								}
								span{
									color: @footer-title-color;
									font-size: 14px;
									line-height: 1;
									@transition: all 0.3s ease;
									.lib-css(transition, @transition, 1);
									&:hover{
										color: @theme__color__primary;
									}
								}

							}
						}
					}
				}
			}
		}
		&.row, .row{
			> div[class*="col-"]{
				padding: 0;
			}
		}
		// Button Shop
		.button-shop{
			border-top: 1px solid @border-color__base;
			a{
				text-transform: capitalize;
				position: relative;
				&:before{
					content: "\e955";
					font-family: 'icon-dukamarket';
					position: absolute;
					right: -2.2rem;
					color: @theme__color__primary;
					font-size: 16px;
					top: -5px;
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__l){
	.group-product{
		.wrapper_sub_category_tabs{
			padding: 14px 40px 0;
		}
		.button-shop{
			padding: 26px 0;
    		margin: 0 40px;
		}
	} 
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__l){
	.group-product{
		.wrapper_sub_category_tabs{
			padding: 0px 25px 0;
		}
		.button-shop{
			padding: 21px 0;
    		margin: 0 25px;
		}
	} 
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m){
	.group-product{
		.pagebuilder-column-group{
			.wrap-banner-category{
				border-right: 1px solid @border-color__base;
				@border-radius: @image_border-radius 0 0 0;
				.lib-css(border-radius, @border-radius, 1);
			}
		}
	}  
	.wrapper_product_tabs{
		.products-grid{
			.product-items.owl-carousel{
				.product-item{
					&:hover{
						&:before{
							opacity: 1;
						}
					}
					&:before{
						z-index: -1;
					    left: -1px;
					    top: -1px;
					    right: -1px;
					    background: @color-white;
					    border: 1px solid @border-color__base;
					    opacity: 0;
					}
				}
			}
		} 
	}
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m){
	.group-product-item{
		.wrapper_product_tabs{
			border-top: 1px solid @border-color__base;
		}
	}
}
// Product Banner
& when(@media-common = true){
	.wrapper_product_banner{
		.rokan-title{
			margin-bottom: 2.1rem;
			.module-title{
				font-weight: 500;
				line-height: 0.7;

			}
		}
		.widget-product{
			 margin-bottom: 6rem;
			.wrapper.grid.products-grid{
				.product-items.owl-carousel{
					.owl-stage-outer{
						padding-bottom: 0;
						.owl-item{
							.item-row{
								height: 100%;
								.product-item{
									border-top: 1px solid @border-color__base;
									border-left: 1px solid @border-color__base;
									border-bottom: 1px solid @border-color__base;
									border-radius: 0;
									.product-item-info{
										.product-reviews-summary{
											.reviews-actions{
												.view{
													span{
														&:first-child{
															font-size: 12px;
														}
														&:last-child{
															display: none;
														}
													}
												}
												.add{
													display: none;
												}
											}
										}
										.product-item-inner{
											.actions-primary{
												position: relative;
											    padding: 7px 0 0;
											    bottom: 0;
											    width: 100%;
											    .tocart{
											    	background: @button-bg-add-cart;
											    	color: @footer-title-color;
											    	&:hover{
											    		background: @theme__color__primary;
											    		color: @color-white;
											    	}
											    }
											}
										}
									}
									&.product-images{
										.product-item-info{
											padding: 0;
											a{
												background-repeat: no-repeat;
											    background-size: cover;
											    display: block;
											    background-position: center;
											}
										}
									}
								}
							}
							&.first-active-item{
								.product-item{
									border-radius: @image_border-radius 0 0 @image_border-radius;
								}
							}
							&.last-active-item{
								.product-item{
									position: relative;
									border-radius: 0 @image_border-radius @image_border-radius 0;
									&:before{
										content: "";
									    position: absolute;
									    top: 0;
									    bottom: 0;
									    right: 0;
									    border-right: 1px solid @border-color__base;
									}
								}
							}
						}
					}
				}
			}
		}
	}  
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m){
	.wrapper_product_banner{
		.widget-product{
			.products-grid{
				.product-items.owl-carousel{
					.owl-item{
						.product-item{
							&:hover{
								&:before{
									box-shadow: none;
									 pointer-events: none;
								}
							}
							&:before{
								content: none;
							}
							.actions-primary{
								opacity: 1;
								@transform: translateY(0);
								.lib-css(transform, @transform, 1);
							}
						}
					}
				}
			}
		}
	}      
}
// Blog Post
& when(@media-common = true){
	.section.block-recent-posts{
		.rokan-title{
			margin-bottom: 0;
			.module-title{
				font-weight: 500;
    			line-height: 0.8;
				margin-top: 8px;
			}
		}
		.post-list-wrapper{
			.blog-list-post{
				.item-post-full{
					.post-list-wrapper
					.blog-post-info{
						.post-header{
                            .post-title-holder{
                                .post-title{
                                    a:not(:hover){
                                        color: @footer-title-color;
                                    }
                                }
                            }
                            .post-info{
                                .post-author{
                                    .label{
                                        .lib-css(color, @old-price_color);
                                    }
                                }
                            }
                        }
					}
				}
			}
		}
	}  
}
// Newsletter Form
& when(@media-common = true){
	.section.block-newsletter-form{
		background-attachment: scroll;
		.container{
			.newsletter-form{
				.rokan-title{
					margin-bottom: 21px;
					.module-title{
						color: @color-white;
						font-weight: 500;
						margin-bottom: 4px;
					}
					p{
						font-size: 1.8rem;
						line-height: 1.66;
					}
				}
				.content{
					.subscribe{
						.newsletter{
							.control{
								height: 55px;
							    padding: 3px 3px 3px 0;
							    background: @color-white;
							    border-radius: 2px;
							    .input-focus{
							    	input{
							    		border: none;
							    	}
							    }
							    .actions{
                                    button{
                                        background: @theme__color__primary;
                                        color: @color-white;
                                        border-bottom-left-radius: 2px;
                                        border-top-left-radius: 2px;
                                        padding: 16px 45px 15px;
                                        &:hover{
                                        	background: @_button-background-hover;
                                        }
                                    }
                                }
							}
						}
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__l){
	.section.block-newsletter-form{
		.container{
			.newsletter-form{
				max-width: 554px;
			}
		}
	}  
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m){
	.page-wrapper{
		.section.block-newsletter-form{
			padding: 8.7rem 0;
			.container{
				.newsletter-form{
					width: 50%;
				}
			}
		}
	}   
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__m){
	.page-wrapper{
		.section.block-newsletter-form{
			padding: 6rem 0;
		}
	}
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__s){
	.section.block-newsletter-form{
		.container{
			.newsletter-form{
				width: 70%;
			}
		}
	} 
	.group-product{
		.wrapper_sub_category_tabs{
			.category-thumb-section{
				.widget-tabs{
					ul{
						grid-column-gap: 2.5rem;
					}
				}
			}
		}
	}    
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__xs){
    .section.block-newsletter-form{
        .container{
            .newsletter-form{
                max-width: 513px;
            }
        }
    } 
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__xs){
	.section.block-newsletter-form{
		.container{
			.newsletter-form{
				width: 100%;
				.rokan-title{
					text-align: center;
				}
			}
		}
	}  
}
// Custom Next Back
& when (@media-common = true){
    div[class*="product"],
    .crosssell{
        &.section,
        .block-content{
            &.owl-carousel .products-grid,
            .products-grid .owl-carousel,
            .products-grid.products-crosssell{
                &:hover{
                    .owl-nav{
                        button{
                            &.owl-prev{
                                @_transform: translate(-50%, calc(~'-50% ')) scale(1);
                                .lib-css(transform, @_transform, @_prefix: 1);
                                @media only screen and (max-width: @screen__m){
                                    @_transform: translate(0, calc(~'-50% ')) scale(1);
                                    .lib-css(transform, @_transform, @_prefix: 1);
                                }
                            }
                            &.owl-next{
                                @_transform: translate(50%, calc(~'-50% ')) scale(1);
                                .lib-css(transform, @_transform, @_prefix: 1);
                                @media only screen and (max-width: @screen__m){
                                    @_transform: translate(0, calc(~'-50% ')) scale(1);
                                    .lib-css(transform, @_transform, @_prefix: 1);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
// Footer 
& when (@media-common = true){
	// See All
	.rokan-title{
		.module-title{
			.see-all{
				font-weight: 400;
			}
		}
	}
	body.cms-index-index{
		.page-footer{
			margin-top: 0;
		}
	} 
}
// Banner Group
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__l){
	.wrap-banner-category-content{
		.banner{
			.col-banner.absolute-content-image.center.left{
				.content{
					padding-left: 3.5rem;
					h6{
						margin-bottom: 2.5rem;
					}
					.button-wrap{
						margin-top: 24px;
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum ='max') and (@break =@screen__l){
	.wrap-banner-category-content{
		.banner{
			.col-banner.absolute-content-image.center.left{
				.content{
					h6{
						margin-bottom: 1.5rem;
					}
					p{
						margin: 1rem 0 0.7rem;
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum ='min') and (@break =@screen__m){
	 .shipping-support{
        .item-shipping{
            &:not(:last-child){
                border-right: 1px solid @border-color__base;
            }
        }
    }
}
// 
& when (@media-common = true){
	.post-list-wrapper{
		.blog-post-info{
			.post-posed-date{
				.label,
				.value{
					 .lib-css(color, @footer-title-color);
				}
			}
		} 
	}
	.section.banner-top{
		margin-top: 3rem;
	}
	.related{
		.block-title.title.rokan-title{
			.module-title{
				 border-bottom: 1px solid @border-color__base;
			}
		}
	}  
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l){
	.navigation{
        a{
            color: @footer-title-color;
        }
        .submenu {
            &:not(:first-child){
                ul{
                    > li{
                        a{
                            color: @footer-title-color;
                        }
                    }
                }
            }
        }
    }
}
// PAGE BUILDER
// Banner Bottom Builder + Slider
& when (@media-common = true){
	.column.main{
		.banner-bottom-builder{
			overflow: hidden;
			margin-left: 0;
			margin-right: 0;
			.pagebuilder-column-group{
				margin-left: -10px;
				margin-right: -10px;
				.pagebuilder-column{
					.pagebuilder-banner-wrapper{
						border-radius: @image_border-radius;
						.pagebuilder-overlay{
							.pagebuilder-poster-content{
								h4{
									text-transform: uppercase;
									margin-top: 0;
								}
								h2{
									font-weight: 400;
									text-transform: capitalize;
									margin-bottom: 5px;
								}
								p{
									font-size: 16px;
									text-transform: capitalize;
									margin-bottom: 0;
								}
							}
						}	
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l){
	.banner-bottom-builder{
		.pagebuilder-column-group{
			.pagebuilder-column{
				.pagebuilder-banner-wrapper{
					.pagebuilder-overlay{
						padding: 4.5rem 6rem;
						.pagebuilder-poster-content{
							h4{
								font-size: 1.4rem;
								margin-bottom: 1.4rem;
							}
							h2{
								font-size: 26px;
							}
							p{
								margin-top: 2.5rem;
							}
						}
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l){
	.banner-bottom-builder{
		.pagebuilder-column-group{
			.pagebuilder-column{
				.pagebuilder-banner-wrapper{
					.pagebuilder-overlay{
						padding: 3rem;
						.pagebuilder-poster-content{
							h4{
								font-size: 1.2rem;
								margin-bottom: 1.2rem;
							}
							h2{
								font-size: 24px;
							}
							p{
								margin-top: 2rem;
							}
						}
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m){
	.banner-bottom-builder{
		.pagebuilder-column-group{
			flex-wrap: nowrap;
			overflow: hidden;
			overflow-x: scroll;
			-ms-overflow-style: none;
			scrollbar-width: none;
			&::-webkit-scrollbar{
				display: none;
			}
			.pagebuilder-column{
				flex: 0 0 100%;
				.pagebuilder-banner-wrapper{
					.pagebuilder-overlay{
						padding: 3.5rem;
						.pagebuilder-poster-content{
							h4{
								font-size: 14px;
    							margin-bottom: 1.5rem;
							}
							h2{
								font-size: 26px;
							}
							p{	
								margin-top: 2.5rem;
							}
						}
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs){
	.banner-bottom-builder{
		.pagebuilder-column-group{
			.pagebuilder-column{
				.pagebuilder-banner-wrapper{
					.pagebuilder-overlay{
						padding: 3rem 2rem;
						.pagebuilder-poster-content{
							h4{
								font-size: 13px;
   	 							margin-bottom: 1.3rem;
							}
							h2{
								font-size: 24px;
							}
							p{
								margin-top: 2rem;
							}
						}
					}	
				}
			}
		}
	}
}
& when (@media-common = true) {
	.banner-top,
	.banner-center{
		.pagebuilder-column-group{
			margin-left: -10px;
			margin-right: -10px;
		}
	}
}
// Banner Top
& when (@media-common = true) {
	.banner-top{
		.pagebuilder-column-group{
			.pagebuilder-column{
				.pagebuilder-poster-content{
					p.medium{
						margin-bottom: 17px;
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
	.banner-top{
		.pagebuilder-column-group{
			.pagebuilder-column {
				.pagebuilder-banner-wrapper{
					padding: 20.5px 0;
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) {
	#html-body {
		.banner-top{
			.pagebuilder-column-group{
				.pagebuilder-column{
					.pagebuilder-overlay{
						padding: 20px 20px 20px 30px;
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
	#html-body {
		.banner-top{
			overflow: hidden;
			.pagebuilder-column-group{
				flex-wrap: nowrap;
                overflow: hidden;
                overflow-x: scroll;
                -ms-overflow-style: none;  /* IE and Edge */
                scrollbar-width: none;  /* Firefox */
                &::-webkit-scrollbar{
                    display: none;
                }
				.pagebuilder-column{
					width: 50%;
					flex: 0 0 auto;
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) {
	#html-body{
		.banner-top {
			.pagebuilder-column-group{
				.pagebuilder-column{
					flex: 0 0 auto;
					width: 100%;
				}
			}
		}
	}  
}
// Banner Center
& when (@media-common = true) {
	.banner-center{
		.pagebuilder-column{
			.pagebuilder-poster-content{
				p.medium {
					margin-bottom: 13px;
				}
				h3{
					margin-bottom: 25px;
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
	.banner-center{
		.pagebuilder-column{
			.pagebuilder-banner-wrapper{
				padding: 17.5px 0;
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l){
	#html-body{
		.banner-center{
			.pagebuilder-column{
				.pagebuilder-overlay{
					padding: 30px 20px 30px 30px;
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
	#html-body{
		.banner-center{
			overflow: hidden;
			.pagebuilder-column-group{
				flex-wrap: nowrap;
                overflow: hidden;
                overflow-x: scroll;
                -ms-overflow-style: none;  /* IE and Edge */
                scrollbar-width: none;  /* Firefox */
                &::-webkit-scrollbar{
                    display: none;
                }
				.pagebuilder-column{
					width: 100%;
					flex: 0 0 auto;
				}
			}
		}
	}
}
// Group Product 
& when (@media-common = true) {
	.group-product{
		.pagebuilder-column-group{
			border: 1px solid @border-color__base;
			border-radius: @image_border-radius;
			margin-left: 0;
			margin-right: 0;
			.pagebuilder-column{
				padding: 0;
				.pagebuilder-banner-wrapper {
					.pagebuilder-poster-content{
						h4{
							display: inline-block;
							padding: 0 1.5rem .2rem;
							background: @specail_price_color;
							text-transform: uppercase;
							@border-radius: 2px;
							.lib-css(border-radius, @border-radius, @_prefix: 1);
							margin-top: 0;

						}
						h2{
							font-weight: 400;
						}
						p{
							text-transform: capitalize;
							margin-bottom: 3.5rem;
						}
						.pagebuilder-button-primary{
							background: @footer-title-color;
							margin-top: 0;
							padding: 11px 45px;
						}
					}
				}
			}
		}
	}
}
// Group Product For Page Builder
& when (@media-common = true){
	.group-product{
		.pagebuilder-column-group{
			.pagebuilder-column.wrap-banner-category{
				.wrap-category-button{
					.flex();
					flex: 1;
					justify-content: space-between;
					flex-direction: column;
				}
			}
			.wrap-product-tabs{
				.wrapper_product_tabs{
					.products-grid{
						.owl-item.active{
							.item-row{
								.product-item{
									border-right: 1px solid @border-color__base;
									border-radius: 0;
									&:not(:first-of-type){
										border-top: 1px solid @border-color__base;
									}
								}
							}
							&.last-active-item{
								.item-row{
									.product-item{
										border-right: 1px solid transparent;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
	.group-product{
		.pagebuilder-column-group{
			.pagebuilder-column.wrap-banner-category{
				border-right: 1px solid @border-color__base;
				.pagebuilder-mobile-only{
					display: none !important;
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m){
	.group-product{
		.pagebuilder-column-group{
			.wrap-product-tabs{
				border-top: 1px solid @border-color__base;
			}
			.pagebuilder-column{
				.pagebuilder-mobile-only{
					border-radius: @image_border-radius @image_border-radius 0 0;
				}
			}
		}
	}
}
// Banner Background
& when (@media-common = true){
	.banner-background{
		.pagebuilder-banner-wrapper{
			.pagebuilder-overlay{
				.pagebuilder-poster-content{
					p{
						font-weight: 500;
						text-transform: uppercase;
						margin-bottom: 0;
						text-align: center;
						font-size: 1.4rem;
					}
				}
			}
		}
	}
}
& when (@media-common = true){
	.banner-background{
		.pagebuilder-banner-wrapper{
			.pagebuilder-overlay{
				.pagebuilder-poster-content{
					@media only screen and (min-width: (@screen__s + 1)){
						p{
							width: 70%;
						}
					}
				}
			}
		}
	} 	
}
& when (@media-common =true) {
	@media only screen and (max-width: (@screen__s + 1 )){
		.banner-background{
			.pagebuilder-banner-wrapper{
				.pagebuilder-overlay{
					&.pagebuilder-poster-overlay{
						align-items: flex-start;
					}
					.pagebuilder-poster-content{
						padding-top: 3rem;
					}
				}
			}
		}  
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) {
	.page-header {
		.navigation{
			ul.custommenu-list {
				li{
					&.active{
						border-top: none;
						border-bottom: none;
					}
					&.level0{
						ul{
							li.menu-item-has-children{
								border-top: none;
							}	
						}
					}
					&.my_account_link_custom{
						border-top: none;
					}
				}
			}
			ul.verticalmenu-list{
				li.ui-menu-item{
					&:first-child{
						border-top: 0;
					}
				}
			}
		}
	}
}
