.header-wrap {
				position: sticky ;
				width: 100%;
				z-index: 1000;
				top: 0;
			}
			.drawer-wrap {
				position: fixed;
				width: 100%;
				z-index: 1000;
				bottom: 0;
				display: none;
			}
			.header-first, .cmx-head {
				background: rgb(239, 239, 239);
				color: #3273dc;
				padding-top: .60rem!important;
				padding-bottom: .60rem!important;
				width: 100%;
				z-index: 1000;
				top: 0;
				transition: top .3s;
			}
			.header-first.hidden{
			    top:-2.15rem;
			}
			.text-hover:hover {
				color: #000;
			}
			.line-vertical {
				border-left: 3px solid #666666;
    			height: 45px;
			}
			.header-second {
				background: #1964AF !important;
				padding: 10px 0px;
				width: 100%;
				z-index: 1000;
				border-bottom: 1px solid #e8e8e8;
				border-top: 10px;
			}
			.drawer-second {
				background: #FFFFFF;
				padding-top: 7px;
				margin-bottom: -3px;
				width: 100%;
				z-index: 1000;
				bottom: 0;
				box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
				border-top: 1px solid #e8e8e8;
			}
			.drawer-second-box {
				display: table;
				width: 100%;
				color: #333E02;
			}
			.col-drawer {
				text-align: center;
				width: 20%;
			}
			.icon {
			    text-align: center;
			}
			.drawer-menu {
				font-size: 12px;
				color: #37589E;
			}
			.logo {
				max-height: 3.5rem;
			}
			.hsb-col-logo {
				width:15%;
			}
			.hsb-col-search {
				padding-left: 25px;
			}
			.header-first-two a {
				color: #3273dc;
			}
			.container-top-search i.fa {
				color: #808080;	
				top: 10px;
				right: 9px;
				font-size: 14px;
			}
			.slick-dots li button:before {
				color: #264A97;
			}
			.slick-dots li.slick-active button:before {
				color: #264A97;
			}
			.slick-prev {
			    left: 15px;
			    position: absolute;
			    z-index: 800;
			}
			.slick-next {
			    right: 15px;
			    position: absolute;
			    z-index: 800;
			}
			.box-category {
				background-color: #ffffff;
				border-radius: 8px;
				box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
				color: #4a4a4a;
				display: block;
				margin-left: 0;
				margin-right: 0;
			}
			.col-category {
				width: 22%;
				padding-left: 0;
				padding-right: 0;
			}
			.category-menu li a {
				padding: 7px 18px;
			}
				.category-menu li a:hover {
					background: #f5f5f5;
					color: #0C4DA2!important;
				}
			.category-title {
				color: #000;
				font-weight: bold;
				padding: 4px 18px;
			}
			.category-image {
				margin-top: -3px;
			}
			.box-subcategory {
				background-color: #ffffff;
				width: 100%;
				height: 100%;
			    position: absolute;
			    top: 0;
				z-index: 999;
				display: none;
				overflow-y: scroll;
			}
			.subcategory-detail {
				display: none;
			}
			.subcategory-title {
				color: #0C4DA2;
				font-weight: bold;
				padding: 4px 18px;
			}
			.subcategory-desc {
				font-size: 16px;
				font-weight: 700!important;
			}
			.subcategory-list {
				margin-bottom: 5px;
			}
			.img-subcategory {
				height: auto;
				width: 85%;
				border-radius: 5px!important;
			}
			.container-slideshow {
				background-color: #f5f5f5!important;
				padding-bottom: 30px;
			}
			.container-breadcrumb-home {
				padding-top: 20px!important;
			}
			.col-slideshow {
				width: 78%;
				padding-left: 0;
				padding-right: 0;
			}
			.img-slideshow {
			   width: 100%;
			   border-top-right-radius: 8px;
			   border-bottom-right-radius: 8px;
			}
			.container-image-home {
				padding-top: 20px;
			}
			.btn-one, .btn-two {
				border-color: transparent;
			}
			.btn-one {
				background: #808080;
			}
			.btn-two {
				border-color: #dbdbdb;
				border-width: 1px;
			}
			.btn-three {
				background: #264A97;
				color: #FFFFFF;	
			}
			.btn-three:hover {
				background: #0B307D;
			}
			.box-footer-caret {
				background: #264A97;
				display: none;
			}
			.copyright {
				background: #808080;
				color: #FFFFFF;
			}
			.copyright a {
				color: #FFFFFF;
			}
			.ulcat a, .hpc-txt {
				color: #333333;	
			}
			.ulcat a:hover {
				color: #333333;
			}
			.top-search {
				padding-left: 12px;
				border: 1px solid transparent;
				border-radius: 4px;
				border-color: #dbdbdb;
				color: #363636;
				box-shadow: inset 0 1px 2px rgba(10,10,10,.1);

			}
				.top-search:focus {
					border-color: #3273dc;
					box-shadow: 0 0 4px #0C4DA2;
				}
			.sch-show-finish-shoping {
				background: #264A97;
			}
			.xs-menu li a i {
				color: #264A97;
			}

			.btn-upload {
				background: #264A97;
			}
				.btn-upload .txt-upload {
					color: #FFFFFF;
				}
			.btn-upload .icon-upload {
				background: #264A97;
				color: #FFFFFF;	
			}
			.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
				border-bottom: 7px solid #264A97;
			}
			.container-checkout .nav-tabs>li.active>a, .container-checkout .nav-tabs>li.active>a:focus, .container-checkout .nav-tabs>li.active>a:hover {
				border-bottom: 3px solid #264A97;
			}

			.input-auth:focus {
			    box-shadow: inset 0 1px 1px #264A97;
			    border: 1px solid #264A97;
			}
			.boa-list-add {
			    color: #264A97;
			}
			.box-status-order-separate {
				background: #264A97;
			}
			.loh-code {
				color: #264A97;	
			}
			.loh-step-list {
				background: #264A97;
			}
			.box-my-account:hover {
				background: #264A97;
			}

			.container-sidebar-account {
			    border-left: 5px solid #264A97;
			}

			.footer {
				background: #e6e6e6;
			}
			.box-footer-content ul li a {
				color: #000 !important;
			}
			.box-footer-content {
				color: #000 !important;
			}
			.box-footer-title {
				color: #0d4ea2;
				border-bottom: 5px solid #000;
				display: inline-block;
				line-height: 25px;
				margin-bottom: 5px;
			}

			@media (max-width:767px) {
				.top-search {
					border: 1px solid transparent;
					border-radius: 4px;
					border-color: #dbdbdb;
					color: #363636;
					box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
				}
					.top-search:focus {
						border-color: #3273dc;
						box-shadow: 0 0 4px #0C4DA2;
					}
				.content{
					margin-top: 36px;
				}

				.container-breadcrumb{
					margin-top: 36px !important;
				}
			}
.wa-fly{
	position: fixed;
	right: 10px;
	bottom: 10px;
}
	.wa-fly-desktop{
		width: 300px;
	}
		.wa-fly-desktop img{
			width: 100%;
		}
.wa-fly-mobile{
	position: fixed;
	right: 10px;
	bottom: 50px;
}
	.wa-fly-mobile-icon{
		width: 50px;
	}
		.wa-fly-mobile-icon img{
			width: 100%;
		}
.oval-shape {
	width: 100%;
    height: 40px;
    background-color: #E3EBF2;
    /* margin-left: 25.5%;
    margin-right: 25.5%; */
    border-radius: 50px;
    z-index: 2;
    position: absolute;
    margin-top: -28px;
}
.oval-content {
	display: flex;
	float: right;
	position: relative;
	margin-right: 0%;
	margin-top: -4px;
	width: auto;
}

.chat {
	width: 100%;
	padding: 15px;
}

.bubble{
width: 100%;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 0 6px #B2B2B2;
display: inline-block;
padding: 10px;
position: relative;
vertical-align: top;
/* width: 350px; */
}

.bubble::before {
background-color: #ffffff;
content: "\00a0";
display: block;
height: 16px;
position: absolute;
top: 11px;
transform:             rotate( 29deg ) skew( -35deg );
	-moz-transform:    rotate( 29deg ) skew( -35deg );
	-ms-transform:     rotate( 29deg ) skew( -35deg );
	-o-transform:      rotate( 29deg ) skew( -35deg );
	-webkit-transform: rotate( 29deg ) skew( -35deg );
width:  20px;
}
/* 
.me {
float: left;   
margin: 5px 20px 5px 0px;     
}

.me::before {
box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
left: -9px;           
} */

.you {
/* margin-left:20px; */
margin-bottom:20px;
/* margin: 5px 20px 5px 0px;      */
}

.you::before {
box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
right: -9px;    
}

.box-testimonial-img{
/* margin-left: 70px !important; */
margin-bottom: 20px !important;
/* margin-top: 10px !important; */
}
.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;
}
.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;
position: relative;
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-slider img { /* keep images full screen */
width: 100%;
}

.chevron-container { /* full slider height container for chevrons */
height: 100%;
position: absolute;
width: 100px;
}

.slick-right { /* keeps right arrow to the right */
right: 0;
top: 0;
}

.chevron-container > .fa { /* positions chevrons in vertical center */
bottom: 0;
color: white;
font-size: 10em;
height: 1em;
margin: auto;
position: absolute;
top: 0;
width: 5em;
z-index: 10;
}

.slick-slider .info {
color: white;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
line-height: 100vh;
text-align: center;
z-index: 10;
}

.slick-slider .info > div {
display: inline-block !important;
vertical-align: middle;
}

.line-home {
float: right;
/*    padding-right: 12%;*/
margin-top: 4px;
border-left: 3px solid #fff;
height: 25px;
}
.box-account {
color: #ffffff !important;
font-size: 25px;
margin-top: -5px;
}
.button-right, .button-left {
cursor: pointer;
position: absolute;
top: 50%;
/* width: auto; */
padding: 10px;
margin-top: -60px;
color: rgba(0, 0, 0, 0.5);
font-weight: bold;
font-size: 45px;
transition: 0.6s ease;
border-radius: 5px !important;
user-select: none;
width: 15px !important;
height: 90px !important;
background: white;
display: block;
z-index: 999;
opacity: .50;
}

.button-right {
right: -3%;
top: 25%;
  border-radius: 3px 0 0 3px;
}

.button-left {
top: 26%;
right: 102%;
}

.arrow-position {
margin-top: 14px;
margin-left: -8px;
}

.position-arrow {
margin-top: 14px;
margin-left: -8px;	
}
.oval-client {
width: 100% !important;
/* margin-left: 9.5%; */
margin-top: -75px;
display: flex;
justify-content: space-between;
}
.text-size {
	margin-right: 43%;
}

.oval-store {
margin-left: -10px;
margin-top: -75px;
width: 1140px !important;
border-top-right-radius: 0px;
}
.online-shop-table {
/*	display: flex;*/
margin-top: 25px;
margin-left: 20px;
}
.link-online-shop {
color: #959595 !important;
margin-left: 15px;
}
.separate-online-shop {
border-bottom: 8px solid #009933;
}
.box-article-first {
width: 116%;
height: 350px;
background-color: #4d4d4d;
margin-left: -10%;
position: relative;
z-index: 1;
color: white;
padding: 18px 45px 60px 40px;
font-size: 20px;
/*overflow-x: hidden;
overflow-y: auto;*/
}
.box-article-second {
width: 110%;
height: 350px;
background-color: #b3b3b3;
}
.oval-header {
width: 30%;
margin-top: 25px;
height: 60px;
margin-right: 50%;
/* margin-left: 50%; */
}
.link-header {
font-size: 17px;
font-weight: bold;
color: black !important;
}
.box-product-price {
margin-bottom: 1px;
}
.slide-position {
padding: 3px; 
/*	margin-top: 1%; */
/* left: 15%; */
}
.grab-div {
margin-top: 8px;
margin-left: 16%;
margin-right: -7%;
}
.gojek-div {
margin-left: 5%;
margin-right: -15%;
}
.btn-login-style {
background-color: transparent; 
font-size: 25px; 
margin-top:-5px
}
.img-size {
width: 160px;
height: 40px;
}
.oval-login-signup {
position: absolute !important;
right: -1%;
top: 5px;
}
.box-product-home .box-product-best-seller {
line-height: 1.2 !important;
height: 87.36px;
}

.flex-online-shop-div {
	display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 415px) {
	.start-print-link {
		font-size: 10px !important;
	}

	.box-product-best-seller .box-product-name {
		font-size: 10px !important;
	}

	.box-product-best-seller .box-product-price {
		font-size: 10px !important;	
	}
}
@media only screen and (max-width: 768px) {
	.content {
		margin-top: 8px !important;
	}
	.slide-position {
		left: 0 !important;
	}
	.slide-best-product {
		margin-left: 24px !important;
		margin-right: 24px !important;
	}
	.button-left {
		right : 96% !important;
		top: 50% !important;
		background: transparent;
	}
	.button-right {
		right: 1% !important;
		top: 51% !important;
		background: transparent;
	}
	.oval-client {
		width: 85% !important;
		margin-left: 3.5%;
		margin-top: -75px;
	}
	.oval-shape {
		height: 35px !important;
	}
	.oval-text-client {
		right: 5% !important;
		margin-top: 1px !important;
	}
	.oval-store {
		width: 100% !important;
		margin-left: -15px !important;
	}
	.text-size {
		margin-top: 0px !important;
		font-size: 23px !important;
	}
	/* .oval-content-store {
		margin-top: 0px;
	} */
	.text-size-store {
		font-size: 15px !important;
	}
	.img-bar-2 {
		width: 40%;
	}
	.content-store-left {
		right: 20% !important;
		/* margin-top: 1%; */
	}
	.content-store-right {
		right: -23% !important;
		margin-top: 1%;
	}
	.online-shop-table {
		margin-top: 0px !important;
		margin-left: 0px !important;
	}
	.shopee-img {
		width: auto !important;
		height: 50px !important;
		margin-left: 8px;
	}
	.tokped-img {
		width: auto !important;
		height: 50px !important;
		margin-left: 28px;
	}
	.grab-div {
		margin-top: 12px !important;
		margin-left: 9% !important;
		margin-right: 0px !important;
	}
	.grab-img {
		height: 52% !important;
		width: 150%;
	}
	.gojek-div {
		margin-left: 5% !important;
	}
	.gojek-img {
		height: 50px !important;
		margin-top: 3px;
	}
	.link-online-shop {
		font-size: 15px !important;
		margin-left: 0px !important;
	}
	.oval-subcategory {
		margin-left: 0px !important;
		width: 100% !important;
	}
	.link-header {
		/* float: right;
		position: absolute;
		left: 42%;
		top: 8px; */
		font-size: 13px !important;
	}
	.row-mobile {
			margin-left: -15px !important;
	}

	.flex-online-shop-div {
		display: grid;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1220px) {
		.content {
			margin-top: 0px !important;
		}
		.oval-shape {
			margin-top: -18px !important;
		}
		.oval-content {
			margin-top: 0px !important;
		}
		/*.oval-login-signup {
			margin-top: -28px !important;
		}*/
		.oval-position {
			margin-left: 21%;
			width: 57% !important;
		}
		.line-home {
			margin-top : -1px !important;
			height: 27px;
		}
		.label-content {
			font-size: 17px !important;
		}
		.btn-login-style  {
			font-size: 17px;
		margin-top: -8px;
		}
		.online-shop-table {
			margin-top: 35px !important;
			margin-left: 15px !important;
		}
		.btn-signup-style {
			font-size: 17px !important;
			margin-top: -8px !important;
		}
		.content-store-left {
			right: 50% !important;
		}
		.content-store-right {
			right: -16% !important;
		}
		.text-size-store {
			font-size: 23px !important;
		}
		.tokped-div {
			margin-left: -5%;
		}
		.grab-div {
			margin-top: 8px !important;
		margin-left: 2% !important;
		margin-right: -5% !important;
		}
		.grab-img {
			width: 80% !important;
		}
		.img-bar-2 {
			width: 172.83px !important;
		}
		.box-article-first {
			overflow-x: hidden;
		  overflow-y: auto;
		}
		.box-article-second {
			width: 116% !important;
			margin-left: -4%;
		}
		.link-header {
			left: 25%;
		top: 0px;
		font-size: 23px !important;
		}
		.oval-store {
			width: 100% !important;
		}
		.slide-position {
			left: 0% !important;
		}
		.slide-best-product {
			margin-left: 55px;
			margin-right: 55px;
		}
		.oval-subcategory {
			width: 100% !important;
		}
		.shopee-div {
			display: flex;
			margin-right: 25px;
		}
		.tokped-div {
			display: flex;
		}
		.link-online-shop {
			margin-top: 20px;
		}
		.information {
			display: none !important;
		}
		.img-laptop {
			height: 450px !important;
		}
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
		.oval-shape {
			height: 40px !important;
		}
		.oval-login-signup {
			top: 2px !important;
		}
		.label-content {
			font-size: 20px !important;
			margin-top: 3px;
		}
		.btn-login-style {
/*				font-size: 20px !important;*/
			margin-top: 1px !important;
		}
		.btn-signup-style {
/*				font-size: 20px !important;*/
			margin-top: 1px !important;
		}
		.line-home {
			margin-top: 8px !important;
		}
		/* .slide-position {
			margin-top: -1%;
		left: 10% !important;
		} */
		.img-laptop {
			height: 350px !important;
		}
		/* .oval-client {
			width: 75% !important;
		margin-left: 10.4% !important;
		} */
		/*.oval-store {
		width: 91% !important;
		}*/
		.content-store-left {
			right: 64% !important;
		}
		.content-store-right {
			right: -1% !important;
		}
		.grab-div {
			margin-left: -3% !important;
		}
		.grab-img {
		  width: 60% !important;
		}
		.gojek-img {
			height: 60px !important;
		}
		.slide-best-product {
		  margin-left: 0px !important;
		  margin-right: 0px !important;
		}
		.oval-position {
			margin-left: 21%;
		}
}
@media only screen and (min-width:1441px) {
	.grab-div {
		margin-left: 0% !important;
	}
	.content-store-left {
		right: 40% !important;
	}
	.content-store-right {
		right: -1%;
	}
	.img-laptop {
		height: 440px !important;
	}
	/* .slide-position {
		left: 5% !important;
	} */
}
@media  only screen and (max-width: 480px) {
	.slick-track{
		padding-top: 30px;
	}
}