header { background: #E6F5FC; }
.header-top { background:#FFF; border-color:#FFF }
.header-main:before { 
	content: '';
	background: url('Snow-L.svg') no-repeat center; 
  background-size:100%;
	width: 115px; height: 33px;
	position: absolute;
	display: block;
  pointer-events: none;
  top: 0; left: 50%;
  transform: translate(-420%,0);
}
.header-main:after {
	content: '';
	background: url('Snow-R.svg') no-repeat center; 
  background-size:100%;
	width: 165px; height: 25px;
	position: absolute;
	display: block;
  pointer-events: none;
  top: 0; left: 50%;
  transform: translate(200%,0);
}
.main-menu { background:inherit}

@media (max-width: 1199.98px) {
	.header-main:after { display: none; }
  .header-main:before { transform:translate(-30%,0); width:100px; height:20px; }
	.header-main .logo { position: relative; }
	.header-main .logo:after {
		content: '';
    background: url('Xmas-Mobile-Header.svg') no-repeat center;
		background-size: contain;
		position: absolute;
		display: inline-block;
    width: 75px; height: 51px;
    top: 15px; right: -75px;
  }
}

.home-div-fs {background:#0762CB url('Flashsale.svg') no-repeat top center; background-size:contain; text-align: center; }
.fs-header { display: inline-block; position: relative; color: #fff; }
/* .fs-header:before {
  position: absolute;
  content: '';
  top: -6px;
  left: -40px;
  width: 30px;
  height: 56px;
  background: url('images-17aug/petir.svg') no-repeat center;
}
.fs-header:after {
  position: absolute;
  content: '';
  top: -6px;
  right: -40px;
  width: 30px;
  height: 56px;
  background: url('images-17aug/petir.svg') no-repeat center;
}
@media (max-width: 767px) {
	.fs-header:before, .fs-header:after {
		height: 25px; 
		width: 20px;
		top: -4px;
		background-size: contain;
	}
	.fs-header:before { left: -25px; }
	.fs-header:after { right: -25px; }
} */

.home-div-first h3,.home-div-first h2,.home-div-2 h2,.home-div-3 h2,
.home-review h2, .home-div-yt h2 {
  position: relative;
}
.home-div-more {top:9px}

.home-div-first:nth-child(n+1) h2:after {background: url('L1.svg') no-repeat center; background-size:contain; top:3px; width: 68px; height: 30px; }
.home-div-first:nth-child(n+1) h2:before {background: url('R1.svg') no-repeat center; background-size:contain; top:3px; width: 68px; height: 30px; }
.home-div-first:nth-child(2n+1) h2:after {background: url('L.svg') no-repeat center; background-size:contain; top:20px; width: 40px; height: 50px; }
.home-div-first:nth-child(2n+1) h2:before {background: url('L.svg') no-repeat center; background-size:contain; top:20px; width: 40px; height: 50px; }

.home-div-first h3:before, .home-div-first h2:before,
.home-div-first .bestseller-cat ul.nav li:first-child a:before,
.home-review h2:before {
  position: relative;
  content: '';
  display:inline-block;
  background-size:contain;
  margin-right:10px;
}
.home-div-first h3:after, .home-div-first h2:after,
.home-div-first .bestseller-cat ul.nav li:last-child a:after,
.home-review h2:after  {
  position: relative;
  content: '';
  display:inline-block;
  background-size:contain;
  margin-left:10px;
}

.home-div-3.home-div-pad h2:before, .home-div-3.home-div-pad h2:after {
  position: relative;
  content: '';
  display:inline-block;
  height:30px;width:30px; top:8px;
  background: url('L.svg') no-repeat center;
  background-size:contain;
  margin:0 10px;
}

@media (max-width: 1199.98px) {
  .home-div-first:nth-child(n+1) h2:after { height: 24px;width:35px; }
  .home-div-first:nth-child(n+1) h2:before { height: 24px;width:35px; }
  .home-div-first:nth-child(2n+1) h2:after { height: 24px;width:22px; top:6px }
  .home-div-first:nth-child(2n+1) h2:before { height: 24px;width:22px; top:6px }
  .home-div-3.home-div-pad h2:before, .home-div-3.home-div-pad h2:after {height:22px;width:22px; top:8px;}
}
@media (max-width: 767.98px) {
  .home-div-first h3:before, .home-div-first h2:before,
  .home-div-first .bestseller-cat ul.nav li:first-child a:before,
  .home-review h2:before {
    display:none
  }
}

.header-main .search { background:#FFF }
.header-main .search:after,.header-main .search-div:after {
  position: absolute;
  content: '';
  display:inline-block;
  background: url('Xmas-Search.svg') no-repeat center;
  background-size:contain;
  top:0; right: -10px; width: 43px; height: 33px;
}
.header-main .search-div:after { top:-11px;right:-20px }

.header-main > .container:before {
  position: absolute;
  content: '';
  top:-15px; left:0;
  background: url('Xmas-Left.svg') no-repeat center;
  background-size:contain;
  width: 78px;
  height: 117px;
}
.header-main > .container:after {
  position: absolute;
  content: '';
  top:-15px; right:10px;
  background: url('Xmas-Right.svg') no-repeat center;
  background-size:contain;
  width: 78px;
  height: 117px;
}

footer { position:relative;width:100%; background:#fff}
.footer-top { }
.footer-top-item { }
.footer-bottom { position: relative; }
.footer-bottom.pb-0:after {
  display: none;
}
.footer-bottom:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  transform: translate(-90%,0);
  width: 215px;
  height: 133px;
  background: url('Xmas-footer.svg') no-repeat center;
  pointer-events: none;
}

@media (max-width: 1359px) {
  .header-main > .container:before { left:-70px }
  .header-main > .container:after { right:-65px }

  .footer-bottom:after { transform: translate(-130%,0)  }
}
@media (max-width: 1199.98px) {
  .header-main .search:after,.header-main .search-div:after {display:none}
  .footer-bottom:after { transform: translate(110%,0)  }
}
@media (max-width: 991.98px) {
  .footer-bottom:after {
    transform: translate(10%,0);
    background-image: url(Xmas-Middle.svg);
    top: 20px;
    left: 80%;
    height: 38px;
    width: 46px;
  }
}
@media (max-width: 575.98px) {
  .home-div-3 .container-border
  {
    padding-top: 20px
  }
}

@media (max-width: 767px) {
	.home-div-first h3:before, .home-div-first h2:before,
	.home-div-first h3:after, .home-div-first h2:after,
	.home-div-first .bestseller-cat ul.nav li:first-child a:before,
	.home-div-first .bestseller-cat ul.nav li:last-child a:after,
	.home-review h2:before, .home-review h2:after,
	.home-div-bestseller h2:before, .home-div-bestseller h2:after,
	.home-div-2 h2:before, .home-div-yt h2:before,
	.home-div-2 h2:after, .home-div-yt h2:after {
		background-size: contain;
	}
}