.owl-carousel .owl-item img{display:block;width:100%;height:auto;}
.owl-thumbs{text-align:center;}
.owl-thumbs .owl-thumb-item{display:block;margin:10px 0 10px 0;border:2px solid #ccc;cursor:pointer; width: 100%;}
.owl-thumbs .owl-thumb-item:hover, .owl-thumbs .owl-thumb-item.active{border-color:#000;}
.bg-navtabs{background:#fff;}
.bg-navtabs ul, .bg-tabcontent .tab-content{width:85%;margin:0 auto;padding:0;}
.bg-tabcontent{background:#dededc;}
.tab-content h2{font-size:24px;}
.tab-content p{font-size:14px;font-family:PTSansRegular;}
.owl-thumbs button{padding:0;border:none!important;background:none;}
.owl-thumbs button img{width:100% !important;padding:8px;line-height:17px;border-radius:30px;background-color:#d0c9cc!important;float:left;margin-bottom:10px; height: auto !important;}
.panels .panel{ box-shadow: none;}
.panel-left{width:calc(100% - 200px);float:left;padding-right:30px;}
.panel-right{width:200px;float:left;}
iframe{ width:100%; height:340px; border: none; margin-bottom: 25px;}
.tabnav{background-color: #fff;}
.tabspanel{background-color: #dededc;}
.tabnav ul, .tabspanel .tab-content{ width: 83%; margin: 0 auto;}
.panel-left .owl-carousel{margin-top:0!important;}
.bg-navtabs a {font-size:1.4em; font-family:var(--titleFont); cursor:pointer;color:#494348; border:none!important;}
.tabnav li{ padding: 9px 15px; border:solid 1px transparent !important;}
.tabnav li a{ padding: 0 !important; margin: 0 !important; border: solid 1px transparent !important;}
.tabnav li a:visited{ border:solid 1px transparent !important; border-color: transparent !important;}
.tabnav a.active::after{ content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -3px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #dededc;}
.tabnav a{font-size: 1.4em;font-family: var(--titleFont); color: #494348; cursor: pointer;  border: 0;  position: relative;  padding: 10px 0;  margin-right: 20px;}
.tabspanel .owl-prev span, .tabspanel .owl-next span{background-color: var(--linkColor); padding: 4px; top: 0; border-radius: 100%; font-size: 30px;}
.tabspanel .owl-prev, .tabspanel .owl-next{ position: absolute; top: 150px;}
.tabspanel .owl-prev{ left: 30px;}
.tabspanel .owl-next{ right: 60px;}
.video-icons-heading{width:100%;float:left;font-family:var(--titleFont);text-align:center;font-size:16px !important;margin:0;}
.tabspanel .owl-prev span.glyphicon-triangle-left:before { content: "\e251";left: -2px;position: relative;}
.tabspanel .owl-next span.glyphicon-triangle-right:before{content: "\e250";right: -2px;position: relative;}
.owl-theme .owl-nav [class*=owl-]{ color: #fff !important;}
.advanced-filter-banner.advanced-filter-banner-video {background-image: url(https://images.liquorapps.com/wst/br/assets/Images/bg-filter-video.jpg); display: flex; align-items: center;}
.advanced-filter-banner {background-repeat: no-repeat; background-position: center center; background-size: cover; height: 316px; width: 100%; position: relative;}
.hero-text-advanced-filter-banner {color: #fff; font-family: var(--titleFont); text-align: left; width: 100%; text-transform: uppercase; float: left; padding: 0 105px;}
.hero-text-advanced-filter-banner span.hero-text-large {font-size: 9em; margin: 0;}
.warpper {display:flex;flex-direction: column; margin-top: 15px;}
.tabs {width: 100%; padding: 0 120px;}
.tab{cursor: pointer; padding:10px 0px; margin:0px 20px 0 0;background:#fff; display:inline-block; color:#494348; font-size: 1.4em; font-family: var(--titleFont); font-weight: normal; position: relative;}
.panels{background:#ddd;min-height:200px;width:100%;border-radius:3px;overflow:hidden;padding:20px 25px;}
.panel{ display:none; animation: fadein .8s; width: 100%; margin: 0 auto; background-color: #ddd;}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{font-size:1.5em; font-weight:bold}
.radio{display:none;}
#one:checked ~ .panels #one-panel, #two:checked ~ .panels #two-panel, #three:checked ~ .panels #three-panel, #four:checked ~ .panels #four-panel, #five:checked ~ .panels #five-panel{ display:block;}
#one:checked ~ .tabs #one-tab, #two:checked ~ .tabs #two-tab, #three:checked ~ .tabs #three-tab, #four:checked ~ .tabs #four-tab, #five:checked ~ .tabs #five-tab{ color:var(--linkColor);}
#one:checked ~ .tabs #one-tab::after, #two:checked ~ .tabs #two-tab::after, #three:checked ~ .tabs #three-tab::after, #four:checked ~ .tabs #four-tab::after, #five:checked ~ .tabs #five-tab::after{ content: ""; position: absolute; bottom: 0; left: 50%; margin-left: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #dededc;}
/* Videos Slider Styles */
/* SLIDER */
.slider {max-width: 80%; height: 50rem; margin: 0 auto; position: relative; overflow: hidden; background: transparent;}
.slider::before{background: transparent;}
.slide { position: absolute; top: 0; width: 100%;height: 54rem;  display: block; align-items: center; justify-content: center; animation: fadeIn 29s;}
.slide p{ width: 80%;}
.slide h2 {clear: left; font-size: 24px; margin: 0;}
.slide-content{ display: block;}
.slide > img, .videos-imgblock img, .slide span { display: none;}
.dots > .mob-dot img { /* Only for images that have different size than slide */ display: inline; position: relative; right: 0; /* margin-bottom: 10px; */ width: 100%; padding: 8px; line-height: 17px; border-radius: 30px; background-color: #d0c9cc; float: left; margin-bottom: 10px;}
.slider__btn { position: absolute; top: 48%; z-index: 10; border: none; background-color: var(--linkColor); font-family: inherit; color: white; border-radius: 100%; height: 3.9rem; width: 3.9rem; font-size: 3.1rem; cursor: pointer;}
.slider__btn span{ display: flex; align-items: center; justify-content: center;}
.slider__btn--left { left: 20px; transform: translate(-50%, -215%);}
.slider__btn--right { right: 24%; transform: translate(50%, -215%);}
.slider__btn .fa-angle-left, .slider__btn .fa-angle-right {vertical-align: top;}
.video-icons-heading{width: 100%;  float: left; font-family: var(--titleFont); text-align: center; font-size: 18px; margin: 0;}
.videos-imgblock{ float: right;}
.dots { position: absolute; right: 0; transform: translateX(0%); display: grid; width: 188px;}
.dots__dot {  border: none;  background-color: transparent;  opacity: 0.7; height: 10rem; width: 4rem; margin-right: 1.75rem; cursor: pointer; transition: all 0.5s; /* Only necessary when overlying images */ }
.dots__dot:last-child { margin: 0;}
.dots__dot--active { background-color: transparent; opacity: 1;}
.slideshow-container { max-width: 1000px; position: relative; margin: auto;}
/* Next & previous buttons */
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;}
/* Position the "next button" to the right */
.next { right: 0; border-radius: 3px 0 0 3px;}
/* On hover, add a grey background color */
.prev:hover, .next:hover { background-color: #f1f1f1; color: black;}
iframe{width: 80%;}
#more {display: none;}
/* readmore */
.hidden-content { display: none;}
.m-more-less-content span {display: block; margin-top: 8px;}
.m-more-less-content .m-show-more, .m-more-less-content .m-show-less { color: var(--linkColor); cursor: pointer; font-family: 'PTSansRegular'; font-size: 13px;}
.m-more-less-content .m-show-more:before { content: " Read More";}
.m-more-less-content .m-more-text {overflow: hidden; display: none;}
.m-more-less-content .m-show-less { display: none;}
.m-more-less-content .m-show-less:before { content: " Read Less";}
.m-more-less-content.m-display-more .m-show-more { display: none;}
.m-more-less-content.m-display-more .m-more-text { display: inline;}
.m-more-less-content.m-display-more .m-show-less { display: block;}
/* top selling brands */
.top-selling-brands {width: 100%; float: left; display: flex; justify-content: center; padding: 25px 0; display: flex; justify-content: center;}
.top-selling-brands-sub {width: 1300px; float: left; padding: 0 40px;}
h2.top-selling-brands-heading {width: 100%; float: left; font-size: 1.4em; font-family: var(--titleFont); color: #494348; margin: 0;}
.top-selling-products {width: 100%;display: flex; flex-wrap: wrap;}
.top-selling-products-sub {width: 25%; padding: 0 4px; margin-top: 20px;}
.top-selling-products-description{ width: 100%; float: left;}
.top-selling-products-img {width: 70px; display: inline-block; vertical-align: top; float: none;}
.top-selling-products-img img{ width: auto; height: 80px; float: none; margin: 0 auto; display: table;}
.top-selling-products-detail{ display: inline-block; vertical-align: top; float: none; padding-left: 10px; width: calc(100% - 74px);}
.top-selling-product-heading {line-height: 16px; font-size: 13px; font-weight: 600;}
.top-selling-product-btn{ width: auto; border-radius: 4px; margin-top: 10px; cursor: pointer; float: left; padding: 2px 8px; font-size: 12px; font-family: var(--titleFont); color: #fff; background-color: var(--linkColor);}

@media screen and (max-width: 1440px) and (min-width: 1200px) {
  .hero-text-advanced-filter-banner span.hero-text-large {font-size: 8em; line-height: 110px;}
  .top-selling-brands-sub {width: 1100px;}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .hero-text-advanced-filter-banner span.hero-text-large {font-size: 6em; line-height: 90px;}
  .advanced-filter-banner {height: 280px;}
  .slider{ max-width: 100%; background: transparent;}
  .slider:before { background: transparent;}
  .top-selling-brands-sub {width: 100%;}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .owl-thumbs .owl-thumb-item{ width: 30%; margin-right: 10px; display: inline-block;}
    iframe{ width: 74%;}
    .dots{width: 170px;}
    .slide p{ width: 70%;}
    .video-icons-heading{ font-size: 14px;}
    .slider__btn--right{ right: 28%;}
    .slider{ max-width: 100%; background: transparent;}
    .slider:before{ background: transparent;}
    .hero-text-advanced-filter-banner span.hero-text-large{ font-size: 6rem;}
    .top-selling-brands-sub {width: 100%;}
    .top-selling-products-sub {width: 50%}
    .hero-text-advanced-filter-banner {padding: 40px 30px;}
}

@media screen and (max-width: 767px) { 
    iframe{ width: 100%; height: 200px;}
    .tabspanel .owl-prev, .tabspanel .owl-next{ top: 35px;}
    .tabspanel .owl-next{right:20px;}
    .tabspanel .owl-prev{left: 0;}
    .tabspanel .owl-prev span, .tabspanel .owl-next span{ font-size: 18px;}
    .owl-thumbs .owl-thumb-item{width: 30%; display: inline-block; margin: 0 3px 5px 0;}
    .tabnav a{ font-size: 1em;}
    .d-menu{width: 100% !important;}
    .tabnav ul, .tabspanel .tab-content{width: 100%;}
    .top-selling-brands-sub {width: 100%;}
    .tabnav li{padding: 5px;}
    .slide{ height: 53rem;}
    .slider{ max-width: 100%; height: 52rem; background: transparent;}
    .slider__btn--right{ right: 20px;}
    .slider__btn{ top:27%;}
    .slide p{ width: 100%;}
    .dots{width: 100%; bottom: 0px; display: flex;}
    .mob-dot{ display: inline-block; width: 29%; margin-right: 20px;}
    .video-icons-heading{ font-size: 10px !important;}
    .tab {font-size: 14px; margin-right: 6px;}
    .content-banner{bottom: 38px;}
    .hero-text-advanced-filter-banner span.hero-text-large{ font-size: 6rem;}
    .tabs {padding: 0 20px;}
    .hero-text-advanced-filter-banner {padding: 30px;}
    .slide h2 {font-size: 20px;}
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .top-selling-products-sub {width: 50%}
}

@media screen and (max-width: 480px) {
    .slider__btn{top:28%; height: 64rem} 
    .hero-text-advanced-filter-banner span.hero-text-large{ font-size: 4rem;}
    .content-banner{ bottom:27px;}
    .top-selling-products-sub {width: 100%}
}