#slider-top-outer{margin-top:20px;position:relative;width:100%}
#slider-top-outer:after{content:'';position:absolute;width:30%;height:110vh;top:-280px;right:0;background:url(../img/slider/grey-bg.jpg) 50% 50% no-repeat;background-size:cover}
#slider-top-wrapper{width:100%}
#slider-welcome-container{position:relative;z-index:2;width:42%;background:url(../img/slider/green-paper.jpg) 50% 50% no-repeat;background-size:cover;padding:30px 3% 50px}
#slider-welcome-container:after{content:'';position:absolute;width:405px;height:132px;bottom:-70px;right:-56px;background:url(../img/slider/illustation.svg) 50% 50% no-repeat;background-size:cover}
#slider-wrapper{width:58%;position:relative;z-index:1}
#slider-welcome-icon{display:inline-block}
#slider-welcome-h2 > span{display:block;margin-top:15px;font:var(--font24BReg);color:#fff}
#slider-welcome-h2 > span:first-of-type{margin-top:5px}
#slider-welcome-h2 > span.bold{font:var(--font50BBold);color:#fff}
#slider-welcome-h3{margin-top:10px;font:var(--font20CBold);color:#fff}
#slider-welcome-desc{margin-top:25px;width:100%;font:var(--font18CLight);color:#fff;line-height:1.5}
#slider-welcome-link{margin-top:35px;display:inline-block;font:var(--font18CBold);color:#fff;padding:13px 30px;border-radius:10px;border:1px solid #fff}
#slider-outer-container{position:relative;width:100%;padding-bottom:58.18%;height:100%;overflow:hidden}
#slider-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.slider-left,.slider-right{position:absolute;top:0;left:20px;bottom:0;margin:auto 0;width:50px;height:50px;background-color:#fff;border-radius:50%;border:1px solid #C1C1C1;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.slider-right{left:auto;right:20px}
.flick-slider,.slide-container,.slide-photo{width:100%;height:100%}
.flick-slider{width:100%;height:100%}
.slide-container{position:relative}
.slide-photo{position:relative;z-index:1}
.slide-photo > picture{display:block;position:relative;width:100%;padding-bottom:58.18%;height:100%;overflow:hidden}
.slide-photo > picture img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.flick-slider .flickity-page-dots{display:none}
#frontBestsellers-container{max-width:1420px;padding:0 20px;margin:150px auto 0}
#frontBestsellers-h2{position:relative;width:100%;margin-bottom:30px}
#frontBestsellers-h2:before{content:'';position:absolute;width:100%;height:2px;top:0;left:0;bottom:0;background-color:#C5CF1C;margin:auto 0}
#frontBestsellers-h2 > span{position:relative;z-index:1;display:inline-block;padding:10px 16px 10px 90px;font:var(--font36BBold);color:#565655;background:#fff url(../img/leaf.svg) 0 50% no-repeat}
#frontBestsellers > li > a, #frontBestsellers > li > div{position:relative;width:100%;height:100%;border:1px solid #E3E3E3;background-color:#fff}
#frontBestsellers > li > a:not(.banner1-photo-wrapper){padding-bottom:87px}
.banner1-photo-container{width:100%;height:100%}
.banner1-photo{position:relative;width:100%;padding-bottom:79.79%;height:100%;overflow:hidden}
#suggested-categories-wrapper{margin-top:60px;width:100%;padding:50px 20px;background-color:#F3F3F3;background-image:url(../img/leafs-left.svg),url(../img/leafs-right.svg);background-position:0 50%,100% 50%;background-repeat:no-repeat,no-repeat}
#suggested-categories-h2{font:var(--font36BBold);color:#565655;text-align:center}
#suggested-categories-container{max-width:1200px;margin:40px auto 0}
.suggested-categories{width:100%}
.suggested-categories > li > a{position:relative;width:100%}
.suggested-category-photo-container{position:relative;width:100%}
.suggested-category-photo{position:relative;width:100%;padding-bottom:83.33%;border-radius:100px;border:4px solid #fff;overflow:hidden}
.suggested-category-title{margin-top:25px;font:var(--font20BBold);color:#565655;line-height:1.2;text-align:center}
#offer-banners-container{margin:60px auto 0;max-width:1700px;padding:0 20px}
.offer-banners-list{width:100%}
.offer-banners-photo-container{width:100%}
.offer-banners-photo{position:relative;width:100%;padding-bottom:62.96%;overflow:hidden}
#front-suggested-wrapper{margin:80px 0 0;position:relative}
.front-suggested-design{position:relative;z-index:1}
.front-suggested-design > figure:first-of-type{display:block;position:absolute;left:0;top:-60px;background:url("../img/bubble-left.svg") 50% 50% no-repeat}
.front-suggested-design > figure:nth-of-type(2){display:block;position:absolute;right:0;top:-200px;background:url("../img/bubble-right.svg") 50% 50% no-repeat}
#front-suggested-container{margin:0 auto 0;max-width:1420px;position:relative;z-index:2;padding:0 20px}
#front-suggested-h2{font:var(--font36BBold);color:#565655;text-align:center}
#front-suggested{margin-top:40px;width:100%}
#front-suggested > li > a,#front-suggested > li > div{position:relative;width:100%;height:100%;border:1px solid #E3E3E3;padding-bottom:87px;background-color:#fff}
#front-bar-outer{margin-top:75px;width:100%;padding:0 20px}
#front-bar-wrapper{max-width:1760px;margin:0 auto;padding:45px 0;border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE}
#front-bar-container{max-width:1300px;margin:0 auto}
#front-bar{width:100%;justify-content:space-between}
#front-bar > li{width:31%;align-items:center}
.front-bar-icon{width:85px}
.front-bar-icon img{max-width:100%;height:auto}
.front-bar-titles{width:calc(100% - 85px);padding-left:20px}
.front-bar-title1{font:var(--font20BBold);color:#565655;text-transform:uppercase}
.front-bar-title2{margin-top:6px;font:var(--font18CLight);color:#262626}

@media (min-width:1200px) {
    #frontBestsellers{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:2.5%;grid-row-gap:50px}
    #frontBestsellers > li:nth-child(1){grid-area:1 / 1 / 2 / 2}
    #frontBestsellers > li:nth-child(2){grid-area:1 / 2 / 2 / 3}
    #frontBestsellers > li:nth-child(3){grid-area:1 / 3 / 2 / 4}
    #frontBestsellers > li:nth-child(4){grid-area:1 / 4 / 2 / 5}
    #frontBestsellers > li:nth-child(5){grid-area:2 / 1 / 3 / 2}
    #frontBestsellers > li:nth-child(6){grid-area:2 / 2 / 3 / 3}
    #frontBestsellers > li:nth-child(7){grid-area:2 / 3 / 3 / 5}
    #frontBestsellers > li > a:hover{box-shadow:6px 9px 10px 0 #0000001a}
    #frontBestsellers > li > a:hover path.goCart1{fill:#667E49!important}
    #frontBestsellers > li > a:hover path.goCart2{fill:#fff!important}
    .suggested-categories > li{margin-top:50px;margin-left:5%;width:30%}
    .suggested-categories > li:nth-child(-n+3){margin-top:0}
    .suggested-categories > li:nth-child(3n+1){margin-left:0}
    .suggested-categories > li > a:hover .suggested-category-photo{border:4px solid #485A34}
    .offer-banners-list > li{width:32%;margin-left:2%}
    .offer-banners-list > li:first-child{margin-left:0}
    #front-suggested > li{margin-top:50px;margin-right:2.666666666666667%;width:23%}
    #front-suggested > li:nth-child(-n+4){margin-top:0}
    #front-suggested > li:nth-child(4n){margin-right:0}
    #front-suggested > li > a:hover{box-shadow:6px 9px 10px 0 #0000001a}
    #front-suggested > li > a:hover path.goCart1{fill:#667E49!important}
    #front-suggested > li > a:hover path.goCart2{fill:#fff!important}
}
@media (min-width:765px) and (max-width:1200px) {
    #frontBestsellers{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:2.5%;grid-row-gap:40px}
    #frontBestsellers > li:nth-child(1){grid-area:1 / 1 / 2 / 2}
    #frontBestsellers > li:nth-child(2){grid-area:1 / 2 / 2 / 3}
    #frontBestsellers > li:nth-child(3){grid-area:1 / 3 / 2 / 4}
    #frontBestsellers > li:nth-child(4){grid-area:2 / 1 / 3 / 2}
    #frontBestsellers > li:nth-child(5){grid-area:2 / 2 / 3 / 3}
    #frontBestsellers > li:nth-child(6){grid-area:2 / 3 / 3 / 4}
    #frontBestsellers > li:nth-child(7){grid-area:3 / 1 / 4 / 4}
    .suggested-categories > li{margin-top:40px;margin-left:2%;width:32%}
    .suggested-categories > li:nth-child(-n+3){margin-top:0}
    .suggested-categories > li:nth-child(3n+1){margin-left:0}
    .offer-banners-list > li{width:32%;margin-left:2%}
    .offer-banners-list > li:first-child{margin-left:0}
    #front-suggested > li{margin-top:40px;margin-right:4%;width:48%}
    #front-suggested > li:nth-child(-n+2){margin-top:0}
    #front-suggested > li:nth-child(2n){margin-right:0}
}
@media (max-width:1199px) {
    #slider-welcome-container:after{display:none}
    #slider-welcome-container{position:relative;z-index:2;width:100%;order:2;text-align:center}
    #slider-wrapper{width:100%;position:relative;z-index:1;order:1}
    #slider-top-outer:after{display:none}
    #frontBestsellers-container{max-width:1420px;padding:0 15px;margin:40px auto 0}
    .banner1-photo{padding-bottom:60%}
    #frontBestsellers-h2 > span{font:var(--font32BBold)}
    #suggested-categories-wrapper{margin-top:40px;padding:30px 15px}
    #offer-banners-container{margin:40px auto 0;max-width:1700px;padding:0 15px}
    #front-suggested-wrapper{margin:60px 0 0;position:relative}
    #front-bar-outer{margin-top:40px;width:100%;padding:0 15px}
    #front-suggested-container{padding:0 15px}
    #front-suggested{margin-top:30px}
    #front-bar-wrapper{padding:25px 0}
    .front-bar-icon{width:60px}
    .front-bar-icon img{max-width:100%;height:auto}
    .front-bar-titles{width:calc(100% - 60px);padding-left:15px}
    .front-bar-title1{font:var(--font17BBold)}
    .front-bar-title2{font:var(--font17CReg)}
}
@media (max-width:764px) {
    #front-bar > li{width:100%;align-items:center;margin-top:20px}
    #front-bar > li:first-child{margin-top:0}
    #frontBestsellers{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:2.5%;grid-row-gap:20px}
    #frontBestsellers > li:nth-child(1){grid-area:1 / 1 / 2 / 2}
    #frontBestsellers > li:nth-child(2){grid-area:1 / 2 / 2 / 3}
    #frontBestsellers > li:nth-child(3){grid-area:2 / 1 / 3 / 2}
    #frontBestsellers > li:nth-child(4){grid-area:2 / 2 / 3 / 3}
    #frontBestsellers > li:nth-child(5){grid-area:3 / 1 / 4 / 2}
    #frontBestsellers > li:nth-child(6){grid-area:3 / 2 / 4 / 3}
    #frontBestsellers > li:nth-child(7){grid-area:4 / 1 / 5 / 3}
    .suggested-categories > li{margin-top:30px;width:100%}
    .suggested-categories > li:nth-child(-n+1){margin-top:0}
    #front-suggested-wrapper{margin:30px 0 0}
    #front-suggested > li{margin-top:40px;margin-right:4%;width:48%}
    #front-suggested > li:nth-child(-n+2){margin-top:0}
    #front-suggested > li:nth-child(2n){margin-right:0}
    #frontBestsellers-container{padding:0 10px}
    #suggested-categories-wrapper{padding:25px 10px}
    #front-suggested-container{padding:0 10px}
    #front-bar-outer{padding:0 10px}
}