/** Shopify CDN: Minification failed

Line 865:186 Expected ":"
Line 1677:157 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height:26px; background-color: #F6F6F6; }

h1 { font-family: 'Maven Pro', sans-serif; font-weight: 700; font-size: 48px; line-height: 58px; text-transform: capitalize; letter-spacing:normal; }
h2 { font-family: 'Maven Pro', sans-serif; font-weight: 700; font-size: 32px; line-height: 42px; text-transform: capitalize; letter-spacing:normal; }
h3 { font-family: 'Maven Pro', sans-serif; font-weight: 700; font-size: 23px; line-height: 33px; text-transform: capitalize; letter-spacing:normal; }
h4 { font-family: 'Maven Pro', sans-serif; font-weight: 600; font-size: 18px; line-height: 28px; text-transform: capitalize; letter-spacing:normal; }
h5 { font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 15px; line-height: 25px; text-transform: capitalize; letter-spacing:normal; }

.text-left { text-align:left; }
.text-right { text-align:right; }

body .page-container { transform:inherit; }
html { padding:0px; }
.template-index .main-content, .inner-page .main-content, .compare_body.inner-page .main-content { padding: 0px; }

a { font-family: 'Roboto', sans-serif; color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-align: left; } 
a:hover, a:focus{ color:#4fc0e5; }

.normal-btn a { display: inline-block; border-radius: 3px; border: 1px solid #ffffff; opacity: 0.8; color: #fbfbfb; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 24px; padding: 10px 25px; }
.normal-btn a {  }

.black { background: #000000 !important; }
.white { background: #ffffff !important; }
.blue { background: #0056b3 !important; }
.yellow { background: #fdba36 !important; }
.light-blue { background: #44b8e5 !important; }
.gray { background: #808080 !important; }
.red { background: #FF0000 !important; }
.silver { background: #C0C0C0 !important; }
.graphite { background: #4B4E53 !important; }
.navy { background: #000080 !important; }
.charcoal { background: #36454F !important; }
.desert-tan { background: #f5d5a1 !important; }
.olive-drab { background: #6b8e23 !important; }
.orange { background:#FFA500 !important; }
.black-gray { background:#696969 !important; }
.olive { background:#808000 !important; }


a.light-blue-btn, .light-blue-btn a, .light-blue-btn .btn, .light-blue-btn.btn  { border-radius: 3px; background-color: #4fc0e5; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; text-align: center; color: #ffffff; height: 54px; line-height:54px; display: inline-block; padding: 0px 20px; text-transform: uppercase; transition: all .3s ease-out; }
a.light-blue-btn:hover, .light-blue-btn .btn:hover, .light-blue-btn a:hover, .light-blue-btn.btn:hover, .light-blue-btn.btn:not([disabled]):hover, 
a.light-blue-btn:not([disabled]):hover, .light-blue-btn a:not([disabled]):hover, .light-blue-btn a:focus, a.light-blue-btn:focus,
.light-blue-btn .btn:not([disabled]):hover, .light-blue-btn .btn:focus{ background-color: #00a4ed; color: #ffffff; transition: all .3s ease-out; }

a.white-btn, .white-btn a, .white-btn .btn { display: inline-block; height:54px; border-radius: 3px; border: 1px solid #e4e4e4; background-color: #ffffff; color: #19202a; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.7px; text-align: center; padding: 15px; line-height: 24px; text-transform: uppercase; transition: all .3s ease-out; }
a.white-btn:hover, .white-btn a:hover, a.white-btn:not([disabled]):hover, .white-btn a:not([disabled]):hover, a.white-btn:focus
a.white-btn.active, .white-btn a.active, .white-btn .btn:hover, .white-btn .btn:not([disabled]):hover  { background:#ffffff; color: rgb(25 32 42 / 50%); transition: all .3s ease-out; }

.aerrow-btn { display: inline-block; width: 100%; text-align: left; }
.aerrow-btn a { display: flex; width: 100%; color: #0056b8; height: 50px; padding-left: 20px; font-weight: 700; font-size: 16px; line-height: 19px; align-items: center; justify-content: space-between; transition: all .3s ease-out; cursor:pointer; }
.aerrow-btn a span { text-align: center; float: right; padding: 0px 27px; height: 50px; line-height:50px; transition: all .3s ease-out; }
.aerrow-btn a:hover { background-color: #192029; color: #fff; transition: all .3s ease-out; }
.aerrow-btn a:hover span { background-color: #4fc0e5; color: #fff; height: 50px; line-height:50px; align-items: center; display: flex; }
.aerrow-btn a:hover span svg g { opacity: 1; }
.aerrow-btn a:hover span svg path { fill: #ffffff; }
.large-item .aerrow-btn a { height: 65px; font-size: 26px; line-height: 20px; transition: all .3s ease-out; }
.large-item .aerrow-btn a span { width: 95px; height: 65px; align-items: center; display: flex; justify-content: center; transition: all .3s ease-out; }
.aerrow-btn a:not([disabled]):hover, .aerrow-btn a:focus { color:#ffffff; }


/* input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { opacity: 0; z-index:1; position:relative; } */
input:focus, input:focus-visible { outline:0px; background: transparent; }
.input-group__field::placeholder { opacity: 0.8; color: #ffffff; }
.input-group__field:-ms-input-placeholder { opacity: 0.8; color: #ffffff; }
.input-group__field::-ms-input-placeholder { opacity: 0.8; color: #ffffff; }

.cart__qty { position:relative; }
.cart__qty input[type=number] { width:62px; line-height:15px; text-indent:0px; font-weight: normal; font-size: 14px; }
.cart__qty .qty-plus { display:none; position: absolute; right:10px; top: 13px; color: #818285; z-index:0; }
.cart__qty .qty-minus { display:none; position: absolute; right:10px; bottom: 13px; color: #818285; z-index:0; }

.grey.input-group__field::placeholder, .grey .input-group__field::placeholder { opacity: 0.8; color: #818285; }
.grey.input-group__field:-ms-input-placeholder, .grey .input-group__field:-ms-input-placeholder { opacity: 0.8; color: #818285; }
.grey.input-group__field::-ms-input-placeholder, .grey .input-group__field::-ms-input-placeholder { opacity: 0.8; color: #818285; }

body { transition: all 800ms ease-in-out; position:relative; }
body.cart-side-open { margin-left: -410px; margin-right: 410px; }

.header-section { position: absolute; top: 0; left: 0; z-index:3; width: 100%; padding: 20px 0; }
.header-section .header-top { display: flex; flex-wrap: nowrap; justify-content: flex-end; }
.header-section .header-top ul { display: inline-block; }
.header-section .header-top ul li { display: inline-block; padding-left:40px; }
.header-section .header-top ul li:first-child { padding-left:0px; }
.header-section .header-top ul li a { color: #ffffff; }
.header-section .header-top ul li a:hover { color:#4fc0e5; }
.header-section .header-top ul li.shop-btn a  { border-radius:3px; background-color: #4fc0e5; font-size:16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; text-align: center; color: #ffffff; height:36px; line-height:36px; display: inline-block; padding: 0px 25px; text-transform: uppercase; transition: all .3s ease-out; } 
.header-section .header-top ul li.shop-btn:hover a { background-color: #00a4ed; color: #ffffff; transition: all .3s ease-out; }

.header-section .header-bottom { display: flex; align-items: center; width: 100%; flex-wrap: wrap; max-width: 100%; padding-top: 18px; position: relative; }
.header-section .header-bottom .logo-wrap { float: left; width: 167px; }
.header-section .header-bottom .logo-wrap a { display: inline-block; width: 100%; line-height:normal; }
.header-section .header-bottom .logo-wrap a img { }
.header-section .header-bottom .menu-wrap { width: 43%; text-align: center; float: left; }
.header-section .header-bottom .menu-wrap ul.main-menu { display: inline-flex; }
.header-section .header-bottom .menu-wrap ul.main-menu > li { padding: 25px 33px; }
.header-section .header-bottom .menu-wrap ul.main-menu li a { position: relative; }
.header-section .header-bottom .icon-wrap { float: right; width: 44%;
    display: flex;
    align-items: center;
  justify-content: end; }
.header-section .header-bottom .icon-wrap ul { display: inline-flex; }
.header-section .header-bottom .icon-wrap ul li { padding-left: 22px; position: relative; }
.header-section .header-bottom .menu-wrap ul.main-menu > li a { color: #fff; font-size: 20px; font-weight: 500; line-height: 24px; }
.header-section .header-bottom .menu-wrap ul.main-menu li .megamenu { position: absolute; top: 150%; background: #ffffff; width: max-content; left: 0; opacity: 0; visibility: hidden; transition: all .3s ease-out; }
.header-section .header-bottom .menu-wrap ul.main-menu li:hover .megamenu { opacity: 1; visibility: visible; top: 100%; }
.header-section .megamenu ul.submenu-list { padding: 15px 25px 15px 40px; text-align: left; float: left; width: 100%; }
.header-section .megamenu ul.submenu-list li.link-list { float: left; width: calc(100% - 300px); }
.header-section .megamenu ul.submenu-list li.link-list a { color: #818285; font-size: 18px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 38px; text-align: left; transition: all .3s ease-out; }
.header-section .megamenu ul.submenu-list li.link-list a:hover { color: #4fc0e5; font-weight: 700; transition: all .3s ease-out; }
.header-section .megamenu ul.submenu-list li.menu-image { width:300px; display: flex; align-items: center; } 
.header-section .megamenu ul.submenu-list li.menu-image img { max-width: 300px; width: 300px; height: 250px; object-fit: contain; object-position: center; }
.header-section .megamenu ul.submenu-list li.link-list a { }

.header-section .header-bottom .menu-wrap ul .megamenu.foam { min-width: 740px; }
.header-section .header-bottom .menu-wrap ul.main-menu .megamenu.casepro { min-width: 630px; }


.header-section .megamenu.cases ul.submenu-list ul { column-count:3; }
.header-section .megamenu.foam ul.submenu-list ul { column-count:auto; }
.header-section .megamenu.rackmounts ul.submenu-list ul {column-count:2;}
.header-section .megamenu.brands ul.submenu-list ul { column-count:4; }
.header-section .megamenu.casepro ul.submenu-list ul { column-count:auto; }

.inner-page .header-section .header-bottom .menu-wrap ul.main-menu li .megamenu { border: 1px solid #f7f7f7; box-shadow: 0px 0px 7px #f7f7f7; }
.inner-page .header-section { position: relative; padding: 0px; background-color:#ffffff; border-bottom:4px solid #f7f7f7; }
.inner-page .header-section .header-top { padding: 8px 0; }
/* .inner-page .header-section .header-top:after { content: ''; background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 52px; z-index: 0; } */
.inner-page .header-section .header-top ul { position: relative; z-index: 1; }
.inner-page .header-section .header-bottom .menu-wrap ul.main-menu > li > a { color: #818285; font-size:20px; }
.inner-page .header-section .megamenu ul.submenu-list li.link-list a:hover { color: #4fc0e5; font-weight: 700; transition: all .3s ease-out; }

.hero-section-wrap { height: 610px; width: 100%; position: relative; }
.hero-section { height: 610px; max-width:1200px; width: 100%; margin:0 auto; background-repeat: no-repeat !important; background-position: top center !important; background-size: cover !important;   display: flex; align-items: center; justify-content: center; background-blend-mode: multiply; }
.hero-section-wrap:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.88; background-image: linear-gradient(180deg, #19202a 0%, #f7f7f7 100%); }
.hero-section .hero-content-wrap .hero-content { text-align: left; padding-right: 100px; }
.hero-section .hero-content h1 { font-size: 48px; font-weight: 700; font-style: normal; letter-spacing: -0.48px; line-height: 60px; text-align: left; color: #fff; }
.hero-section .hero-content p { font-size: 20px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; color: #ffffff; }
.hero-section .hero-content-wrap { position: relative; }

nav.breadcrumbs .breadcrumbs__item:not(:last-child):after { display:none; }
nav.breadcrumbs { display:inline-block; width:100%; padding: 20px 0 15px; }
nav.breadcrumbs li.breadcrumbs__item { margin: 0 auto; }
nav.breadcrumbs li.breadcrumbs__item:before { content: '>'; color: #c8c9cd; margin: 0 7px; }
nav.breadcrumbs li.breadcrumbs__item:first-child:before { display: none; }
nav.breadcrumbs li.breadcrumbs__item a.breadcrumbs__link, nav.breadcrumbs li.breadcrumbs__item a { font-family: 'Roboto', sans-serif; font-size:16px;color: #c8c9cd; text-decoration: none; font-weight: 500; text-transform: capitalize; }
nav.breadcrumbs li.breadcrumbs__item:last-child a.breadcrumbs__link {  }
nav.breadcrumbs ol.breadcrumbs__list { list-style-type: none; margin: 0; padding: 0; }
nav.breadcrumbs ol.breadcrumbs__list li.breadcrumbs__item { margin: 0 auto; display: inline-block; }


.collection-section { display: inline-block; margin: 0 auto; width: 100%; background-color:#f7f7f7; }
.collection-section .collection-wrapper { max-width:1200px; width:100%; margin: -145px auto 0; position:relative; }
.collection-section .collection-inner { padding: 20px 15px; margin: 0 auto; background: #fff; display: inline-block; width: 100%; }
.collection-section .collection-inner .collection-col { width: calc(100% / 3); float: left; padding: 0 10px; }
.collection-section .collection-inner .collection-list { position: relative; width: 100%; height: 100%; float: left; }
.collection-section .collection-inner .collection-list .collection-img { float: left; text-align: center; display: inline-block; width: 100%; background-color: #afafaf; }
.collection-section .collection-inner .collection-list .collection-img img { mix-blend-mode: multiply; float: left; width: 100%; max-height: 240px; min-height: 240px; object-fit: contain; object-position: center; }

.collection-section .collection-inner .collection-list .colle-content { position: absolute; left: 24px; top: auto; bottom: 27px; max-width: 200px; }
.collection-section .collection-inner .collection-list .colle-content p { color: #fff; font-size: 18px; line-height: 24px; }
.collection-section .collection-inner .collection-list .colle-content span { color: #fff; font-size: 18px; line-height: 24px; }
.collection-section .collection-inner .collection-list .colle-content a.white-btn { padding: 15px 20px; }
.per-off { position: absolute; top: 0; right: 0; width: 86px; height: 34px; background-color: #4dc0e8; font-size: 14px; font-weight: 700; font-style: normal; letter-spacing: 0.7px; line-height: 24px; text-align: center; padding: 5px; color: #ffffff; border-radius: 0 0 0 4px; z-index: 2; }
/* .collection-section .collection-inner .collection-list .collection-img:after { content: ''; position: absolute; top: 0; left: 0; background: #afafaf; width: 100%; height: 100%; opacity: 0.3; } */

.product-section { display: inline-block; width: 100%; background-color:#f7f7f7; }
.product-section .section-top { padding-top: 83px; display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 40px; }
.product-section .section-top h2 { letter-spacing: -0.32px; margin-bottom: 10px; }
.product-section .section-top p { }
.pro-filter { min-width: 200px; align-items: flex-end; display: flex; justify-content: center; flex-flow: column; }
.pro-filter ul { width: 100%; float: right; text-align: right; vertical-align: middle; height: 34px; display: flex; justify-content: flex-end; }
.pro-filter ul li { display: inline-flex; padding-left: 15px; line-height: 34px; align-items: center; }
.product-section .section-top .section-content { max-width: 900px; }
.product-section .section-top .section-content p { font-size: 18px; letter-spacing: normal; font-weight: 400; line-height: 30px; }
.pro-filter ul li a { display: inline-block; }
.pro-filter ul li a img { float: left; }
.col-wrap { margin: 0 -10px; }
.col-wrap:after { content: ""; display: table; clear: both; }
.product-tile { display: inline-block; float: left; width: 100%; }
.product-tile .col-wrap { margin: 0 -10px; }
.product-tile .col-wrap:after { content: ""; display: table; clear: both; }
.product-tile .col-wrap .col-6 { padding: 0 10px; width: 50%; float: left; }
.product-tile .col-wrap .col-3 { padding: 0 10px; width: 25%; float: left; }
.product-tile .col-wrap .pro-item { width: 100%; background: #fff; margin-bottom: 20px; text-align: center; }
.product-tile .col-wrap .pro-item .pro-img { padding: 0; display: inline-block; }
.product-tile .col-wrap .pro-item .pro-img img { height:200px; object-fit: contain; object-position: center; float: left; width: 100%; }
.product-tile .col-wrap .large-item .pro-item .pro-img { padding-top: 34px; }
.product-tile .col-wrap .large-item .pro-item img { width: 100%; height: 431px; object-fit: contain; object-position: center; float: left; }
.product-list { display: inline-block; float: left; width: 100%; }
.product-list .col-4 { padding: 0 10px; width: 33.33%; float: left; }
.product-list .col-wrap { margin: 0 -10px; }
.product-list .col-wrap:after { content: ""; display: table; clear: both; }
.product-list .col-4 .pro-item { display: flex; width: 100%; align-items: flex-start; margin-bottom: 58px; }
.product-list .col-4 .pro-item .pro-img { float: left; padding: 10px; background: #ffffff; margin-right: 15px; }
.product-list .col-4 .pro-item .pro-img img { max-width: 110px; height: 104px; object-fit: contain; object-position: center; }
.product-list .col-4 .pro-item .pro-desc { width: calc(100% - 145px); display: flex; flex-flow: column; }
.product-list .col-4 .pro-item .pro-desc h4 { color: #0056b8; font-size: 19px; font-weight: 700; font-style: normal; letter-spacing: -0.19px; line-height: 21px; text-align: left; margin-bottom: 10px; }
.product-list .col-4 .pro-item .pro-desc p { color: #818285; font-size: 15px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 20px; text-align: left; margin-bottom: 22px; }

.brand-section { padding:78px 0 66px; background-color: #ffffff; display: inline-block; width: 100%; text-align:center; }
.brand-section .brand-heading { margin-bottom: 45px; text-align:left; }
.brand-section .brand-heading h2 { margin: 0; letter-spacing: -0.32px; }
.brand-section .brand-slider {margin: 0 auto 50px;}
.brand-section .brand-slider .slick-list { max-width: 700px; margin: 0 auto; }
.brand-section .brand-slider .slick-prev.slick-arrow {left: 0px;}
.brand-section .brand-slider .slick-prev:before { content:''; background-image: url(/cdn/shop/files/Icon-arrow-left.png?v=1643294243); background-size: contain; background-repeat: no-repeat; background-position: center; width: 21px; height: 18px; position: absolute; left: 0; top: 0; }
.brand-section .brand-slider  .slick-next.slick-arrow { right: 0; }
.brand-section .brand-slider  .slick-next:before { content:''; background-image: url(/cdn/shop/files/Icon-arrow-right.png?v=1643294243); background-size: contain; background-repeat: no-repeat; background-position: center; width: 21px; height: 18px; position: absolute; left: 0; top: 0; }
.brand-section .brand-slider .slick-list .logo-wrap { float: none; display: inline-block; vertical-align: top; }
.brand-section .brand-slider .slick-list .logo-wrap a.logo { display:flex; align-items:center; justify-content:center; min-height: 105px; } 
.brand-section a.shop-brand { color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 19px; text-align: center;  font-style: normal; letter-spacing: normal; text-decoration: underline; } 

.template-index .custome-banner-section { background-color: #ffffff; padding:0 0 76px; }  
.custome-banner-section .custome-banner { width: 100%; display: flex; background-color: #192029; padding: 60px 0 60px 90px; position: relative; }
.template-index .custome-banner-section .custome-banner .image-wrap { position: absolute; top: -45px; right: -70px; }
.template-index .custome-banner-section .custome-banner .image-wrap img { width: 466px; height: 408px; }  
.custome-banner-section .custome-banner .custome-banner-content { max-width: 650px; } 
.custome-banner-section .custome-banner .custome-banner-content h3 { font-weight: 700; font-size: 32px; line-height: 60px; color: #ffffff; letter-spacing: -0.32px; margin: 0 auto; }
.custome-banner-section .custome-banner .custome-banner-content p { color: #ffffff; }

.footer-section { display: inline-block; width: 100%; background: #000; padding: 28px 0; float:left; }
.footer-section .logo-address { width: 14%; float: left; }
.footer-section .footer-link { width: 17%; float: left; }
.footer-section .footer-link h5.link-title,
.footer-section .subscribe-wrap h5.link-title { color: #4dc0e8; font-size: 16px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 19px; margin: 12px auto 15px; }
.footer-section .logo-address img { max-width: 120px; }
.footer-section .logo-address .address { margin: 0 auto; width: 130px; text-align: left; float: left; color: #ffffff; opacity: 0.8; }
.footer-section .logo-address .address p { color: #ffffff; font-size: 14px; line-height: 21px; }
.footer-section .subscribe-wrap { width: 100%; float: left; }
.footer-section .footer-link ul { }
.footer-section .footer-link ul li { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 25px; text-align: left; color: #fff; opacity: 0.8; }
.footer-section .footer-link ul li a { display: inline-block; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 25px; text-align: left; color: #fff; }
.footer-section .subscribe-wrap  form { margin: 0 auto; }
.footer-section .subscribe-wrap .input-group { position: relative; }
.footer-section .subscribe-wrap .input-group span.input-group__btn { position: absolute; top: 14px; right: 20px; width: 8px; height: 15px; display: flex; }

.footer-section .subscribe-wrap .input-group input.input-group__field { background-color: #19202a; color: #ffffff; border: 1px solid #ffffff; border-radius: 5px; min-height: 42px; padding-right: 34px; }
.footer-section ul.social-link { float: left; width: 100%; }
.footer-section ul.social-link li { float: left; width: 20px; height: 20px; text-align: left; line-height: 20px; margin-right: 10px; }
.footer-section ul.social-link li a { display: inline-block; width: 100%; font-size: 20px; color: #4dc0e8; line-height: 20px; }
.footer-section ul.social-link li:first-child { margin-right: 5px; }

.template-404.inner-page .main-content { padding:0px; }
.banner-section-404 { display: inline-block; width: 100%; position:relative; background-color:#f7f7f7; background-repeat: no-repeat; background-size: contain; background-position: top right; height: 412px; }
.banner-section-404 .content-wrap { padding: 90px 0 150px 90px; }
.banner-section-404 .content-wrap h1 { color: #19202a; font-style: normal; letter-spacing: -0.48px; margin-bottom: 32px; }
.banner-section-404 .content-wrap a { color: #818285; font-size: 20px; font-weight: 500; line-height: 30px; text-align: left; text-decoration: underline; }
.banner-section-404 .banner-image-404 { position: absolute; top: 0; left: auto; right: -82px; } 


.template-cart form.cart { padding-bottom: 116px; }
.template-cart .cart-header { margin: 0 auto 50px; display: flex; align-items: center; justify-content: space-between; }
.template-cart .cart-header h1.cart-header__title { letter-spacing: -0.48px; margin: 0; color: #19202a; }
.template-cart .cart th { font-family: Maven Pro, sans-serif; padding-top: 0px; padding-bottom: 20px; font-size: 20px; font-weight: 700; font-style: normal; letter-spacing: -0.2px; line-height: normal; color: #19202a; text-transform: capitalize; }
.template-cart .cart-header a.text-link { color: #818285; font-size: 20px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: right; padding: 0; border-bottom: 1px solid #818285; }
.template-cart .cart-header a.text-link:hover { color:#4fc0e5; border-color:#4fc0e5; }
.template-cart .cart td { padding-top: 30px; padding-bottom: 30px; }
.template-cart .cart__image { max-height: 119px; }
.template-cart .cart__image-wrapper { margin-right: 25px; display: flex; align-items: center; border: 1px solid #e4e4e4; text-align: center; padding: 0; }
.template-cart .list-view-item__title { color: #818285; font-family: Roboto; font-size: 20px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; }
.template-cart a.cart__product-title { color: #818285; font-size: 20px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; text-transform: capitalize; }
.template-cart p.cart__remove a.text-link.text-link--accent { color: #818285; font-family: Roboto; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-align: left; padding: 0; border-bottom: 1px solid #818285; }
.template-cart .cart td.cart__price { color: #19202a; font-size: 20px; font-weight: 700; font-style: normal; letter-spacing: -0.2px; line-height: normal; font-family: Maven Pro, sans-serif; }
.template-cart td.cart__final-price { color: #19202a; font-size: 20px; font-weight: 700; font-style: normal; letter-spacing: -0.2px; line-height: normal; font-family: Maven Pro, sans-serif; }
.template-cart .cart__qty .cart__qty-input { color: #192029; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; line-height: 24px; text-align: left; padding: 15px; width: 87px; border-radius: 3px; border: 1px solid #e4e4e4; }

.cart__footer { padding: 0; }
.cart__footer .grid__item { padding: 0; }
.cart__footer .grid__item .cart__shipping { padding: 0; color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 30px; margin: 0 auto; }
.cart__footer .grid__item .cart-subtotal { padding-top: 35px; padding-bottom: 15px; display: flex; align-items: center; justify-content: flex-end; }
.cart__footer .grid__item .cart-subtotal span.cart-subtotal__title { display: flex; align-items: center; font-family: Maven Pro, sans-serif; height: 38px; color: #4fc0e5; font-size: 23px; font-weight: 700; font-style: normal; letter-spacing: -0.23px; line-height: 24px; text-align: right; }
.cart__footer .grid__item .cart-subtotal span.cart-subtotal__price { min-width: auto; font-family: Maven Pro, sans-serif; color: #4fc0e5; font-size: 23px; font-weight: 700; font-style: normal; letter-spacing: -0.23px; line-height: 24px; text-align: right; padding: 0; }
.cart__buttons-container .cart__submit-controls { position:relative; }
/* .cart__buttons-container .cart__submit-controls input.cart__submit { border-radius: 3px; background-color: #4fc0e5; height: 54px; color: #ffffff; font-family: Roboto; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; line-height: 24px; text-align: left; padding: 15px 50px 15px 23px; position: relative; z-index: 0; transition: all .3s ease-out; } */
.cart__buttons-container .cart__submit-controls  span.cart-icon { position: absolute; top: 17px; right: 27px; width: 24px; height: 19px; }
.cart__buttons-container .cart__submit-controls span.cart-icon img { height: 19px;object-fit: contain; }
.cart__buttons-container .cart__submit-controls input.cart__submit:hover { background-color: #00a4ed; transition: all .3s ease-out; }


.cbs-customer.form-vertical h1 { text-align: center; margin-bottom: 30px; }
.cbs-customer h5, .cbs-customer.form-vertical h5, .cbs-customer.form-vertical p { color: #818285; font-size: 20px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: center; font-family: Roboto,sans-serif; }
.cbs-customer { display: inline-block; width: 100%; }
.form-vertical.cbs-customer .input-group { display: inline-block; width: 100%; margin: 0 auto 15px; }
.form-vertical .input-group input { width: 100%; margin: 0 auto; display: inline-block; color: #818285; border:1px solid #e4e4e4; }
.form-vertical .form-field { max-width: 500px; margin: 0 auto; text-align: center; }
.form-vertical a#RecoverPassword{ color: #818285; font-family: Roboto; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-decoration: underline; float: left; }
.form-vertical a#RecoverPassword:hover, .cbs-customer.cbs-address h5 a:hover { color:#4fc0e5; }
.form-vertical .cbs-btn-wrap { display: inline-block; width: 100%; margin-top: 30px; }
.form-vertical a#customer_register_link,
#HideRecoverPasswordLink { color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-decoration: underline; margin-top: 15px; display: inline-block; }
.form-vertical a#customer_register_link:hover,
#ideRecoverPasswordLink { color:#4fc0e5; }
.cbs-customer-banner { display: inline-block; width: 100%; margin: 15px auto 0; float: left; position: relative; }
.cbs-customer-banner img { margin: 0 auto; float: left; }
.cbs-customer-banner:before { content: ''; background-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 205px; }
/* #RecoverPasswordForm { padding-top:70px; } */
.cbs-customer.cbs-active-account .cbs-btn-wrap { display: flex; width: 100%; margin-top: 30px; justify-content: space-around; }
.cbs-customer.cbs-address .cbs-btn-wrap { margin-top: 15px; }
.cbs-customer.cbs-address .defout-address { padding-top: 80px; }
.cbs-customer.cbs-address address { color: #818285; font-size: 20px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: center; }
.cbs-customer.cbs-address .defout-address .cbs-btn-wrap { margin-top: 30px; display: flex; align-items: center; justify-content: center; }
.cbs-customer.cbs-address .defout-address .cbs-btn-wrap .white-btn a { min-width: 105px; margin: 0 7px; }
.cbs-customer.cbs-address h5 a { color: #818285; font-family: Roboto; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-decoration: underline; }

.cbs-address-subscribe { margin-top:30px; border-top: 4px solid #f7f7f7; padding-top: 60px; padding-bottom:65px; }
.cbs-address-subscribe .subscribe-wrap { display: flex; align-items: center; justify-content: center; width: 100%; margin-top:35px; }
.cbs-address-subscribe .subscribe-wrap .icon-wrap { display: flex; } 
.cbs-address-subscribe .subscribe-wrap .icon-wrap img { width: 57px; height: 39px; }  
.cbs-address-subscribe .subscribe-wrap .cbs-btn-wrap { width: auto; margin: 0 auto; }
.cbs-address-subscribe .subscribe-wrap .input-group input { max-width: 896px; min-height: 54px; width:100%; margin:0 auto; }
.cbs-address-subscribe .subscribe-wrap .input-group { display: inline-block; width: calc( 100% - 224px ); margin: 0 0 0 33px; max-width: 100%; }

.cbs-address-subscribe .subscribe-wrap.cbs-address-subscribe-wrap .contact-form { display: flex; max-width: 100%; margin: 0 auto; width: 100%; justify-content: space-between; }
.cbs-address-subscribe .subscribe-wrap.cbs-address-subscribe-wrap .input-group { display: flex; width: 100%; }
.cbs-address-subscribe .subscribe-wrap.cbs-address-subscribe-wrap .input-group .input-group__btn { margin-left: 30px; }
.cbs-address-subscribe .subscribe-wrap.cbs-address-subscribe-wrap .input-group .input-group__btn .btn { border-radius: 3px; background-color: #4fc0e5; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; text-align: center; color: #ffffff; height: 54px; display: inline-block; padding: 12px 20px; text-transform: uppercase; transition: all .3s ease-out; }
.cbs-address-subscribe .subscribe-wrap.cbs-address-subscribe-wrap .input-group .input-group__btn .btn:hover { background-color: #00a4ed; color: #ffffff; transition: all .3s ease-out; }

.template-customers-login .cbs-customer-banner:before { display:none; }

.open-search .search-result-overlay { display:block !important; }
.search-result-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:111; display: flex; align-items: center; justify-content: center; }
.search-result-overlay:before { content: ''; background-color: #19202a; opacity: 0.94; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.search-result-overlay .close-btn { position: absolute; top: 84px; right: 160px; background:none; border:0px; }
.search-result-wrap { width: 707px; margin: 0 auto; }
.search-result-wrap .search-result { width: 100%; display: inline-block; position: relative; }
.search-result-wrap .search-result input[type="text"] { width: 100%; height: 76px; border-radius: 3px; border: 1px solid #ffffff; background: none; padding: 25px 70px 25px 30px; color: #ffffff; }
.search-result-wrap .search-result .search-icon { cursor:pointer; position: absolute; top: 24px; right: 33px; width: 28px; height: 27px; }
.search-result-wrap .search-result .search-icon img { width: 28px; height: 27px; }
.search-size-wrap { padding-top: 35px; text-align: center; }
.search-size-wrap a.serch-by-size-btn, .search-size-wrap a.serch-by-size-btn:hover { opacity: 0.8; color: #fbfbfb; font-size: 17px; font-weight: 500; padding-right:25px; font-style: normal; letter-spacing: -0.17px; line-height: normal; font-family: Maven Pro, sans-serif; position:relative; }
.search-size-wrap a.serch-by-size-btn img { transform: rotate(90deg); position: absolute; right: 0; top: 2px;     transition: all .3s ease-out; }
.search-size { position:relative; width: 100%; display: flex; align-items: center; margin-top:20px;     transition: all .3s ease-out; }
.search-size .search-image { width: 201px; height: 97px; padding:5px; }
.search-result-wrap.show-sizes .search-size { display: flex !important;     transition: all .3s ease-out; } 
.search-result-wrap.show-sizes a.serch-by-size-btn img { transform: rotate(-90deg);     transition: all .3s ease-out; }
.search-size .search-wrap { width: calc(100% - 201px); }
.search-size .search-wrap .size-btn-wrap { display: flex; align-items: center; justify-content: space-between; padding-left: 18px; }
.search-size .search-wrap .size-btn-wrap .normal-btn { }
.search-size .search-wrap .size-btn-wrap .normal-btn input { display: inline-block; border-radius: 3px; border: 1px solid #ffffff; height: 54px; min-width: 106px; opacity: 0.8; color: #fbfbfb; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 24px; padding: 15px 0; text-align:center; width:106px; max-width:100%;     background-color: transparent; }
.radio-btn-wrap { display: flex; }
.radio-btn-wrap .radio input[type=radio] { position: absolute; opacity: 0; }
.radio-btn-wrap .radio input[type=radio] + .radio-label:before { content: ""; border-radius: 100%; display: inline-block; width: 20px; height: 20px; position: relative; top: 5px; margin-right: 7px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; border: 1px solid #e4e4e4; background-color: #ffffff; }
.radio-btn-wrap .radio input[type=radio]:checked + .radio-label:before {background-color: #181d25;border: 5px solid #fff;}
.radio-btn-wrap .radio input[type=radio]:focus + .radio-label:before { outline: none; border-color: #ffffff; }
.radio-btn-wrap .radio input[type=radio]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; }
.radio-btn-wrap .radio input[type=radio] + .radio-label:empty:before { margin-right: 0; }
.radio-btn-wrap .radio { display: inline-block; margin-right: 15px; position:relative; }
.radio-btn-wrap .radio label.radio-label { opacity: 0.8; color: #fbfbfb; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; }

.cbs-account .section-header { display: flex; align-items: center; justify-content: space-between; }
.section-header h1 { margin: 0; }
a#customer_logout_link { position: relative; color: #818285; font-size: 20px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 30px; font-family: 'Roboto', sans-serif; padding-left: 25px; text-decoration: underline; }
a#customer_logout_link:after { content: ''; position: absolute; left: 0; top: 4px; background-image: url(/cdn/shop/files/Icon_ionic-ios-person.png?v=1643713314); background-repeat: no-repeat; background-size: cover; background-position: center; width: 20px; height: 20px; }
.myaccount__account-details a.btn--small { color: #818285; font-size: 20px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; font-family: 'Roboto', sans-serif; background: no-repeat; padding: 0; border: 0; text-transform: capitalize; text-decoration: underline; }
.myaccount__account-details a.btn--small:hover { color:#4dc0e8; background:none; }
.cbs-customer.cbs-address .section-header h1 { margin-bottom:30px; }
#address_form_new .cbs-btn-wrap { margin-top:0px; }
.inner-page .cbs-address-wrap { padding-bottom:30px !important; }
.inner-page .page-width.cbs-account { padding:0px 20px 50px; }
.list--inline li.white-btn { padding:0 10px; }
.list--inline li.white-btn button { width:105px; }

.breadcrumbs { padding:0; }
.logo-wrap a img { max-width: 80%; }

.inner-page .page-width.cbs-account-order { padding-bottom: 50px; }
.cbs-account-order .section-header { display: flex; align-items: center; justify-content: space-between; }
.cbs-account-order .section-header a { position: relative; color: #818285; font-size: 20px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 30px; font-family: 'Roboto', sans-serif; text-decoration: underline; }
.cbs-account-order .myaccount .order-table thead,
.cbs-account .myaccount__order-history table.responsive-table thead,
.cbs-account .myaccount__order-history table.responsive-table tbody{ border: 1px solid #ebebeb; }
.cbs-account .myaccount__order-history table.responsive-table th, .cbs-account .myaccount__order-history table.responsive-table td { border:0px; }
.cbs-account-order .myaccount .order-table tfoot { border: 1px solid #ebebeb; }
.cbs-account-order .myaccount .order-table tfoot tr:last-child th { border-top: 0px; border-right: 0px; padding: 0 25px 15px; }
.cbs-account-order .myaccount .order-table tfoot tr:last-child td { border-top: 0px; padding: 0 25px 15px; color: #4fc0e5; font-family: "Maven Pro", sans-serif; font-size: 26px; font-weight: 700; font-style: normal; letter-spacing: -0.26px; line-height: 24px; }
.cbs-account-order .myaccount__order-history, .cbs-account .myaccount__order-history { webkit-flex: 1 0 75%; -moz-flex: 1 0 75%; -ms-flex: 1 0 75%; flex: 1 0 75%; }
.cbs-account-order .myaccount__account-details, .cbs-account .myaccount__account-details { webkit-flex: 1 0 25%; -moz-flex: 1 0 25%; -ms-flex: 1 0 25%; flex: 1 0 25%; }
.cbs-account-order .order-table tbody th, .cbs-account .myaccount__order-history table.responsive-table th,
.cbs-account-order .order-table tfoot th,
.cbs-account-order .order-table td, .cbs-account .myaccount__order-history table.responsive-table td,
.cbs-account-order .order-table a, .cbs-account .myaccount__order-history table.responsive-table a { color: #818285; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; padding:5px 25px }
.cbs-account-order .order-table a, .cbs-account .myaccount__order-history table.responsive-table a  { padding:0px !important; border:0px; }
.cbs-account-order .order-table thead th,
.inner-page .page-width.cbs-account .myaccount__order-history table.responsive-table thead th{ color: #192029; font-family: "Maven Pro", sans-serif; font-size: 20px; font-weight:700; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; padding:10px 25px; }
.cbs-account-order .myaccount__account-details .account-detail-wrap { margin: 0 auto 15px; }
.cbs-account-order .myaccount__account-details .account-detail-wrap p { margin:0; }
.cbs-account-order .myaccount__account-details .account-detail-wrap p strong { color: #192029; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight:500; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; }

.inner-banner-wrap { height:310px; width:100%; position: relative; }
.inner-banner { background-repeat: no-repeat; background-position:center; background-size: cover; height:310px; width: 100%; max-width:1200px; margin:0 auto;  display: flex; align-items: center; justify-content: center; }
.inner-banner-wrap:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.88; background-image: linear-gradient(180deg, #19202a 0%, #f7f7f7 100%); }
.inner-banner .inner-banner-content h1 { font-size: 48px; font-weight: 700; font-style: normal; letter-spacing: -0.48px; line-height: 60px; text-align: left; color: #fff; }
.inner-banner .inner-banner-content p { font-size: 20px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; color: #ffffff; }
.inner-banner .inner-banner-content-wrap { position: relative; padding-top:120px; }

.template-collection .main-content { padding-top:0px !important; }
.product-collection-section { display: inline-block; width: 100%; margin: 0 auto; position:relative; padding-bottom:40px; }
.product-collection-section .left-filter { float: left; width: 25%; padding-right:15px; }
.product-collection-section .right-collection { width: 75%; float: left; display: inline-block; background: #f7f7f7; padding: 0 10px; }

.product-collection-section .search-left-filter { float: left; width: 25%; padding-right: 15px; }
.product-collection-section .search-left-filter .filter-size .image-wrap { float: left; width: 100%; padding: 10px; margin-bottom: 10px; }
.product-collection-section .search-left-filter .filter-size .image-wrap img, 
.product-collection-section .left-filter .filter-size .image-wrap img { width: 100%; float: left; height:120px; object-fit: contain; object-position: center; }

.search-left-filter .filter-dropdawn h3 { margin: 0 auto; } 
.search-left-filter .filter-dropdawn h3:after { transform: rotate(0deg); content: ""; background-image: url(/cdn/shop/files/down-aerrow.png?v=1643889403); position: absolute; right: 0px; top: 6px; width: 17px; height: 10px; transition: all .3s ease-out; }
.search-left-filter .filter-dropdawn h3.active:after { transform: rotate(-180deg); }
.search-left-filter .filter-dropdawn h3.active { margin: 0 auto 10px; }

.product-collection-section .right-collection .col-wrap { margin: 0 -10px; }
.product-collection-section .list-item-wrap-head+ .col-wrap { width: calc(100% + 20px); }
.product-collection-section .right-collection .col-wrap .col-4 { padding: 10px; width: 33.33%; float: left; }
.product-collection-section .right-collection .pro-item { background: #fff; text-align: center; }
.product-collection-section .right-collection .pro-item .pro-img a { display: inline-block; vertical-align: top; width: 100%; text-align: center; }
.product-collection-section .right-collection .pro-item .pro-img { padding:10px; margin: 0 auto; text-align: center; float: left; width: 100%;  }
.product-collection-section .right-collection .pro-item .pro-img img { max-height:158px; min-height:158px; width:100%; object-fit:contain; object-position: center; display: inline-block; vertical-align: top; }
.product-collection-section .right-collection .pro-item .product-detail-wrap { display: inline-block; vertical-align: top; width: 100%; text-align: left; padding: 0 20px; }
/* .pro-item .product-detail-wrap h3.pro-name, .pro-item .product-detail-wrap h3.pro-name a { font-family: 'Maven Pro', sans-serif; font-size:16px; line-height:24px; color: #818285; text-transform: capitalize; margin: 0 auto; }
.pro-item .product-detail-wrap sapn.part-no { font-size:16px; line-height:24px; color: #c8c9cd; text-transform: capitalize; }
.pro-item .product-detail-wrap  span.pro-inte { font-size: 16px; line-height:24px; text-transform: capitalize; color: #818285; } */
.pro-item .product-detail-wrap .pro-compare { display: inline-block; width: 100%; }
.pro-compare label { cursor:pointer; position: relative; background-color: #fff; display: inline-block; width: 110%; font-size: 16px; margin-bottom: 0px; padding-left:20px; color:#818285; text-transform: capitalize; }
a.compare-now {cursor:pointer; color:#44b8e5;}
.pro-compare label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.pro-compare label .checkmark { position: absolute; top: 4px; left: 0; right: 0; height: 15px; width: 15px; background-color: #fff; border: 1px solid #c8c9cd; }
.pro-compare label:hover input ~ .checkmark { background-color: #ffffff; }
.pro-compare label input:checked ~ .checkmark { background-color: #4fc0e5; border: 1px solid #4fc0e5; }
.pro-compare label .checkmark:after { content: ""; position: absolute; display: none; }
.pro-compare label input:checked ~ .checkmark:after { display: block; }
.pro-compare label .checkmark:after { left: 4px; top: 1px; width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.pro-compare label.active { color: #df1e37; border-color: #df1e37; opacity: 1; }
.pro-item .product-detail-wrap  .pro-prize { font-size: 22px; font-weight: 700; margin: 5px 0; }
.product-collection-section .right-collection .pro-item .aerrow-btn a { color: #44b8e5; transition: all .3s ease-out; }
.product-collection-section .right-collection .pro-item .aerrow-btn a:hover { color:#ffffff; transition: all .3s ease-out; }

.pro-item .product-detail-wrap .prize-compare-wrap { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; margin: 10px auto; }
.pro-item .product-detail-wrap .prize-compare-wrap .pro-prize { width: 50%; margin: 0; }
.pro-item .product-detail-wrap .prize-compare-wrap .pro-compare { width:auto; }

.product-collection-section .left-filter h2 { padding-bottom:13px; border-bottom: 1px solid #e3e3e3; }
.product-collection-section .left-filter .filter-size { display: inline-block; width: 100%; }
.filter-size .radio-btn-wrap { padding: 0; width: 100%; align-items: center; justify-content: flex-start; margin-bottom:10px; }
.filter-size .radio-btn-wrap .radio { position:relative; } 
.filter-size .radio-btn-wrap label.radio-label { color: #818285; } 
.filter-size .radio-btn-wrap .radio input[type=radio]:checked + .radio-label:after {content:''; border: 1px solid rgb(24 29 37 / 25%);border-radius: 100%;display: inline-block;width: 20px;height: 20px;position: absolute;top: 5px;margin-right: 7px;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;left: 0;}

.product-collection-section .left-filter .filter-size .image-wrap { margin:0 auto; padding:10px 0; display: inline-block; width: 100%; vertical-align: top; } 
.left-filter h3, .filter-wrap h3 { position: relative; cursor: pointer; color: #181d25; font-family: 'Maven Pro', sans-serif; font-size: 18px; font-weight: 700; font-style: normal; text-transform: capitalize; }
.filter-wrap h4 { position: relative; cursor: pointer; color: #181d25; font-family: 'Maven Pro', sans-serif; font-size: 16px; font-weight: 700; font-style: normal; text-transform: capitalize; }
.interior-wrap {}
.filter-wrap .radio-btn-wrap { margin: 0 auto; display: inline-block; padding: 0; width: 100%; }
.filter-wrap .radio-btn-wrap .radio { width: 100%; margin: 0 auto; position:relative; } 
.radio-btn-wrap.grey { background:none !important; }
.filter-wrap .radio-btn-wrap .radio label.radio-label, .radio-btn-wrap.grey .radio label.radio-label { color: #818285; }
.filter-wrap .radio-btn-wrap .radio input[type=radio]:checked + .radio-label:after { content: ''; border: 1px solid rgb(24 29 37 / 25%); border-radius: 100%; display: inline-block; width: 20px; height: 20px; position: absolute; top: 5px; margin-right: 7px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; left: 0; }
.filter-wrap { display: inline-block; width: 100%; border-bottom: 1px solid rgb(24 29 37 / 25%); padding:15px 0; }

.color-wrap ul, .search-color-wrap ul { display: inline-block; width: 100%; padding-top:15px; }
.color-wrap ul li, .search-color-wrap ul li { display: inline-block; float: left; padding: 15px 10px 0; vertical-align: top; width:33.33%; text-align:center; }
.color-wrap ul li a, .search-color-wrap ul li a { display: inline-block; font-size:12px; font-weight: 400;    color: #818285; font-style: normal; letter-spacing: normal; line-height:20px; text-transform: capitalize; text-align:center; }
.color-wrap ul li a span, .search-color-wrap ul li a span { position:relative; width: 27px; height: 27px; display: block; border:1px solid rgb(78 78 78 / 25%); background:rgb(255 255 255 / 0%); margin: 0 auto; border-radius: 100%; padding:0px; }

.right-product-detail .product-detail-wrap .color-wrap ul li.active span:after{ position: absolute; content: ''; border: 1px solid #818285; width: 31px; height: 31px; border-radius: 100%; left:-3px; top: -3px; }
.color-wrap ul li.active span:after{ position: absolute; content: ''; border: 1px solid #818285; width: 31px; height: 31px; border-radius: 100%; left:-3px; top: -3px; }
.search-color-wrap ul li.active span:after{ position: absolute; content: ''; border: 1px solid #818285; width: 31px; height: 31px; border-radius: 100%; left:-3px; top: -3px; }

.left-filter .filter-dropdawn h3 { margin:0 auto; }
.left-filter .filter-dropdawn h3:after { transform: rotate(0deg); content: ""; background-image: url(/cdn/shop/files/down-aerrow.png?v=1643889403); position: absolute; right:0px; top: 6px; width: 17px; height: 10px; transition: all .3s ease-out; }
.left-filter .filter-dropdawn h3.active:after {    transform: rotate(-180deg);}
.left-filter .filter-dropdawn .filter-menu { padding-top:20px; }
.filter-dropdawn:last-child { border:0px; }
.advance-radio-wrap { padding: 20px 0 0; }
.advance-radio-wrap a.show-more-btn:after, .interior-wrap a.show-more-btn:after { content: ''; background-image: url(/cdn/shop/files/right-grey-angle.png?v=1644322626); background-repeat: no-repeat; background-size: contain; background-position: center; width: 7px; height: 11px; position: absolute; right: 0; top: 3px; } 
.advance-radio-wrap a.show-more-btn, .interior-wrap a.show-more-btn  { position: relative; padding-right: 15px; color: #bebfc4; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-align: left; text-decoration: underline; text-transform: capitalize; }
.advance-radio-wrap .radio-btn-wrap .radio label.radio-label { padding-left: 30px; }
.advance-radio-wrap .radio-btn-wrap .radio input[type=radio]:checked + .radio-label:before { left: 0; position: absolute; }
.advance-radio-wrap .radio-btn-wrap .radio input[type=radio] + .radio-label:before { left: 0; position: absolute; }

.radio-btn-wrap .radio input[type=checkbox], .sub-col-main-wrap.filter-wrap .radio-btn-wrap .sub-radio input[type=checkbox] { position: absolute; opacity: 0; }
.filter-wrap .radio-btn-wrap .radio .radio-label { padding-left: 30px }
.filter-wrap .radio-btn-wrap .radio .radio-label:after { content: ''; border: 1px solid rgb(24 29 37 / 25%); border-radius: 100%; display: inline-block; width: 20px; height: 20px; position: absolute; top: 5px; margin-right: 7px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; left: 0; }
.filter-wrap .radio-btn-wrap .radio.active .radio-label:before { content: ""; border-radius: 100%; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: 5px; margin-right: 7px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; border: 1px solid #e4e4e4; background-color: #ffffff; }
.filter-wrap .radio-btn-wrap .radio.active .radio-label:before { background-color: #181d25; border: 5px solid #fff; }

.sub-col-main-wrap.filter-wrap .radio-btn-wrap .sub-radio .radio-label { color: #818285; position:relative; padding-left:30px; }
.sub-col-main-wrap.filter-wrap .radio-btn-wrap .sub-radio .radio-label:after { content: ''; border: 1px solid rgb(24 29 37 / 25%); border-radius: 100%; display: inline-block; width: 20px; height: 20px; position: absolute; top:3px; margin-right: 7px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; left: 0; }
.sub-col-main-wrap.filter-wrap .radio-btn-wrap .sub-radio.active .radio-label:before { content: ""; border-radius: 100%; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top:3px; margin-right: 7px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; border: 1px solid #e4e4e4; background-color: #ffffff; }
.sub-col-main-wrap.filter-wrap .radio-btn-wrap .sub-radio.active .radio-label:before { background-color: #181d25; border: 5px solid #fff; }


.right-product-detail .product-detail-wrap .filter-wrap .content-wrap .radio input[type=radio] { position: absolute; opacity: 0; }
.right-product-detail .product-detail-wrap .filter-wrap .content-wrap .radio .radio-label { position:relative; padding-left:30px; }
.right-product-detail .product-detail-wrap .filter-wrap .content-wrap .radio .radio-label:after { content: ''; border: 1px solid rgb(24 29 37 / 25%); border-radius: 100%; display: inline-block; width: 20px; height: 20px; position: absolute; top:3px; margin-right: 7px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; left: 0; }
.right-product-detail .product-detail-wrap .filter-wrap .content-wrap .radio.active .radio-label:before { content: ""; border-radius: 100%; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top:3px; margin-right: 7px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; border: 1px solid #e4e4e4; background-color: #ffffff; }
.right-product-detail .product-detail-wrap .filter-wrap .content-wrap .radio.active .radio-label:before { background-color: #181d25; border: 5px solid #fff; }


.cart-bottom { width: 58px; height: 58px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-color: #4fc0e5; position: fixed; bottom:15px; right:15px; border-radius: 100%; text-align: center; z-index:111; }
.cart-bottom a { display: inline-block; width: 100%; padding: 15px 0 0; text-align:center; }
.cart-bottom span { font-family: 'Roboto', sans-serif; position: absolute; width: 22px; height: 22px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border: 1px solid #e4e4e4; background-color: #ffffff; color: #818285; border-radius: 100%; top: -6px; left: -4px; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 22px; }

.mini-cart-data { height: calc(100vh - 293px); overflow-x: hidden; overflow-y: auto; }
.shoping-cart-popup { position: fixed; top: 50%; width: 410px; height: 100vh; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.17); border-radius: 3px; border: 1px solid #e4e4e4; background-color: #ffffff; bottom:auto; right:-100%; transform: translate(0, -50%); padding:25px 30px; z-index:999; transition: all 800ms ease-in-out; }
.shoping-cart-popup.right-pannel-open {right:0;}
.shoping-cart-popup .shoping-cart-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.shoping-cart-popup .shoping-cart-top a.close-btn { width: 18px; height: 18px; display: flex; }
.shoping-cart-popup .shoping-cart-top h2 { margin: 0; }
.shoping-cart-popup .product-shopping-wrap { display: inline-block; width:100%; padding:15px 0; border-bottom: 1px solid rgb(25 32 41 / 25%); }
.shoping-cart-popup .product-shopping-wrap:last-child { border:0px; }
.shoping-cart-popup .product-shopping-wrap a { cursor:pointer; display: inline-block; width: 19px; }
.shoping-cart-popup .product-shopping-wrap .pro-detail-wrap { display: flex; align-items: center; padding-left: 10px; width: calc(100% - 19px); }
.shoping-cart-popup .product-shopping-wrap .pro-detail-wrap a { width:92px; }
.shoping-cart-popup .product-shopping-wrap .pro-detail-wrap a img { width: 92px; font-size:10px; line-height:12px; }
.shoping-cart-popup .product-shopping-wrap .product-shopping { display: flex; align-items: center; }
.shoping-cart-popup .product-shopping-wrap .pro-detail-wrap span.title { width:calc(100% - 92px); padding-left: 10px; font-family: 'Roboto', sans-serif; color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-align: left; }
.shoping-cart-popup .product-shopping-wrap a img { width: 19px; }
.shoping-cart-popup .product-shopping-wrap .price-qty-wrap { display: flex; align-items: center; justify-content: flex-end; margin-right:10px; }
.shoping-cart-popup .product-shopping-wrap .price-qty-wrap .cart__qty { margin-right: 35px; }
.shoping-cart-popup .product-shopping-wrap .price-qty-wrap .pro-price { font-family: 'Maven Pro', sans-serif; color: #181d25; font-size: 18px; font-weight: 700; font-style: normal; letter-spacing: -0.18px; line-height: 24px; text-align: right; }

.shoping-cart-popup .subtotal-wrap { display: flex; align-items: center; justify-content: space-between; padding: 20px 0 15px; border-top:1px solid rgb(25 32 41 / 25%); }
.shoping-cart-popup .subtotal-wrap span, .shoping-cart-popup .content-wrap p { color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-align: left; }
.shoping-cart-popup .subtotal-wrap .pro-price { color: #181d25; font-family: 'Maven Pro', sans-serif; font-size: 18px; font-weight: 700; font-style: normal; letter-spacing: -0.18px; line-height: 24px; }

.shoping-cart-popup .cart__submit-controls { position:relative; margin:15px auto 0; width: 100%; display: inline-block; }
.shoping-cart-popup .cart__submit-controls input.cart__submit { border-radius: 3px; background-color: #4fc0e5; width:100%; height: 54px; color: #ffffff; font-family: Roboto; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; line-height: 24px; text-align: left; padding: 15px 105px 15px 23px; position: relative; z-index: 0; transition: all .3s ease-out; }
.shoping-cart-popup .cart__submit-controls  span.cart-icon { position: absolute; top: 17px; right: 27px; width: 24px; height: 19px; }
.shoping-cart-popup .cart__submit-controls span.cart-icon img { height: 19px;object-fit: contain; }
.shoping-cart-popup .cart__submit-controls input.cart__submit:hover { background-color: #00a4ed; transition: all .3s ease-out; }

.filter-sortby, .search-filter-sortby { display: inline-block; width: 100%; position: relative; }
.filter-sortby label, .search-filter-sortby label { color: #192029; font-family: "Maven Pro", sans-serif; font-size: 20px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 30px; padding: 0 25px 0  0; width: auto; float: right; margin: 0 auto; }
.filter-sortby label:after, .search-filter-sortby label:after  { width: 17px; height: 10px; position: absolute; top: 10px; right: 0; content: ''; background-image: url(/cdn/shop/files/down-aerrow.png?v=1643889403); background-repeat: no-repeat; background-size: contain; background-position: center; transition: all .3s ease-out; }
.filter-sortby ul.dropdown-menu, .search-filter-sortby ul.dropdown-menu  { display: none; position: absolute; top: 38px; right: 0; padding: 25px; background: #fff; text-align: left; box-shadow: 0px 0px 7px rgb(25 32 42 / 25%); z-index:11; }
.search-filter-sortby ul.dropdown-menu li { cursor:pointer; }
.filter-sortby.open-menu label:after, .search-filter-sortby.open-menu label:after { transform: rotate(-180deg); }
.filter-sortby ul.dropdown-menu li:hover a, .search-filter-sortby ul.dropdown-menu li:hover a,
.filter-sortby ul.dropdown-menu li.active a, ul.dropdown-menu li:active a,
.search-filter-sortby ul.dropdown-menu li.active, .search-filter-sortby ul.dropdown-menu li:active { color:#44b8e5; }

.compare-popup-box { margin: 0 auto; width: 100%; position: fixed; top: auto; left: 0; display: block; bottom: 0; z-index:111; }
.compare-popup-box .compare-content { display: flex; max-width: 750px; width: 100%; background: #ffffff; padding: 0px; position: absolute; top: auto; left: 0; z-index: 1; right: 0; margin: 0 auto; bottom: 10px; box-shadow: 0px 0px 3px rgb(129 130 133 / 50%); }
.compare-popup-box .compare-content button.close-small { background: none; border: none; float: right; }
.compare-popup-box .compare-wrap { width:25%; display: inline-block; padding: 10px; margin: 0 auto; vertical-align: top; }
.compare-popup-box .compare-wrap .pro-item { position:relative; padding: 29px 18px 20px;border: 1px solid rgb(25 32 42 / 25%);float: left;width: 100%;}
.compare-popup-box .compare-wrap button.close-small { margin: 0 auto; padding: 0; position: absolute; top: 5px; right: 5px; }
.compare-popup-box .compare-wrap .pro-item .pro-img { float: left; width: 100%; margin-bottom: 15px; overflow:hidden; }
.compare-popup-box .compare-wrap .pro-item .pro-img img { float: left; width: 100%; max-height:120px; object-fit: contain; object-position: center; font-size:12px; line-height:20px; }
.compare-popup-box .compare-wrap .pro-item .pro-detail { float: left; width: 100%; }
.compare-popup-box .compare-wrap .pro-item .pro-detail h3.pro-name { margin: 0 auto; font-family: 'Roboto', sans-serif; color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 22px; text-align: left; }
.compare-popup-box .compare-wrap .pro-item .pro-detail .pro-prize { color: #181d25; font-family: "Maven Pro"; font-size: 18px; font-weight: 700; font-style: normal; letter-spacing: -0.18px; line-height: 24px; text-align: left; }
.compare-popup-box .compare-content .compare-bottom { float: left; width: calc(100% - 20px); margin: 0 10px; border-top: 1px solid rgb(25 32 42 / 25%); padding-top: 15px; }
.compare-popup-box .compare-content .compare-product { float: left; width: 100%; margin-bottom: 10px; text-align:center; }
.compare-popup-box .compare-content .compare-bottom a.remove-btn { text-decoration: underline; margin-left:18px; }
.compare-popup-box .compare-content .compare-bottom a.up-product { float: right; margin-top: 10px; }
.compare-content-inner { width: calc(100% - 26px); padding: 15px; height: 100%; display: inline-block; float: left; }
.compare-popup-box .compare-content .right-btn-scroll { display: flex; width: 26px; float: left; align-items: center; justify-content: center; background-color: #181d25; }
.compare-popup-box .compare-content .right-btn-scroll img { transform: rotate(90deg); }
.compare-popup-box .compare-content .right-btn-scroll a { height: 100%; width: 100%; text-align: center; align-items: center; display: flex; justify-content: center; }

/* .zoomContainer { z-index: 9000; } */
.template-product.inner-page .main-content { padding:0px 0 0px; }
.product-detail-page { width: 100%; display: inline-block; }
.left-part { float: left; width:50%; }
.product-slider { display: flex; width: 100%; align-items: center; justify-content: center; flex-wrap:wrap;}
.product-slider .one-product__slider_navigation { display: inline-block; padding:20px 0; float: left; width: 100%; }
.product-slider .one-product__slider { float: left; width: 100%; display:inline-block; padding: 0 15px; }
.product-slider .one-product__slider .slick-track { display: flex; align-items: center; }
.product-slider .one-product__slider a { width:auto; }
.product-slider .one-product__slider_navigation .item { height: 119px; border-radius: 3px; border: 1px solid #e4e4e4; background-color: #ffffff; margin:10px auto; display: flex; align-items: center; }
.product-slider .one-product__slider_navigation img { margin: 0 auto; text-align: center; max-height:90px; }
.product-slider button.slick-prev.slick-arrow { left: 0;right: 0;bottom: 0;top: auto;margin: 0 auto;transform: translateY(0%); width:100%; text-align: center; }
.product-slider button.slick-prev::before {background-image: url(/cdn/shop/files/down-aerrow.png?v=1643889403);background-repeat: no-repeat;background-position: center;background-size: contain;width:17px;height:10px;font-size: 0;position: absolute;top: auto;left: 0; right: 0; margin: 0 auto; bottom: 0;}
.product-slider button.slick-next.slick-arrow {left: 0;right: 0;bottom: auto;top: 0;margin: 0 auto;transform: translateY(0%);  width:100%; text-align: center; }
.product-slider button.slick-next::before { background-image: url(/cdn/shop/files/down-aerrow.png?v=1643889403); background-repeat: no-repeat; background-position: center; background-size: contain; width:17px; height:10px; font-size: 0; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; transform: rotate(-180deg); }
.product-slider .one-product__slider a.product-video { padding: 0 15px; display: inline-block; width: 100%; }
.product-slider .one-product__slider a.product-video iframe { max-width: 650px; width:100%; height: 400px; margin: 0 auto; text-align: center; display: flex; }

.product-slider .one-product__slider .item a.plus-icon { opacity:0; visibility: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.product-slider .one-product__slider .item { transition: all .3s ease-out; }
.product-slider .one-product__slider .item:hover a.plus-icon { opacity: 1; visibility: visible; transition: all .3s ease-out; }
.right-part { display: inline-block; width: 50%; float: left; }
.right-product-detail .product-detail-wrap { margin: 0 auto; }
.right-product-detail .product-detail-wrap .part-number-wrap { }
.right-product-detail .product-detail-wrap .part-number-wrap p { color: #bebfc4; font-size: 14px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; }
.right-product-detail .product-detail-wrap h2 { margin:0 auto; }
.right-product-detail .product-detail-wrap ul { padding:10px 0; }
.right-product-detail ul li{ color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-align: left; position: relative; padding: 0 0 0 20px; }
.right-product-detail ul li span.inch, .right-product-detail ul li span.mm { color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-align: left; position: relative; padding: 0 0; } 
.right-product-detail ul.right-icon li:before { content: ''; border: solid #192028; border-width: 0px 0px 2px 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(45deg); transform: rotate(-45deg); width: 12px; height: 8px; position: absolute; left: 0; top: 7px; }
.right-product-detail .product-detail-wrap .price-wrap { display:flex; color: #4fc0e5; font-family: "Maven Pro"; font-size: 23px; font-weight: 700; font-style: normal; letter-spacing: -0.23px; line-height: 24px; text-align: left; margin:20px auto; border: 0; }
.right-product-detail .product-detail-wrap .qty-cart-wrap { display: flex; align-items: center; margin-bottom:20px; }
.right-product-detail .product-detail-wrap .qty-cart-wrap .cart__qty { }
.right-product-detail .product-detail-wrap .qty-cart-wrap .cart__qty .cart__qty-input { width: 62px; height: 54px; }
.right-product-detail .product-detail-wrap .qty-cart-wrap .cart__buttons-container { width: 100%; margin-left: 10px; }
.right-product-detail .product-detail-wrap .qty-cart-wrap .cart__buttons-container .cart__submit-controls { width: 100%; display: inline-block; float: left; }
.right-product-detail .product-detail-wrap .qty-cart-wrap .cart__buttons-container .cart__submit-controls input.cart__submit.btn { width: 100%; }
/* .right-product-detail .product-detail-wrap .qty-cart-wrap .cart__buttons-container .cart__submit-controls img { height: 23px; } */

.right-product-detail .product-detail-wrap .cost-price-wrap { display: flex; color: #818285; font-family: "Maven Pro"; font-size: 20px; font-weight: 400; font-style: normal; letter-spacing: -0.23px; line-height: 24px; text-align: left; margin: 20px auto; border: 0; }

.right-product-detail .product-detail-wrap .filter-wrap .content-wrap .radio { position: relative; }
.right-product-detail .product-detail-wrap .filter-wrap .content-wrap .radio input { position: absolute; left: 0; top: 6px; }

.right-product-detail .product-detail-wrap p a { text-decoration: underline; color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; margin-left: 10px; }
.right-product-detail .product-detail-wrap p a:hover { color:#4fc0e5; }

.right-product-detail .product-detail-wrap .color-wrap ul { padding: 20px 0 0; display: flex; flex-flow: wrap; }
.right-product-detail .product-detail-wrap .filter-wrap .radio-btn-wrap { padding:20px 0 0; }
.right-product-detail .product-detail-wrap .color-wrap ul li { padding: 0 10px 15px;  float: left; width:auto; text-align: center; }
/* .right-product-detail .product-detail-wrap .color-wrap.filter-wrap { border-top: 1px solid rgb(24 29 37 / 25%); } */
.right-product-detail .product-detail-wrap .filter-wrap h3 { position:relative; margin:0 auto; cursor:pointer; }
.right-product-detail .product-detail-wrap .filter-wrap h3:after { content: ''; background-image: url(/cdn/shop/files/down-aerrow.png?v=1643889403); position: absolute; right: 20px; top: 6px; width: 17px; height: 10px; transition: all .3s ease-out; }
.right-product-detail .product-detail-wrap .filter-wrap h3.active:after { transform: rotate(-180deg); transition: all .3s ease-out; }
/* .right-product-detail .product-detail-wrap .filter-wrap .content-wrap { display:none; } */


/* .right-product-detail .product-detail-wrap .qty-cart-wrap .cart__qty input[type=number]::-webkit-inner-spin-button,
.right-product-detail .product-detail-wrap .qty-cart-wrap .cart__qty input[type=number]::-webkit-outer-spin-button {opacity: 0 }
*/

.accordian-section { display: inline-block; width: 100%;}
.accordian-section .acoordian-wrap { border-bottom: 1px solid rgb(25 32 41 / 25%); }
.accordian-section .acoordian-wrap .accordion-title { padding: 20px 20px 20px 15px; position: relative; cursor: pointer; color: #19202a; font-family: "Maven Pro"; font-size: 17px; font-weight: 700; font-style: normal; letter-spacing: -0.17px; line-height: normal; text-align: left; }
.accordian-section .acoordian-wrap .accordion-title:after { content: ''; background-image: url(/cdn/shop/files/down-aerrow.png?v=1643889403); position: absolute; right: 20px; top: 27px; width: 17px; height: 10px; transition: all .3s ease-out; }
.accordian-section .acoordian-wrap .accordion-content { display:none; padding: 10px 20px 20px 15px; color: var(--color-body-text); }
.accordian-section .acoordian-wrap .accordion-content .radio-btn-wrap { margin: 0 auto; padding: 0; }
.accordian-section .acoordian-wrap .accordion-title.active::after { transform: rotate(-180deg); transition: all .3s ease-out; }
.accordian-section .acoordian-wrap:last-child { border-bottom: 0px; }
.accordian-section .acoordian-wrap:first-child .accordion-content { display:block; }
.accordian-section .acoordian-wrap .accordion-content p strong { color:#19202a; }
.radio-btn-wrap .radio input[type=radio]:checked + .radio-label:after {content:''; border: 1px solid rgb(24 29 37 / 25%);border-radius: 100%;display: inline-block;width: 20px;height: 20px;position: absolute;top: 5px;margin-right: 7px;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;left: 0;}

.accordian-section .acoordian-wrap .accordion-content .button-group { display: flex; padding-bottom: 20px; }
.accordian-section .acoordian-wrap .accordion-content .button-group a { color: #181d25; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; text-align: center; border-radius: 3px; border: 1px solid #e4e4e4; height:auto; line-height: 24px; padding: 15px 20px; margin-right: 20px; text-transform: uppercase; transition: all .3s ease-out; }
.accordian-section .acoordian-wrap .accordion-content .button-group a:hover { border-color: #181d25; }



.right-product-detail .icon-wrap { border-bottom: 1px solid rgb(25 32 42 / 25%); margin:10px 5px; }
.right-product-detail .icon-wrap ul { margin: 0 auto; display: inline-flex; align-items: center; padding: 0; }
.right-product-detail .icon-wrap ul li { display: flex; padding: 0; align-items: center; justify-content: flex-start; width: 33.33%; }
.right-product-detail .icon-wrap ul li img { max-width:80px; }
.product-detail-bottom ul { padding: 30px 0; }
.product-detail-bottom .white-btn { margin: 20px 0; }
.product-detail-bottom .white-btn a { width: 100%; text-align: left; }
.right-product-detail ul li span { color: #192029; font-size: 10px; font-weight: 700; font-style: normal; letter-spacing: 0.5px; line-height: 12px; text-transform: uppercase; padding-left:10px; }

.right-product-detail .social-icon { display: flex; padding-top: 25px; align-items: center; }
.right-product-detail .social-icon label { color: #19202a; font-size: 17px; font-weight: 700; font-style: normal; letter-spacing: -0.17px; line-height: normal; text-align: left; font-family: "Maven Pro"; margin: 0 30px 0 0; }
.right-product-detail .social-icon ul { padding: 0; display: inline-block; }
.right-product-detail .social-icon ul li { float: left; padding-left: 20px; }
.right-product-detail .social-icon ul li a { display: flex; align-items: center; color:#19202a; }
.right-product-detail .social-icon ul li i { font-size: 17px; }
.right-product-detail .social-icon ul li img { width: 25px; }

/* .product-detail-bottom .prod-desc p+p { display:none; } */
.product-detail-bottom .prod-desc a.morelink { display: inline-block; position:relative; padding-right:15px; color: #bebfc4; font-size:14px; font-weight:400; font-style:normal; letter-spacing:normal; line-height:26px; text-align:left; text-decoration:underline; text-transform: capitalize; } 
/* .product-detail-bottom .prod-desc a.morelink:after { content: ''; background-image: url(/cdn/shop/files/right-grey-angle.png?v=1644322626); background-repeat: no-repeat; background-size: contain; background-position: center; width: 7px; height: 11px; position: absolute; right:0; top:7px; }  */
.product-detail-bottom .prod-desc .morecontent { display: inline-block; width: 100%; vertical-align: top; }


.product-like-section { background-color: #f7f7f7; padding: 102px 0; }
.product-like-section .product-like-title { text-align: center; margin-bottom: 30px; }
.product-like-section .col-wrap { margin: 0 -10px; }
.product-like-section .col-wrap .col-3 { padding: 10px; width: 25%; float: left; }
.product-like-section .pro-item { background: #fff; text-align: center; }
.product-like-section .pro-item .product-detail-wrap { text-align: left; padding: 0 16px; float: left; width: 100%; }
.pro-item .product-detail-wrap h3.pro-name, .pro-item .product-detail-wrap h3.pro-name a { font-family: 'Maven Pro', sans-serif; font-size:16px; line-height:24px; display:inline-block; width:100%; vertical-align: top; color: #818285; text-transform: capitalize; margin: 0 auto; }
.pro-item .product-detail-wrap sapn.part-no { display:inline-block; width:100%; vertical-align: top; font-size:16px; line-height:24px; color: #c8c9cd; text-transform: capitalize; }
.pro-item .product-detail-wrap  span.pro-inte, .pro-item .product-detail-wrap  span.pro-interior { display:inline-block; width:100%; vertical-align: top; font-size: 15px; line-height:24px; text-transform: capitalize; color: #818285; }
.pro-item .product-detail-wrap .pro-compare { display: inline-block; width: auto; }
.pro-item .product-detail-wrap  .pro-prize { font-size: 22px; font-weight: 700; margin: 5px 0; }
.product-like-section .pro-item .aerrow-btn a { color: #44b8e5; transition: all .3s ease-out; padding-left: 15px; }
.product-like-section .pro-item .aerrow-btn a:hover { color: #ffffff; transition: all .3s ease-out; }
.product-like-section .pro-item .prize-compare-wrap { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; margin: 10px auto; }
.product-like-section .pro-item .prize-compare-wrap .pro-prize { width: 50%; margin: 0; }
.product-like-section  .pro-item .product-detail-wrap .pro-compare { width: auto; }

.product-like-section .pro-item .pro-img { padding: 10px; margin: 0 auto; text-align: center; }
.product-like-section .pro-item .pro-img { padding: 10px; margin: 0 auto; text-align: center; float: left; width: 100%; }
.product-like-section .pro-item .pro-img a { display: inline-block; vertical-align: top; width: 100%; text-align: center; }
.product-like-section .pro-item .pro-img img { max-height: 158px; min-height: 158px; width:100%; object-fit: contain; object-position: center; display: inline-block; vertical-align: top; }

.pro-compare-wrap { float: left; width: 100%; display: inline-block; padding: 40px 0 108px; }
.pro-compare-wrap .pro-compare-left { width: 147px; float: left; display: inline-block; background-color: #f7f7f7; border: 1px solid rgb(25 32 41 / 25%); border-bottom:0px; }
.pro-compare-wrap li.compare-image { min-height: 250px; }
.pro-compare-wrap li { padding: 20px; color: #818285; min-height:70px; text-transform: capitalize; }
.pro-compare-wrap .pro-compare-left li { color: #19202a; font-size: 20px; font-weight: 700; font-style: normal; letter-spacing: -0.2px; line-height: normal; text-align: left; border-bottom: 1px solid rgb(25 32 42 / 25%); line-height: 26px; }
/* .pro-compare-wrap .pro-compare-left li:last-child { border-bottom: 0px; } */
.pro-compare-wrap .pro-compare-right { float: left; width: calc(100% - 147px);  }
.pro-compare-wrap .pro-compare-right ul { width:25%; float:left;}
.pro-compare-wrap .pro-compare-right ul li { border-right: 1px solid rgb(25 32 42 / 25%); border-bottom: 1px solid rgb(25 32 42 / 25%); }
.pro-compare-wrap .pro-compare-right ul li.compare-wrap { border-top: 1px solid rgb(25 32 42 / 25%); min-height: 251px; }
.pro-compare-wrap .pro-compare-right .compare-image { border-radius: 3px; border: 1px solid #e4e4e4; background-color: #ffffff; position: relative; padding: 30px 0 27px; }
.pro-compare-wrap .pro-compare-right .compare-image .pro-img { }
.pro-compare-wrap .pro-compare-right .compare-image .pro-img img { height: 142px; margin: 0 auto; width: 100%; object-fit: contain; }
.pro-compare-wrap .pro-compare-right .compare-image button.close-small { position: absolute; background: none; border: none; top: 5px; right: 5px; }
.pro-compare-wrap li.title { min-height:120px; line-height: 26px; }
.pro-compare-wrap .pro-compare-right ul li.com-sku{ min-height:93px; line-height:26px; }
.pro-compare-wrap ul li.desc-wrap { min-height:200px; }
.pro-compare-wrap ul li.btn-wrap { min-height: 100px; text-align: center; } 
.pro-compare-wrap ul li.btn-wrap .light-blue-btn { display:inline-block; }
.pro-compare-wrap ul li.btn-wrap .light-blue-btn a { font-size: 12px; height: 40px; line-height: 40px; padding: 0 20px; }
.pro-compare-wrap li.com-material { min-height:93px; line-height:26px; }

.pro-compare-wrap .pro-compare-right ul li.com-interior,
.pro-compare-wrap .pro-compare-right ul li.com-exterior { height:93px; }
.pro-compare-wrap .pro-compare-right ul li.com-weight,
.pro-compare-wrap .pro-compare-right ul li.com-weight,
.pro-compare-wrap .pro-compare-right ul li.com-colors,
.pro-compare-wrap .pro-compare-right ul li.com-wheels{ height:70px; }

.pro-compare-wrap ul.add-product-wrap { }
.pro-compare-wrap ul.add-product-wrap li.prod-select { border-top: 1px solid rgb(25 32 42 / 25%); min-height: 251px; }
.pro-compare-wrap ul.add-product-wrap li.prod-select h4 { color: #19202a; font-size: 20px; font-weight: 700; font-style: normal; letter-spacing: -0.2px; line-height: normal; text-align: center; }
.pro-compare-wrap ul.add-product-wrap li.prod-select .select-wrap { margin-bottom: 10px; }
.pro-compare-wrap ul.add-product-wrap li.prod-select .select-wrap label { }
.pro-compare-wrap ul.add-product-wrap li.prod-select .select-wrap select#format { width: 100%; }
.pro-compare-wrap ul.add-product-wrap li.prod-select .select-wrap select option,
.pro-compare-wrap ul.add-product-wrap li.prod-select .select-wrap select option { color: #818285; }

.product-collection-section .right-collection.rigth-col-part nav { display: inline-block; width: 100%; vertical-align: top; }
ol.pagination {float: left;width: 100%;background: #ffffff;padding-top: 30px; }
ol.pagination li { padding:5px; }
ol.pagination li a { color: #192028; }
ol.pagination li:first-child, ol.pagination li:last-child,
ol.pagination li:last-child a, ol.pagination li:first-child a { color: #4fc0e5; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 24px; padding: 0 5px; }
ol.pagination li.active, ol.pagination li span { color: #4fc0e5; font-size:18px; font-weight:700;  } 
ol.pagination li svg { margin:0 5px;  }
ol.pagination li path { fill:#4fc0e5; }

.isotope-pager { display: flex; align-items: center; width: calc(100% + 20px); justify-content: center; margin: 0 -10px; background: #fff; padding-top: 30px; }
.isotope-pager a.pager { color: #192028; display: inline-block; text-align: center; vertical-align: top; padding:5px; }
.isotope-pager a.pager.active { color: #4fc0e5; font-size: 18px; font-weight: 700; } 
.isotope-pager a.previous_link, .isotope-pager a.next_link, 
.isotope-pager a.previous_link:hover, .isotope-pager a.next_link:hover { color: #4fc0e5; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; padding:5px; }

.isotope-pager a.previous_link span, .isotope-pager a.next_link span { color: #4fc0e5; font-size: 18px; font-weight: 700; }
.isotope-pager a.previous_link span svg, .isotope-pager a.next_link span svg { margin: 0 5px; }  
.isotope-pager a.previous_link span svg path, .isotope-pager a.next_link span svg path { fill: #4fc0e5; }

.isotope-pager a.previous_link.disable, .isotope-pager a.next_link.disable { pointer-events: none; }


.filter-wrap { }
.filter-wrap .filter-menu { padding: 10px 5px 10px 0; }
.filter-wrap .filter-menu .filter-slider { display: flex; width: 100%; padding-top: 10px; } 
.filter-wrap .filter-menu ul { padding:0px; width:calc(100% - 100px); text-align:center; }
.filter-wrap .filter-menu ul a { text-transform: capitalize; }
.filter-wrap .filter-menu .ui-slider { border: none; }
.filter-wrap .filter-menu .ui-slider .ui-slider-range { background: #e4e4e4; border-radius: 0; height: 8px; }
.filter-wrap .filter-menu .ui-slider .ui-slider-handle, 
.filter-wrap .filter-menu .ui-slider .ui-slider-handle:focus-visible { cursor:pointer; border: none; background-color: #192028; border-radius: 0; width: 5px; margin: 0; height: 13px; top: -3px; outline:0; }
.filter-wrap .filter-menu .filter-slider input { width: 50px; padding: 0; text-align: left; border: 0; color: #818285; }
.filter-wrap .filter-menu .filter-slider input.amount-min { }
.filter-wrap .filter-menu .filter-slider input.amount-max { text-align: right; }

.search-result-section { padding-bottom: 45px; }
.search-result-section h1 { text-align: center; margin-bottom: 40px; }
.search-result-section .search-result-wrap {max-width: 707px;margin: 0 auto;}
.search-result-section .search-result-wrap .search-result { width: 100%; display: inline-block; position: relative; }
.search-result-section .search-result-wrap .search-result input[type="text"] {width: 100%;height:54px;border-radius: 3px;border: 1px solid #e4e4e4;background: none;padding: 5px 70px 5px 30px;color: #818285;}
.search-result-section .search-result-wrap .search-result .search-icon {position: absolute;top:13px;right: 33px;width: 28px;height: 27px;cursor: pointer;}
.search-result-section .search-result-wrap .search-result .search-icon img { width: 28px; height: 27px; }
.search-result-section .search-size-wrap { padding-top: 35px; text-align: center; }
.search-result-section .search-size-wrap a.serch-by-size-btn, .search-result-section .search-size-wrap a.serch-by-size-btn:hover {opacity: 0.8;color: #19202a;font-size: 17px;font-weight: 700;padding-right:25px;font-style: normal;letter-spacing: -0.17px;line-height: normal;font-family: Maven Pro, sans-serif;position:relative;}
.search-result-section .search-size-wrap a.serch-by-size-btn img {position: absolute;right: 0;top: 6px;transition: all .3s ease-out;transform: rotate(0deg);}
.search-result-section .search-size { width: 100%; display: flex; align-items: center; margin-top:20px;     transition: all .3s ease-out; }
.search-result-section .search-size .search-image { border-radius: 3px; border: 1px solid #e4e4e4; background-color: #ffffff; width: 201px; height: 97px; padding:5px; }
.search-result-section .search-result-wrap.show-sizes .search-size { display: flex !important;     transition: all .3s ease-out; } 
.search-result-section .search-result-wrap.show-sizes a.serch-by-size-btn img { transform: rotate(-180deg);     transition: all .3s ease-out; }
.search-result-section .search-size .search-wrap { width: calc(100% - 201px); }
.search-result-section .search-size .search-wrap .size-btn-wrap { display: flex; align-items: center; justify-content: space-between; padding-left: 18px; }
.search-result-section .search-size .search-wrap .size-btn-wrap .normal-btn { }
.search-result-section .search-size .search-wrap .size-btn-wrap .normal-btn input {display: inline-block;border-radius: 3px;border: 1px solid #e4e4e4;height: 54px;min-width: 106px;opacity: 0.8;color: #818285;font-size: 16px;font-weight: 400;font-style: normal;letter-spacing: normal;line-height: 24px;padding: 15px 0;text-align:center; width:106px; max-width:100%;}
.radio-btn-wrap { display: flex; }
.radio-btn-wrap .radio input[type=radio] { position: absolute; opacity: 0; }
.radio-btn-wrap .radio input[type=radio] + .radio-label:before { content: ""; border-radius: 100%; display: inline-block; width: 20px; height: 20px; position: relative; top: 5px; margin-right: 7px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; border: 1px solid #e4e4e4; background-color: #ffffff; }
.radio-btn-wrap .radio input[type=radio]:checked + .radio-label:before {background-color: #181d25;border: 5px solid #fff;}
.radio-btn-wrap .radio input[type=radio]:focus + .radio-label:before { outline: none; border-color: #ffffff; }
.radio-btn-wrap .radio input[type=radio]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; }
.radio-btn-wrap .radio input[type=radio] + .radio-label:empty:before { margin-right: 0; }
.radio-btn-wrap .radio { display: inline-block; margin-right: 15px; position:relative; }
.radio-btn-wrap .radio label.radio-label { opacity: 0.8; color: #fbfbfb; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: left; }
.search-result-section .radio-btn-wrap .radio input[type=radio]:checked + .radio-label:after { content: ''; border: 1px solid rgb(24 29 37 / 25%); border-radius: 100%; display: inline-block; width: 20px; height: 20px; position: absolute; top: 5px; margin-right: 7px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; left: 0; }
.search-result-section .search-result-bottom { padding: 50px 0;  margin-top: 50px; }
.search-result-section .search-result-bottom h5 { margin:0 auto; color: #818285; font-size: 20px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 30px; text-align: center; }

.search-result-section .search-size .search-image a { display: inline-block; width: 100%; vertical-align: top; }
.search-result-section .search-size .search-image a img { width: 100%; height: 85px; object-fit: contain; object-position: center; display: inline-block; vertical-align: top; }
.search-result-wrap .search-size-wrap .search-size .search-image a { display: inline-block; width: 100%; vertical-align: top; }
.search-result-wrap .search-size-wrap .search-size .search-image a img { width: 100%; height: 85px; object-fit: contain; object-position: center; display: inline-block; vertical-align: top; }

.template-search .cbs-address-subscribe { border:0px; margin:0 auto; padding-top:30px; }

.template-search .collection-bottom-content { padding:0px; }
.template-search .collection-bottom-content h3 { margin: 0 auto; }
.search-result-section .search-result-wrap .grid__item { left: 0; width: 100%; }
.search-result-section .search-form__connected-submit { background: none; }
.search-result-section .input-group { border: 1px solid #cccccc; border-radius: 2px; } 
.search-result-section input.search-form__input { border: 0; color: #818285; opacity: 0.8; }
.search-result-section .search-form__connected-submit path { fill: #4fc0e5 !important; }
.search-result-section .search-form__connected-submit svg.icon.icon-search { width:30px; height:30px; }

/* 10-02-2022-59  */
.accordian-section .accordion-content .product-part-list-wrap li strong { color: var(--color-text); }

.product-part-list-wrap li strong {  display: inline-block; }
.product-part-list-wrap li span { color:var(--color-body-text); }
.product-part-list-wrap li { display: flex; margin-bottom: 6px; }
.product-part-list-wrap { padding-top: 14px; }

.collection-bottom-content { padding-top: 30px; background: #fff; width: calc(100% + 20px); margin-left: -10px;} 
.collection-bottom-content p { color: #818285; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 26px; text-align: left; }
.collection-bottom-content h3 { color: #19202a; font-size: 23px; font-weight: 700; font-style: normal; letter-spacing: -0.23px; line-height: normal; }
.collection-bottom-content h4 { color: #19202a; font-size: 18px; font-weight: 700; font-style: normal; letter-spacing: -0.23px; line-height: normal; }
.collection-bottom-content a, .collection-bottom-content a font, .collection-bottom-content a span { color: #4fc0e5 !important; }

/* 14-02-2022-59 */
.tab-content-wrap, .filter-wrap .radio-btn-wrap.tab-content-wrap { display:none; }
.filter-wrap .radio-btn-wrap.tab-content-wrap { padding-top:10px; }

.custome-banner-section{ padding:70px 0 76px 0; background-color:#ffffff; }
.custome-banner-section .custome-banner{ padding:57px 0 57px 90px; }
.custome-banner-section .custome-banner .image-wrap{ position: absolute; top: -40px; right: -38px; }
.custome-banner-section .custome-banner .image-wrap img{ width:367px; height:auto; min-height:367px; object-fit: cover; }
.custome-banner-section .custome-banner .custome-banner-content p { font-size:20px; }


.collection-section .collection-inner .collection-list .colle-content { max-width: 280px; }
.collection-section .collection-inner .collection-list .colle-content a.white-btn { padding: 15px 29px; }
.btn-main-wrap { padding-top: 15px; }

.product-list .col-4 .pro-item .pro-desc { padding-top:6px; }

.header-section .header-bottom .menu-wrap ul.main-menu .megamenu.casepro ul.submenu-list .link-list {padding-top: 15px;}
.header-section .header-bottom .menu-wrap ul.main-menu .megamenu.foam ul.submenu-list .link-list {padding-top: 15px;}

h1+p,h2+p,h3+p,h4+p,h5+p,h6+p { margin-top:7px; display:inline-block; width:100%; }
p+h1,p+h2,p+h3,p+h4,p+h5,p+h6 { margin-top:7px; display:inline-block; width:100%; }
/* p { line-height:30px; } */
.template-customers-login .form-vertical [type="submit"] { margin-bottom: 0px; }

.fancybox-image-slider-wrap { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background-color: rgb(25 32 42 / 94%); z-index: 1111; height: 100%; display: none; }
.fancybox-image-slider-wrap .fancybox-image-slider { max-width: 1000px; width:95%; background: #fff; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 50px; }
.fancybox-image-slider-wrap .fancybox-image-slider button.close-fancy { position: absolute; top: 15px; right: 15px; background: no-repeat; border: 0; width: 37px; }
.fancybox-image-slider-wrap .fancybox-image-slider .slick-prev.slick-arrow {left: 0px;z-index: 11;}
.fancybox-image-slider-wrap .fancybox-image-slider .slick-prev:before { content:''; background-image: url(/cdn/shop/files/Icon-arrow-left.png?v=1643294243); background-size: contain; background-repeat: no-repeat; background-position: center; width: 21px; height: 18px; position: absolute; left: 0; top: 0; }
.fancybox-image-slider-wrap .fancybox-image-slider  .slick-next.slick-arrow { right: 0; }
.fancybox-image-slider-wrap .fancybox-image-slider  .slick-next:before { content:''; background-image: url(/cdn/shop/files/Icon-arrow-right.png?v=1643294243); background-size: contain; background-repeat: no-repeat; background-position: center; width: 21px; height: 18px; position: absolute; left: 0; top: 0; }
.fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider ul.slick-dots { padding-top:10px; position:relative; bottom:0px; }
.fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider ul.slick-dots li button { width: 8px; height: 8px; background-color: #c0c0c2; border-radius: 100%; margin: 0 auto; all .3s ease-out; }
.fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider ul.slick-dots li.slick-active button { width: 12px; height: 12px; background-color:#4fc0e5; }  
.fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider ul.slick-dots li.slick-active button:before { display: none; }
.fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider { text-align: center; }
.fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .slick-track { display: flex; align-items: center; }

.hidden-costmize-form, .hidden-costmize-form-more { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background-color: rgb(25 32 42 / 94%); z-index: 1111; height: 100%; }
.hidden-costmize-form button.close-fancy, .hidden-costmize-form-more .close-fancy-more { position: absolute; top: 15px; right: 15px; background: no-repeat; border: 0; width: 37px; z-index:1; }
.hidden-costmize-form-more .costmize-form-wrap {  max-width: 700px; width: 95%; margin: 0 auto; text-align: center; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 20px; }
.hidden-costmize-form .hbspt-form{ max-width: 700px; width:95%; margin: 0 auto; text-align: center; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 20px; }
.hidden-costmize-form .hbspt-form .hs-form-field { width: 50%; vertical-align: top; display: inline-block; }
.hidden-costmize-form .hs-form-field .input { text-align: left; vertical-align: top; width: 95%; }
.hidden-costmize-form .hbspt-form .hs-form-field input{ width: 100%; margin: 0 auto; display: inline-block; color: #000000; border: 1px solid #000000; min-height: 46px; box-shadow: none; padding: 10px; box-sizing: border-box; }
.hidden-costmize-form .hs-form-field .input select { width: 100%; margin: 0 auto; display: inline-block; color: #000000; border: 1px solid #000000; min-height: 46px; box-shadow: none; padding: 10px; box-sizing: border-box; }
.hidden-costmize-form .hs-form-field .input textarea { width: 100%; margin: 0 auto; display: inline-block; color: #000000; border: 1px solid #000000; min-height: 146px; box-shadow: none; padding: 10px; box-sizing: border-box; }

.hidden-costmize-form .hbspt-form .hs-form-field li.hs-form-booleancheckbox { padding-left: 30px !important; position: relative; text-align: left; }
.hidden-costmize-form .hbspt-form .hs-form-field li.hs-form-booleancheckbox input { width: 20px; height:20px; min-height:20px; float: left; position: absolute; left: 0; top: 0; }
.hidden-costmize-form .hbspt-form .hs-form-field li.hs-form-booleancheckbox label { text-align: left; }
.hidden-costmize-form .hbspt-form .hs-form-field li.hs-form-booleancheckbox label span { text-align: left; padding: 0; line-height: initial; }
.hidden-costmize-form input.hs-button { border-radius: 3px; background: #4fc0e5; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; text-align: center; color: #ffffff; height: 54px; line-height: 54px; display: inline-block; padding: 0px 20px; text-transform: uppercase; transition: all .3s ease-out; border: 0; box-shadow: none; text-shadow:none; }
.hidden-costmize-form input.hs-button:hover { background-color: #00a4ed; transition: all .3s ease-out; box-shadow:none !important; border:0px !important; }
.hidden-costmize-form .hbspt-form .hs-form-field input::placeholder { opacity:1; color: #000; }
.hidden-costmize-form .hbspt-form .hs-form-field input:-ms-input-placeholder { opacity: 1; color: #000; }
.hidden-costmize-form .hbspt-form .hs-form-field input::-ms-input-placeholder { opacity:1; color: #000; }

.hidden-costmize-form .hbspt-form .hs-form-field textarea::placeholder { opacity:1; color: #000; }
.hidden-costmize-form .hbspt-form .hs-form-field textarea:-ms-input-placeholder { opacity: 1; color: #000; }
.hidden-costmize-form .hbspt-form .hs-form-field textarea::-ms-input-placeholder { opacity:1; color: #000; }

.hidden-costmize-form .hbspt-form .hs-form-field > label { display: none; }
.hidden-costmize-form .hbspt-form .hs_email_subscribe.field.hs-form-field { float: left; width: 100%; margin: 0 auto; }
.hidden-costmize-form .hbspt-form .hs_email_subscribe.field.hs-form-field ul.inputs-list { padding: 0 0 15px; }

.hidden-costmize-form .hbspt-form .hs-form { margin:0 auto; }
.hidden-costmize-form .hbspt-form .hs_submit.hs-submit { display: inline-block; width: 100%; }
.hidden-costmize-form .hbspt-form .hs_submit.hs-submit .actions { margin: 0 auto; padding: 15px 0 0; }
.hidden-costmize-form .hbspt-form .hs-form .hs-richtext { margin-bottom: 30px; }


.hidden-costmize-form-more .hbspt-form fieldset.form-columns-2, .hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 { max-width: 100%; width: 100%; text-align: left; margin-bottom:15px; }
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-2 input, 
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 input, 
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 textarea { border: 1px solid #000; width: 100%; color: #000000; line-height: 46px; height: 46px; }
.hidden-costmize-form-more .hs-button  { border-radius: 3px; border-color: #4fc0e5; background-color: #4fc0e5; height: 54px; color: #ffffff; font-family: Roboto; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; line-height: 24px; text-align: left; padding:0 25px; position: relative; z-index: 0; transition: all .3s ease-out; } 
.hidden-costmize-form-more .hs-button:hover { background-color: #00a4ed; transition: all .3s ease-out; }
.hidden-costmize-form-more .hbspt-form .hs-form-field ul.hs-error-msgs { padding: 10px 0 0; }
.hidden-costmize-form-more .hbspt-form .hs-form-field ul.hs-error-msgs label.hs-error-msg { color: #ff0000; margin:0 auto; }
.hidden-costmize-form-more .hbspt-form .hs_error_rollup .hs-error-msgs label.hs-main-font-element { color: #ff0000; }
.hidden-costmize-form-more .hbspt-form .hs_error_rollup { float: left; width: 100%; }
.hidden-costmize-form-more .hbspt-form .hs_error_rollup ul.no-list.hs-error-msgs { padding: 0; }

.hidden-costmize-form-more .costmize-form-wrap .hs-richtext { margin-bottom: 30px; }

.product-collection-section .right-collection .sub-collection-item .pro-item { position: relative; float: left; width: 100%; }
.product-collection-section .right-collection .sub-collection-item .pro-item .pro-img { padding: 0; position: relative; z-index: 0; float: left; width: 100%; background: #fff; }
.product-collection-section .right-collection .sub-collection-item .pro-item .pro-img img { position: relative; z-index: 0; min-height: 230px; max-height: 230px; width: 100%; object-fit: contain; object-position: center; float: left; }
.product-collection-section .right-collection .sub-collection-item .pro-item .pro-img h3.pro-name { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 1; margin: 0 auto; }
.product-collection-section .right-collection .sub-collection-item .pro-item .pro-img a { width: 100%; text-align: center; float: left; position: relative; z-index: -1; }
.product-collection-section .right-collection .sub-collection-item .pro-item .pro-img a:before { background: rgb(25 32 42 / 60%); content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: all .3s ease-out; }
.product-collection-section .right-collection .sub-collection-item .pro-item:hover .pro-img a:before { background: rgb(25 32 42 / 90%); cursor: pointer; transition: all .3s ease-out; }
.product-collection-section .right-collection .sub-collection-item .pro-item:hover .pro-img h3.pro-name{ color:#fff; }

.collection-tabs { width: 100%; margin-top: 10px; float: left; }
.collection-tabs ul {float: left;}  
.collection-tabs ul li { position:relative; font-weight:700; margin-right:10px; float: left; padding: 10px 20px; text-align: center; transition: all .3s ease-out; cursor:pointer; }
.collection-tabs ul li:hover, .collection-tabs ul li.active { color: #00a4ed; transition: all .3s ease-out; font-size:18px; }
.collection-tabs ul li:before{content: " "; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); bottom: 0; background-color: #00a4ed; width: 0; height: 3px; transition: all 300ms ease-out;}
.collection-tabs ul li:hover:before, .collection-tabs ul li.active:before{ width:100%; }

.product-collection-section .not-available { padding: 30px 10px; display: inline-block; text-align: center; width: 100%; font-family: 'Maven Pro', sans-serif; font-weight: 700; font-size: 26px; line-height: 33px; text-transform: capitalize; letter-spacing: normal; }

.hidden-costmize-form .hbspt-form .hs-form-field ul.hs-error-msgs { padding: 10px 0 0; }
.hidden-costmize-form .hbspt-form .hs-form-field ul.hs-error-msgs label.hs-error-msg { color: #ff0000; margin:0 auto; }
.product-collection-section .right-collection .pro-item-wrap { padding: 10px; }
/* .template-search .product-collection-section .right-collection .col-wrap .col-4 { padding:0px;} */

/* .product-collection-section .right-collection.rigth-search-part .pro-item-wrap { padding:0 10px; }
.product-collection-section .right-collection.rigth-search-part .col-wrap .col-4 { margin:10px 0; } */

.hidden-costmize-form .hbspt-form .hs_error_rollup .hs-error-msgs label.hs-main-font-element { color: #ff0000; }

.hidden-costmize-form .hbspt-form .hs_error_rollup { float: left; width: 100%; }
.hidden-costmize-form .hbspt-form .hs_error_rollup ul.no-list.hs-error-msgs { padding: 0; }

/* pagination */

#page_navigation { clear:both; margin:0; }
#page_navigation a{ padding:3px 6px; border:1px solid #2e6da4; margin:2px; color:black; text-decoration:none }
.active_page{ background:#337ab7; color:white !important; }
.morecontent span { display: none; }
.morelink { display: block; }
.gsa-logo-wrap { display: inline-block; vertical-align: top; width: 100%; margin-top: 15px; }

.sub-cate-slider-wrap { max-width: 100%; width: 100%; padding-bottom:45px; }
.sub-cate-slider-wrap .sub-cate-slider {  }
.sub-cate-slider-wrap .sub-cate-slider .slick-list { padding:0 150px; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item { display: inline-block; border-radius: 3px; vertical-align: top; padding: 0 12px; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item .image-wrap a { display: inline-block; width: 100%; height: 100%; vertical-align: top; position: relative; z-index: 1; text-align:center; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item .image-wrap { position: relative; border-radius: 3px; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item .image-wrap img { min-height: 210px; max-height: 210px; object-fit: contain; width: 100%; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item .image-wrap a:before {content: '';background-color: #19202a;opacity: 0.56;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;border-radius: 3px;}
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item .image-wrap .overlay-text { display:none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; padding:0 15px; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item .image-wrap h3 { position: relative; color: #fff; font-size: 16px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 24px; z-index: 2; opacity: 1; margin: 0 auto; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item.slick-active .image-wrap .btn-wrap {opacity: 0;visibility: hidden;transition: all .3s ease-out;position: absolute;top: auto;bottom: 0;width: 100%;z-index: 2;}
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item .image-wrap .btn-wrap a.light-blue-btn { width: 100%; border-radius: 0 0 3px 3px; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item.slick-active .image-wrap:hover .btn-wrap { opacity: 1; visibility: visible; transition: all .3s ease-out; display:block; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item .image-wrap:hover .btn-wrap a:before, .sub-cate-slider-wrap .sub-cate-slider .sub-cate-item.slick-active .image-wrap .overlay-text a:before{ display:none; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item.slick-active .image-wrap .overlay-text { display:block; width:100%; }
.sub-cate-slider-wrap .sub-cate-slider .sub-cate-item .image-wrap .btn-wrap { opacity: 0;visibility: hidden; display:none; }

.sub-cate-slider-wrap .sub-cate-slider button.slick-arrow {position: absolute;width: 53px;height: 53px;background: #ffffff;border-radius: 100%;opacity: 0.75; z-index: 11;}
.sub-cate-slider-wrap .sub-cate-slider button.slick-prev { left:30px;  }
.sub-cate-slider-wrap .sub-cate-slider button.slick-prev:before { content: '';background-image: url(/cdn/shop/files/right-aerrow.png?v=1647855793);
  background-size: contain; background-repeat: no-repeat; background-position: center; width: 9px; height: 16px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(180deg); }
.sub-cate-slider-wrap .sub-cate-slider button.slick-next { right:30px;  }
.sub-cate-slider-wrap .sub-cate-slider button.slick-next:before { content: '';background-image: url(/cdn/shop/files/right-aerrow.png?v=1647855793);
  background-size: contain; background-repeat: no-repeat; background-position: center; width: 9px; height: 16px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.sub-cate-slider-wrap .sub-cate-slider button.slick-arrow.slick-disabled { display:none !important; }

.cbs-lp-wrap { display: inline-block; width: 100%; vertical-align: top; }
.lp-header { display: flex; align-items: center; justify-content: center; }
.lp-whatsnew-section { display: inline-block; vertical-align: top; width: 100%; padding: 50px 0 96px; }
.lp-whatsnew-section .lp-part-wrap { display: flex; flex-flow: wrap; width: 100%; align-items: center; }
.lp-whatsnew-section .lp-part-wrap .lp-left-part { padding-left: calc((100% - 1170px) / 2); width: 55%; }
.lp-whatsnew-section .lp-part-wrap .lp-left-part .title { margin-bottom: 15px; }
.lp-whatsnew-section .lp-part-wrap .lp-left-part .title h2 { font-size: 56px; line-height: 64px; }
.lp-whatsnew-section .lp-part-wrap .lp-right-part { width: 45%; display: flex; flex-flow: wrap; align-items: center; justify-content: right; } 
.lp-whatsnew-section .lp-part-wrap .lp-left-part .content-wrap { max-width: 544px; margin-bottom: 36px; }
.lp-whatsnew-section .lp-part-wrap .lp-left-part .content-wrap .content { font-size: 20px; line-height: 35px; }
.lp-video-wrap { width: 694px; height:auto; margin: -180px 0 0 65px; position: relative; z-index: 1; }
.lp-whatsnew-section .lp-part-wrap .lp-left-part .btn-wrap { display: flex; }
.lp-whatsnew-section .lp-part-wrap .lp-left-part .btn-wrap a.light-blue-btn { border-radius: 25px; line-height: 52px; height: 52px; font-size: 19px; text-transform: capitalize; width: 173px; margin-right: 28px; }
.lp-whatsnew-section .lp-part-wrap .lp-left-part .btn-wrap a.normal-btn { border: 2px solid #1B222C; width: 173px; height: 52px; line-height: 52px; display: inline-block; text-align: center; color: #19202A; font-size: 19px; border-radius: 25px; font-weight: 700; transition: all .3s ease-out; }
.lp-whatsnew-section .lp-part-wrap .lp-left-part .btn-wrap a.normal-btn:hover { border: 2px solid #00a4ed; background-color: #00a4ed; color: #ffffff; transition: all .3s ease-out; }

.lp-contact-section { padding: 95px 25px 80px; background: #191F29; }
.lp-contact-section .title { max-width: 1000px; margin: 0 auto 36px; }
.lp-contact-section .title h2 { color: #fff; font-size: 46px; font-weight: 500; text-align: center; line-height: 58px; }
.lp-contact-section form { max-width: 1000px; width: 100%; margin: 0 auto; }
.lp-contact-section form fieldset { border: 0; padding: 0; margin: 0 auto; display: flex; max-width:100%; }
.lp-contact-section form fieldset .hs-form-field { width: 50%; margin-bottom: 25px; }
.lp-contact-section form fieldset .hs-form-field label { color: #ffffff; font-size: 18px; }
.lp-contact-section form fieldset .hs-form-field .input { }
.lp-contact-section form fieldset .hs-form-field .input input.hs-input { width: 100%; height: 45px; border-radius: 0; border: 3px solid #EBEBED; background-color: var(--color-text-field); padding: 5px 15px; margin: 0 auto; }
.lp-contact-section form fieldset .hs-form-field:first-child { padding-right: 15px; }
.lp-contact-section form fieldset .hs-form-field:last-child { padding-left: 15px; }
.lp-contact-section form fieldset .hs-form-field ul.hs-error-msgs { display: none; }
.lp-contact-section form fieldset.form-columns-1 { }
.lp-contact-section form fieldset.form-columns-1 .hs-form-field { padding: 0; width: 100%; }
.lp-contact-section form fieldset.form-columns-1 .hs-form-field textarea.hs-input { width: 100%; height: 145px; border-radius: 0; border: 3px solid #EBEBED; padding: 5px 15px; }
.lp-contact-section form fieldset.form-columns-1 .hs-form-field textarea.hs-input:focus-visible { outline: 0; }
.lp-contact-section form .hs-submit { margin: 0 auto; text-align: center; }
.lp-contact-section form .hs-submit input.hs-button { background-color: #4fc0e5; border-radius: 25px; line-height: 52px; height: 52px; min-width: 134px; font-size: 19px; text-transform: capitalize; border: 0; padding: 0; font-weight: 500; color: #ffffff; margin: 0 auto; transition: all .3s ease-out; }
.lp-contact-section form .hs-submit input.hs-button:hover { background-color: #00a4ed; color: #ffffff; transition: all .3s ease-out; }

.lp-footer { padding: 26px 0 19px; text-align: center; }

.lp-footer .lp-footer-inner { display: flex; align-items: center; justify-content: center; }
.lp-footer .lp-footer-inner .lp-logo-wrap { border-right: 1px solid #818185; padding-right: 35px; }
.lp-footer .lp-footer-inner .lp-logo-wrap img { width: 139px; }
.lp-footer .lp-footer-inner .copyright-wrap { padding-left: 28px; font-size: 16px; color: #818285; }
.lp-footer .lp-footer-inner .copyright-wrap a { padding-left: 30px; position: relative; }
.lp-footer .lp-footer-inner .copyright-wrap a:before { content: ''; width: 1px; height: 14px; left: 14px; top: 50%; background: #333; position: absolute; transform: translate(0px, -50%); }

.lp-video-wrap .video-wrap {border: 3px solid #fff; display:flex;}
.lp-image-wrap {margin-right: 65px;}

.lp-video-wrap .video-wrap .paly-btn-wrap {position: absolute;left: 50%;top: 50%;width: 60px;height: 60px;transform: translate(-50%, -50%);}
.lp-video-wrap .video-wrap .paly-btn-wrap a.play-btn {width: 60px;height: 60px;background: #ffffff;display: inline-block;border-radius: 100%;}

.lp-contact-section form fieldset .hs-form-field ul.hs-error-msgs label.hs-error-msg {color: #ff0000;font-size: 14px;}
.lp-contact-section form .hs_error_rollup { color: #ff0000;font-size: 14px; }


.product-detail-bottom .prod-desc { color: var(--color-body-text); }

.blog-section.product-inner-media { display: inline-block; width: 100%; vertical-align: top; padding: 0 150px; text-align: center; margin-top:50px; }
.blog-section.product-inner-media .item { display: inline-block; width: 49%; margin: 0 auto; text-align: center; vertical-align: top; padding:0 3px; }
.blog-section.product-inner-media .item iframe { width: 100%; height: 350px; border: 0; }


.brands-wrap { display: inline-block; width: 100%; vertical-align: top; margin: 0 auto; }
.brands-wrap .section-top {margin: 0 auto;padding: 70px 0 40px;}
.brands-wrap .section-top h2 { margin:0 auto; }
.brands-wrap { display: inline-block; width: 100%; vertical-align: top; margin: -70px auto 0; background-color: #f7f7f7; }
.brands-wrap .collection-item-wrap {margin: 0 -10px;}
.brands-wrap .collection-item-wrap .collection-item { padding: 0 10px; width: 33.33%; float: left; }
.brands-wrap .collection-item-wrap .collection-item .pro-item { width: 100%; background: #fff; margin-bottom: 20px; text-align: center; }
.brands-wrap .collection-item-wrap .collection-item .pro-img { display: inline-block; }
.brands-wrap .collection-item-wrap .collection-item .pro-img img { width: 100%; height:300px; object-fit: contain; object-position: center; float: left; }

.prop65-logo-wrap { margin-top: 20px; }

.hidden-costmize-form-more .hbspt-form fieldset.form-columns-2 input::-webkit-input-placeholder { color: #000000; opacity:1; }
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-2 input::-moz-placeholder { color: #000000; opacity:1; }
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-2 input:-ms-input-placeholder { color: #000000; opacity:1; }
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-2 input:-moz-placeholder { color: #000000; opacity:1; }

.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 input::-webkit-input-placeholder { color: #000000;  opacity:1;}
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 input::-moz-placeholder { color: #000000; opacity:1; }
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 input:-ms-input-placeholder { color: #000000; opacity:1; }
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 input:-moz-placeholder { color: #000000; opacity:1; }

.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 textarea::-webkit-input-placeholder { color: #000000;  opacity:1;}
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 textarea::-moz-placeholder { color: #000000; opacity:1; }
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 textarea:-ms-input-placeholder { color: #000000; opacity:1; }
.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 textarea:-moz-placeholder { color: #000000; opacity:1; }

.hidden-costmize-form-more .hbspt-form fieldset .no-list li { padding-left: 0; }


.accessories-wrap { display: flex; flex-flow: wrap; border-top: 1px solid #cdcdcd; padding-top: 25px; padding-bottom: 25px; }
.accessories-img { width: 160px; vertical-align: top; }
.accessories-img + div { width: calc(100% - 160px); padding-left: 16px; }
.accessories-wrap a { font-weight: 700; text-transform: capitalize; letter-spacing: normal; color: #000; }
.accessories-wrap:first-child{ border-top:0px; }

.search-result-overlay .search-result-wrap .search-size .search-wrap .size-btn-wrap .normal-btn input::-webkit-input-placeholder { color: #fbfbfb; }
.search-result-overlay .search-result-wrap .search-size .search-wrap .size-btn-wrap .normal-btn input::-moz-placeholder { color: #fbfbfb; }
.search-result-overlay .search-result-wrap .search-size .search-wrap .size-btn-wrap .normal-btn input:-ms-input-placeholder { color: #fbfbfb; }
.search-result-overlay .search-result-wrap .search-size .search-wrap .size-btn-wrap .normal-btn input:-moz-placeholder { color: #fbfbfb; }
.search-result-wrap .search-size .search-wrap .size-btn-wrap .normal-btn input::-webkit-input-placeholder { color: #818285; }
.search-result-wrap .search-size .search-wrap .size-btn-wrap .normal-btn input::-moz-placeholder { color: #818285; }
.search-result-wrap .search-size .search-wrap .size-btn-wrap .normal-btn input:-ms-input-placeholder { color: #818285; }
.search-result-wrap .search-size .search-wrap .size-btn-wrap .normal-btn input:-moz-placeholder { color: #818285; }

.header-section .header-bottom .icon-wrap ul li #cartCount_head { position: absolute; top: -8px; right: -4px; background-color: #4fc0e5; color: #fff; width: 18px; height: 18px; font-size: 13px; text-align: center; line-height: 18px; border-radius: 100%; }



.search-size .search-wrap .size-btn-wrap .normal-btn input::-webkit-outer-spin-button,
.search-size .search-wrap .size-btn-wrap .normal-btn input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.search-result-section .search-size .search-wrap .size-btn-wrap .normal-btn input::-webkit-outer-spin-button,
.search-result-section .search-size .search-wrap .size-btn-wrap .normal-btn input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.search-size .search-wrap .size-btn-wrap .normal-btn input[type=number] { -moz-appearance:textfield; }
.search-result-section .search-size .search-wrap .size-btn-wrap .normal-btn input[type=number] { -moz-appearance:textfield; }


/* 27-06-22  */

.product-col-wrap ul.list-item-wrap { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 0; display: flex; }
.product-col-wrap .prod-wrap:last-child ul.list-item-wrap { border-bottom: 1px solid #e3e3e3; }
.product-col-wrap ul.list-item-wrap li.list-part-no { width: 130px; align-items: flex-start; word-break: break-all;  }
.product-col-wrap ul.list-item-wrap li.list-title { width: 210px;  }
.product-col-wrap ul.list-item-wrap li.list-height { width: 100px; align-items: flex-start; }
.product-col-wrap ul.list-item-wrap li.list-width { width: 100px; align-items: flex-start; }
.product-col-wrap ul.list-item-wrap li.list-length { width: 100px; align-items: flex-start; }
.product-col-wrap ul.list-item-wrap li.list-price { width: 100px; align-items: flex-start; }
.product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item .aerrow-btn { display: flex; align-items: center; justify-content: center; padding:0px 0px 9px; }
.product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item { display:inline-block; background-color: transparent; width: 135px; padding: 0; padding-top:14px; padding-bottom:14px; }
.product-col-wrap ul.list-item-wrap li { padding: 14px 15px; font-size: 16px; display: flex; color: #818285; }
.product-col-wrap ul.list-item-wrap li.list-title a { font-size: 15px; line-height:24px; }
.product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item .aerrow-btn a { padding-left: 0; height: auto; background-color: #4fc0e5; color: #fff; padding: 10px 19px; width: auto; border-radius: 4px; font-size: 14px; text-transform:uppercase; }
.product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item .aerrow-btn a span { line-height: 17px; height: auto; padding: 0px 8px; display: none; }
.product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item .aerrow-btn a:hover { background-color: #00a4ed; }
.product-collection-section .right-collection> ul.list-item-wrap:first-child { background-color: #000; width: calc(100% + 20px); margin-left: -10px !important; }
.product-collection-section .right-collection> ul.list-item-wrap:first-child * { color: #fff; background-color: transparent; font-weight:bold; }
/* .product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item {flex-flow: row-reverse; align-items: flex-start; }  */
.product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item .pro-compare label { width:auto; padding-left:20px; top: 0; background-color: transparent; color:#818285;  }
.product-col-wrap .prod-wrap:nth-child(2n+1) { background-color: #fff; }
.product-col-wrap ul.list-item-wrap li.list-price { font-weight: bold; color:#000000; }
.product-col-wrap ul.list-item-wrap li.list-title a { text-decoration: underline; }

.product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item .pro-compare label .checkmark { top: 4px; }

.rigth-col-part > ul.list-item-wrap:first-child li.list-buy-now.pro-item { width: 135px; padding-left:0px; }

.rigth-col-part > ul.list-item-wrap:first-child { border: 1px solid #e3e3e3; border-bottom: 0; display: flex; }
.rigth-col-part > ul.list-item-wrap:first-child li.list-part-no { width: 130px;  }
.rigth-col-part > ul.list-item-wrap:first-child li.list-title { width: 210px;  }
.rigth-col-part > ul.list-item-wrap:first-child li.list-height { width: 100px;  }
.rigth-col-part > ul.list-item-wrap:first-child li.list-width { width: 100px;  }
.rigth-col-part > ul.list-item-wrap:first-child li.list-length { width: 100px;  }
.rigth-col-part > ul.list-item-wrap:first-child li.list-price { width: 100px;  }
.rigth-col-part > ul.list-item-wrap:first-child li { padding: 11px 15px; font-size: 19px; display: flex; align-items: center; }
 
.view-change { display: inline-flex; float: right; padding-right: 10px; }
.view-change > div { padding: 5px; cursor: pointer; border-radius: 3px; font-size: 16px; font-style: normal; letter-spacing: 0.8px; text-align: center; height: 36px; line-height: 36px; display: inline-block; padding: 0px 8px; text-transform: uppercase; transition: all .3s ease-out; }
/* .view-change .active { font-weight: bold; border-radius: 3px; background-color: #4fc0e5; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; text-align: center; color: #ffffff; height: 36px; line-height: 36px; display: inline-block; padding: 0px 15px; text-transform: uppercase; transition: all .3s ease-out; } */
/* .view-change > div:hover { background-color: #4fc0e5; font-weight: bold; color: #ffffff; } */

#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(https://cdn.shopify.com/s/files/1/0647/3796/8387/files/loader-image.gif?v=1656402048) 50% 50% no-repeat #ffffffc9;
  display:none;
  background-size: 110px;
} 
/* 27-06-22  */

/* 01-07-22 */
body .boost-pfs-filter-tree-v .boost-pfs-filter-option { padding: 8px 0; }
body .boost-pfs-filter-tree-v .boost-pfs-filter-option-title-text:before { display: none !important; }
body .boost-pfs-filter-option-title-heading span:after { transform: rotate(-180deg); content: ""; background-image: url(/cdn/shop/files/down-aerrow.png?v=1643889403); position: absolute; right: 0px; top: 6px; width: 17px; height: 10px; transition: all .3s ease-out; }
body .boost-pfs-filter-tree-v .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title-text:after { transform: rotate(0); }
body .boost-pfs-filter-option-title-heading span { cursor: pointer; color: #181d25; font-family: 'Maven Pro', sans-serif; font-size: 18px; font-weight: 700; font-style: normal; text-transform: capitalize; }
body .boost-pfs-filter-tree-v .boost-pfs-filter-option-title-heading { width: 100%; }

body .boost-pfs-filter-tree-v .boost-pfs-filter-option-title-text:before { display: none; }
body .boost-pfs-filter-option-title-heading span:after { transform: rotate(-180deg); content: ""; background-image: url(/cdn/shop/files/down-aerrow.png?v=1643889403); position: absolute; right: 0px; top: 6px; width: 17px; height: 10px; transition: all .3s ease-out; }
body .boost-pfs-filter-tree-v .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title-text:after { transform: rotate(0); }
body .boost-pfs-filter-option-title-heading span { cursor: pointer; color: #181d25; font-family: 'Maven Pro', sans-serif; font-size: 18px; font-weight: 700; font-style: normal; text-transform: capitalize; }
body .boost-pfs-filter-tree-v .boost-pfs-filter-option-title-heading { width: 100%; }
body .boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-block-content-inner { display: flex; flex-flow: column-reverse; }
body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-connect { background: #4fc0e5; border-radius: 0; border-width: 4px; border-color: #4fc0e5; }
body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-connects { height: 8px; margin-top: 0; }
body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-pips-horizontal .noUi-value-horizontal { display: none; }
body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-pips-horizontal { height: auto; padding: 0; display: none; }
body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider { height: 8px; margin-bottom: 8px; margin-top: 10px; width: 98%; background-color: #e4e4e4; border-radius: 0; }
body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-origin .noUi-handle {transform: translateX(8px); top: -7px; }
body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-origin:last-child .noUi-handle { transform: translateX(-8px); }
/* body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-pips-horizontal .noUi-marker.noUi-marker-large:nth-last-child(2),.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-pips-horizontal .noUi-marker.noUi-marker-large:first-child { display: none; } */
body .boost-pfs-filter-option-range-amount-wrapper .boost-pfs-filter-option-range-slider-unit { display: none; }
body .boost-pfs-filter-option-range-amount-wrapper { border: 0; width: 50%; margin-bottom: 0px; }
body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount .boost-pfs-filter-option-range-amount-split { display: none; }
body .boost-pfs-filter-option-range-amount-wrapper:first-child .boost-pfs-filter-option-range-amount-min { text-align: left; padding-left: 0; }

body .boost-pfs-filter-default-toolbar .boost-pfs-filter-toolbar-item:nth-child(2) { text-align: right; }
body .boost-pfs-filter-default-toolbar .boost-pfs-filter-toolbar-item:last-child:not(:first-child) { width: 68px; }
body .boost-pfs-filter-top-display-type>span { display: none; }
body .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-range-amount { margin-bottom: 0; }
body .boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-content-inner { margin-top:0px; }
body .boost-pfs-filter-option-range-amount-wrapper { height:24px; }


body .boost-pfs-filter-option-range-amount-wrapper input.boost-pfs-filter-option-range-amount-min, 
body .boost-pfs-filter-option-range-amount-wrapper input.boost-pfs-filter-option-range-amount-max { height: 28px; }

.product-collection-section .collection-bottom-content { margin-left: 0; }

body .boost-pfs-filter-bottom-pagination-default { margin-left: -10px; margin-right: -10px; background-color: #ffff; }
body .boost-pfs-filter-bottom-pagination-default>ul>li:first-child,
body .boost-pfs-filter-bottom-pagination-default>ul>li:last-child { border: 0; height: auto; width: auto; color: #4fc0e5; font-size: 18px; font-weight: 700; }
body .boost-pfs-filter-bottom-pagination-default>ul>li:first-child:not(.boost-pfs-filter-pagination-disabled):hover,
body .boost-pfs-filter-bottom-pagination-default>ul>li:last-child:not(.boost-pfs-filter-pagination-disabled):hover { background: transparent; }
.boost-pfs-filter-bottom-pagination-default>ul>li a:hover {  text-shadow: unset !important;}
/* body .boost-pfs-filter-bottom-pagination-default>ul>li:first-child a:after { color: #4fc0e5; content: 'Previous '; font-style: normal; letter-spacing: normal; line-height: 24px; font-weight: normal; font-family: 'Roboto', sans-serif; padding-left:5px; } */
body .boost-pfs-filter-bottom-pagination-default>ul>li:first-child.boost-pfs-filter-pagination-disabled,
body .boost-pfs-filter-bottom-pagination-default>ul>li:last-child.boost-pfs-filter-pagination-disabled { opacity: 1; }
/* body .boost-pfs-filter-bottom-pagination-default>ul>li a svg path,
body .boost-pfs-filter-bottom-pagination-default>ul>li span svg path { fill: #4fc0e5; } */
/* body .boost-pfs-filter-bottom-pagination-default>ul>li:last-child a:before { color: #4fc0e5; content: 'Next '; font-style: normal; letter-spacing: normal; line-height: 24px; font-weight: normal; font-family: 'Roboto', sans-serif; } */
body .boost-pfs-filter-bottom-pagination-default>ul>li span.boost-pfs-filter-pagination-active { font-weight: 700; color: #fff; text-shadow: unset; background-color:#000; }
/* body .boost-pfs-filter-bottom-pagination-default>ul>li a,
body .boost-pfs-filter-bottom-pagination-default>ul>li span { font-size: 18px; color: #192028; } */
body .boost-pfs-filter-bottom-pagination-default>ul>li { width: auto; }

.product-collection-section .list-item-wrap-head+ .col-wrap .prod-wrap { width: 100%; }
.pro-item .product-detail-wrap span.pro-inte span:after { content: 'x'; display: inline-block; padding: 0px 5px; font-size:12px; }
.pro-item .product-detail-wrap span.pro-inte span:last-child:after { display: none; }
body .boost-pfs-filter-refine-by .boost-pfs-filter-option-title .boost-pfs-filter-clear-all { color: #44b8e5;}
/* body .boost-pfs-filter-refine-by-wrapper { display: none !important; } */
body .boost-pfs-filter-tree-v .boost-pfs-filter-option-title .boost-pfs-filter-clear {display: none !important;}
body .boost-pfs-filter-refine-by-wrapper .boost-pfs-filter-refine-by { margin-top:0px; }
body .boost-pfs-filter-refine-by-wrapper .boost-pfs-filter-refine-by span:after { display: none; }
body .boost-pfs-filter-refine-by-wrapper .boost-pfs-filter-refine-by .boost-pfs-filter-option-title { display: flex; }
body .boost-pfs-filter-refine-by-wrapper .boost-pfs-filter-refine-by .boost-pfs-filter-option-title .boost-pfs-filter-option-title-heading { width: calc(100% - 50px); }


.product-collection-section .left-filter .filter-size { border-bottom: 1px solid #e3e3e3; margin-bottom:10px; }

.search-result-section .search-result-wrap .grid__item { padding-left: 30px; }

body .boost-pfs-filter-custom-sorting button>span>span { cursor: pointer; color: #181d25; font-family: 'Maven Pro', sans-serif; font-size: 18px; font-weight: 700; font-style: normal; text-transform: capitalize; }
body .boost-pfs-filter-top-display-type .boost-pfs-filter-display-item:before { width: 20px; height: 20px; }
body .boost-pfs-filter-top-display-type .boost-pfs-filter-display-item.boost-pfs-filter-display-list:before { width: 25px; height: 25px; }

body .boost-pfs-search-result-toolbar { display: none; }
body .boost-pfs-filter-wrapper { margin-bottom:0px; }
body .boost-pfs-filter-collection-header-wrapper { display: none; }

.boost-pfs-filter-message { padding: 25px; }
.boost-pfs-filter-message p a { color: #4fc0e5; }
.boost-pfs-filter-message p a:hover { color: #00a4ed; }
body .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li.selected .boost-pfs-check-box { background: #4fc0e5; border: 1px solid #4fc0e5; }
body .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li.selected .boost-pfs-check-box:before { border: 2px solid #ffffff; border-top: none; border-right: none; }

body .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li.selected span.boost-pfs-filter-option-amount { color: #4fc0e5; }

body .boost-pfs-filter-refine-by-wrapper .boost-pfs-filter-refine-by span:after { display: none; }
body .boost-pfs-filter-refine-by-wrapper .boost-pfs-filter-refine-by .refine-by-item { display: inline-block; vertical-align: top; margin-left: 5px; }
body .boost-pfs-filter-refine-by-wrapper .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items { }
body .boost-pfs-filter-refine-by-wrapper .boost-pfs-filter-refine-by .refine-by-item button { padding: 3px; background-color: #f7f7f7 !important; border-radius: 20px; display: flex !important; align-items: center; justify-content: center; padding-left: 20px; padding-right: 10px !important; }
body .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:before { left: 7px; }
body .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:after { left: 7px; }
body .boost-pfs-filter-tree-v .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:before,
body .boost-pfs-filter-tree-v .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:after,
body .boost-pfs-filter-refine-by-wrapper-v .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:before,
body .boost-pfs-filter-refine-by-wrapper-v .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:after { top: 13px; width: 9px; }
body .boost-pfs-filter-refine-by-wrapper .boost-pfs-filter-refine-by .refine-by-item button span.refine-by-value { font-weight: normal !important; }

.search-result-wrap .search-form__input::placeholder { opacity: 0.8; color: #ffffff; }
.search-result-wrap .search-form__input:-ms-input-placeholder { opacity: 0.8; color: #ffffff; }
.search-result-wrap .search-form__input::-ms-input-placeholder { opacity: 0.8; color: #ffffff; }
 
.search-result-section .search-result-wrap .search-form__input::placeholder { opacity: 0.8; color: #000000; }
.search-result-section .search-result-wrap .search-form__input:-ms-input-placeholder { opacity: 0.8; color: #000000; }
.search-result-section .search-result-wrap .search-form__input::-ms-input-placeholder { opacity: 0.8; color: #000000; }


.compare-head { display: flex; align-items: center; justify-content: space-between; }
.compare-head h1 { margin-bottom:0px; }
.compare-head a.clear-all-compare { border-radius: 3px; background-color: #4fc0e5; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0.8px; text-align: center; color: #ffffff; height: 36px; line-height: 36px; display: inline-block; padding: 0px 25px; text-transform: uppercase; transition: all .3s ease-out; }
.compare-head a.clear-all-compare:hover { background-color: #00a4ed; color: #ffffff; transition: all .3s ease-out; }


.loder-cart { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #ffffff; z-index: 4; text-align: center; }
.loder-cart img { margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; }

.free-shipping-main-wrap { text-align: left; background-color: #46b8e1; font-size: 20px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: normal; color: #ffffff; padding: 10px 60px; position: relative; }
.free-shipping-main-wrap img { position: absolute; right: 17px; }


/* ========== Responsive Start ========== */

@media (min-width:769px) {
  .inner-page .main-content { padding-top:70px; }
  .cbs-lp-page .main-content { padding-top:40px; }
  .mobile-show { display: none !important; }
  .footer-section .footer-link ul li a:hover { text-decoration:underline; }
  
   .filter-btn-wrap { display:none; }
}

@media (min-width:992px) {
  .pro-mobile-show, .pro-filter .filter-tex-mobile-show { display: none !important; }
  .header-section .header-bottom .menu-wrap ul.main-menu > li > a:after { content: " "; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); bottom: 0; background-color:#4fc0e5; width: 0; height: 3px; transition: all 300ms ease-out; }
  .header-section .header-bottom .menu-wrap ul.main-menu > li:hover > a:after { width: 100%; }
}

@media (min-width:1201px) {
  .header-section .header-bottom .menu-wrap ul.main-menu .megamenu.cases { left: 50%;
        transform: translateX(-50%); }
  /* .header-section .header-bottom .menu-wrap ul.main-menu .megamenu.rackmounts { left:auto; } */
  .header-section .header-bottom .menu-wrap ul.main-menu li .megamenu {  left: 50%;
        transform: translateX(-50%); }
  .header-section .megamenu.cases ul.submenu-list, .header-section .megamenu.brands ul.submenu-list { width:1200px; } 
  body .boost-pfs-filter-custom-sorting .boost-pfs-filter-filter-dropdown { right: -68px; }
}

@media (min-width:1400px) {
  .product-detail-page .product-width { padding: 0 150px; display: inline-block; width: 100%; vertical-align: top; }
  .template-product nav.breadcrumbs .page-width { padding:0 150px; display: inline-block; width: 100%; vertical-align: top; max-width:100%; }

  .product-slider .one-product__slider img { margin: 0 auto; height:auto; max-width:900px; max-height:640px; width:100%; object-fit: contain; }

  .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item {margin: 0 auto;text-align: center;padding: 0; max-width:1000px; width:100%; } 
    .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item img { margin: 0 auto; min-width:800px; max-width:800px; max-height:700px; width:100%; }

  .casepro-6-bottle-wine-carrier-with-wheels-cp-wine-6b .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item img { min-width: auto; max-width: 450px; max-height: inherit;}
  
}
@media (min-width:1600px) {
  .header-section .header-bottom .menu-wrap ul.main-menu .megamenu.cases { left: 200px; transform: unset; }
  /* .header-section .header-bottom .menu-wrap ul.main-menu .megamenu.rackmounts { left:auto; } */
  .header-section .header-bottom .menu-wrap ul.main-menu li .megamenu {  left: 200px;transform: unset; }
}
@media (min-width:1800px) {
  .fancybox-image-slider-wrap .fancybox-image-slider { max-width: 1200px; }
  .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item {margin: 0 auto;text-align: center;padding: 0; max-width:1200px; width:100%; }
  .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item img { margin: 0 auto; min-width:800px; max-width:800px; max-height:800px; width:100%; }
  
  .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item {margin: 0 auto;text-align: center;padding: 0; max-width:1000px; width:100%; }
/*   .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item img { max-width: 400px;  margin: 0 auto; } */
  
}


@media (max-height:760px) {
  .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item img { max-height: calc(100vh - 180px); min-width: auto; object-fit: contain; }
}






@media (max-width:1500px) {
  /* .product-detail-bottom { padding:30px 40px; } */
}

@media (max-width:1399px) {

  .product-detail-page .product-width { padding: 0 25px; max-width: 1200px; margin: 0 auto; }
  .product-detail-page .product-width:after { content: ''; display: table; clear: both; }
  /*   .right-product-detail .product-detail-wrap .color-wrap ul li { width:25%; } */
  .sub-cate-slider-wrap .sub-cate-slider .slick-list { padding:0 100px; }
  .sub-cate-slider-wrap .sub-cate-slider button.slick-next { right:15px; }
  .sub-cate-slider-wrap .sub-cate-slider button.slick-prev { left:15px; }

  .lp-whatsnew-section .lp-part-wrap .lp-left-part { width:50%; }
  .lp-whatsnew-section .lp-part-wrap .lp-right-part { width:50%; }
  
  .blog-section.product-inner-media { display:block; padding: 0 25px; max-width: 1200px; width:100%; margin: 0 auto; }
  .product-slider .one-product__slider img { max-height:500px; margin:0 auto; }
  
  .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item img { min-width: 700px; max-width: 700px; max-height: 600px; margin: 0 auto; object-fit: contain; } 

}

@media (max-width:1199px) {
  .header-section .header-bottom .menu-wrap ul.main-menu>li { padding: 25px; }
  .collection-section { padding:0 25px; }

  .template-index .custome-banner-section .custome-banner { padding:40px 60px 40px; }
  .template-index .custome-banner-section .custome-banner .custome-banner-content { max-width:550px; }  
  .template-index .custome-banner-section .custome-banner .image-wrap{ position: absolute; top: auto; right: -25px; bottom: -30px; } 
  .template-index .custome-banner-section .custome-banner .image-wrap img { width: 366px; height: 308px; }

  .custome-banner-section .custome-banner { padding:40px 60px 40px; }
  .custome-banner-section .custome-banner .image-wrap { position: absolute; top: auto; right:-20px; bottom: -30px; }
  .custome-banner-section .custome-banner .image-wrap img { width: 300px;height:auto; min-height:300px; }

  .banner-section-404 { height:auto; background-size: cover; background-position: center; }
  .banner-section-404 .content-wrap { padding:50px 0px 50px 50px; max-width:500px; }

  /* .right-product-detail .product-detail-wrap, .product-detail-bottom { padding:30px; } */
  .right-product-detail .product-detail-wrap .color-wrap ul li { padding:0 10px 10px; }
  .sub-cate-slider-wrap .sub-cate-slider button.slick-prev { left:15px; }
  .sub-cate-slider-wrap .sub-cate-slider button.slick-next { right:15px; }

  .lp-whatsnew-section .lp-part-wrap .lp-left-part {padding-left: calc((100% - 970px) / 2);width: 50%;}
  .lp-whatsnew-section .lp-part-wrap .lp-left-part .title h2 { font-size: 46px; line-height: 54px; }
  .lp-whatsnew-section .lp-part-wrap .lp-right-part {width: 50%;}
  .lp-video-wrap { margin-top:-130px; }
  
  .right-product-detail .icon-wrap ul { display: inline-block; width: 100%; }
  .right-product-detail .icon-wrap ul li { width:100%; }
  
  .blog-section.product-inner-media .item iframe { width: 100%; height: 270px; }
  
  .brands-wrap .collection-item-wrap .collection-item .pro-img img { height: 270px; }
  
  
  .product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item .aerrow-btn a { padding: 7px 9px; font-size: 12px; }
  .product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item { padding-right: 7px; }
  .product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item .pro-compare label { padding-top: 3px; }

   

}

@media (max-width:991px) {
  .pro-desktop-show { display: none !important; }
  .header-section .header-bottom .menu-wrap ul.main-menu>li { padding: 25px 10px; }
  .header-section .header-bottom .menu-wrap ul.main-menu>li a { font-size: 18px; }
  .header-section .header-bottom { justify-content: space-between; }
  .header-section .header-bottom .icon-wrap ul li { padding-left:10px;}
  .header-section .header-bottom .icon-wrap ul li:first-child{ padding:0px; }
  .header-section .header-bottom .logo-wrap { width:120px; }
  .header-section .header-bottom .menu-wrap { width: calc(100% - 260px); }

  .product-section { padding-bottom: 30px; }
  .product-section .section-top { padding: 50px 0 20px; }
  .product-tile .col-wrap .col-4 { width: 33.33%; float: left; padding: 0 10px; }
  .product-section .section-top h2 { font-size: 21px; line-height: 28px; margin: 0 auto; }
  .product-section .section-top .section-content p { display: none; }  
  .pro-filter .filter-text { display: flex; align-items: center; }
  .pro-filter .filter-text h5 { color: #19202a; font-size: 10px; font-weight: 700; font-style: normal; letter-spacing: -0.1px; line-height: 28px; margin: 0; padding-right: 5px; }
  .product-list .col-4 { width: 50%; }

  .brand-section { padding:48px 0 36px; }

  .template-index .custome-banner-section { padding-bottom:50px; }
  .template-index .custome-banner-section .custome-banner{ padding: 40px; }
  .template-index .custome-banner-section .custome-banner .custome-banner-content{ max-width: 550px; }
  .template-index .custome-banner-section .custome-banner .image-wrap img { width:350px; height:auto; }

  .custome-banner-section {padding: 25px 0;}
  .custome-banner-section .custome-banner {padding: 40px;}  
  .custome-banner-section .custome-banner .custome-banner-content {width: calc(100% - 200px);}
  .custome-banner-section .custome-banner .custome-banner-content h3 { font-size:26px; line-height:32px; margin-bottom: 15px; }
  .custome-banner-section .custome-banner .image-wrap {top: auto;right: -28px;bottom: -30px;}
  .custome-banner-section .custome-banner .image-wrap img{width: 230px;height:auto; min-height:230px; }

  .footer-section .logo-address { width: 100%; float: none; text-align: center; }
  .footer-section .logo-address .address { float: none; text-align: center; } 
  .footer-section .footer-link { width:33%; } 
  .footer-section .subscribe-wrap { float: none; width: 100%; text-align: center; } 
  .footer-section ul.social-link li { float: none; display: inline-block; }

  .product-collection-section .right-collection .col-wrap .col-4 { width:50%; }

  .left-part { width: 50%; }
  .right-part { width: 50%; }
  .product-slider .one-product__slider_navigation { width: 70px; }
  .product-slider .one-product__slider_navigation .item { height: 70px; }
  .product-slider .one-product__slider { width: calc(100% - 70px); }
  .right-product-detail .icon-wrap { }
  .right-product-detail .icon-wrap ul { display: inline-block; width: 100%; }
  .right-product-detail .icon-wrap ul li { display: flex; align-items: center; width: 100%; padding: 5px 0; }
  .product-like-section .col-wrap .col-3 { width: 33.33%; }

  .pro-compare-section { position: relative; z-index: 0; }
  .pro-compare-wrap { float: left; padding:30px 0 50px; width: 100%; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .pro-compare-wrap .pro-compare-left { position: absolute; z-index: 11; }    
  .pro-compare-wrap .pro-compare-right { float: left; width:1000px; margin-left: 142px; }
  .product-slider .one-product__slider_navigation img { max-height:60px; }
  .product-slider .one-product__slider a.product-video iframe { height:300px; }

  /* .cart__buttons-container .cart__submit-controls input.cart__submit { padding-right:50px; } */
  .product-slider .one-product__slider .item a.plus-icon { opacity: 1; visibility: visible; }  
  .search-result-overlay .close-btn { position: absolute; top: 30px; right: 30px; background: none; border: 0px; }

  .lp-whatsnew-section .lp-part-wrap .lp-left-part {padding:0 25px; width: 50%;}
  .lp-whatsnew-section .lp-part-wrap .lp-right-part {width: 50%;}
  
  .product-slider .one-product__slider img { max-height:350px; }
  
/*   .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item img { min-width:450px; max-width:450px; width: 100%; } 
  .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item { max-width:450px; } */
  .brands-wrap .section-top { padding: 40px 0 30px; }
  .brands-wrap .collection-item-wrap .collection-item .pro-img img { height:200px; }
  .free-shipping-main-wrap { text-align: left; padding-left: 20px; }
  
}

@media (max-width:768px) {
  
  .search-result-overlay { z-index:111111; }
  .shoping-cart-popup .product-shopping-wrap .price-qty-wrap .cart__qty .cart__qty-label { display:none; }
  
  .template-index .page-width, .inner-page .page-width, .product-detail-page .product-width { padding:0 20px; }
  .inner-page .main-content { padding-top:30px; }
  .desktop-show { display: none !important; }

  h1 { font-size: 36px; line-height: 46px; }

  nav.breadcrumbs li.breadcrumbs__item:before { margin:0 2px; }
  nav.breadcrumbs li.breadcrumbs__item a.breadcrumbs__link, nav.breadcrumbs li.breadcrumbs__item a { font-size:12px; }

  .header-section { padding: 23px 0 0px; z-index:11111; }
  .header-section .header-top { display: none; }
  .header-section .header-bottom { padding: 0; position: static; }
  .header-section .header-bottom .menu-wrap { width: calc(100% - 167px); }
  .header-section .header-bottom .menu-wrap ul.main-menu { display: none; }
  .header-section .header-bottom .logo-wrap img.white-logo { width: 120px; }
  .mobile-open .header-section .header-bottom .logo-wrap img.white-logo,
  .mobile-open .header-section .header-bottom .logo-wrap img.dark-logo-top{ display: none; }
  .mobile-open .header-section .header-bottom .logo-wrap img.dark-logo { display: block; width: 120px; }
  .header-section .header-bottom .logo-wrap img.dark-logo { display: none; }
  .mobile-open .header-section { background: #ffffff; }
  .mobile-trigger { display: inline-block !important; cursor: pointer; position: relative; top: 0; right: 0; width: 30px; height: 22px; background: transparent; padding: 0px; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-transform: uppercase; border-radius: 0; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; line-height: 32px; text-align: left; }
  .mobile-trigger:hover { text-decoration: none; }
  .mobile-trigger span { display: inline; }
  .mobile-trigger span:before { position: absolute; content: 'Menu'; }
  .mobile-trigger span:after { position: relative; right: 2px; content: 'Close'; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
  .mobile-open .mobile-trigger { -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; transition: background-color 0.2s linear; background: transparent; }
  .mobile-open .mobile-trigger span:after { opacity: 1; }
  .mobile-trigger i { display: inline; position: relative; top: -5px; margin-left: 0; }
  .mobile-trigger i:before,
  .mobile-trigger i:after { position: absolute; content: ''; }
  .mobile-trigger i,
  .mobile-trigger i:before,
  .mobile-trigger i:after { width: 30px; height: 4px; display: inline-block; background-color: #ffffff; border-radius: 25px; }
  .mobile-trigger i:before { -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; top: -9px; }
  .mobile-trigger i:after { -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; top: 9px; }
  .mobile-open .mobile-trigger i,
  .inner-page.mobile-open .mobile-trigger i { background-color: rgba(0, 0, 0, 0.0); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
  .mobile-open .mobile-trigger i:before { background-color: #19202a; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); top: -3px; }
  .mobile-open .mobile-trigger i:after { background-color: #19202a; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); top: -3px; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu { display: block; position: absolute; top:70px; left: 0; background-color: #19202a; width: 100%; text-align: left; padding: 0px 25px; z-index:111; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu li { padding: 0px; position: relative; border-bottom: 1px solid rgb(255 255 255 / 50%); }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu li .child-trigger { background-image: url(/cdn/shop/files/right-angle-icon.png?v=1643031059); width:40px; height:40px; background-repeat: no-repeat; background-position: center; background-size: auto; position: absolute; top:11px; right: 0px; transition: all .3s ease-out; }
  .header-section .header-bottom .menu-wrap ul.main-menu li .child-trigger.child-open { transform: rotate(90deg); transition: all .3s ease-out; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu li a { font-size: 23px; padding: 19px 0; display: inline-block; width: 100%; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu li ul.submenu-list { ; width: calc(100% + 50px); margin-left: -25px; padding: 10px 25px; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu li ul.submenu-list li { }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu li ul.submenu-list li a { color: #818285; padding: 0; font-size: 18px; line-height: 30px; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu li { }
  .header-section .header-bottom .icon-wrap { display: inline-block; width: 100%; }
  .header-section .header-bottom .icon-wrap ul { width: 100%; float: left; display: inline-block; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu .icon-wrap ul li { width: auto; float: left; border-bottom: 0px; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu .icon-wrap ul li a { padding: 20px 20px 20px 0; line-height: 24px; }
  .custom-solution-wrap { display: inline-block; width: 100%; background: #0056b8; padding: 30px; text-align: center; }
  .custom-solution-wrap .custom-inner { width: 200px; margin: 0 auto; }
  .custom-solution-wrap .custom-inner h3 { font-size: 23px; line-height: 30px; font-weight: 700; font-style: normal; letter-spacing: normal; text-align: center; color: #fff; margin: 0 auto 5px; }
  .custom-solution-wrap .custom-inner p { color: #fff; }
  .custom-solution-wrap .custom-inner a.white-btn {width:100%;}
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu .simple-menu { display: inline-block; width: 100%; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu .simple-menu ul { padding: 30px 20px; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu .simple-menu ul li { border: 0px; padding: 0 0 9px 0; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu .simple-menu ul li a { padding: 0; opacity: 0.8; color: #ffffff; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 25px; text-align: left; }

  .inner-page .header-section { padding-top:23px; z-index:2; }
  .inner-page .mobile-trigger i, .inner-page .mobile-trigger i:before, .inner-page .mobile-trigger i:after { background-color:#19202a; }
  .inner-page .header-section .header-bottom .menu-wrap ul.main-menu > li > a { color: #ffffff; }

  .hero-section-wrap, .hero-section { height: 295px; }
  .hero-section .hero-content h1 { font-size: 36px; line-height: 46px; margin-bottom:0px; }
  .hero-section .hero-content-wrap { padding-top:50px; }
  .hero-section .hero-content-wrap .hero-content { padding: 38px 0 0 0; }

  .product-section { padding-bottom:0px; }
  .product-section .section-top { padding: 20px; background: #fff; width: calc(100% + 40px); margin: 0 0 30px -20px; }
  .pro-filter { min-width: 110px; }
  .product-tile .col-wrap { margin:0 -7px; }
  .product-tile .col-wrap .col-4 { width: 50%; padding:0 7px; }
  .product-tile .col-wrap .pro-item { margin-bottom:14px; }
  .product-tile .col-wrap .pro-item .pro-img { padding:0px 0; }
  .product-tile .col-wrap .pro-item .pro-img img { height:180px; }
  .aerrow-btn a { padding-left:10px; font-size:15px; line-height:16px; }
  .aerrow-btn a span { padding:0 15px; }


  .template-index .custome-banner-section { padding:20px 0 0; }
  .template-index .custome-banner-section .custome-banner { padding: 30px 20px 160px 20px; }
  .template-index .custome-banner-section .custome-banner .custome-banner-content { width: 100%; }
  .template-index .custome-banner-section .custome-banner .custome-banner-content h3 { font-size: 30px; line-height: 40px; margin-bottom: 15px; }
  .template-index .custome-banner-section .custome-banner .custome-banner-content p { display: none; }
  .template-index .custome-banner-section .custome-banner .image-wrap { top: auto; right: -15px; bottom: -30px; }
  .template-index .custome-banner-section .custome-banner .image-wrap img { width: 218px; height: 191px; }

  .footer-section .dark-logo { float: left; width: 50%; }
  .footer-section .dark-logo img { max-width: 145px; float:left; }
  .footer-section .dark-logo a { display: inline-block; float:left; }
  .footer-section ul.social-link { text-align: right; width: auto; }
  .footer-section ul.social-link li { width:28px; height: 24px; margin-right:15px; }
  .footer-section ul.social-link li:fist-child { margin-right: 15px; }
  .footer-section ul.social-link li:last-child { margin: 0; }
  .footer-section ul.social-link li a { font-size:28px; }

  .accordian-section .acoordian-wrap .accordion-title { padding:20px 0; }

  .banner-section-404 .content-wrap { padding: 40px 0 50px 0; }

  .custome-banner-section {padding: 20px 0 0;}
  .custome-banner-section .custome-banner {padding: 30px 20px 180px 20px;}
  .custome-banner-section .custome-banner .custome-banner-content{ width: 100%; }
  .custome-banner-section .custome-banner .custome-banner-content h3{ font-size: 30px; line-height: 40px; margin-bottom: 15px; }
  .custome-banner-section .custome-banner .custome-banner-content p{ display: none; }
  .custome-banner-section .custome-banner .image-wrap { top: auto; right: -15px; bottom: -30px; }
  .custome-banner-section .custome-banner .image-wrap img{ width: 218px; height:auto; min-height: inherit; }

  .template-cart .cart-header h1.cart-header__title { margin-bottom: 15px; text-align: center; }
  .template-cart .cart-header { display: inline-block; width: 100%; }

  .cbs-customer-banner:before { height:50px; }
  .search-result-wrap { margin: 70px auto 0; width: 100%; padding: 0 20px; }
  .search-result-overlay a.close-btn { top: 30px; right: 30px; }
  .search-size { display: inline-block; }
  .search-size .search-image { margin: 0 auto 15px; }
  .search-size .search-wrap { width: 100%; }
  .search-size .search-wrap .size-btn-wrap { padding-left: 0; }
  .search-result-overlay .close-btn { top: 15px; right: 15px; }



  .search-result-wrap.show-sizes .search-size { display: inline-block !important; }  
  .search-size .search-wrap .size-btn-wrap { display: inline-block; } 
  .search-size .search-wrap .size-btn-wrap .normal-btn { width: 50%; float: left; margin: 0 auto 10px; }
  .search-size .search-wrap .size-btn-wrap .light-blue-btn-wrap { width: 50%; float: left; margin: 0 auto; }
  .search-size .search-wrap .size-btn-wrap .light-blue-btn-wrap button { width: 106px; }
  .search-result-wrap .search-result input[type="text"] { height: 46px; padding: 0px 70px 0 30px; }
  .search-result-wrap .search-result .search-icon { top: 9px; right: 15px; }
  .search-result-section .search-result-bottom { margin-top:0px; padding:30px 0; }

  .search-size-wrap { padding-top: 20px; }  
  .search-result-overlay .close-btn img { width: 20px; } 
  .search-size .search-wrap  .radio-btn-wrap { align-items: center; justify-content: center; }

  .search-result-section .search-result-wrap { width: 100%; padding: 0; }
  .search-result-section .search-result-wrap.show-sizes .search-size { display: inline-block !important; width: 100%; }
  .search-result-section .search-size .search-wrap { width: 100%; }
  .search-result-section .search-size .search-wrap .size-btn-wrap { display: inline-block; }

  .cbs-customer { padding-top:50px; }

  .cbs-address-wrap .address { margin:0 auto; }
  .cbs-address-subscribe { padding:30px 0; }
  .cbs-address-subscribe .subscribe-wrap { display: inline-block; text-align: center; width: 100%; }
  .cbs-address-subscribe .subscribe-wrap .icon-wrap { display: inline-block; }
  .cbs-address-subscribe .subscribe-wrap .input-group { width: 100%; margin: 0 auto 20px; }

  .cbs-address-subscribe .subscribe-wrap.cbs-address-subscribe-wrap .contact-form { justify-content: center; }
  .cbs-address-subscribe .subscribe-wrap.cbs-address-subscribe-wrap .contact-form { display: grid; }
  .cbs-address-subscribe .subscribe-wrap.cbs-address-subscribe-wrap .contact-form .input-group__btn { margin: 0 auto; max-width: 220px; }
  .cbs-address-subscribe .subscribe-wrap.cbs-address-subscribe-wrap .input-group input { width: 100%; max-width: 100%; display: inline-block; margin-bottom: 15px; }

  .cbs-account-order .section-header, .inner-page .page-width.cbs-account .section-header { display:inline-block; }
  .cbs-account-order .section-header h1, .inner-page .page-width.cbs-account .section-header h1 { margin-bottom:15px; } 
  .cbs-account-order .section-header a, .inner-page .page-width.cbs-account .section-header a { font-size:18px; }
  .inner-page .page-width.cbs-account-order { padding-bottom:30px; }

  .cbs-account .myaccount__order-history table.responsive-table th:before, .cbs-account .myaccount__order-history table.responsive-table td:before { font-size: 18px; }
  .cbs-account .myaccount__order-history table.responsive-table th{ padding:10px; }
  .cbs-account .myaccount__order-history table.responsive-table td, 
  .cbs-account .myaccount__order-history table.responsive-table th { padding:10px; text-align:right; }

  .product-collection-section .left-filter, .product-collection-section .search-left-filter { width:100%; padding:0px; }
  .product-collection-section .left-filter h2 { font-size:24px; line-height:30px; }
  .product-collection-section .right-collection { width:100%; margin-top:15px; }

  .compare-popup-box .compare-content { max-width:95%; width:95% }

  .product-detail-page .left-part { width: 100%; }
  .product-detail-page .right-part { width: 100%; }
  .accordian-section { border-right: 0; padding: 0; }
  .product-like-section { padding:30px 0; }
  .product-like-section .col-wrap .col-3 { width: 50%; }
  .product-slider .one-product__slider { width:100%; }
  .product-slider .one-product__slider_navigation { display:none; }
  .product-slider { flex-flow: column; flex-direction: column-reverse; }

  .product-slider .one-product__slider ul.slick-dots { position:relative; }
  .product-slider .one-product__slider ul.slick-dots li button { width: 8px; height: 8px; background-color: #c0c0c2; border-radius: 100%; margin: 0 auto; all .3s ease-out; }
  .product-slider .one-product__slider ul.slick-dots li.slick-active button { width: 12px; height: 12px; background-color:#4fc0e5; }  
  .product-slider .one-product__slider ul.slick-dots li.slick-active button:before { display: none; }
  .product-slider .one-product__slider img { max-height:300px; margin:0 auto; } 
  .product-slider .one-product__slider a.product-video { padding:0px; }

  .compare-product-wrap { overflow-y: hidden;overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .compare-popup-box .compare-content .compare-product{ width:1000px; }

  .product-slider .one-product__slider .item a.plus-icon { display:none; }
  .right-product-detail .product-detail-wrap .qty-cart-wrap .cart__qty { margin:0; }
  .right-product-detail .product-detail-wrap .qty-cart-wrap .cart__qty label { display:none; }
  .right-product-detail .product-detail-wrap .qty-cart-wrap .cart__buttons-container .cart__submit-controls input.cart__submit.btn { padding: 10px; font-size: 14px; letter-spacing: 0px; }
  .cart__buttons-container .cart__submit-controls span.cart-icon { right:10px; }
  .right-product-detail .product-detail-wrap h2, 
  .product-like-section .product-like-title h2 { font-size: 26px; line-height: 32px; }
  /* .right-product-detail .product-detail-wrap, .product-detail-bottom { padding:15px; } */

  .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item img { min-width:300px; max-width:300px; width: 100%; } 
  .fancybox-image-slider-wrap .fancybox-image-slider .fancybox-slider .item { max-width:300px; }

  /*  14-02-2022-59  */
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu li a { padding: 14px 0; font-family: 'Maven Pro', sans-serif; font-weight: 400; }
  .mobile-open .header-section .header-bottom .menu-wrap ul.main-menu { padding-top:6px; }

  .hidden-costmize-form .hbspt-form .hs-form-field { width:100%; }
  .hidden-costmize-form .hbspt-form, .hidden-costmize-form-more .costmize-form-wrap { height: 500px; overflow-y: auto; }
  .right-product-detail .product-detail-wrap .color-wrap ul li { padding:0 10px 10px; }
  .color-wrap ul li, .search-color-wrap ul li { width:25%; }
  .hidden-costmize-form .hs-form-field .input { width:100%; }
  .hidden-costmize-form .hbspt-form .hs-form-field input, .hidden-costmize-form .hs-form-field .input select, .hidden-costmize-form .hs-form-field .input textarea { max-width:100%; }

  .sub-cate-slider-wrap .sub-cate-slider .slick-list { padding:0 60px; }
  .sub-cate-slider-wrap .sub-cate-slider button.slick-arrow { width: 35px; height: 35px; }
  .sub-cate-slider-wrap .sub-cate-slider button.slick-prev { left:10px; }
  .sub-cate-slider-wrap .sub-cate-slider button.slick-next { right:10px; }

  .lp-header img {width: 200px;}
  .lp-whatsnew-section { padding:50px 0; }
  .lp-whatsnew-section .lp-part-wrap .lp-left-part {padding:0 20px; width:100%; margin-bottom:30px;}
  .lp-whatsnew-section .lp-part-wrap .lp-right-part {width:100%;}
  .lp-whatsnew-section .lp-part-wrap .lp-left-part .content-wrap { max-width:100%; width:100%; }
  .lp-whatsnew-section .lp-part-wrap .lp-left-part .title h2 { font-size: 40px; line-height: 48px; }
  .lp-contact-section .title h2 { font-size: 36px; line-height: 44px; }
  .lp-contact-section {padding: 50px 25px;}
  .lp-contact-section .title h2 {font-size: 36px;line-height: 44px;}
  .lp-contact-section form fieldset {flex-flow: wrap;}
  .lp-contact-section form fieldset .hs-form-field:first-child, .lp-contact-section form fieldset .hs-form-field:last-child {padding: 0;}
  
  .lp-footer .lp-footer-inner {flex-flow: wrap;flex-direction: column;}
  .lp-footer .lp-footer-inner .lp-logo-wrap {border: 0;padding: 0;margin-bottom: 15px;}
  .lp-footer .lp-footer-inner .copyright-wrap { padding: 0px;}
  .lp-contact-section .title h2 br { display:none; }
  
  .blog-section.product-inner-media .item { width:100%; }
  
  .brands-wrap { margin: -30px auto 0; }
  .brands-wrap .section-top { padding: 30px 0 20px; }
  .brands-wrap .collection-item-wrap { margin:0 -7px; }
  .brands-wrap .collection-item-wrap .collection-item { width: 50%; padding: 0 7px; }
  .brands-wrap .collection-item-wrap .collection-item .pro-item { margin-bottom:14px; }
  .brands-wrap .collection-item-wrap .collection-item .pro-img img { height:180px; }
   

  /*  27-06-22  */

  .product-col-wrap ul.list-item-wrap { width: 877px; }
  .col-wrap.product-col-wrap.product-col-wrap { overflow-x: auto; }
  .product-collection-section .right-collection.rigth-col-part .product-col-wrap nav { width: 877px; }
  .product-collection-section .right-collection.rigth-col-part .product-col-wrap nav ol.pagination { padding-bottom: 20px; padding-top: 20px; }
  .product-collection-section .filter-sortby label { padding-bottom: 9px; }
  /*  27-06-22  */
  


  /* Filter CSS 29-06-2022 93   */

  body.snize-no-scroll { overflow: hidden; }
  .filter-btn-wrap { display: flex; overflow-y: auto; align-items: center; justify-content: flex-start; padding:10px 15px; }
  .filter-btn-wrap .filter-btn { padding: 0 5px; } 
  .filter-btn-wrap .filter-btn a { display: block; padding: 5px 12px; position: relative; z-index: 1; background-color: #4fc0e5; color: #fff; text-transform: capitalize; width:max-content; font-size: 14px; line-height: 23px; border-radius: 4px; }
  div.snize-modal { top: auto !important; bottom: 0; max-height: 300px; overflow: hidden !important; } 
  #snize-modal-mobile-filters-dialog button.snize-close-button { right: 0 !important; left: auto !important; }
  #snize-modal-mobile-filters-dialog #snize_filters_block_header { display: none !important; }
  #snize-modal-mobile-filters-dialog div.snize-product-filters-header { border-top: 0px !important; border-bottom: 1px solid #dcdcdc; margin: 0 20px 15px 16px; }
  #snize-modal-mobile-filters-dialog div.snize-product-filters-header,
  #snize-modal-mobile-filters-dialog div.snize-product-filter-container, 
  #snize-modal-mobile-filters-dialog div.snize-product-filters-buttons { display: none !important; }
  #snize-modal-mobile-filters-dialog div.snize-product-filters-header.show-mobile-filter { display: block !important; }
  #snize-modal-mobile-filters-dialog div.snize-product-filter-container.show-mobile-filter { display: block !important; }  
  #snize-modal-mobile-filters-dialog .snize-price-range-slider .slider-container.snize-theme { width: 100% !important; }
  #snize-modal-mobile-filters-dialog ul { max-height: 170px !important; overflow-y: auto; }  
  #snize-modal-mobile-filters-dialog div.snize-product-filters-header span.snize-product-filters-title span.snize-product-filter-count { float: none !important; display: inline-flex !important; margin-left: 10px; }
  #snize-modal-mobile-filters-dialog ul.snize-product-color-filter li { margin: 4px 0 0 !important; }

  body .boost-pfs-filter-tree-mobile-sticky.boost-pfs-filter-tree-mobile-open { background-color: rgb(0 0 0 / 20%); }
  body .boost-pfs-filter-tree-mobile-sticky.boost-pfs-filter-tree-mobile-open .boost-pfs-filter-tree-content { background-color: #ffff; max-height: 330px; position: absolute; bottom: 0; }
  body .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-v .boost-pfs-filter-options-wrapper { position: static; width: 100%; overflow-y: hidden; }
  body .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-title .boost-pfs-filter-option-title-heading:after { display: none; }
  body .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-title .boost-pfs-filter-option-title-heading { pointer-events: none; }
  body .boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-header { display: none; }
  body .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-mobile-full-width-style .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top .boost-pfs-filter-close span:before { content: "\f00d"; border: 0; color: #4fc0e5; font-size: 18px; font-family: FontAwesome; top: 0; transform: translateY(0); left: 0; right: 0; text-align: center; padding: 0; }
  body .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-mobile-full-width-style .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top { left: auto; right: 0; top: 7px; }
  body .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-mobile-full-width-style .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top .boost-pfs-filter-close span { margin-left: 0; width: 100%; height: 100%; display: inline-block; }
  body .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-title { border-bottom: 1px solid #dedede; padding-bottom: 15px; }

  body .boost-pfs-filter-toolbar-top-mobile-inner.boost-pfs-filter-toolbar-show-sort-by-mobile .boost-pfs-filter-tree-mobile-button { display: none; }
  body .boost-pfs-filter-top-sorting-mobile { width: 100%; }
  body .boost-pfs-filter-top-sorting-mobile .boost-pfs-filter-filter-dropdown { left: 0; width: 97%; margin: 0px auto; right: 0; }
  body .boost-pfs-filter-mobile-toolbar-bottom { display: none !important; }
  body .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li.selected .boost-pfs-check-box { background: #4fc0e5; border: 1px solid #4fc0e5; }
  body .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li.selected .boost-pfs-check-box:before { border: 2px solid #ffffff; border-top: none; border-right: none; }

  body .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li.selected span.boost-pfs-filter-option-amount { color: #4fc0e5; }
  body .boost-pfs-filter-tree-v .boost-pfs-filter-show-result { background-color:#4fc0e5; font-weight: 700; }      
  .search-result-section .search-result-wrap .grid__item { padding-left: 30px; }
  body .boost-pfs-filter-default-toolbar .boost-pfs-filter-toolbar-item:last-child:not(:first-child) .boost-pfs-filter-top-display-type.boost-pfs-filter-top-display-type-d.boost-pfs-filter-top-display-type-m { margin-top: 0; margin-bottom: 0; }
  body .boost-pfs-filter-default-toolbar .boost-pfs-filter-toolbar-item:last-child:not(:first-child) { display:none; width: 110px; }

  body .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-v .boost-pfs-filter-option.show-data .boost-pfs-filter-option-content { display: block !important; }
  body .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-title p { display:none; }
  .product-collection-section { padding-bottom:40px }


  .product-collection-section .right-collection> ul.list-item-wrap:first-child { width: 880px; }
  .product-collection-section .list-item-wrap-head.open-list + .col-wrap { width: 880px; overflow: auto; }
  .product-collection-section .right-collection { overflow-x: auto; }
  
  
  .product-col-wrap ul.list-item-wrap li.list-buy-now.pro-item .aerrow-btn a { padding: 10px 19px; font-size: 14px; }

  
  .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-v .boost-pfs-filter-option { display: none; }
  .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-v .boost-pfs-filter-option.show-data { display: block !important; }
  body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-origin:last-child .noUi-handle { transform: translateX(-12px); }
  .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-origin:nth-child(2) .noUi-handle { right: -16px;  }
  body .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-origin .noUi-handle { top: -10px; }
  
  .search-result-section { padding-bottom: 20px; }
  .template-search .filter-btn-wrap { margin-bottom: 25px; }
  body .boost-pfs-filter-collection-header-wrapper { padding-bottom: 25px; padding-top: 25px; }
  .search-result-section h1 { margin-bottom: 27px; }
  .search-result-section .search-size-wrap { padding-top: 30px; }
  .shoping-cart-popup .product-shopping-wrap .price-qty-wrap .cart__qty { margin-top:0px; }
  .shoping-cart-popup .product-shopping-wrap .price-qty-wrap { margin-top:10px; }
  .cart__qty input[type=number] { line-height: 15px; }
  
  /*.product-slider .one-product__slider ul.slick-dots { text-align: center; }
  .product-slider .one-product__slider ul.slick-dots li { display: none; margin: 0 5px; }
  .product-slider .one-product__slider ul.slick-dots li.show-btn, */
  .product-slider .one-product__slider ul.slick-dots { display:none !important; }
  .product-slider .one-product__slider ul.slick-dots li.slick-active{ display: inline-block !important; }
  .product-slider .one-product__slider ul.slick-dots li.slick-active button { font-size:0; width: 12px; height: 12px; line-height: 12px; padding: 0; text-align: center; color:#ffffff; }
  .product-slider .one-product__slider ul.slick-dots li button { width: 8px; height: 8px; font-size:0; line-height: 8px; padding: 0; color:#000000; }

  
  .product-slider button.slick-prev.slick-arrow { top: 50%; left: 0; display: inline-block; right: auto; bottom: auto; transform: rotate(90deg); width: 20px; }
.product-slider button.slick-next.slick-arrow { top: 50%; left: auto; display: inline-block; right: 0; bottom: auto; transform: rotate(90deg); width: 20px; }
  
}

@media (max-width:600px) {
  
  body.cart-side-open { margin-left: -80%; margin-right:80%; }
  
  .product-list .col-4 { width: 100%; }
  .product-list .col-4 .pro-item { margin-bottom: 14px; }
  .product-collection-section .right-collection .col-wrap .col-4 { width:100%; }
  .product-collection-section .right-collection .col-wrap .col-4.sub-collection-item { width: 50%; }
  .shoping-cart-popup { width:80%; }
  .right-product-detail .product-detail-wrap .color-wrap ul li { padding:0 10px 10px; }
  
  .lp-whatsnew-section .lp-part-wrap .lp-left-part .title h2 { font-size: 30px; line-height: 38px; }
  .lp-contact-section .title h2 { font-size: 30px; line-height: 38px; }

  .free-shipping-main-wrap { padding-left: 13px; text-align: left; font-size: 17px; }
  
}

@media (max-width:480px) {
  
  .compare-head h1 { font-size: 26px; line-height: 36px; }
  
  .product-like-section .col-wrap .col-3 { width: 100%; }
  .product-collection-section .right-collection .col-wrap .col-4.sub-collection-item { width: 100%; }
  /* 10-02-2022-59  */
  .product-part-list-wrap li strong { width: 120px; display: inline-block; }
  .product-part-list-wrap li span { width: calc(100% - 120px); padding-left: 15px; }
  .product-part-list-wrap li { display: flex; margin-bottom: 10px; font-size: 15px; }
  .product-part-list-wrap { padding-top: 14px; }

  .accordian-section .acoordian-wrap .accordion-content .button-group a { font-size: 14px; padding: 10px; width: 100%; margin: 10px auto; display: inline-block; }
  .accordian-section .acoordian-wrap .accordion-content .button-group { display: inline-block; }
  .right-product-detail .product-detail-wrap .color-wrap ul li { padding:0 10px 10px; }
  .sub-cate-slider-wrap .sub-cate-slider .slick-list { padding:0 40px; }

  .lp-footer .lp-footer-inner .copyright-wrap { padding: 0px; display: flex; flex-flow: wrap; align-items: center; justify-content: center;}
  .lp-footer .lp-footer-inner .copyright-wrap span.copyright-text {width: 100%;}
  .lp-footer .lp-footer-inner .copyright-wrap a:last-child {padding-left: 30px;}
  .lp-footer .lp-footer-inner .copyright-wrap a {padding: 0;}
  .lp-footer .lp-footer-inner .copyright-wrap a:before { display:none; }
  .lp-footer .lp-footer-inner .copyright-wrap a:last-child:before {display:block; content: ''; width: 1px; height: 14px; left: 14px; top: 50%; background: #333; position: absolute; transform: translate(0px, -50%);}

  .lp-whatsnew-section .lp-part-wrap .lp-left-part .btn-wrap {flex-flow: wrap;align-items: center;justify-content: center;}
  .lp-whatsnew-section .lp-part-wrap .lp-left-part .btn-wrap a.light-blue-btn {margin: 0 auto 15px;}
  .lp-whatsnew-section .lp-part-wrap .lp-left-part .btn-wrap a.normal-btn {margin: 0 auto 15px;}
  .lp-contact-section form fieldset .hs-form-field {width: 100%;}
  .lp-contact-section .hbspt-form form fieldset .hs-form-field .input input.hs-input { width:100%; }
  .lp-contact-section form fieldset .hs-form-field .input { margin:0 auto; }
  
  .hidden-costmize-form-more .hbspt-form fieldset.form-columns-2 input, .hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 input, .hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 textarea { width: 100% !important;  }
  .hidden-costmize-form-more .hbspt-form fieldset .input { margin-right: 0px !important;  }
  .hidden-costmize-form-more .hbspt-form fieldset.form-columns-2,.hidden-costmize-form-more .hbspt-form fieldset.form-columns-1 { margin-bottom: 0; }

  .accessories-img + div { width: 100%; padding-left: 0; padding-top: 16px; }
  .accessories-img { width: 100%; } 
  .accessories-wrap { padding-top: 18px; padding-bottom: 18px; }


}

 
@media (max-width:375px) {
  .product-tile .col-wrap .col-4 { width:100%; }
  .color-wrap ul li, .search-color-wrap ul li { width:33.33%; }
  .brands-wrap .collection-item-wrap .collection-item { width:100%; }
  .shoping-cart-popup .shoping-cart-top h2 { font-size: 26px; line-height: 36px; }
}

@media (max-height:414px) {
  .shoping-cart-popup.right-pannel-open .mini-cart-data { overflow: hidden; height: auto; }
  .shoping-cart-popup.right-pannel-open .has-items { overflow-y: auto; height: calc(100% - 50px); } 
  .shoping-cart-popup .shoping-cart-top h2 { font-size: 26px; line-height: 36px; }
}

@media (max-width:1600px) {
  .header-section .header-bottom .menu-wrap ul.main-menu .megamenu.cases { left: 50%;
        transform: translateX(-50%); }
  .header-section .header-bottom .menu-wrap ul.main-menu li .megamenu {  left: 50%;
        transform: translateX(-50%); }
}
