:root {
    --Bannerbackground: #f2f2f7;
    --border-radius: 8px;
    --border-color: #e1e1e1;
    --lightGrayBg: #f7f8f8;
    --reviewcolor: #ffa41c;
    --primaryDefault: #16202C;
    /*--sticky-shadow for ss_sticky box shadow*/
    --sticky-shadow: 0 4px 6px -1px #e2e8f0, 0 2px 4px -2px #e2e8f0;
    --pageStickyheight: 255px;
}
.ss_dept_banner{background-color:var(--Bannerbackground);padding:30px 0;position:relative;overflow:hidden;transition:all .25s ease; margin-bottom:40px}
.ss_dept_banner .container{padding:0 20px;max-width: 1390px; }
.ss_dept_banner .breadcrumb { font-size:13px;margin-bottom:6px; padding-bottom: 10px;background-color:transparent; padding:0 }
.slick-dots li button::before{content:"";width:7px;height:7px;background-color:currentColor;border-radius:100%;position:absolute;position:absolute;top:50%;transform:translate(-50%,-50%);left:50%}
.ss_dept_banner h2{margin-bottom:0;}

.ss_dept_banner_sub_heading {margin-bottom:10px}
.ss_dept_banner_sub_heading h2{font-size:18px;margin-bottom:2px;font-weight:var(--text-bold);font-family:var(--ss-font-sans-serif)}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt_Wrapper .ss_dept_banner_sub_heading p{margin-bottom:0!important;}
.ss_dept_banner_sub_heading .ss_dept_price_range{font-size:16px;line-height:1.5; color:var(--primarycolor);}
.ss_dept_banner_sub_heading .ss_dept_price_range .price{ font-weight:var(--text-bold);font-size:20px;}

.ss_dept_main_heading{padding-bottom:0;row-gap:5px;border-bottom:none;display: flex;flex-flow: row wrap;width: 100%;align-items: center; margin-bottom:20px;}
.ss_dept_main_heading h1{margin-bottom: 0;flex-grow: 1;}
/*.ss_dept_main_heading > h1 { margin-bottom: 0; flex-grow: 1; --heading-font: 'Raleway'; font-size: 34px; font-weight: 500;--heading-letter-spacing:0; }*/
/*.ss_dept_sub_heading { font-size: 21px; font-family: 'Raleway'; font-weight: 600;color: var(--primaryDefault) !important; }*/
.ss_dept_main_heading > h1 sup{font-size: 21px; vertical-align: top; top: inherit; position: inherit; line-height: inherit;}
.department-thumb-area, .xpslider ul li a { max-width: 100%; margin: 0 auto; text-align: center; height: 240px; border-radius: var(--border-radius); overflow: hidden; }
.slidercontainer{float:none;margin:0;width:auto}
.ss_dept_details_view .ss_dept_txt_box { display: flex; gap: 20px;--box-shadow:var(--sticky-shadow); align-items: flex-start }
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt{flex:1 0 0%;max-width:100%;display:flex;flex-wrap:wrap;--pageMainStickyWidth:200px;--gap:15px;padding:10px 0;margin-top:-10px;}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt .ss_dept_txt_Wrapper{flex:1 0}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt .ss-page-sticky-box.blank { display: none; }
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt .ss-page-sticky-box{width:calc(var(--pageMainStickyWidth) + var(--gap));transition:.3s;padding-left:var(--gap)}
.ss_dept_details_view .ss_dept_txt_box [data-total-stickies="1"] .ss-page-sticky-box:not(.ss_sticky_1) { display: none }
/*.ss_dept_details_view .ss_dept_txt_box [data-total-stickies="1"] .ss-page-sticky-box.ss_sticky_1{width:320px}*/
.ss_dept_details_view .ss_dept_txt_box [data-total-stickies="2"] .ss-page-sticky-box.ss_sticky_3{display:none}
.ss-page-sticky-box .ss-page-sticky, .ss-page-sticky-box .sticky_containBox { border-radius: var(--border-radius); height: var(--pageStickyheight); background-color: #fff; box-shadow: var(--sticky-shadow) !important; padding: 10px; width: auto; margin: 0; position: relative; text-decoration: none; /*overflow:hidden;*/ }
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt_Wrapper h1{font-size:30px;color:var(--primaryDefault);margin-bottom:10px}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt_Wrapper p{font-size:16px;color:var(--primaryDefault);line-height:1.5;margin-bottom:7px;color:var(--primaryDefault)}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt_Wrapper p.body8{font-size:14px;}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt_Wrapper ul.list-unstyled{margin-bottom:0;margin-top:7px;}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt_Wrapper ul.list-unstyled li{font-size:16px;line-height:1.5;color:var(--primaryDefault);position:relative;text-indent: -10px;padding-left: 10px;}
/*.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt ul.list-unstyled li::after{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:100%;background-color:var(--primaryDefault)}*/
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt_Wrapper ul.list-unstyled li+li{margin-top:8px}
  .ss_dept_details_view .ss_dept_txt_box .ss_dept_txt .ss_dept_txt_content { position: relative; font-size: 16px; line-height: 1.5; }
.ss_dept_txt .ss_dept_txt_Wrapper.ss_dept_txt_read_more .ss_dept_txt_content:not(.active){overflow:hidden}
.ss_dept_txt .ss_dept_txt_Wrapper.ss_dept_txt_read_more .ss_dept_txt_read_more_link{padding-top:4px;padding-left:12px;font-size:16px;line-height:1.5;position:relative}
.ss_dept_txt .ss_dept_txt_Wrapper.ss_dept_txt_read_more .ss_dept_txt_read_more_link .disabled{pointer-events:none;user-select:none}
.ss_dept_txt .ss_dept_txt_Wrapper:not(.ss_dept_txt_read_more) .ss_dept_txt_read_more_link{display:none}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt .ss_dept_txt_content.active,.ss_dept_txt .ss_dept_txt_Wrapper:not(.ss_dept_txt_read_more) .ss_dept_txt_content{height:auto!important}
.ss_dept_txt .ss_dept_txt_Wrapper.ss_dept_txt_read_more .ss_dept_txt_content:not(.active):after{position:absolute;height:35%;bottom:0;left:0;right:0;background:linear-gradient(180deg,hsl(240deg 23.81% 95.88% / 38%) 0,hsl(240deg 23.81% 95.88% / 41%) 54%,#f2f2f7);content:"";display:block}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_img{flex:1 0 0%;max-width:300px}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_img .ss_dept_slider{position:relative;width:100%;display:flex;align-items:center;justify-content:center}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_img .ss_dept_slider .department_gallery_slider{font-size:0;margin-bottom:0}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_img .ss_dept_slider .department_gallery_slider:not(.slick-initialized){height:0;opacity:0;visibility:hidden}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_img.no_image_slider{text-align:center;background-color:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);}
.ss_dept_details_view .ss_dept_txt_box .ss_dept_img.no_image_slider img{max-width:100%; max-height:240px;}
.ss_dept_txt_box .ss_dept_img .ss_dept_slider .department_gallery_slider .department_gallery_item{border-radius:var(--border-radius);overflow:hidden}
@media (max-width: 1300px) {.ss_dept_details_view .ss_dept_txt_box .ss_dept_txt .ss-page-sticky-box.ss_sticky_3 { display: none !important; }}
@media (max-width: 991px) {.ss_dept_details_view .ss_dept_txt_box .ss_dept_img { display: none; }}

.ss_dept_txt .videoDHU .videoThumb {padding: 0;border: 0px;}

/*sticky css */
.ss-page-sticky-box .panelBody_Img img{max-width:100%;max-height:85px;}
.ss-page-sticky-box .panelBody_Img{text-align: center;}
.ss-page-sticky-box .panelBody_Img>a{display:block;}
.ss-page-sticky-box .panelDetail_box{margin-top:5px;}
.ss-page-sticky-box .panelHeadB,
.ss-page-sticky-box .panelHeadA {  font-size: 14px; line-height: normal; padding: 0; margin-bottom:8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  overflow: hidden;}
.ss-page-sticky-box .panelHeadB a,
.ss-page-sticky-box .panelHeadA a{color: var(--primaryDefault);}
.ss-page-sticky-box .panelBodyB,
.ss-page-sticky-box .panelBodyA{ height:auto;font-size: 13px;line-height: 1.4;}

.ss-page-sticky-box .videoThumb {font-size: 13px;line-height: 1.4;font-family: var(--ss-font-sans-serif) !important;padding:0!important; border-radius:0; border:none;}
.ss-page-sticky-box .videoThumb .videoTitle{font-family: var(--ss-font-sans-serif) !important;font-size: 14px;line-height: 1.4;font-weight:var(--text-bold)}
.ss-page-sticky-box .videoThumb .videoTitle a{color:var(--primaryDefault)!important;font-weight:var(--text-bold)}
/*.ss-page-sticky-box .videoThumb .videoTitle a>img{display:none;}*/
.ss-page-sticky-box .bullet{margin-bottom:5px;}
.ss-page-sticky-box .videoDHU,
.ss-page-sticky-box .videor {margin-top: 0;}
.ss-page-sticky-box .vcontent{ padding:0!important;}

.ss_dept_banner li.active.dot.videodot{background-color:transparent;}

.ss_dept_details_view .ss-page-sticky-box .shippingBlock.ss-page-sticky .card-body {
    padding: 0;
}
.ss_dept_details_view .ss-page-sticky-box .shippingBlock.ss-page-sticky .card{ box-shadow:none!important;}
.ss_dept_details_cont .ss-dept-inner-right-cont .sticky-main, .ss_video_main-cont .ss_video-cont {box-shadow: var(--box-shadow) !important;}
.ss-page-sticky-box .ss_video_main-cont .ss_video-cont{padding:10px;height:var(--pageStickyheight);border-radius: var(--border-radius); position:relative;background: #fff;}

.ss_dept_banner #yarnball{ margin-bottom:6px}
.ss-page-sticky-box .ss_video_main-cont .ss_video-cont .videoDHU .videotab{display:none;}


@media (min-width: 768px) {
    .ss_dept_main_heading > .section_right { padding:0;}
    .dept_code{ margin:0;}
}

/* fix banner css in mobile view */
/*@media (max-width:767px) {*/
@media (max-width:767px) {
    .ss_dept_banner .container,
    .ss_dept_banner{width: 768px;}

    
    #main-container .ss_dept_banner .container,
    #main-container .ss_dept_banner{width: 768px;}

    #main-container .ss_dept_banner {background-color: transparent;padding: 0;margin-bottom: 20px; overflow:inherit;}
    #main-container .ss_dept_banner .container.ss_no_sticky{ padding:0;}
    #main-container .ss_dept_details_view .ss_dept_txt_box .ss_dept_txt{flex-flow:column;row-gap:15px; margin:0;padding:0}
    #main-container .ss_dept_main_heading{ margin-bottom:15px;row-gap:4px;}
    #main-container #ratingDiv{ margin-top:0!important}
    #main-container .ss_dept_details_view .ss_dept_txt_box .ss_dept_txt_Wrapper p,
    #main-container .ss_dept_details_view .ss_dept_txt_box .ss_dept_txt .ss_dept_txt_content{font-size:14px;}

    #main-container .ss_dept_txt .ss_dept_txt_Wrapper.ss_dept_txt_read_more .ss_dept_txt_content:not(.active):after{background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .75) 54%, #fff)!important;}
    #main-container .ss_dept_txt .ss_dept_txt_Wrapper.ss_dept_txt_read_more .ss_dept_txt_read_more_link{font-size:15px;display:block!important;/*padding-left:0!important;*/}
    /*body .ss_dept_txt .ss_dept_txt_Wrapper.ss_dept_txt_read_more .ss_dept_txt_read_more_link a{display:block; border:1px solid #e8e8e8;text-align: center;text-decoration: none; margin:var(--marginOffset);padding:8px var(--container-padding);}    */   
}
/*fix banner css in mobile view*/
.related-video {position: absolute;top: -6px;background: url(/img/src/related-video.png) no-repeat;width: 84px;height: 83px;right: -7px;z-index: 46;}
.ss-page-sticky-box .ss_video_main-cont .ss_video-cont .videor .videotab{display:none!important;}

/* magiczoom css */
.department-zoom-gallery {text-align: center; position: relative;}                            
.department-thumb-area { max-width: 100%; margin: 0 auto; text-align: center;height: 240px; border-radius: var(--border-radius); overflow: hidden;}
a[data-zoom-id], .mz-thumb, .mz-thumb:focus { display: inline-block; outline: none; }
.department-zoom-gallery .department-selectors { display: inline-flex; column-gap: 6px; row-gap: 10px; align-items: center; justify-content: center; background: rgba(255, 255, 255, .8); border-radius: 12px; position: absolute;left: 50%;transform: translatex(-50%); bottom: -25px; }
.department-zoom-gallery .department-selectors a { width: 18px; height: 18px;border-radius: 100%; font-size: 0;position: relative;}                            
.department-zoom-gallery .department-selectors a::after{width: 7px; height: 7px; background: #b5b5b5; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; border-radius: 100%;}
.department-zoom-gallery .department-selectors a.mz-thumb-selected::after,
.department-zoom-gallery .department-selectors a.mz-thumb.active::after{background: #0d6efd;}

.department-zoom-gallery .department-selectors a[data-slide-id*="departmentVideo"]::after{border-radius: 0px; width: 0px; height: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #b5b5b5; border-right: 0px solid transparent; vertical-align: top; background-color: transparent;}
.department-zoom-gallery .department-selectors a[data-slide-id*="departmentVideo"].mz-thumb-selected::after,
.department-zoom-gallery .department-selectors a[data-slide-id*="departmentVideo"].mz-thumb.active::after{background: transparent;border-left-color: #0d6efd;}
                
a[data-zoom-id] img, a[data-slide-id] img, .mz-thumb img { border: 0; box-shadow: none; box-sizing: border-box; max-width: 0px; max-height: 0px; padding: 0; opacity: 0; }
.selectorsHidden { display: none !important; }

.zoomgallery { text-align: center; }
.department-zoom-gallery-slide { display: none; }
.department-zoom-gallery-slide.active { display: block; }
.department-zoom-gallery .video-slide { position: relative; overflow: hidden; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);border-radius: var(--border-radius); }

/* magiczoom css end  */