body {
	padding: 0px;
	margin: 0px;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	color: #000;
}

.container {
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	padding-left: 5%;
	padding-right: 5%;
}

a {
	text-decoration: none;
}

input[type='text'], input[type='submit'], input[type='password'], input[type='button'], select, textarea {
	font-family: "Poppins", sans-serif;
	
}

textarea:focus, input:focus{
    outline: none;
}

.headermenuabsolute {
	position: absolute;
	z-index: 9999;
	width: 100%;
	background: #FFF;
}

.headertop {
	width: 100%;
	background: #000;
	color: #FFF;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: 500;
	min-width: 320px;
}

.headertop span {
	color: #ACACAC;
	
}

.headertop a {
	color: #FFF;
}

.headertop-1 {
	width: 30%;
	text-align: left;
	float: left;
}

.headertop-2 {
	width: 39%;
	text-align: center;
	float: left;
}

.headertop-3 {
	width: 30%;
	text-align: right;
	float: left;
}

.headertop-3 div, .headertop-3 img {
	float: right;
	margin-left: 3px;
}

.headertop-mobile {
	color: #000;
	text-align: center;
	background: #FFF;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: 500;
	display: none;
	width: 100%;
	min-width: 320px;
}

.headertop-mobile a {
	color: #000;
	
}

.headermenu {
	padding-top: 30px;
	padding-bottom: 30px;
	min-width: 320px;
	width: 100%;
}

.headermenu-1 {
	width: 18%;
	float: left;
}

.headermenu-2 {
	width: 52%;
	float: left;
}

.headermenu-3 {
	width: 30%;
	float: left;
}

.headermenu-1 img {
	width: 58px;
}

.headermenu-3-1 {
	width: 19px;
	float: right;
	padding-top: 10px;
	position: relative;
}

.headermenu-3-2 {
	width: 25px;
	float: right;
	position: relative;
	padding-left: 50px;
	padding-top: 7px;
}

.headermenu-3-2 .menucart {
	position: absolute;
	top: 0px;
	right: -10px;
	width: 18px;
	height: 16px;
	border-radius: 9px;
	background: #0156ff;
	color: #FFF;
	font-weight: 600;
	font-size: 10px;;
	text-align: center;
	padding-top: 2px;
	overflow:hidden;
	cursor: pointer;
}

.headermenu-3-3 {
	width: 36px;
	float: right;
	margin-left: 50px;
	height: 36px;
	position: relative;
	overflow: hidden;
	border-radius: 18px;
}

.headermenu-3-3 img {
	max-width: 36px;
	width: 100%;
	
}

.nav div {
	height: 29px;
	padding-top: 8px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	float: right;
}

.nav div a {
	color: #000;
}

.navactive {
	border-radius: 50px;
	border: 2px solid #0156ff;
	color: #0156ff;
}

.nav .navactive a {
	color: #0156ff;
}

.headermenu-mobile {
	display: none;
	width: 45px;
	float: left;
}

.headermenu-mobile img {
	cursor: pointer;
}



.headermenu-mobileframe {
	position: absolute;
	top: 140px;
	right: 0px;
	z-index: 1;
	text-align: right;
	overflow: hidden;
	z-index: 3;
}

.headermenu-mobileframe span {
	background: #000;
	padding: 5px 25px 5px 25px;
	color: #FFF;
	font-size: 14px;
	float: right;
	margin-right: -120px;
}



.headermenu-mobileframe div {
	height: 35px;
}

.headermenu-mobileframe img {
	margin-right: -30px;
	cursor: pointer;
}

.headermenu-mobileframe span a {
	color: #FFF;
	
}

.headerline {
	width: 100%;
	height: 1px;
	background: #acacac;
}

.homeslide {
	position: relative;
	margin-bottom: 40px;
}

.homeslidecontent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.homepanahkiri {
	position: absolute;
	top: 37%;
	left: 0px;
	cursor: pointer;
}

.homepanahkanan {
	position: absolute;
	top: 37%;
	right: 0px;
	cursor: pointer;
}

.homeslideloadframe {
	position: absolute;
	bottom: 27px;
	width: 94%;
	height: 2px;
	background: rgb(255,255,255,0.5);
	left: 3%;
	
}

.homeslideloadframewhite {
	position: absolute;
	bottom: 27px;
	width: 50%;
	height: 2px;
	background: white;
	left: 3%;
	
}

.homeslideimg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.title22 {
	font-size: 22px;
	font-weight: 500;
}


.linktitle {
	font-size: 13px;
	font-weight: 400;
	color: #0156ff;
	text-decoration: underline;
	padding-top: 5px;
}

.linktitle a {
	color: #0156ff;
	
}

.productslist-1 img {
	width: 100%;
}

.productlist-title {
	font-size: 14px;
	color: #000;
	height: 60px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
	line-height: 20px;
	letter-spacing: 0.1px;
	
}

.productlist-harga {
	font-size: 18px;
	font-weight: 400;
	height: 65px;
	margin-bottom: 20px;
	font-weight: 600;
	position: relative;
	overflow: hidden;
	color: #000;
	line-height: 24px;
}


.productlist-harga strike {
	color: #666666;
	font-size: 14px;
	line-height: 0;
}

.owlframe {
	position: relative;
}

.owlpanahkiri {
	position: absolute;
	top: 37%;
	left: 0px;
	cursor: pointer;
	z-index: 2;
}

.owlpanahkanan {
	position: absolute;
	top: 37%;
	right: 0px;
	cursor: pointer;
	z-index: 2;
}

.homeinfo-1 {
	background: #F5F7FF;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	margin-bottom: 15px;
	
}

.homeinfo-1 img {
	float: left;
	
}

.homeinfo-1-frame div {
	vertical-align: middle;
    height: 30px;
    display: table-cell;
    padding-left: 10px;
	float: left;
	font-size: 18px;
	color: #272560;
	
}

.homeinfo-1-frame {
	max-width: 550px;
	margin: 0 auto;
	width: 100%;
}

.homeinfoclr {
	clear: both;
}

.homecategory {
	width: calc(16.66% - 10px);
	float: left;
	margin-right: 10px;
	position: relative;
}

.homecategoryright {
	width: calc(83.34%);
	float: left;
	position: relative;
}


.homecategoryframe {
	position: absolute;
	height: 80%;
	width: 100%;
	top: 0px;
}

.homecategoryframebottom {
	position: absolute;
	height: 20%;
	width: 100%;
	top: 80%;
	
}


.valign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.homecategory-title {
	color: #FFF;
	font-size: 22px;
	font-weight: 600;
	padding: 10px;
	text-align: center;
}

.homecategory-link {
	color: #FFF;
	font-size: 13px;
	padding: 10px;
	text-decoration: underline;
	text-align: center;
}

.homecategory-link a {
	color: #FFF;
}

.productcategory {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0%;
}

.homecategoryspace {
	margin-bottom: 20px;
}

.homesubcategory {
	font-size: 16px;
	font-weight: 500;
	float: left;
	margin-right: 30px;
	padding-bottom: 5px;
	color: #838383;
	cursor: pointer;
}

.homesubcategoryact {
	font-size: 16px;
	font-weight: 500;
	float: left;
	margin-right: 30px;
	padding-bottom: 5px;
	color: #000;
	border-bottom: 2px solid #0156FF;
	cursor: pointer;
}

.homeblog {
	width: calc(16.67% - 5px);
	padding-right: 4px;
	float: left;
	margin-bottom: 20px;
}

.homeblog img {
	width: 100%;
}

.homeblogtitle {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	height: 102px;
	overflow:hidden;
	position: relative;
}

.homeblogdate {
	font-size: 10px;
	color: #A2A6B0;
	text-align: center;
}

.hometesti {
	background: #F5F7FF;
	padding: 40px 100px;
	text-align: center;
	margin-top: 85px;
	width: calc(90% - 200px);
	margin: 85px auto 60px auto;
	
	
}

.hometestiwhite {
	background: none;
	margin-top: 70px;
	text-align: center;
	width: 90%;
	margin: 85px auto 60px auto;
}

.hometestipetik {
	width: 70px;
	float: left;
}

.hometestipetik img {
	width: 100%;
	max-width: 48px;
}

.hometesticontent {
	width: calc(100% - 70px);
	float: left;
	font-size: 18px;
	text-align: left;
}

.hometestipesan {
	height: 110px;
	overflow: hidden;
}

.testiperson {
	font-size: 14px;
	text-align: right;
	margin-top: 15px;
}

.testireview {
	width: 50%;
	float: left;
}

.testireview a {
	border-radius: 50px;
	border: 2px solid #0156ff;
	color: #0156ff;
	font-size: 14px;
	padding: 8px 25px;
}

.testibutton {
	width: 50%;
	float: left;
	
}

.testiround {
	width: 20px;
	height: 20px;
	float: right;
	margin-left: 20px;
	background: #c9cdd8;
	border-radius: 20px;
	cursor: pointer;
}

.testiroundact {
	width: 20px;
	height: 20px;
	float: right;
	margin-left: 20px;
	background: #0156ff;
	border-radius: 20px;
	cursor: pointer;
}

.homebottom {
	float: left;
	width: 31%;
	text-align: center;
	padding: 0 1%;
}

.homebottombg {
	background: #F5F7FF;
	padding: 70px 0;
	margin-top: 80px;
	clear: both;
}

.homebottombgnospace {
	background: #F5F7FF;
	padding: 70px 0;
	margin-top: 0px;
	clear: both;

}

.homebottombgw {
	background: #FFF;
	padding: 70px 0;
}

.homebottom-title {
	font-size: 18px;
	font-weight: 600;
	margin-top: 15px;

}

.homebottom-sdesc {
	font-size: 14px;
	margin-top: 35px;

}

.footer {
	background: #020203;
	padding-top: 50px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 20px;
	color: white;
	/*margin-top: 70px;*/
}

.footernewsletter {
	float: left;
	width: 50%;
	text-align: left;
}

.footernewsletter-title {
	font-size: 38px;
}

.footernewsletter-sdesc {
	font-size: 16px;
	margin-top 15px;
}

.footernewsletter-2 {
	float: left;
	width: 50%;
	text-align: right;
	margin-top: 15px;
}

.footernewsletter-2 input[type='text'] {
	width: 50%;
	border: 1px solid #FFF;
	padding: 20px;
	font-size: 14px;
	font-weight: 400;
	background: transparent;
	color: #FFF;
}

.footernewsletter-2 input[type='submit'] {
	width: 20%;
	border: 0px;
	border-radius: 50px;
	padding: 20px;
	font-size: 14px;
	font-weight: 500;
	background: #0156FF;
	color: #FFF;
	margin-left: 20px;
}

.footermenu-1 {
	width: 25%;
	float: left;
	margin-top: 60px;
}

.footermenu-2 {
	width: 25%;
	float: left;
	margin-top: 60px;
}

.footermenu-title {
	font-size: 14px;
	color: #8F8F8F;
	margin-bottom: 20px;
	font-weight: 600;
}

.footermenu-list {
	font-size: 13px;
	color: #FFF;
}

.footermenu-list a {
	color: #FFF;
}

.footermenu-list span a {
	color: #01A4FF;
}

.footerclear {
	display: none;
}

.footerline {
	height: 1px;
	background: #8F8F8F;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}

.footerbottom-1 {
	float: left;
	width: 33%;
	text-align: left;
	font-size: 12px;
}

.footerbottom-2 {
	float: left;
	width: 33%;
	text-align: center;
	font-size: 12px;
}

.footerbottom-3 {
	float: left;
	width: 33%;
	text-align: right;
	font-size: 12px;
	padding-top: 5px;
}

.boxcart {
	position: absolute;
	width: 440px;
	padding: 20px 20px 10px 20px;
	background: #FFF;
	right: -86px;
	z-index: 999;
	box-shadow: 5px 10px 18px #939393;
	display: none;
}

.boxcartlist {
	margin-bottom: 10px;
	border-bottom: 1px solid #8F8F8F;
	font-size: 12px;
	color: #000;
}

.boxcartimg {
	width: 10%;
	float: left;
}

.boxcartimg img {
	width: 90%;
}


.boxcarttitle {
	width: 49%;
	padding-right: 1%;
	float: left;
	height: 40px;
	overflow: hidden;
}

.boxcarttitle a {
	color: #000;
}

.boxcartqty {
	width: 20%;
	float: left;
	text-align: center;
}

.boxcartprice {
	width: 20%;
	float: left;
	text-align: right;
}

.boxcartview {
	width: 100px;
	border: 0px;
	border-radius: 50px;
	padding: 10px 0;
	font-size: 12px;
	font-weight: 500;
	background: #0156FF;
	color: #FFF;
	text-align: center;
	margin: 0 auto;
}

.boxsearch {
	position: absolute;
	width: 250px;
	padding: 20px 10px 20px 20px;
	background: #FFF;
	right: -25px;
	z-index: 998;
	box-shadow: 5px 10px 18px #939393;
	display: none;
}

.boxsearch input {
	width: 150px;
	float: left;
}

.boxsearchview {
	width: 80px;
	border: 0px;
	border-radius: 20px;
	padding: 5px 0;
	font-size: 12px;
	font-weight: 500;
	background: #0156FF;
	color: #FFF;
	text-align: center;
	margin-left:5px;
	float: left;
}

.headerspace {
	height: 138px;
}

.contentstart {
	height: 15px;
}

.productsabr {
	font-size: 12px;
}



.abr-blue {
	color: #0156FF;
	margin-left: 5px;
	margin-right: 5px;
}

.abr-grey {
	color: #A2A6B0;
}

.productstitle {
	font-size: 32px;
	margin-top: 30px;

}

.productspage {
	width: 100%;
	margin-top: 20px;
	/*background: red;*/
}

.productspage-1 {
	/*position: absolute;
	position: fixed;*/
	width: 235px;
	padding: 50px 0 0 0;
	/*top: 138px;*/
	/*display: none;
	z-index: 1;*/
	float: left;
}

.productspage-2 {
	width:  calc(100% - 245px);
	margin-left: 10px;
	float: left;
}

.filter-1 {
	background: #f5f7ff;
	padding: 15px 15px;
}

.filter-title {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	text-align: center;
}

.clearfilter {
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	color: #a2a6b0;
	border: 2px solid #a2a6b0;
	border-radius: 50px;
	cursor: pointer;
}

.filterline {
	margin: 25px 0;
	width: 100%;
	height: 1px;
	background: #cacdd8;
	
}

.filter-title-2 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
	text-align: left;
}

.filter-categorybox {
	max-height: 200px;
	position: relative;
	overflow-y: scroll;
    scrollbar-width: none; 
    -ms-overflow-style: none;  
}

.filter-categorybox::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}


.filter-categorylist {
	font-size: 13px;
	margin-bottom: 5px;
	cursor: pointer;
}

.filter-arrow {
	float: right;
}

.filter-arrow img {
	cursor: pointer;
}

.filter-resetprice {
	color: #C94D3F;
	text-decoration: underline;
}

.filter-resetprice span {
	cursor: pointer;
}

.filter-pricebox {
	margin-top: 10px;
	width: 100%;
	border: 1px solid #a2a6b0;
}

.filter-pricebox-1 {
	padding: 10px 5px;
	width: 30px;
	font-size: 14px;
	font-weight: 500;
	color: #cacdd8;
	float: left;
	
}

.filter-pricebox-2 {
	padding: 10px 5px;
	width: calc(100% - 50px);
	float: left;
	background: white;
}

.filter-pricebox-2 input[type='text'] {
	font-size: 14px;
	font-weight: 300;
	color: #a2a6bo;
	width: 100%;
	border: 0px;
	outline: none;
	
}

.filter-name {
	padding: 10px 5px;
	width: calc(100% - 10px);
	background: white;
}

.filter-name input[type='text'] {
	font-size: 14px;
	font-weight: 300;
	color: #a2a6bo;
	width: 100%;
	border: 0px;
	outline: none;
	
}

.applyfilter {
	background: #0156FF;
	color: #FFF;
	padding: 8px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	border-radius: 50px;
	margin-top: 25px;
	cursor: pointer;
}

.buttonfilterback {
	text-align: center;
	padding: 15px 0;
	background: #FFF;
	font-size: 13px;
	color: #000;
	font-weight: 500;
	cursor: pointer;
	display: none;
}

.buttonfilter {
	border: 1px solid #cacdd8;
	padding: 10px 20px;
	font-size: 13px;
	color: #000;
	font-weight: 500;
	float: right;
	cursor: pointer;
	display: none;
}

.buttonfilter-drop {
	border: 1px solid #cacdd8;
	padding: 10px 20px;
	font-size: 13px;
	color: #000;
	font-weight: 500;
	float: right;
	cursor: pointer;
	position: relative;
	margin-left: 10px;
	min-width: 120px;
}

.buttonfilter-drop .spangrey {
	color: #a2a6b0;
}

.buttonfilter-title {
	cursor: pointer;
}

.buttonfilter-drop img {
	float: right;
	padding-top: 2px;	
}

.buttonfilter-page {
	border: 1px solid #cacdd8;
	padding: 10px 20px;
	font-size: 13px;
	color: #000;
	font-weight: 500;
	position: absolute;
	top: 40px;
	width: calc(100% - 40px);
	left: -1px;
	background: #FFF;
	display: none;
}

.buttonfilter-page a {
	color: #000;
	
}


.buttonfilter-page span {
	cursor: pointer;
}

.productspage-2-top {
	height: 50px;
}

.buttonfilterselection {
	border: 1px solid #cacdd8;
	padding: 10px 20px;
	font-size: 13px;
	color: #000;
	font-weight: 500;
	float: left;
	margin-right: 10px;
}

.buttonfilterselection img {
	float: right;
	padding-top: 0px;	
	margin-left: 10px;
	cursor: pointer;
}

.cpointer {
	cursor: pointer;

}

.pageinfo {
	float: left;
	font-size: 13px;
	color: #a2a6b0;
	padding-top: 15px;
	width: 120px;
}

.productspage-space {
	height: 20px;
}

.productspage-column {
	width: 20%;
	float: left;
}

.productslist-space {
	padding-right: 5px;
}

.productspage-num {
	width: 40px;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	border: 1px solid #a2a6b0;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 500;
	color: #a2a6b0;
	display: inline-block;
}

.productspage-num a {
	color: #a2a6b0;
}

.productspage-numact {
	width: 40px;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	background: #f5f7ff;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 500;
	color: #000;
	display: inline-block;
}

.productspage-numdot {
	width: 40px;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 500;
	color: #a2a6b0;
	display: inline-block;
}

.productspage-numbar {
	text-align: center;
	margin-top: 50px;
}

.footerspace {
	height: 150px;
	clear:both;
}

.filteract {
	font-weight: bolder;
}

.filternact {
	font-weight: none;
}

.productdet {
	margin-top: 20px;
	width: 100%;

}

.productdet-1 {
	width: 35%;
	float: left;
}

.productdet-2 {
	width: calc(35% - 10px);
	float: left;
	margin-left: 10px;
}

.productdet-3 {
	width: calc(30% - 100px);
	float: left;
	margin-left: 70px;
	background: #F5F7FF;
	border-radius: 24px;
	padding: 15px;
}

.productdet-title {
	font-size: 32px;
	margin-bottom: 40px;
}

.productdet-sdesc {
	font-size: 18px;
	font-weight: 300;
}

.productdet-bottom {
	margin-top: 200px;
	font-size: 12px;
}

.productdet-bottom-1 {
	width: 50%;
	float: left;
	font-weight: 500;
}

.productdet-bottom-1 a {
	color: #0156FF;
}

.productdet-bottom-2 {
	width: 50%;
	float: left;
	font-weight: 300;
	text-align: right;
}

.productdet-bottom-3 {
	margin-top: 80px;
	font-size: 14px;
	font-weight: 600;
	
}

#sync1.owl-theme {
  position: relative;
  .owl-next, .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
	background: none !important;
  }
  .owl-prev {
    left: 10px;
  }
  .owl-next {
    right: 10px;
  }
}

#sync2 img {
	border: 1px solid #D9D9D9;
	width: 90%;
	margin: 0 auto;
}

.instock {
	color: #78A962;
	font-size: 10px;
	margin-left: 6px;
}

.outstock {
	color: #c94d3f;
	font-size: 10px;
	margin-left: 6px;
}

.productdetcart-title {
	margin-top: 15px;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 10px;
}

.productdetcart-hargac {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	margin-bottom: 5px;
}

.productdetcart-harga {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 5px;
}

.productdetcart-line {
	margin-top: 15px;
	background: #cacdd8;
	height: 1px;
	margin-bottom: 30px;
}

.productdetcart-size {
	font-size: 14px;
	font-weight: 500;
}

.productdetcart-sizechoose {
	font-size: 20px;
	font-weight: 400;
	margin-top: 5px;
}

.productdetcart-sizechoosebox {
	padding: 15px;
	text-align: center;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #FFF;
	cursor: pointer;
}

.productcart-qtybox {
	margin-top: 5px;
	width: 50px;
	background: #FFF;
	border-radius: 6px;
	padding: 5px 10px 0 10px;
	float: left;
	height: 42px;
}

.productcart-qtybox input {
	font-size: 13px;
	font-weight: 600;
	width: calc(100% - 20px);
	border: 1px;
	float: left;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "Poppins", sans-serif;
}

.productcart-qtybox img {
	cursor: pointer;
}

.productcart-qtybutton {
	width: calc(100% - 85px);
	float: left;
	height: 50px;
	margin-left: 15px;
}

.productcart-qtybutton input {
	width: 100%;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	background: #0156FF;
	border-radius: 50px;
	height: 50px;
	color: #FFF;
	border: 0px;
	outline: none;
	font-family: "Poppins", sans-serif;
	cursor: pointer;
}

.productdetcart-line2 {
	margin-top: 15px;
	background: #cacdd8;
	height: 1px;
	margin-bottom: 15px;
}

.productshare {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #666666;
	cursor: pointer;
}

.productshare-2 {
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	margin-top: 20px;
	color: #666666;
	display: none;
	cursor: pointer;
}

.productshare-2 img {
	width: 20px;
}

.mobile {
	display: none;
}

.desktop {
	display: block;
}

.productdetail-content {
	margin-top: 200px;
	background: #F5F7FF;
	padding-top: 30px;
	margin-bottom: 100px;
}

.productdetail-tab {
	font-size: 14px;
	font-weight: 500;
	color: #666666;
	float: left;
	margin-right: 30px;
	cursor: pointer;
}

.productdetail-tabact {
	font-size: 14px;
	font-weight: 500;
	color: #000;
	float: left;
	margin-right: 30px;
	border-bottom: 3px solid #0156FF;
	cursor: pointer;
}

.productdetail-tab-content {
	clear: both;
	padding: 60px 0 30px 0;
}

.catalog-1 {
	float: left;
	width: 300px;

}

.catalog-1 img {
	width: 100%;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.catalog-2 {
	float: left;
	width: calc(100% - 570px);
	margin-left: 270px;
}

.catalog-title {
	font-size: 44px;
	font-weight: 400;
	padding-top: 50px;
}

.catalog-desc {
	font-size: 18px;
	font-weight: 300;
	padding-top: 60px;
}

.catalog-download {
	font-size: 18px;
	font-weight: 300;
	width: 220px;
	margin-top: 100px;
	background: #0156FF;
	border-radius: 50px;
	height: 50px;
	color: #FFF;
	border: 0px;
	outline: none;
	font-family: "Poppins", sans-serif;
	padding: 10px;
	cursor: pointer;
}

.catalog-download a {
	color: #FFF;
}


.productdet-space {
	margin-top: 50px;
}

.productdetcontact {
	margin-top: 80px;
	background: #caccd8;
}

.productdetcontainer {
	width: calc(100% - 20px);
	max-width: 870px;
	margin: 0 auto;
	padding: 100px 10px;
	background: #caccd8 url("../images/bg-product.jpg") right top no-repeat;
}

.productdet-link {
	width: 350px;
	height: 35px;
	padding: 10px 25px 0px 25px;
	background: #FFF;
}

.productdet-link-1 {
	font-size: 16px;
	float: left;
}

.productdet-link-2 {
	float: right;
}

.productdet-linkspace {
	height: 20px;
}

.contenttitle {
	font-size: 32px;
	font-weight: 500;
	margin-top: 20px;
}

.contenttitle2 {
	font-size: 32px;
	font-weight: 500;
	margin-top: 20px;
}

.about-1 {
	width: calc(100% - 540px);
	padding-right: 70px;
	float: left;
	text-align: left;
}

.about-1-title {
	float: left;
	width: calc(100% - 134px);
	font-size: 44px;
	max-width: 400px;
}

.about-1-ic {
	float: right;
	width: 134px;
}

.about-1-c {
	float: left;
	padding-right: 70px;
	margin-top: 30px;
}

.about-1-ic img {
	width: 100%;
}

.about-2 {
	width: 470px;
	float: left;
}

.about-2 img {
	width: 100%;
}

.contact-1 {
	float: left;
	margin-right: 80px;
	width: calc(100% - 480px);
	font-size: 16px;
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 150px;
}


.contact-2 {
	float: right;
	padding: 32px 24px;
	background: #F5F7FF;
	width: 352px;
	margin-top: 20px;
	margin-bottom: 150px;
}

.contactform {
	margin-top: 25px;
	width: 100%;
}

.contactform span {
	color: red;
}

.contactform input[type='text'], .contactform input[type='password'], .contactform input[type='file'] {
	color: #A2A6B0;
	border: 1px solid #A2A6B0;
	outline: none;
	font-size: 14px;
	padding: 15px;
	width: calc(100% - 30px);
	margin-top: 10px;
	border-radius: 4px;
	margin-bottom: 30px;
}

.contactform select {
	color: #A2A6B0;
	border: 1px solid #A2A6B0;
	outline: none;
	font-size: 14px;
	padding: 15px;
	width: 100%;
	margin-top: 10px;
	border-radius: 4px;
	margin-bottom: 30px;
}


.contactform textarea {
	color: #A2A6B0;
	border: 1px solid #A2A6B0;
	outline: none;
	font-size: 14px;
	padding: 15px;
	width: calc(100% - 30px);
	margin-top: 10px;
	border-radius: 4px;
	margin-bottom: 30px;
	resize: none;
}

.contactform-1 {
	float: left;
	width: calc(50% - 15px);
	padding-right: 15px;
	font-size: 13px;
	font-weight: 500;
	color: #000;
}

.contactform-2 {
	float: left;
	width: calc(50% - 15px);
	padding-left: 15px;
	font-size: 13px;
	font-weight: 500;
	color: #000;
}

.contactform-3 {
	width: 100%;
	padding-left: 0px;
	font-size: 13px;
	font-weight: 500;
	color: #000;
	clear: both;
}

.contactform-3a {
	width: calc(50% - 15px);
	padding-left: 0px;
	font-size: 13px;
	font-weight: 500;
	color: #000;
	clear: both;
}

.contactform-4 {
	float: left;
	width: calc(33% - 15px);
	padding-right: 15px;
	font-size: 13px;
	font-weight: 500;
	color: #000;
}

.contactform-5 {
	float: left;
	width: calc(33% - 15px);
	padding-left: 8px;
	padding-right: 7px;
	font-size: 13px;
	font-weight: 500;
	color: #000;
}

.contactform-6 {
	float: left;
	width: calc(33% - 15px);
	padding-left: 15px;
	font-size: 13px;
	font-weight: 500;
	color: #000;
	
}



.submitglobal {
	min-width: 150px;
	border: 0px;
	border-radius: 50px;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 500;
	background: #0156FF;
	color: #FFF;
	cursor: pointer;
}

.submitglobalred {
	min-width: 150px;
	border: 0px;
	border-radius: 50px;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 500;
	background: #CC0000;
	color: #FFF;
	cursor: pointer;
}


.submitglobalfull {
	width: 100%;
	border: 0px;
	border-radius: 50px;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 500;
	background: #0156FF;
	color: #FFF;
	cursor: pointer;
}

.contact-2 div {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
	padding-top: 3px;
}

.loginbox {
	width: 100%;
	max-width: 1010px;
	margin: 20px auto 0 auto;
}

.loginbox-1 {
	width: calc(48% - 110px);
	margin-right: 2%;
	float: left;
	text-align: left;
	padding: 40px 55px; 
	background: #F5F7FF;
	font-size: 14px;
	font-weight: 300;
	height: 380px;
}

.loginboxtitle {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}

.loginbox-2 {
	width: calc(48% - 110px);
	margin-left: 2%;
	float: right;
	text-align: left;
	padding: 40px 55px; 
	background: #F5F7FF;
	font-size: 14px;
	font-weight: 300;
	height: 380px;
}

.register-title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}

.cart-1 {
	float: left;
	width: calc(100% - 486px);
	text-align: left;
	margin-top: 30px;
	margin-right: 40px
}

.cart-2 {
	float: right;
	padding: 20px 30px;
	width: 386px;
	background: #F5F7FF;
	text-align: left;
	margin-top: 30px;
}

.cart-title {
	font-size: 14px;
	font-weight: 500;
	
	
}

.cart-line {
	background: #CACDD8;
	height: 1px;
	margin: 15px 0;
}

.cart-title-1 {
	width: 51%;
	float: left;
	
}

.cart-title-2 {
	width: 19%;
	float: left;
}

.cart-title-3 {
	width: 9%;
	float: left;
}

.checkout-title-3 {
	width: 11%;
	float: left;
}

.cart-title-4 {
	width: 19%;
	float: left;
}

.cart-title-5 {
	width: 7%;
}

.cart-row {
	clear: both;
	margin-bottom: 10px;
}

.cart-content-image {
	width: 13%;
	float: left;
	padding-right: 30px;
}

.cart-content-image img {
	width: 100%;
	max-width: 120px;
}

.cart-content-title {
	width: calc(38% - 60px);
	float: left;
	margin-right: 30px;
	font-size: 14px;
	font-weight: 400;
	
}

.cart-content-harga {
	width: calc(19% - 30px);
	float: left;
	margin-right: 30px;
	font-size: 16px;
	font-weight: 500;
	
}

.cart-content-harga-m {
	color: #0156FF;
	font-size: 12px;
	font-weight: 500;
	display: none;
	
}

.cart-content-sharga {
	width: calc(19% - 30px);
	float: left;
	margin-right: 30px;
	font-size: 16px;
	font-weight: 500;
	
}

.cart-content-x {
	width: 2%;
	text-align: right;
	float: left;
	
}

.cart-content-x img {
	width: 100%;
	max-width: 27px;
	cursor: pointer;
	/*margin-top: 5px;*/
}

.cart-content-qty {
	width: calc(9% - 38px);
	margin-right: 30px;
	padding: 0 4px;
	background: #F5F7FF;
	height: 50px;
	float: left;
}

.cart-content-qty input {
	font-size: 14px;
	font-weight: 600;
	width: calc(100% - 15px);
	border: 0px;
	float: left;
	height: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: "Poppins", sans-serif;
	background: none;
}

.cart-content-qty img {
	cursor: pointer;
}

#arrowcart-1 {
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#arrowcart-2 {
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

.cartsum-title {
	font-size: 24px;
	font-weight: 500;
}



.cartsum-sdesc {
	font-size: 18px;
	font-weight: 400;
	margin-top: 20px;
	width: 100%;
}

.checkoutsum-sdesc {
	font-size: 16px;
}

.cartsum-sdesc img {
	margin-top: 5px;
	float: right;
	cursor: pointer;
}

.cartsum-line {
	background: #CACDD8;
	height: 1px;
	margin: 20px 0 15px 0;
}

.cartsum-line-2 {
	background: #CACDD8;
	height: 1px;
	margin: 0px 0 15px 0;
}

.cartsum-stotal-1 {
	font-size: 13px;
	font-weight: 500;
	float: left;
	margin-bottom: 20px;
	width: 70%;
	
}

.cartsum-stotal-1s span {
	font-size: 10px;
	color: #A2A6B0;
	font-weight: 400;
}
.cartsum-stotal-1s {
	margin-bottom: 20px;
	
}

.cartsum-stotal-2 {
	font-size: 13px;
	font-weight: 500;
	float: right;
	margin-bottom: 20px;
	
}

.cartsum-stotal-1c {
	margin-bottom: 0px;
	
}

.cartsum-stotal-2c {
	margin-bottom: 0px;
	
}

.cartsum-total-1 {
	
	font-size: 13px;
	font-weight: 500;
	float: left;
}

.cartsum-total-2 {
	font-size: 18px;
	font-weight: 500;
	float: right;
}

.submitspace {
	margin-top: 20px;
}

.cartvoucher-title {
	font-size: 13px;
	font-weight: 500;
	margin-top: 15px;
	color: #000;
	
}

.cartvoucher-title input[type='text'] {
	width: calc(100% - 40px);
	border: 1px solid #A2A6B0;
	padding: 15px 20px;
	font-size: 14px;
	font-weight: 400;
	background: #FFF;
	color: #A2A6B0;
	margin-top: 15px;
}

.inputvoucher {
	width: 100%;
	border: 2px solid #0156FF;
	padding: 15px 0px;
	font-size: 14px;
	font-weight: 500;
	background: none;
	color: #0156FF;
	margin-top: 15px;
	border-radius: 50px;
	cursor: pointer;
}

.deletevoucher {
	width: 100%;
	border: 2px solid #cc0000;
	padding: 15px 0px;
	font-size: 14px;
	font-weight: 500;
	background: none;
	color: #cc0000;
	margin-top: 15px;
	border-radius: 50px;
	cursor: pointer;
}

.checkout-qty {
	font-size: 16px;
	font-weight: 500;
	
	background: none;
	width: calc(11% - 38px);
}

.checkout-shipbox {
	margin-top: 10px;
	margin-bottom: 30px;
}

.checkout-shipbox-2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.checkout-shipbox span {
	font-size: 14px;
	color: #666666;
}

.checkout-shipaddr {
	margin-top: 0px;
}


.checkout-addrlist {
	margin-top: 20px;
}

.transaction-addrlist {
	font-size: 13px;
}

.checkout-shipbox input[type='button'] {
	width: 100%;
	border: 2px solid #0156FF;
	padding: 15px 0px;
	font-size: 14px;
	font-weight: 500;
	background: none;
	color: #0156FF;
	margin-top: 15px;
	border-radius: 50px;
	cursor: pointer;
}

.checkout-shiptitle {
	margin-top: 20px;
	font-size: 13px;
	font-weight: 500;
}

.checkout-choose-1 {
	margin-top: 10px;
	font-size: 14px;
}

.checkout-choose-1s {
	margin-top: 20px;
	font-size: 14px;
}

.checkboxcustom {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 2px solid #0156FF;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

.checkboxcustom div {
	width: 14px;
	height: 14px;
	border-radius: 14px;
	margin-top: 3px;
	margin-left: 3px;
	background: #0156FF;
}

.checkout-choose-title {
	float: left;
	padding-top: 2px;
}

.checkout-choose-title-p {
	float: right;
	padding-top: 2px;
	font-size: 12px;
}

.checkout-choose-pickup {
	float: left;
	width: calc(100% - 36px);
	border: 1px solid #000;
	height: 20px;
	border-radius: 4px;
	background: #FFF;
	position: relative;
	cursor: pointer;
}

.checkout-choose-pickup-title {
	font-weight: 600;
	padding-left: 5px;
}

.checkout-choose-pickup img {
	position: absolute;
	right: 6px;
	top: 6px;
}

.checkout-choose-pickup-c {
	margin-left: 32px;
	border: 1px solid #000;
	border-radius: 4px;
	background: #FFF;
	margin-top: 5px;
	padding: 15px;
	display: none;
}

.checkout-choose-pickup-title-c {
	font-weight: 600;
}

.checkout-choose-pickup-title-option {
	cursor: pointer;
}

.checkout-choose-pickup-line {
	margin-top: 10px;
	background: #cacdd8;
	height: 1px;
	margin-bottom: 10px;
	clear: both;
}

.popupaddrframe {
	position: absolute;
	position: fixed;
	left: 0%;
    top: 0%;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0,0.3);
	z-index: 10000;
	overflow: hidden;
	max-height: 100%;
	display: none;
}

.popupaddr {
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	width: calc(100% - 30px);
	max-width: 600px;
	background: #FFF;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
	padding: 15px;
	max-height: 95%;
	overflow-y: scroll;
	
}

.popupaddr::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.popupaddr::-webkit-scrollbar-track {
  background: #FFF;
}

/* Handle */
.popupaddr::-webkit-scrollbar-thumb {
  background: #DBDBDB;
}

/* Handle on hover */
.popupaddr::-webkit-scrollbar-thumb:hover {
  background: #FFF;
}


.popupaddrbox {
	width: calc(49% - 20px);
	margin-right: 1%;
	float: left;
	background: #F5F7FF;
	padding: 10px;
	height: 95px;
	overflow: hidden;
	margin-bottom: 5px;
	cursor: pointer;
}

.popupaddrform {
	margin-top: 10px;
}

.popupaddrform2 {
	margin-top: 10px;
	float: left;
	width: 32%;
	margin-right: 1%;
}

.popupaddrform3 {
	margin-top: 10px;
	float: left;
	width: 34%;
	margin-right: 0%;
}

.popupaddr input[type='text'] {
	color: #A2A6B0;
	border: 1px solid #A2A6B0;
	outline: none;
	font-size: 14px;
	padding: 10px;
	width: calc(100% - 20px);
	margin-top: 10px;
	border-radius: 4px;
	margin-bottom: 0px;
}

.popupaddr select {
	color: #A2A6B0;
	border: 1px solid #A2A6B0;
	outline: none;
	font-size: 14px;
	padding: 10px;
	width: 100%;
	margin-top: 10px;
	border-radius: 4px;
	margin-bottom: 0px;
}


.popupaddr textarea {
	color: #A2A6B0;
	border: 1px solid #A2A6B0;
	outline: none;
	font-size: 14px;
	padding: 10px;
	width: calc(100% - 20px);
	margin-top: 10px;
	border-radius: 4px;
	margin-bottom: 0px;
	resize: none;
}

.popupaddrtitle {
	font-size: 24px;
	font-weight: 500;
	margin-top: 15px;
}

.popupaddrc {
	font-size: 14px;
	text-align: right;
	font-weight: 500;
	margin-bottom: 10px;
}

.popupaddrc span {
	padding: 0px 7px;
	background: #000;
	color: #FFF;
	cursor: pointer;
}

.dashboard-1 {
	width: 325px;
	background: #F5F7FF;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	margin-top: 30px;
}

.dashboard-2 {
	width: calc(100% - 400px);
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	margin-left: 75px;
	margin-top: 30px;
}

.dashboardnavact {
	width: 3px;
	height: 30px;
	background: #0156FF;
	float: left;
}

.dashboardnavnact {
	width: 3px;
	float: left;
	height: 30px;
}

.dashboardnavact-title {
	padding-left: 15px;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	padding-top: 4px;
	float: left;
}

.dashboardnavact-title a {
	color: #000;
	
}


.dashboardnavnact-title {
	padding-left: 15px;
	color: #666666;
	font-size: 15px;
	font-weight: 500;
	padding-top: 4px;
	float: left;
}

.dashboardnavnact-title a {
	color: #666666;
	
}

.dashboardnav-line {
	background: #CACDD8;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 18px;
	margin-right: 18px;
}

.panel-title {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	border-bottom: 1px solid #CACDD8;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.panel-title a {
	color: #000;
}

.panel-subtitle {
	font-size: 16px;
	margin-bottom: 10px;
}

.panel-desc {
	font-size: 16px;
	color: #666666;
	font-weight: 300;
	margin-bottom: 20px;
}

.panel-desc-2 {
	color: #000;
	margin-bottom: 20px;
}

.panel-link {
	color: #0156FF;
	cursor: pointer;
	text-decoration: underline;
	float: left;
	padding-top: 15px;
}

.panel-link a {
	color: #0156FF;
	text-decoration: underline;
}

.panel-setdef {
	float: right;
}

.panel-link-2 {
	margin-left: 20px;
	font-size: 14px;
	font-weight: 300;
}

.panel-space {
	margin-top: 50px;
}

.panel-title-link {
	margin-left: 20px;
	font-size: 14px;
	font-weight: 300;
	color: #0156FF;
	text-decoration: underline;
	cursor: pointer;
}

.panel-title-link a {
	color: #0156FF;
	text-decoration: underline;
}

.panel-addrbox {
	width: 48%;
	margin-right: 2%;
	float: left;
	padding: 0px;
	margin-bottom: 30px;
}

.no-border {
	border: 0px;
}

.shippingorder-1 {
	width: 50%;
	float: left;
	margin-top: 0px;
}

.shippingorder-2 {
	width: 50%;
	float: left;
	text-align: right;
	font-size: 13px;
	margin-top: 0px;
}

.tracking-title {
	font-size: 13px;
}

.tracking-desc {
	margin-top: 15px;
	font-size: 13px;
}

.tracking-date {
	width: 130px;
	float: left;
}

.tracking-info {
	width: calc(100% - 150px);
	margin-left: 10px;
	color: #666666;
	margin-bottom: 5px;
	float: left;
	background: #F5F7FF;
	padding: 5px;
}

.orderdetailbox {
	background: #F5F7FF;
	padding: 20px;

}

.floatleft {
	float: left;
	width: 50%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.floatright {
	float: left;
	width: 50%;
	text-align: right;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.panel-status {
	font-size: 12px;
	color: #0156FF;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 5px;
}

.panel-more {
	font-size: 12px;
	color: #000;
	text-align: center;
	margin-bottom: 15px;

}

.panel-more-info {
	width: 100%;
	padding: 5px;
	box-shadow: 0px 5px 5px rgb(0,0,0,0.1);
	margin: 0 auto;
	cursor: pointer;
}

.panel-more-frame {
	margin-top: 0px;
	display: none;
}

.panel-order-list-total {
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 50px;
}

.panel-order-list-total span {
	color: #0156FF;
}

.panel-invoice {
	background: #F5F7FF;
	padding: 10px;
	margin-bottom: 20px;
}

.orderstatuslist {
	font-size: 13px;
	font-weight: 400;
	color: #000;
	float: right;
	padding: 10px 15px;
	border: 1px solid #000;
	margin-bottom: 20px;
	margin-left: 10px;
}


.orderstatuslistspace {
	width: 1px;
	float: right;
}

.orderstatustabact {
	border: 1px solid #0156FF;
	background: #0156FF;
	color: #FFF;
}

.newscolumn {
	width: 31%;
	padding: 0 1%;
	float: left;
}

.newscolumn img {
	width: 100%;
}

.news-title {
	font-size: 16px;
	font-weight: 500;
}

.news-title a {
	color: #000;
}


.news-date {
	margin-top: 5px;
	font-size: 12px;
	font-weight: 400;
}

.news-sdesc {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 30px;
}

.news-sdescdet {
	margin-top: 30px;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 30px;
}

.news-sdescdet img {
	width: 100%;
}

.brandcolumn {
	width: 18%;
	padding: 0 1%;
	float: left;
}

.brandcolumn img {
	width: 100%;
	margin-bottom: 10px;
}

.brand-title {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}

.brand-title a {
	color: #000;
}

.warningbox {
	background: #000;
	color: #FFF;
	padding: 20px;
	font-size: 14px;
	margin-top: 10px;
}

.warningboxpop {
	background: #000;
	color: #FFF;
	padding: 20px;
	font-size: 14px;
	margin-top: 10px;
	display: none;

}

#deleteAddrButton {
	display: none;

}

@media screen{ div#fx1{position:fixed} #fx2{position:fixed} #headermenuabsolute{position:fixed}}

@media screen and (max-width:1381px) {

.about-1-title {
	font-size: 34px;
	padding-top:5px;
}



.cart-1 {
	float: left;
	width: calc(100% - 396px);
	text-align: left;
	margin-top: 30px;
	margin-right: 30px
}

.cart-2 {
	float: right;
	padding: 20px 30px;
	width: 286px;
	background: #F5F7FF;
	text-align: left;
	margin-top: 30px;
}

.cartsum-stotal-1 {
	width: 60%;
	
}

}

@media screen and (max-width:1281px) {
.homecategory {
	width: calc(20% - 10px);
	margin-right: 10px;
}

.homecategoryright {
	width: calc(80%);
}


.productdet-1 {
	width: 30%;
}

.productdet-2 {
	width: calc(35% - 10px);
}

.productdet-3 {
	width: calc(35% - 50px);
	float: left;
	margin-left: 20px;
	padding: 15px;
}

.productdet-bottom {
	margin-top: 20px;
}

.productdet-bottom-1 {
	width: 70%;

}

.productdet-bottom-2 {
	width: 30%;
}

.productdet-bottom-3 {
	margin-top: 20px;
	
}





}

@media screen and (max-width:1028px) {
.homecategory {
	width: calc(25% - 10px);
	margin-right: 10px;
}

.homecategoryright {
	width: calc(75%);
}

}

@media screen and (max-width:768px) {
.homecategory {
	width: calc(33.33% - 10px);
	margin-right: 10px;
}

.homecategoryright {
	width: calc(66.67%);
}

}

@media screen and (max-width:640px) {
.homecategory {
	width: calc(50% - 10px);
}

.homecategoryright {
	width: calc(50%);
}

.homecategory-title {
	font-size: 18px;
	padding: 10px;
}

}


@media screen and (max-width:1280px) {

.footernewsletter-title {
	font-size: 32px;
}

.footernewsletter-sdesc {
	font-size: 15px;
	margin-top: 0px;
}

.footernewsletter-2 {
	margin-top: 10px;
}

.footernewsletter-2 input[type='text'] {
	width: 60%;
	border: 1px solid #FFF;
	padding: 20px;
	font-size: 14px;
	font-weight: 400;
	background: transparent;
	color: #FFF;
}

.footernewsletter-2 input[type='submit'] {
	width: 25%;
	border: 0px;
	border-radius: 50px;
	padding: 20px;
	font-size: 14px;
	font-weight: 500;
	background: #0156FF;
	color: #FFF;
	margin-left: 10px;
}


.catalog-2 {
	width: calc(100% - 470px);
	margin-left: 170px;
}

.catalog-title {
	font-size: 34px;
	padding-top: 50px;
}

.catalog-desc {
	font-size: 16px;
	padding-top: 40px;
}

.catalog-download {
	font-size: 16px;
	font-weight: 300;
	margin-top: 60px;
	height: 40px;
	padding: 5px;
}

.about-1 {
	width: calc(100% - 400px);
	padding-right: 70px;
	float: left;
	text-align: left;
}

.about-1-title {
	font-size: 34px;
	padding-top:10px;
	max-width: 400px;
}

.about-1-c {
	float: left;
	padding-right: 0px;
	margin-top: 10px;
}

.about-2 {
	width: 300px;
	float: left;
}

.cart-title-1 {
	width: 48%;
	float: left;
	
}

.cart-title-2 {
	width: 19%;
	float: left;
}

.cart-title-3 {
	width: 12%;
	float: left;
}

.cart-title-4 {
	width: 19%;
	float: left;
}

.cart-title-5 {
	width: 7%;
}
.cart-content-image {
	width: 10%;
	float: left;
	padding-right: 30px;
}

.cart-content-title {
	width: calc(38% - 50px);
	margin-right: 20px;
	font-size: 13px;
	font-weight: 400;
}

.cart-content-harga {
	width: calc(19% - 20px);
	float: left;
	margin-right: 20px;
	font-size: 13px;
	font-weight: 500;
}

.cart-content-sharga {
	width: calc(19% - 20px);
	float: left;
	margin-right: 20px;
	font-size: 13px;
	font-weight: 500;
}

.cart-content-qty {
	width: calc(12% - 28px);
	margin-right: 20px;
	
}


.nav div {
	padding-left: 20px;
	padding-right: 20px;
}



.cartsum-title {
	font-size: 18px;
}

.checkoutsum-sdesc {
	font-size: 13px;
}

.cartsum-sdesc {
	font-size: 14px;
}

.cartsum-sdesc img {
	margin-top: 3px;
}

.cartsum-total-2 {
	font-size: 16px;
}


.cartvoucher-title input[type='text'] {
	width: calc(100% - 30px);
	padding: 15px 15px;
}

.cart-1 {
	width: calc(100% - 296px);
	margin-right: 10px;
}

.cart-2 {
	float: right;
	padding: 20px;
	width: 236px;
	background: #F5F7FF;
	text-align: left;
	margin-top: 30px;
}

.cartsum-stotal-1 {
	width: 55%;
	
}

.checkout-qty {
	font-size: 13px;
	font-weight: 500;
}

.checkout-choose-pickup-c {
	padding: 5px;
}

.checkout-choose-pickup-title-option {
	font-size: 12px;
}



.dashboard-1 {
	width: 280px;
}

.dashboard-2 {
	width: calc(100% - 330px);
	margin-left: 50px;
}

}


@media screen and (max-width:970px) {

.headertop-1 {
	width: 50%;
}

.headertop-2 {
	display: none;
}

.headertop-3 {
	width: 50%;
}

.headertop-mobile {
	display: block;
}

.headermenu-1 {
	width: 60px;
	float: left;
}

.headermenu-2 {
	width: calc(100% - 270px);
	float: left;
}

.headermenu-3 {
	width: 210px;
	float: left;
}

.title22 {
	font-size: 18px;
	font-weight: 500;
}


.linktitle {
	font-size: 13px;
	font-weight: 400;
	
	padding-top: 5px;
}

.productlist-title {
	font-size: 12px;
	color: #000;
	height: 52px;
	margin-bottom: 10px;
	line-height: 17px;
	
}

.productlist-harga {
	font-size: 14px;
	height: 55px;
	margin-bottom: 10px;
	line-height: 17px;
}


.productlist-harga strike {
	color: #666666;
	font-size: 12px;
}

/*.homecategory {
	width: calc(33.33% - 20px);
	float: left;
	margin: 10px;
	position: relative;
}*/

.homeblog {
	width: calc(33.33% - 5px);
	padding-right: 5px;
	float: left;
}


.hometesti {
	padding: 40px 40px;
	width: calc(90% - 80px);
	margin: 40px auto 40px auto;
}

.hometestipetik {
	width: 70px;
}

.hometestipetik img {
	width: 100%;
	max-width: 48px;
}

.hometesticontent {
	width: calc(100% - 70px);
	font-size: 18px;
}

.hometestipesan {
	height: 110px;
}

.testiperson {
	font-size: 14px;
	margin-top: 15px;
}

.testireview {
	width: 40%;
}

.testireview a {
	font-size: 14px;
	padding: 8px 25px;
}

.testibutton {
	width: 60%;
}

.testiround {
	width: 20px;
	height: 20px;
	margin-left: 20px;
	border-radius: 20px;
}

.testiroundact {
	width: 20px;
	height: 20px;
	margin-left: 20px;
	border-radius: 20px;
}


.footernewsletter-title {
	font-size: 24px;
}

.footernewsletter-sdesc {
	font-size: 13px;
	margin-top: 0px;
}

.footernewsletter-2 {
	margin-top: 10px;
}

.footernewsletter-2 input[type='text'] {
	width: 60%;
	border: 1px solid #FFF;
	padding: 12px;
	font-size: 13px;
	font-weight: 400;
	background: transparent;
	color: #FFF;
}

.footernewsletter-2 input[type='submit'] {
	width: 25%;
	border: 0px;
	border-radius: 50px;
	padding: 12px;
	font-size: 13px;
	font-weight: 500;
	margin-left: 10px;
}

.footermenu-1 {
	width: 22%;
	float: left;
}

.footermenu-2 {
	width: 34%;
	float: left;
}

.headerspace {
	height: 172px;
}

.productspage-column {
	width: 25%;
}

.productdet-1 {
	width: 50%;
}

.productdet-2 {
	width: calc(50% - 10px);
}

.productdet-3 {
	width: calc(100% - 30px);
	clear: both;
	margin-top: 15px;
	margin-left: 0px;
	padding: 15px;
}

.productdet-title {
	font-size: 24px;
	margin-bottom: 20px;
}

.productdet-sdesc {
	font-size: 14px;
}

.productdetcart-title {
	margin-top: 5px;
	font-size: 18px;
	margin-bottom: 5px;
}

.productdetcart-hargac {
	font-size: 13px;
	margin-bottom: 0px;
}

.productdetcart-harga {
	font-size: 18px;
	margin-bottom: 5px;
}

.productdetcart-line {
	margin-top: 5px;
	background: #cacdd8;
	height: 1px;
	margin-bottom: 5px;
	clear: both;
}

.productdetcart-size {
	font-size: 13px;
}

.productdetcart-sizechoose {
	font-size: 14px;
	margin-top: 5px;
}

.productdetcart-sizechoosebox {
	padding: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.productcart-qtybox {
	margin-top: 5px;
	width: 50px;
	background: #FFF;
	border-radius: 6px;
	padding: 5px 10px 0 10px;
	float: left;
	height: 42px;
}

.productcart-qtybox input {
	font-size: 13px;
	font-weight: 600;
	width: calc(100% - 20px);
	border: 1px;
	float: left;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "Poppins", sans-serif;
}

.productcart-qtybox img {
	cursor: pointer;
}

.productcart-qtybutton {
	width: calc(100% - 85px);
	float: left;
	height: 50px;
	margin-left: 15px;
}

.productcart-qtybutton input {
	width: 100%;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	background: #0156FF;
	border-radius: 50px;
	height: 50px;
	color: #FFF;
	border: 0px;
	outline: none;
	font-family: "Poppins", sans-serif;
}

.productdetcart-line2 {
	margin-top: 15px;
	background: #cacdd8;
	height: 1px;
	margin-bottom: 15px;
}

.productshare {
	display: none;
}

.productshare-2 {
	display: block;
}

.productdetcart-line2 {
	display: none;
}

.productcart-qtybutton input {
	max-width: 150px;
}

.catalog-2 {
	width: calc(100% - 400px);
	margin-left: 100px;
}

.catalog-title {
	font-size: 24px;
	padding-top: 50px;
}

.catalog-desc {
	font-size: 14px;
	padding-top: 40px;
}

.catalog-download {
	font-size: 14px;
	font-weight: 300;
	margin-top: 60px;
	height: 40px;
	padding: 5px;
}


.about-1 {
	width: calc(100% - 250px);
	padding-right: 70px;
	float: left;
	text-align: left;
}

.about-1-title {
	font-size: 34px;
	padding-top: 0px;
	width: calc(100% - 110px);
	max-width: 400px;
}

.about-1-c {
	padding-right: 0px;
	margin-top: 20px;
}

.about-1-ic {
	width: 110px;
	float: right;
}


.about-2 {
	width: 170px;
	float: left;
}

.about-2 img {
	margin-top: 140px;
}


.contact-1 {
	margin-right: 40px;
	width: calc(100% - 440px);
}




.contactform-1 {
	float: none;
	width: 100%;
	padding-right: 0px;
}

.contactform-2 {
	float: none;
	width: 100%;
	padding-left: 0px;
}

.contactform-4 {
	float: none;
	width: 100%;
	padding-right: 0px;
}

.contactform-5 {
	float: none;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.contactform-6 {
	float: none;
	width: 100%;
	padding-left: 0px;

}

.cart-1 {
	width: 100%;
	margin-right: 0px;
	float: none;
}

.cart-2 {
	float: none;
	padding: 20px;
	width: calc(100% - 40px);
	background: #F5F7FF;
	text-align: left;
	margin-top: 10px;
}

.cartsum-stotal-1 {
	width: 80%;
	
}


.checkoutsum-sdesc {
	font-size: 14px;
}

.checkout-choose-pickup-c {
	padding: 15px;
}

.checkout-choose-pickup-title-option {
	font-size: 14px;
}

.dashboard-1 {
	width: 220px;
}

.dashboard-2 {
	width: calc(100% - 240px);
	margin-left: 20px;
}

.panel-addrbox {
	width: calc(100%);
	margin-right: 0%;
	float: left;
	padding: 0px;
	margin-bottom: 50px;
}

.brandcolumn {
	width: 23%;
	padding: 0 1%;
	float: left;
}

.brand-title {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}

}

@media screen and (max-width:800px) {

.headermenu {
	padding-top: 15px;
	padding-bottom: 15px;
}

.headermenu-3-2 {
	padding-left: 15px;
}

.headermenu-3-3 {
	margin-left: 15px;
	
}

.headermenu-1 {
	width: 60px;
	float: left;
}

.headermenu-2 {
	width: calc(100% - 180px);
	float: left;
}

.headermenu-3 {
	width: 120px;
	float: left;
}

.nav div {
	margin-top:5px;
	height: 24px;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
	font-weight: 500;
	
}


.homeslide {
	position: relative;
	margin-bottom: 10px;
}

.homepanahkiri {
	top: 27%;
}

.homepanahkanan {
	top: 27%;
}

.homesubcategory {
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
	
}

.homesubcategoryact {
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
}

.hometesti {
	padding: 30px 30px;
	width: calc(100% - 60px);
	margin: 40px auto 40px auto;
}

.hometestipetik {
	width: 40px;
}

.hometestipetik img {
	width: 100%;
	max-width: 24px;
}

.hometesticontent {
	width: calc(100% - 40px);
	font-size: 14px;
}

.hometestipesan {
	height: 85px;
}

.testiperson {
	font-size: 12px;
	margin-top: 10px;
}

.testireview {
	width: 40%;
}

.testireview a {
	font-size: 12px;
	padding: 8px 15px;
}

.testibutton {
	width: 60%;
}

.testiround {
	width: 15px;
	height: 15px;
	margin-left: 10px;
	border-radius: 15px;
}

.testiroundact {
	width: 15px;
	height: 15px;
	margin-left: 10px;
	border-radius: 15px;
}


.homebottom-title {
	font-size: 15px;
	font-weight: 600;
	margin-top: 15px;

}

.homebottom-sdesc {
	font-size: 13px;
	margin-top: 15px;

}

.footernewsletter-title {
	font-size: 18px;
}

.footernewsletter-sdesc {
	font-size: 12px;
	margin-top: 0px;
}

.footernewsletter-2 {
	margin-top: 3px;
}

.footernewsletter-2 input[type='text'] {
	width: 55%;
	border: 1px solid #FFF;
	padding: 11px;
	font-size: 12px;
	font-weight: 400;
	background: transparent;
	color: #FFF;
}

.footernewsletter-2 input[type='submit'] {
	width: 30%;
	border: 0px;
	border-radius: 40px;
	padding: 11px;
	font-size: 12px;
	font-weight: 500;
	margin-left: 5px;
}

.footermenu-1 {
	width: 33%;
	float: left;
	
}

.footermenu-2 {
	width: 100%;
	float: none;
	margin-top: 60px;
}

.footerclear {
	clear: both;
	display: block;
}

.footerline {
	margin-top: 10px;
}


.footerbottom-3 {
	font-size: 10px;
	padding-top: 5px;
}

.boxcart {
	width: 440px;
	right: -50px;
	z-index: 999;
	box-shadow: 5px 10px 18px #939393;
}

.headerspace {
	height: 138px;
}

.productspage-1 {
	position: absolute;
	position: fixed;
	top: 0px;
	left: -235px;
	z-index: 10000;
	padding: 0;
	max-height: 100%;
	overflow-y: scroll;
	
}

.productspage-2 {
	width:  100%;
	margin-left: 0px;
	float: none;	
}

.buttonfilter {
	display: block;
}

.buttonfilterback {
	display: block;
}

.catalog-2 {
	width: calc(100% - 350px);
	margin-left: 50px;
}



.about-1 {
	width: 100%;
	padding-right: 0px;
	float: none;
}

.about-1-title {
	font-size: 34px;
	padding-top: 0px;
	width: calc(100% - 110px);
	max-width: 400px;
}


.about-1-ic {
	width: 110px;
}

.about-1-c {
	float: left;
	padding-right: 0px;
	margin-top: 0px;
	margin-top: 20px;
}

.about-2 {
	width: 100%;
	float: none;
}

.about-2 img {
	margin-top: 30px;
}

.hometestiwhite {
	margin-top: 50px;
	width: 95%;
}

.contact-1 {
	margin-right: 0px;
	width: 100%;
	float: none;
	margin-bottom: 60px;
}

.contact-2 {
	width: calc(100% - 48px);
	float: none;
	padding: 32px 24px;
	margin-top: 0px;
	margin-bottom: 30px;
}

.loginbox-1 {
	width: calc(100% - 110px);
	margin-right: 0%;
	float: none;
	text-align: left;
	padding: 40px 55px; 
	background: #F5F7FF;
	font-size: 14px;
	font-weight: 300;
	height: auto;
}

.loginbox-2 {
	width: calc(100% - 110px);
	margin-left: 0;
	float: none;
	padding: 40px 55px; 
	font-size: 14px;
	font-weight: 300;
	height: auto;
	margin-top: 60px;
}	

.cart-title-1 {
	width: 47%;
	float: left;
	
}



.cart-content-title {
	width: calc(37% - 30px);
	font-size: 12px;
}

.cart-content-harga {
	font-size: 12px;
}

.cart-content-sharga {
	font-size: 12px;
}

.cart-content-image {
	padding-right: 10px;
}




.cart-content-x {
	width: 3%;
	
}

.dashboard-1 {
	width: calc(100% - 20px);
	padding: 10px 10px 5px 10px;
	margin-top: 30px;
}

.dashboard-2 {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 0px;
	margin-top: 10px;
}


.dashboardnavact {
	display: none;
}

.dashboardnavnact {
	display: none;
}

.dashboardnav-clear {
	display: none;

}

.dashboardnavact-title {
	padding-left: 0px;
	color: #0156FF;
	font-size: 15px;
	font-weight: 500;
	padding-top: 4px;
	padding-bottom: 5px;
	float: left;
	width: 33%;
}


.dashboardnavnact-title {
	padding-left: 0px;
	color: #666666;
	font-size: 15px;
	font-weight: 500;
	padding-top: 4px;
	padding-bottom: 5px;
	float: left;
	width: 33%;
}

.dashboardnav-line {
	clear: both;
		margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;

}

.newscolumn {
	width: 48%;
	padding: 0 1%;
	float: left;
}

.brand-title {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 10px;
}

}

@media screen and (max-width:600px) {

.headermenu-2 {
	display: none;
}

.headermenu-3 {
	width: calc(100% - 105px);
	float: left;
}

.headermenu-mobile {
	display: block;
	text-align: right;
}

.homeslide {
	position: relative;
	margin-bottom: 10px;
}

.homepanahkiri {
	top: 20%;
}

.homepanahkanan {
	top: 20%;
}


.homeinfo-1 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.homeinfo-1 img {
	height: 20px;
	
}

.homeinfo-1-frame div {
    height: 20px;
    padding-left: 5px;
	font-size: 13px;
}

.homeinfo-1-frame {
	max-width: 390px;
}

.title22 {
	font-size: 14px;
	font-weight: 500;
}

.linktitle {
	
	padding-top: 0px;
}

.homeblog {
	width: calc(50% - 5px);
	padding-right: 5px;
	float: left;
}

.homebottom {
	float: none;
	width: 96%;
	text-align: center;
	padding: 0 2%;
	margin-bottom: 40px;
}

.footernewsletter {
	width: 100%;
	float: none;
	text-align: center;
}

.footernewsletter-title {
	font-size: 24px;
}

.footernewsletter-sdesc {
	font-size: 12px;
	margin-top: 0px;
}

.footernewsletter-2 {
	width: 100%;
	float: none;
	margin-top: 30px;
}

.footernewsletter-2 input[type='text'] {
	width: calc(65% - 20px);
	border: 1px solid #FFF;
	padding: 10px;
	font-size: 12px;
	font-weight: 400;
	background: transparent;
	color: #FFF;
}

.footernewsletter-2 input[type='submit'] {
	width: calc(33% - 20px);
	border: 0px;
	border-radius: 40px;
	padding: 10px;
	font-size: 12px;
	font-weight: 500;
	margin-left: 2%;
}

.footermenu-1 {
	width: 33%;
	float: left;
	margin-top: 40px;
	
}

.footermenu-2 {
	margin-top: 40px;
}

.footermenu-title {
	font-size: 13px;
	margin-bottom: 20px;
	font-weight: 600;
}

.footermenu-list {
	font-size: 11px;
}

.footerbottom-1 {
	width: 15%;
}

.footerbottom-2 {
	width: 52%;
}

.footerbottom-3 {
	width: 33%;
}

.boxcart {
	width: 420px;
	right: -96px;
	z-index: 999;
	box-shadow: 5px 10px 18px #939393;
}

.boxcartview {
	width: 80px;
	padding: 5px 0;
	font-size: 11px;
	
}

.boxsearch {
	width: 250px;
	right: -135px;
	z-index: 998;
	
}

.headerspace {
	height: 142px;
}

.productspage-column {
	width: 33%;
}

.buttonfilter {
	padding: 10px 15px;
	font-size: 13px;
	font-weight: 600;
	font-weight: 500;
}

.buttonfilter-drop {
	padding: 10px 10px;
	font-size: 11px;
	font-weight: 400;
	margin-left: 5px;
	min-width: 100px;
}

.pageinfo {
	font-size: 11px;
	padding-top: 15px;
	width: 100px;
}

.buttonfilterselection {
	padding: 10px 10px;
	font-size: 11px;
	font-weight: 400;
	float: left;
	margin-right: 5px;
}

.buttonfilterselection img {
	margin-left: 5px;
	width: 15px;
	padding-top: 2px;
}

.buttonfilter-page {
	padding: 10px 10px;
	font-size: 11px;
	font-weight: 400;
	line-height: 30px;
	width: calc(100% - 20px);
}

.productspage-num {
	width: 25px;
	height: 20px;
	padding-top: 5px;
	font-size: 11px;
	font-weight: 500;
}

.productspage-num a {
	color: #a2a6b0;
}

.productspage-numact {
	width: 25px;
	height: 20px;
	padding-top: 5px;
	font-size: 11px;
	font-weight: 500;
}

.productspage-numdot {
	width: 25px;
	height: 20px;
	padding-top: 5px;
	font-size: 11px;
	font-weight: 500;
}

.productdet-1 {
	float: none;
	margin-left: 0px;
	width: 100%;
	margin-top: 30px;
}

.productdet-2 {
	float: none;
	width: 100%;
	
}

.productdet-3 {
	position: absolute;
	position: fixed;
	float: none;
	bottom: -15px;
	z-index: 999999;
	left: 0;
	border-radius-top-left: 24px;
	border-radius-top-right: 24px;
	border-radius-bottom-left: 0px;
	border-radius-bottom-right: 0px;
	 -webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.05);
  -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.05);
  box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.05);
}

.productshare-2 {
	text-align: right;
	margin-top: 0px;
}


.mobile {
	display: block;
}

.desktop {
	display: none;
}

.productdet-title {
	font-size: 15px;
	margin-bottom: 10px;
}

.productdet-sdesc {
	font-size: 13px;
}

.productdetcart-title {
	margin-top: 5px;
	font-size: 12px;
	margin-bottom: 0px;
}

.productdetcart-hargac {
	font-size: 11px;
	margin-bottom: 0px;
	float: left;
	margin-left: 5px;
	padding-top: 2px;
}

.productdetcart-harga {
	font-size: 13px;
	margin-bottom: 5px;
	float: left;
}

.productdetcart-size {
	clear: both;
	padding-top: 2px;
	font-size: 12px;
	font-weight: 400;
	float: left;
	margin-right: 5px;
	padding-top: 5px;
}

.productdetcart-line {
	margin-bottom: 10px;
}

.productdetcart-sizechoose {
	font-size: 12px;
	font-weight: 400;
	
}

.productdetcart-sizechoosebox {
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.stockstatus {
	margin-top: -2px;
	float: right;
}



.productcart-qtybox {
	margin-top: 0px;
	width: 50px;
	background: #FFF;
	border-radius: 6px;
	padding: 0px 10px 0 10px;
	float: left;
	height: 35px;
}

.productcart-qtybox input {
	font-size: 11px;
	font-weight: 600;
	width: calc(100% - 20px);
	border: 0px;
	float: left;
	height: 27px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "Poppins", sans-serif;
}

.productcart-qtybox img {
	cursor: pointer;
}

.productcart-qtybutton {
	width: calc(100% - 85px);
	float: left;
	height: 50px;
	margin-left: 15px;
}

.productcart-qtybutton input {
	max-width: 100%;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	border-radius: 10px;
	height: 35px;
}


.productdetail-content {
	margin-top: 50px;
	padding-top: 30px;
}

.catalog-1 {
	width: 150px;

}


.catalog-2 {
	width: calc(100% - 200px);
	margin-left: 50px;
}


.catalog-title {
	font-size: 18px;
	padding-top: 20px;
}

.catalog-desc {
	font-size: 13px;
	padding-top: 20px;
}

.catalog-download {
	font-size: 13px;
	font-weight: 300;
	margin-top: 30px;
	height: 40px;
	padding: 5px;
	width: 150px;
}

.cart-title {
	font-size: 12px;
	font-weight: 500;
}

.cart-title-1 {
	width: calc(55% - 10px);
	margin-right: 10px;
	float: left;
}

.cart-title-2 {
	width: calc(25% - 10px);
	margin-right: 10px;
	float: left;
}

.cart-title-3 {
	width: calc(15% - 18px);
	margin-right: 10px;
	
	float: left;
}

.cart-title-4 {
	width: calc(22% - 10px);
	margin-right: 10px;
	float: left;
	display: none;
}

.cart-title-5 {
	width: 4%;
}



.cart-content-title {
	width: calc(43% - 10px);
	margin-right: 10px;
	font-size: 12px;
	font-weight: 400;
}

.cart-content-harga {
	width: calc(25% - 10px);
	float: left;
	margin-right: 10px;
	font-size: 12px;
	font-weight: 500;
}

.cart-content-sharga {
	display: none;
}

.cart-content-qty {
	width: calc(15% - 18px);
	margin-right: 10px;
	padding: 0 4px;
	height: 40px;
	
}

.cart-content-x {
	width: 4%;
}

.cart-content-qty input {
	font-size: 13px;
	font-weight: 500;
	width: calc(100% - 15px);
	height: 40px;
}


#arrowcart-1 {
	padding-top: 7px;
	padding-bottom: 8px;
	float: left;
}

#arrowcart-2 {
	padding-top: 8px;
	padding-bottom: 7px;
	float: left;
}

.cartsum-stotal-1 {
	width: 70%;
	
}

.popupaddrform2 {
	margin-top: 10px;
	float: none;
	width: 100%;
	margin-right: 0%;
}

.popupaddrform3 {
	margin-top: 10px;
	float: left;
	width: 100%;
	margin-right: 0%;
}

.popupaddr {
	left: 0%;
    top: 0%;
    transform: none;
	box-shadow: 0px;
}

.popupaddrbox {
	width: calc(100% - 20px);
	margin-right: 0%;
	height: auto;
	cursor: pointer;
	margin-bottom: 10px;
}

.popupaddrtitle {
	font-size: 24px;
	font-weight: 500;
	margin-top: 5px;
}

.dashboardnavact-title {
	font-size: 12px;
	font-weight: 500;
}


.dashboardnavnact-title {
	font-size: 12px;
	font-weight: 500;
}

.panel-title {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

.panel-subtitle {
	font-size: 14px;
}

.panel-desc {
	font-size: 14px;
}



.panel-link-2 {
	font-size: 12px;
	font-weight: 300;
}


.panel-title-link {
	font-size: 12px;
}

.orderstatuslist {
	font-size: 11px;
	font-weight: 400;
	float: right;
	padding: 5px 8px;
	border: 1px solid #000;
	margin-bottom: 20px;
	margin-left: 5px;
}

.orderstatustabact {
	border: 1px solid #0156FF;
	background: #0156FF;
	color: #FFF;
}

.news-title {
	font-size: 14px;
	font-weight: 500;
}



.news-date {
	margin-top: 5px;
	font-size: 11px;
	font-weight: 400;
}

.news-sdesc {
	margin-top: 5px;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 30px;
}

.news-sdescdet {
	margin-top: 15px;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 30px;
}


.contenttitle2 {
	font-size: 28px;
	font-weight: 500;
}

.tracking-date {
	width: 100%;
	float: none;
}

.tracking-info {
	width: 100%;
	float: none;
	margin-left: 0px;
	margin-bottom: 0px;
}

.brandcolumn {
	width: 31%;
	padding: 0 1%;
	float: left;
}


}


@media screen and (max-width:480px) {

.headertop {
	padding-top: 6px;
	padding-bottom: 4px;
	font-weight: 500;
}


.headertop-1 {
	width: 45%;
	font-size: 10px;
}

.headertop-2 {
	display: none;
}

.headertop-3 {
	width: 55%;
	font-size: 10px;
}

.headertop-3 img {
	width: 15px;
}

.headertop-mobile {
	font-size: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.productlist-title {
	font-size: 13px;
	color: #000;
	margin-bottom: 10px;
	
	
}

.productlist-harga {
	font-size: 15px;
	height: 55px;
	margin-bottom: 10px;
}


.productlist-harga strike {
	color: #666666;
	font-size: 12px;
}

.homepanahkiri {
	top: 10%;
}

.homepanahkanan {
	top: 10%;
}


.homeinfo-1 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.homeinfo-1 img {
	height: 20px;
	
}

.homeinfo-1-frame div {
    height: 20px;
    padding-left: 5px;
	font-size: 13px;
}

.homeinfo-1-frame {
	max-width: 390px;
}

.homeinfo-1 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.homeinfo-1 img {
	height: 20px;
	float: none;
}

.homeinfo-1-frame div {
    height: auto;
	padding-left: 0px;
	font-size: 13px;
	text-align: center;
	width: 100%;
}

.homeinfo-1-frame {
	max-width: 100%;
	text-align: center;
}

#homegrs {
	display: none;
}

.homesubcategory {
	font-size: 11px;
	font-weight: 500;
	margin-right: 10px;
	
}

.homesubcategoryact {
	font-size: 11px;
	font-weight: 500;
	margin-right: 10px;
}


.hometesti {
	padding: 20px 20px;
	width: calc(100% - 40px);
	margin: 40px auto 40px auto;
}

.hometestipetik {
	width: 30px;
}

.hometestipetik img {
	width: 100%;
	max-width: 20px;
}

.hometesticontent {
	width: calc(100% - 30px);
	font-size: 12px;
}

.hometestipesan {
	height: 110px;
}

.testiperson {
	font-size: 11px;
	margin-top: 10px;
}

.testireview {
	width: 50%;
}

.testireview a {
	font-size: 10px;
	padding: 5px 8px;
}

.testibutton {
	width: 50%;
	padding-top:3px;
}

.testiround {
	width: 10px;
	height: 10px;
	margin-left: 5px;
	border-radius: 10px;
}

.testiroundact {
	width: 10px;
	height: 10px;
	margin-left: 5px;
	border-radius: 10px;
}


.footermenu-1 {
	width: 100%;
	float: none;
	margin-top: 20px;
	
}

.footermenu-2 {
	margin-top: 20px;
}

.footermenu-title {
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	
}

.footermenu-list {
	font-size: 11px;
}

.footerbottom-1 {
	width: 25%;
}

.footerbottom-2 {
	width: 75%;
	text-align: right;
}

.footerbottom-3 {
	width: 100%;
	text-align: center;
	padding-top: 15px;
}

.boxcart {
	width: 280px;
	right: -96px;
	padding: 10px 10px 5px 10px;
	
	z-index: 999;
	box-shadow: 5px 10px 18px #939393;
}

.boxcartlist {
	margin-bottom: 5px;
	border-bottom: 1px solid #8F8F8F;
	font-size: 11px;
	color: #000;
}

.boxcartimg {
	display: none;
}




.boxcarttitle {
	width: 49%;
	padding-right: 1%;
	float: left;
	height: 35px;
	overflow: hidden;
}

.boxcarttitle a {
	color: #000;
}

.boxcartqty {
	width: 20%;
	float: left;
	text-align: center;
}

.boxcartprice {
	width: 30%;
	float: left;
}

.headerspace {
	height: 124px;
}

.productspage-column {
	width: 50%;
}

.buttonfilter-drop .spangrey {
	display: none;
}

.pageinfo {
	font-size: 11px;
	padding-top: 15px;
	display: none;

}


.buttonfilter {
	padding: 10px 10px;
	font-size: 12px;
	font-weight: 500;
}

.buttonfilter-drop {
	padding: 10px 10px;
	font-size: 11px;
	font-weight: 400;
	margin-left: 5px;
	min-width: 90px;
}

.catalog-1 {
	float: none;
	width: 99%;

}


.catalog-2 {
	float: none;
	width: 100%;
	margin-left: 0px;
	margin-top: 10px;
}

.catalog-download {
	margin-top: 20px;
}


.productdet-link {
	width: calc(100% - 50px);
	padding: 15px 25px 0px 25px;

}

.productdet-link-1 {
	font-size: 13px;
	float: left;
}


.productdet-linkspace {
	height: 10px;
}

.about-1-title {
	font-size: 24px;
	padding-top: 0px;
	width: calc(100% - 80px);
	max-width: 300px;
}


.about-1-ic {
	width: 80px;
	float: right;
}


.contact-2 {
	width: calc(100% - 24px);
	float: none;
	padding: 32px 12px;
	margin-top: 0px;
	margin-bottom: 50px;
}


.loginbox-1 {
	width: calc(100% - 50px);
	margin-right: 0%;
	float: none;
	text-align: left;
	padding: 30px 25px; 
}

.loginbox-2 {
	width: calc(100% - 50px);
	margin-left: 0;
	float: none;
	padding: 30px 25px; 
}	


.cart-content-title {
	width: calc(61% - 10px);
	margin-right: 10px;
	font-size: 11px;
	font-weight: 400;
}

.cart-content-harga {
	display: none;
}

.cart-content-qty {
	width: calc(20% - 18px);
	margin-right: 10px;
	padding: 0 4px;
	height: 40px;
	
}



.checkout-qty {
	text-align: right;
	width: calc(29% - 18px);
	margin-right: 0px;
}

.cart-content-x {
	width: 5%;
}

.cart-title-1 {
	width: calc(75% - 10px);
	margin-right: 10px;
	float: left;
}

.cart-title-2 {
	display: none;
}

.cart-title-3 {
	width: calc(20% - 18px);
	margin-right: 10px;
	
}


.checkout-title-3 {
	text-align: right;
	width: calc(29% - 18px);
	margin-right: 0px;
}



.cart-title-5 {
	width: 5%;
}

.cart-content-harga-m {
	display: block;
	
}

.cartsum-stotal-1 {
	width: 65%;
	
}

.checkout-choose-pickup-c {
	padding: 10px;
}

.checkout-choose-pickup-title-option {
	font-size: 12px;
}


.dashboardnavact-title {
	font-size: 10px;
	font-weight: 400;
	width: 33%;
}


.dashboardnavnact-title {
	font-size: 10px;
	font-weight: 400;
	width: 33%;
}

.panel-title {
	font-size: 13px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.panel-subtitle {
	font-size: 13px;
}

.panel-desc {
	font-size: 12px;
}



.panel-link-2 {
	font-size: 11px;
	font-weight: 300;
}


.panel-title-link {
	font-size: 11px;
}

.dashboard-1 {
	width: calc(100% - 10px);
	padding: 10px 5px 5px 5px;
}

.orderstatuslist {
	font-size: 11px;
	padding: 5px 5px;
	border: 1px solid #000;
	margin-bottom: 15px;
	
}

.newscolumn {
	width: 100%;
	padding: 0;
	float: left;
}

.contenttitle2 {
	font-size: 20px;
	font-weight: 500;
}

.panel-status {
	margin-top: 0px;
}

.brandcolumn {
	width: 48%;
	padding: 0 1%;
	float: left;
}

.brand-title {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}

}

@media screen and (max-width:400px) {
.orderstatuslistspace {
	float: none;
	clear: both;
}
}

@media screen and (max-width:360px) {
.homecategory {
	width: calc(100% - 10px);
	float: none;
	height: 100px;
}

.homecategoryimg {
	display: none;
}

.homecategoryright {
	width: calc(100%);
	float: none;
}

.homecategoryframe {
	height: 60%;
}

.homecategoryframebottom {
	height: 40%;
	top: 60%;

}

.homecategory-title {
	font-size: 14px;
	padding: 5px;
}

.homeblog {
	width: 100%;
	padding-right: 0px;
	float: none;
}

.footernewsletter-title {
	font-size: 20px;
}

.footernewsletter-sdesc {
	font-size: 11px;
	margin-top: 0px;
}

.cartsum-stotal-1 {
	width: 60%;
	
}



.dashboardnavact-title {
	font-size: 10px;
	font-weight: 400;
	width: 37%;
}


.dashboardnavnact-title {
	font-size: 10px;
	font-weight: 400;
	width: 37%;
}

.dashboardnav-small {
	width: 26%;
}

.orderstatuslist {
	font-size: 10px;
	
}

.brand-title {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 10px;
}

}