/*fix*/
.addsearch,
#slider_k2c,
.store-notice {display: none !important;}
html {font-size: 62.5%;}
.nano-line a,
.nano-line a:hover {text-decoration: none;}
.nano-line a:focus {outline: none;}
.nano-line ul,
.nano-line ul li {margin: 0; list-style: none;}
.nano-line h1, .nano-line h2, .nano-line h3, .nano-line h4 {margin: 0;}

/*basic*/
.nano-line {font-family: 'Barlow', 'Fira Sans', arial, sans-serif; background-color: #111; overflow-y: hidden; overflow-x: hidden; min-height: 1000.nl-;} 
.nano-line .nl-container {margin: 0 auto; max-width: 150rem; padding: 0 30px;}
.nano-line .nl-row:after {content: ""; display: table; clear: both;}
.nano-line .nl-table {display: table; width: 100%;}
.nano-line .nl-table .nl-table-row {display: table-row;}
.nano-line .nl-table .nl-table-row .nl-table-cell {display: table-cell; vertical-align: middle;}
.nano-line .nl-only-mobile {display: none;}

/*header*/
.nano-line .nl-header {width: 100%; position: fixed; z-index: 9999; background-color: transparent; transition: background-color .4s ease-out; background-color: #0f0f0f;}
.nano-line .nl-header .nl-header-logo {width: 20%; float: left; padding-top: 1.8rem;}
.nano-line .nl-header .nl-header-logo img {width: 100%; max-width: 17rem;}
.nano-line .nl-header:after {content: ""; clear: both; display: table;}
.nano-line .nl-header.nl-sticky-header {background-color: #000;}
.nano-line .nl-header .nl-container {position: relative;}
.nano-line .nl-header .nl-nav {float: left; width: 80%; text-align: right;}
.nano-line .nl-header .nl-nav ul,
.nano-line .nl-header .nl-nav ul li {display: inline-block;}
.nano-line .nl-header .nl-nav ul li a {color: #fff; padding: 2rem 1.5rem; position: relative; text-transform: uppercase; display: inline-block; font-size: 1.4rem;}
.nano-line .nl-header .nl-nav ul li a:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #bed62f; -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transition: transform 0.5s ease;}
.nano-line .nl-header .nl-nav ul li a:hover::before,
.nano-line .nl-header .nl-nav ul li a.nl-active::before {-webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
.nano-line .nl-header .nl-nav ul li a.nl-active {color: #bed62f;}

.nano-line .nl-header .nl-nav ul li a.nl-nav-shop {background-color: #bed62f; color: #222; font-weight: bold; padding: 2rem 4rem; text-align: center; margin-left: 1rem; -webkit-transition: all 0.6s; transition: all 0.6s; text-transform: uppercase; border-radius: 0;}
.nano-line .nl-header .nl-nav ul li a.nl-nav-shop:hover {background-color: #b2c82e;}
.nano-line .nl-header .nl-nav ul li a.nl-nav-shop:before {height: 0;}

.nano-line .nl-header .nl-mobile-nav {display: none;}
.nano-line .nl-header .nl-menu-icon {cursor: pointer; width: 20px; height: 19px; position: absolute; z-index: 10; top: 1.8rem; right: 15px; display: none;}
.nano-line .nl-header .nl-menu-icon::before {content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 3px; background-color: #bed62f; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; transition: transform .3s ease-out;}
.nano-line .nl-header .nl-menu-icon-middle {position: absolute; top: 8px; left: 0; width: 20px; height: 3px; background-color: #bed62f; transition: all .3s ease-out; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%;}
.nano-line .nl-header .nl-menu-icon::after {content: ""; position: absolute; bottom: 0; left: 0; width: 20px; height: 3px; background-color: #bed62f; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; transition: transform .3s ease-out;}
.nano-line .nl-header .nl-menu-icon-close::before {-webkit-transform: rotate(45deg) scaleX(1.25); -ms-transform: rotate(45deg) scaleX(1.25); transform: rotate(45deg) scaleX(1.25);}
.nano-line .nl-header .nl-menu-icon-close .nl-menu-icon-middle {opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);}
.nano-line .nl-header .nl-menu-icon-close::after {-webkit-transform: rotate(-45deg) scaleX(1.25) translateY(1px); -ms-transform: rotate(-45deg) scaleX(1.25) translateY(1px); transform: rotate(-45deg) scaleX(1.25) translateY(1px);}

/*hero*/
.nano-line .nl-hero {background-color: #171717; padding: 14rem 0 7rem; text-align: center; background-size: cover; background-position: center bottom; background-image: url(../../images/cms-pages/nano-line/hero-background.jpg);}
.nano-line .nl-hero .nl-hero-title {max-width: 100rem; margin: 0 auto;}
.nano-line .nl-hero .nl-hero-title h1 {font-size: 9rem; line-height: 1.2; padding-bottom: 1rem; text-transform: uppercase; color: #fff; font-weight: bold;}
.nano-line .nl-hero .nl-hero-title h1 span {color: #bed62f;}
.nano-line .nl-hero .nl-hero-title h2 {font-size: 5rem; padding-bottom: 1rem; color: #fff;}
.nano-line .nl-hero .nl-hero-img-wrapper img {display: block; margin: 0 auto;}
.nano-line .nl-hero .nl-hero-img-wrapper .nl-hero-product {top: 5rem; width: 70%; max-width: 116rem; display: block;}
.nano-line .nl-hero .nl-hero-img-wrapper .nl-hero-logo {width: 100%; max-width: 26rem;}

/*section*/
.nano-line .nl-section {background-color: #171717; display: block; width: 100%; color: #fff; outline: none; padding: 5rem 0;}
.nano-line .nl-section .nl-container {position: relative;}
.nano-line .nl-section h2 {font-size: 4rem; font-weight: bold; margin-bottom: 4rem;}
.nano-line .nl-section p {font-size: 2.6rem;}
.nano-line .nl-section .nl-section-text h5 {font-size: 3rem; font-weight: bold;}
.nano-line .nl-section .nl-section-padd-right {padding-right: 3rem;}
.nano-line .nl-section .nl-section-padd-left {padding-left: 3rem;}
.nano-line .nl-section .nl-section-padd-top {padding-top: 3rem;}
.nano-line .nl-section .nl-section-padd-bottom {padding-bottom: 3rem;}
.nano-line .nl-section .nl-section-title-line {width: 100%; height: 2px; background-color: #bed62f; transform: skew(0,-1.5deg); -webkit-transform: skew(0,-1.5deg); margin-bottom: 5rem;}
.nano-line .nl-section .nl-section-main {width: 100%; overflow: hidden; position: relative;}
.nano-line .nl-section .nl-section-main .nl-section-row {position: relative; padding: 1rem 0 3rem;}
.nano-line .nl-section .nl-section-main .nl-section-row:after {content: ""; clear: both; display: table;}
.nano-line .nl-section .nl-section-main .nl-section-row .nl-section-text p,
.nano-line .nl-section .nl-section-main .nl-section-row .nl-section-text .nl-list li {font-size: 2.6rem;}
.nano-line .nl-section .nl-section-main .nl-section-row .nl-section-text .nl-list > li:before {color: #bed62f; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.nano-line .nl-section .nl-section-sidebar {width: 18rem; position: absolute; padding-top: 15rem; height: 100%; top: 0;}
.nano-line .nl-section .nl-section-sidebar h4 {text-transform: uppercase; color: #bed62f; position: relative; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left;}
.nano-line .nl-section .nl-section-proggress-line {width: 2px; background-color: #bed62f; height: 135%; position: absolute; top: -85%; z-index: 9;}
.nano-line .nl-section .nl-section-proggress-icon {content: ""; background-image: url(../../images/cms-pages/nano-line/hexagon.svg); background-size: contain; background-repeat: no-repeat; width: 28px; height: 30px; background-color: #171717; position: absolute; top: 49%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99;}
.nano-line .nl-section .nl-section-icons {text-align: center;}
.nano-line .nl-section .nl-section-icons li img {max-width: 18rem}
.nano-line .nl-section .nl-section-icons li p {font-weight: bold; line-height: 1.2; margin-top: 1.5rem; font-size: 2.6rem;}
/*section - side left*/
.nano-line .nl-section.nl-section-side-left .nl-section-main {padding-left: 18rem;}
.nano-line .nl-section.nl-section-side-left .nl-section-proggress-line {left: -13rem;}
.nano-line .nl-section.nl-section-side-left .nl-section-proggress-icon {left: -14.3rem;}
/*section - side right*/
.nano-line .nl-section.nl-section-side-right .nl-section-main {padding-right: 18rem;}
.nano-line .nl-section.nl-section-side-right .nl-section-sidebar {right: 0;}
.nano-line .nl-section.nl-section-side-right .nl-section-sidebar h4 {margin-left: 10rem;}
.nano-line .nl-section.nl-section-side-right .nl-section-proggress-line {right: -12rem;}
.nano-line .nl-section.nl-section-side-right .nl-section-proggress-icon {right: -13.3rem;}
/*section - short*/
.nano-line .nl-section.nl-section-short.nl-section-side-right .nl-section-sidebar h4 {margin-left: 10rem;}
.nano-line .nl-section.nl-section-short.nl-section-side-right .nl-section-proggress-line,
.nano-line .nl-section.nl-section-short.nl-section-side-left .nl-section-proggress-line {top: 0; bottom: 10%;}
.nano-line .nl-section.nl-section-short.nl-section-side-right .nl-section-proggress-line {right: 7rem;}
.nano-line .nl-section.nl-section-short.nl-section-side-left .nl-section-proggress-line {left: 5rem;}
.nano-line .nl-section.nl-section-short.nl-section-side-right .nl-section-proggress-icon,
.nano-line .nl-section.nl-section-short.nl-section-side-left .nl-section-proggress-icon {top: auto; bottom: 4%;}
.nano-line .nl-section.nl-section-short.nl-section-side-right .nl-section-proggress-icon {right: 5.7rem;}
.nano-line .nl-section.nl-section-short.nl-section-side-left .nl-section-proggress-icon {left: 3.7rem;}
/*section - bottom*/
.nano-line .nl-section.nl-section-bottom.nl-section-side-right .nl-section-sidebar h4 {margin-left: 10rem;}
.nano-line .nl-section.nl-section-bottom.nl-section-side-right .nl-section-proggress-line {top: 10%; bottom: -27%; height: 200%; right: 7rem;}
.nano-line .nl-section.nl-section-bottom.nl-section-side-right .nl-section-proggress-icon {top: auto; bottom: -127%; right: 5.7rem;}
.nano-line .nl-section.nl-section-bottom.nl-section-side-right .nl-section-main {overflow: visible;}

/*section products*/
.nano-line .nl-section-products {background-color: #111; padding: 8rem 0; text-align: center;}
.nano-line .nl-section-products .nl-container {max-width: 140rem;}
.nano-line .nl-section-products .slick-slide {background-image: url(../../images/cms-pages/nano-line/slick-product-back.png); background-size: 70%; background-repeat: no-repeat; background-position: center center;}
.nano-line .nl-section-products h5 {color: #fff; text-transform: uppercase; font-size: 2.4rem; margin: 2rem 0 0 0;}
.nano-line .nl-section-products h5 .nl-section-products-link {color: #fff; border-bottom: 1px solid #fff;}
.nano-line .nl-section-products h5 .nl-section-products-link:hover {color: #bed62f; border-bottom: 1px solid #bed62f;}
.nano-line .nl-section-products .nl-section-products-img {max-width: 75%; margin: 0 auto;}

/*tagged collection*/
.nano-line .nl-section-tagged {background-color: #111; padding: 8rem 0;}
.nano-line .nl-section-tagged .widget-products-category-list {padding-right: 18rem; margin-left: -15px; margin-right: -15px;;}
.nano-line .nl-section-tagged .products-grid li {width: 25%; float: left; padding: 0 15px; margin-bottom: 30px;}
.nano-line .nl-section-tagged .products-grid li:nth-child(4n+1) {clear: left;}
.nano-line .nl-section-tagged .products-grid li .product-name,
.nano-line .nl-section-tagged .products-grid li .club-five {color: #fff;}
.nano-line .nl-section-tagged .products-grid li .li-content {border: 1px solid rgba(255, 255, 255, .4);}

/*video*/
.nano-line .nl-section-video {padding: 10rem 0;}
.nano-line .nl-video {position: relative;}
.nano-line .nl-video .nl-image-video-overlay {width: 100%; z-index: 10; position: absolute; top: 0; left: 0; cursor: pointer;}
.nano-line .nl-video .nl-video-btn {opacity: .8; position: absolute; width: 20rem; left: 50%; top: 50%; z-index: 11; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.nano-line .nl-video .nl-video-btn:hover {opacity: 1;}
.nano-line .nl-video .nl-video-btn-small {width: 12rem;}

/*section special*/
.nano-line .nl-section-special .nl-section-row-padd-right {padding-right: 18rem; position: relative; margin-top: 8rem;}
.nano-line .nl-section-special .nl-section-row-padd-left {padding-left: 18rem; position: relative; margin-top: 8rem;}
.nano-line .nl-section-special .nl-section-special-sidebar {width: 18rem; position: absolute; padding-top: 15rem; height: 100%; top: 0;}
.nano-line .nl-section-special .nl-section-special-sidebar h4 {text-transform: uppercase; color: #bed62f; position: relative; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left;}
.nano-line .nl-section-special .nl-row-proggress-line {width: 2px; background-color: #bed62f; height: 85%; position: absolute; top: 5%; z-index: 9;}
.nano-line .nl-section-special .nl-section-row-padd-right .nl-section-special-sidebar {right: 0;}
.nano-line .nl-section-special .nl-section-row-padd-right .nl-section-special-sidebar h4 {-webkit-transform: rotate(-90deg) translateY(14rem); -ms-transform: rotate(-90deg) translateY(14rem); transform: rotate(-90deg) translateY(14rem);}
.nano-line .nl-section-special .nl-section-row-padd-right .nl-row-proggress-line {right: 7rem;}
.nano-line .nl-section-special .nl-section-row-padd-left .nl-section-special-sidebar {left: 0;}
.nano-line .nl-section-special .nl-section-row-padd-left .nl-section-special-sidebar h4 {-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.nano-line .nl-section-special .nl-section-row-padd-left .nl-row-proggress-line {left: 7rem;}
.nano-line .nl-section-special .nl-section-text h5 {font-size: 4rem;}
.nano-line .nl-section-special .nl-cta-btn {display: inline-block; text-align: center; font-size: 2rem; padding: 1.5rem 3.5rem; margin-top: 3rem; color: #000; text-transform:uppercase; background-color: #bed62f;}
.nano-line .nl-section-special .nl-cta-btn:hover {background-color: #B2C82E;}
.nano-line .nl-section [class^="nl-row-proggress-icon-"] {content: ""; background-image: url(../../images/cms-pages/nano-line/hexagon.svg); background-size: contain; background-repeat: no-repeat; width: 28px; height: 30px; background-color: #171717; position: absolute; z-index: 99;}
.nano-line .nl-section .nl-section-row-padd-right [class^="nl-row-proggress-icon-"] {right: 5.7rem;}
.nano-line .nl-section .nl-section-row-padd-left [class^="nl-row-proggress-icon-"] {left: 5.7rem;}
.nano-line .nl-section .nl-row-proggress-icon-1 {bottom: 30%;}
.nano-line .nl-section .nl-row-proggress-icon-2 {top: 30%;}
.nano-line .nl-section .nl-row-proggress-icon-3 {bottom: 6%;}
.nano-line .nl-section .nl-row-proggress-icon-4 {top: 48%;}
.nano-line .nl-section .nl-row-proggress-icon-5 {top: 10%;}
.nano-line .nl-section .nl-row-proggress-icon-6 {bottom: 20%;}

/*animation*/
.nano-line .nl-animation .nl-animation-video {position: relative;}
.nano-line .nl-animation .nl-animation-video video {width: 100%; height: 100%;}
.nano-line .nl-animation .nl-animation-video h6 {position: absolute; top: 5%; left: 3%; text-transform: uppercase; font-size: 2.6rem; color: #bed62f;}

/*footer*/
.nano-line .nl-footer {width: 100%; background-color: #000; color: #fff; border-top: 5px solid #bed62f; padding-top: 3rem;}
.nano-line .nl-footer .nl-footer-main {padding: 5rem 0 3rem; border-bottom: 1px solid #373737;}
.nano-line .nl-footer .nl-footer-main .nl-footer-logo {max-width: 22rem; margin-bottom: 2.5rem;}
.nano-line .nl-footer .nl-footer-main p {margin: 0;}
.nano-line .nl-footer .nl-footer-main h6 {font-weight: bold;}
.nano-line .nl-footer .nl-footer-main .nl-sign-btn {display: block; color: #000; text-transform: uppercase; background-color: #bed62f; font-size: 14px; padding: .6rem; font-weight: bold; text-align: center; margin-top: 2rem;}
.nano-line .nl-footer .nl-footer-main .nl-sign-btn:hover {background-color: #b2c82e;}
.nano-line .nl-footer .nl-footer-main .links-container-icons li {display: inline-block;}
.nano-line .nl-footer .nl-footer-main .links-container-icons li a {color: #bed62f; font-size: 3.6rem; padding: .5rem;}
.nano-line .nl-footer .nl-footer-main .links-container-icons .fa {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all .2s;}
.nano-line .nl-footer .nl-footer-main .links-container-icons .fa:hover {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color: #b2c82e;} 
.nano-line .nl-footer .nl-footer-info {text-align: center; padding: 2rem 0;}
.nano-line .nl-footer .nl-footer-info h5 {font-weight: bold; text-transform: uppercase;}
.nano-line .nl-footer .nl-footer-copy {text-align: center; background-color: #171717; padding: 1rem;}
.nano-line .nl-footer .nl-footer-copy p {margin: 0;}

/*effects on scroll*/
.nano-line .nl-section .nl-section-proggress-line,
.nano-line .nl-section .nl-row-proggress-line {height: 0; transition: height 1s;}
.nano-line .nl-section .nl-section-proggress-line-active {height: 135%;}
.nano-line .nl-section .nl-row-proggress-line-active {height: 85%;}
.nano-line .nl-section.nl-section-short .nl-section-proggress-line {height: 0; transition: height 1s;}
.nano-line .nl-section.nl-section-short .nl-section-proggress-line-active {height: 89%;}
.nano-line .nl-section-sidebar h4 {display: none;}
.nano-line .nl-animate-from-left {-webkit-transform: translate(-15%, 0); -ms-transform: translate(-15%, 0); transform: translate(-15%, 0); opacity: 0; transition: all 1s;}
.nano-line .nl-animate-from-right {-webkit-transform: translate(15%, 0); -ms-transform: translate(15%, 0); transform: translate(15%, 0); opacity: 0; transition: all 1s;}
.nano-line .nl-animate-from-bottom {-webkit-transform: translate(0, 15%); -ms-transform: translate(0, 15%); transform: translate(0, 15%); opacity: 0; transition: all 1s;}
.nano-line .nl-animate-activated {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1;}

/*slick*/
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 5rem; height: 5rem; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color: transparent; outline: none; background: transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before,
.slick-next:before {font-family: FontAwesome; font-size: 8rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-prev { left: -2.5rem;}
[dir='rtl'] .slick-prev {right: -2.5rem; left: auto;}
.slick-prev:before {content: '\f104'; }
[dir='rtl'] .slick-prev:before{content: '\f105';}
.slick-next {right: -2.5rem;}
[dir='rtl'] .slick-next {right: auto; left: -2.5rem;}
.slick-next:before {content: '\f105';}
[dir='rtl'] .slick-next:before{content: '\f104';}

@media (max-width: 1200px) {
html {font-size: 56.25%;}
/*header*/
.nano-line .nl-header .nl-nav ul li a.nl-nav-shop {margin-right: 20px;}
.nano-line .nl-header .nl-nav .nl-nav-mobile-hide {display: none; position: fixed; width: 100%; left: 0; top: 5.9rem; background-color: rgba(0, 0, 0, 0.85); text-align: center; padding: 20px 10px; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #2b2b2b; height: 97%;}
.nano-line .nl-header .nl-nav .nl-nav-mobile-hide li {display: block;}
.nano-line .nl-header .nl-nav .nl-nav-mobile-hide li a {font-size: 2.4rem; padding: 5px; display: inline-block;}
.nano-line .nl-header .nl-menu-icon {display: block;}
/*tagged collection*/
.nano-line .nl-section-tagged .products-grid li {width: 33.3333%;}
.nano-line .nl-section-tagged .products-grid li:nth-child(4n+1) {clear: none;}
.nano-line .nl-section-tagged .products-grid li:nth-child(3n+1) {clear: left;}
}

@media (max-width: 890px) {
html {font-size: 37.5%;}
/*header*/
.nano-line .nl-header .nl-header-logo {padding-top: 1.1rem;}
/*section*/
.nano-line .nl-section .nl-section-sidebar {width: 12rem;}
.nano-line .nl-section.nl-section-side-left .nl-section-sidebar h4 {margin-left: -7px;}
.nano-line .nl-section.nl-section-side-left .nl-section-main {padding-left: 12rem;}
.nano-line .nl-section.nl-section-side-left .nl-section-proggress-line {left: -5rem;}
.nano-line .nl-section.nl-section-side-left .nl-section-proggress-icon {left: -7.2rem;}
.nano-line .nl-section.nl-section-bottom.nl-section-side-right .nl-section-proggress-icon {bottom: -136%; right: 5rem;}
.nano-line .nl-section.nl-section-short.nl-section-side-left .nl-section-proggress-line {left: 5.8rem;}
.nano-line .nl-section.nl-section-side-right .nl-section-main {padding-right: 12rem;}
.nano-line .nl-section.nl-section-side-right .nl-section-proggress-line {right: -5rem;}
.nano-line .nl-section.nl-section-side-right .nl-section-proggress-icon {right: -7.2rem;}
.nano-line .nl-section.nl-section-short.nl-section-side-right .nl-section-proggress-icon {right: 4.9rem;}
.nano-line .nl-section.nl-section-side-right .nl-section-sidebar h4,
.nano-line .nl-section.nl-section-short.nl-section-side-right .nl-section-sidebar h4,
.nano-line .nl-section.nl-section-bottom.nl-section-side-right .nl-section-sidebar h4 {margin-left: 4rem;}
/*section special*/
.nano-line .nl-section .nl-section-row-padd-right [class^="nl-row-proggress-icon-"] {right: 4.8rem;}
.nano-line .nl-section .nl-section-row-padd-left [class^="nl-row-proggress-icon-"] {left: 4.8rem;}
/*tagged collection*/
.nano-line .nl-section-tagged .products-grid li {width: 50%; margin-bottom: 20px;}
.nano-line .nl-section-tagged .products-grid li:nth-child(3n+1) {clear: none;}
.nano-line .nl-section-tagged .products-grid li:nth-child(2n+1) {clear: left;}
.nano-line .nl-section-tagged .widget-products-category-list {padding-right: 12rem;}
}

@media (max-width: 640px) {
/*basic*/
.nano-line .nl-only-desktop {display: none;}
.nano-line .nl-only-mobile {display: block;}
/*header*/
.nano-line .nl-header .nl-header-logo {width: 30%;}
.nano-line .nl-header .nl-nav {width: 70%;}
.nano-line .nl-header .nl-nav ul li a {font-size: 1.6rem;}
.nano-line .nl-header .nl-nav ul li a.nl-nav-shop {padding: 2rem;}
/*section*/
.nano-line .nl-section .nl-section-padd-left {padding-left: 0;}
.nano-line .nl-section .nl-section-padd-right {padding-right: 0;}
.nano-line .nl-section .nl-table,
.nano-line .nl-section .nl-table .nl-table-row,
.nano-line .nl-section .nl-table .nl-table-row .nl-table-cell {display: block;}
/*section special*/
.nano-line .nl-section-special .nl-section-row-padd-right {padding-right: 0;}
.nano-line .nl-section-special .nl-section-padd-right {padding-right: 15rem; margin-bottom: 5rem;}
.nano-line .nl-section .nl-section-row-padd-right [class^="nl-row-proggress-icon-"] {right: 4.9rem;}
.nano-line .nl-section-special .nl-section-row-padd-left {padding-left: 0;}
.nano-line .nl-section-special .nl-section-padd-left {padding-left: 15rem; margin-bottom: 5rem;}
.nano-line .nl-section .nl-section-row-padd-left [class^="nl-row-proggress-icon-"] {left: 4.9rem;}
.nano-line .nl-section-special .nl-row-proggress-line {height: 40%; top: 0;}
.nano-line .nl-section .nl-row-proggress-icon-1 {bottom: auto; top: 38%;}
.nano-line .nl-section .nl-row-proggress-icon-2 {bottom: 7%;}
.nano-line .nl-section .nl-row-proggress-icon-3 {bottom: auto; top: 37%;}
.nano-line .nl-section .nl-row-proggress-icon-4 {top: 17%;}
.nano-line .nl-section .nl-row-proggress-icon-6 {display: none;}
.nano-line .nl-section-special .nl-cta-btn {width: 100%;}
/*footer*/
.nano-line .nl-footer .nl-footer-main {text-align: center;}
.nano-line .nl-footer .nl-footer-main .nl-sign-btn {display: inline-block; padding: 0.6em 2em; margin-bottom: 4rem;}
.nano-line .nl-footer .nl-footer-main .links-container-icons li a {font-size: 4.6rem;}
.nano-line .nl-footer .nl-footer-main h6 {margin-bottom: 0;}
.nano-line .nl-footer .nl-footer-main p {font-size: 14px;}
/*tagged collection*/
.nano-line .nl-section-tagged .widget-products-category-list {padding-right: 12rem;}
}

@media (max-width: 480px) {
/*basic*/
.nano-line .nl-container {padding: 0 15px;}
/*header*/
.nano-line .nl-hero .nl-hero-title h1 {font-size: 6.5rem; padding: 0 1rem 1rem 1rem;}
.nano-line .nl-hero .nl-hero-title h2 {font-size: 3.5rem;}
.nano-line .nl-header .nl-nav ul li a.nl-nav-shop {margin-right: 5.5rem;}
.nano-line .nl-header .nl-menu-icon {top: 9px; right: 13px;}
.nano-line .nl-hero .nl-hero-img-wrapper .nl-hero-product {width: 86%;}
.nano-line .nl-hero .nl-hero-img-wrapper .nl-hero-logo {max-width: 22rem;}
/*video*/
.nano-line .nl-section-video {padding: 4rem 0;}
.nano-line .nl-video .nl-video-btn {width: 13rem;}
/*tagged collection*/
.nano-line .nl-section-tagged .widget-products-category-list {margin: 0;}
.nano-line .nl-section-tagged .products-grid li {width: 100%; float: none; padding: 0 1rem 0 0;}
.nano-line .nl-section-tagged .products-grid li:nth-child(2n+1) {clear: none;}
}