@font-face {
	font-family: "Segma-Semi-Bold";
	src: url("../fonts/Segma/Segma-SemiBold.woff2");
  }
@media only screen and (min-width: 200px) and (max-width: 1280px) {
	#owlcarousel .container-fluid,#meetgalderma_corousel .container-fluid {
		max-width: 1140px!important;
	}
	#meetgalderma-corousel .owl-item,#team-slider .owl-item {
		width: 358px!important;
	}
	#meetgalderma-corousel .owl-item {
		margin-bottom: 3rem!important;
		background-color: #f8f8f8;
	}
}
@media (min-width: 1281px) {
#team-slider .owl-item,#meetgalderma-corousel .owl-item {
	width: 400px!important;
}
#meetgalderma-corousel .owl-item {
	margin-bottom: 3rem!important;
	background-color: #f8f8f8;
}
#owlcarousel .container-fluid,#meetgalderma_corousel .container-fluid {
	max-width: 1272px!important;
}
.shop-home-banner .bx-wrapper .bx-pager {
  bottom: 30px!important;
}
}

.view-product h2  {
	font-family: GALDERMA;
	font-size: 32px;
	line-height: 40px;
	color: #181b21;
}
	
.view-product h6 {
	font-size: 12px;
	line-height: 16px;
	font-family: Segma;
	color: #181b21;	
}
	
.page-node-type-home-page .nav-tabs{
	padding-left: 0 !important;
}	
.page-node-type-home-page .btn1 {
	color: red;
	background: red;
}
/**************start of campaign banner**********************/
	
.hmpg-img {
	height: 100%;
}
.hmpgbutton {
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
	margin-right: 10px;
	transition-duration: 0.4s;
	cursor: pointer;
	width: auto;
	height: 48px;
	text-align: center;
	letter-spacing: 2px;
	margin-top: 20px;
	text-transform: uppercase;
}
.hmpg-campaign-button:focus {	
	color: white;
	text-decoration: none;
}
.hmpg-campaign-button:hover {	
	color: white;
	text-decoration: none;
}
.hmpgbutton5 {
	background-color: #181b21;
	color: white;
	border: 2px solid white;
}
.hmpgbutton5:focus {
	background-color: white;
	color: #181b21;
}
.hmpgslide-text {
	text-align: left ;
	left: 12%;
	top: 20% ;
	right: 50%;
	padding: 0;
}
.carousel-indicators-banner1 {
	justify-content: left!important;
	padding-bottom: 25px!important;
	margin-left: 12%!important;
}
  .carousel-indicators-banner1 [data-bs-target] {
	width:24px;
	height:24px;
	border-radius:50%;
	border: 1px solid white;
	background-color: #212529;
	color:white;
	text-indent: 0;
	font-size: 12px;
	line-height: 12px;
	margin-right: 11px;
  }
	.carousel-indicators-banner1 [data-bs-target]:hover {
	background-color: #dfe6f8;
	color: #181b21;	
	}
	.carousel-indicators-banner1 [data-bs-target].active {
	background-color: #dfe6f8;
	color: #181b21;	
	}
	.campaign {
	text-decoration: campaign Highline;
	}
	#banner1 p {
	font-size: 21px;
	line-height: 32px;
	margin:32px 0px;
	}
	.hmpg-slidep {
	font-family: Segma;
	font-size: 14px;
	color: #181b21!important;
	line-height: 21px;
	}
	
	.hmpg-slideh3 {
	font-size: 40px;
	font-family: GALDERMA;
	line-height: 56px;
	margin-bottom: 20px;
	}
	.carousel-control-prev-icon-banner1 { 
	position: absolute;
	width: 17px;
	height: 14px;
	background-image: url("images/icon.png")!important;
	display: inline-block;
	}
	.carousel-control-next-icon-banner1 { 
	background-image: url("images/icon1.png")!important;
	position: absolute;
	width: 17px;
	height: 14px;
	display: inline-block;		
	}
	#hmpg-bannerutext {
	font-family: Segma;
	font-size: 15px!important;
	line-height: 24px!important;
	text-decoration-line: underline!important;
	display: block;
	margin: 20px 0px 0px;
	color: #181b21;
	font-weight: 400;
	}
	.hmpg-freearrow {	
	width: 66%;
	color: #181b21;
	opacity: 2;
	}
	.carousel-control-prev-banner1 {	
	border-radius: 50%;
	width: 48px!important;
	height: 48px;
	position: absolute;
	border: 1px white solid;
	top: 264px!important;
	left: 10px!important;
	opacity: .9;
	}
	.carousel-control-next-banner1 {		
	border-radius: 50%;
	width: 48px!important;
	height: 48px;
	position: absolute;
	border: 1px white solid;
	top: 264px!important;
	right: 10px!important;
	opacity: .9;
	}
		
	/*******************end of campaign banner**********************/
	/****************current dealls******************/
	#current h1 {
	font-size: 32px;
	line-height: 40px;
	font-family: GALDERMA;
	color: #181b21;
	}
	/************************end current **************/
	
			
	.hmpgcontainer {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 64px;
	}
	/******************freeshipping banner*********************/
	.hmpg-p {
	margin: 0;
	font-family: Segma;
	font-size: 14px;
	}
		
	.hmpg-bannerprev {
	background-image: url("../images/homepage/b1-previcon.png") !important;
	color: #181b21;
	width: 7.75px;
	height: 14px;
	position: relative;
	}
	.hmpg-bannernext {
	background-image: url('../images/homepage/b1-nexticon.png') !important;
	width: 7.75px;
	height: 14px;	
	}
	.hmpg-bannerprev-margin {
	margin-left: 822px;
	}
	.hmpg-bannernext-margin {
	margin-right: 857px;
	}
	/************************end of freee shippng*****************/
	/********************sale banner*************************/
	.hmpg-salebanner {
	height: 229px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 24px 0px;
	background-color: #dfe6f8;
	}
	.page-node-type-home-page .desktop h2 {
	font-weight: 600 !important;	
	line-height: 24px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	}
	.page-node-type-home-page .desktop h4 {
	font-weight: 600 !important;	
	line-height: 16px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	}	
	.page-node-type-home-page .desktop p {
	font-size:14px;
	line-height:21px;
	}
	.one,.two {
	padding: 7px 80px;
	text-align: center;
	}
	.hmpg-salesbutton {
	color: #181b21;
	border: 2px solid #181b21;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
	font-family: Segma;
	width: 192px;
	height: 31px;
	background-color: #dfe6f8;
	}
	#mobile {
	display: none;
  }
	/*******************end of sales banner***********************/
	/********************discount card***************************/
	#discountcarddiscountcard .card,#discountcard2 .card {
	border: 0;
	}
	#discountcard2 .row ,#discountcard2 .card .row {
	margin: 0;
	}
	#discountcard2 .hmpg-card-body {
	display: flex;
	flex-direction: column;
	background-color: #f8f8f8;
	align-items: center;
	padding: 48px 24px;
	line-height: 2.6;
	justify-content: center;
	}
	#discountcard2 .view-product,#discountcard2 img {
	padding: 0;
	}
	.hmpg-currentcenter {
	padding: 61px 24px 47px 24px;
	align-items: center;
	text-align: center;
	}
	#discountcard .hmpg-card-body {
	background-color: #f8f8f8;
	align-items: center;
	padding: 48px 24px;
	line-height: 2.6;
	display: flex;
	flex-direction: column;
	}
	#discountcard h1.card-title {
	font-size: 32px;
	line-height: 40px;
	font-family: GALDERMA;
	color: #181b21;
	}
	#discountcard .hmpg-card-body p {
	font-size: 15px;
	line-height: 24px;
	}	
	.hmpg-currentp {
	font-size: 15px;
	line-height: 24px;
	}
	.hmpg-currentbutton,.hmpg-currentbutton:hover,.hmpg-currentbutton:focus {
	color: white;
	border: 2px solid #181b21;
	font-size: 12px;
	font-family: Segma;
	width: auto;
	height: auto;
	padding: 16px 32px;
	background-color: #181b21;
	line-height: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	position: absolute;
	bottom: 47px;
	}
	.page-node-type-home-page .dot {
	background: #becdf0;
	bottom: 0;
	color: #181b21;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
	padding: 8px 18px;
	position: absolute;
	right: 24px;
	height: 135px;
	width: 135px;
	top: 24px;
	border-radius: 50%;
	border: 0;
	}
	.view-product {
	position: relative;
	}
	.dot p {
	font-family: segma;
	letter-spacing: 1.6px;
	font-size: 12px;
	line-height: 16px;
	}
	#discountcard .dot p {
	font-family: segma;
	letter-spacing: 2px;
	font-size: 12px;
	line-height: 16px;
	color: #181b21;
	text-transform: uppercase;
	}
	.dot h1 {
	margin: 0;
	}
	/*******************end discount card**********************/
	/********************* recomment ***************************/
	#hmpg-recomment {
	background: linear-gradient(-100deg,white 50%,deeppink 50%);
	height: 70vh;
	}
	.hmpg-recmntpdng {
	padding: 0px 150px;
	}
	.hmpg-recommendp {
	width: 486px;
	}
	.hmpg-recomment-card {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	}
	.info-area {
	text-align: left;
	}
	
	#recomment h1 {
	line-height: 40px;
	font-size: 32px;
	font-family: GALDERMA;
	font-weight: 400!important;
	}
	#recomment h3 {
	font-size: 18px;
	line-height: 32px;
	font-family: Segma;
	padding: 0px 165px;
	color: #181b21;
	}
	#recomment p {
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	}
	#recomment p a {
	color: #181b21;
	}
	#recomment p a:hover {
	color: #00309e;
	}
	.hmpg-rcmntbtn span {
	font-size: 10px ;
	line-height: 16px;
	font-family: Segma;
	background: #becdf0;
	border-radius: 26px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 2px 12px;
	white-space: pre-wrap;
	display: inline-block;
	margin-bottom: 2px;
	font-weight: 400;
	}
	.hmpg-rcmntbtn {
	margin-bottom: 2px;
	}
	/*************************end recomment ********************/
	/*******************start of 1st owl carousal********************/
	#team-slider.owl-carousel .owl-dots .owl-dot.active span,
	#team-slider.owl-carousel .owl-dots .owl-dot:hover span
	{
	background-color: #181b21;
	}
	#team-slider.owl-carousel .owl-dots {
	display: inline-block;
	width: 100%;
	text-align: center;
	}
	#team-slider.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	}
	#team-slider.owl-carousel .owl-dots .owl-dot span {
	border: 1px #181b21 solid;
	background-color: white;
	display: inline-block;
	margin: 0 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	}
	#team-slider .card {
	border: 0;
	}
	#team-slider .owl-next,#meetgalderma-corousel .owl-next {
	right: -57px;
	background-color: #181b21!important;
	opacity: .2;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	position: absolute;
	}
	#team-slider .owl-prev,#meetgalderma-corousel .owl-prev {
	left:-57px;
	background-color: #181b21!important;
	opacity: .2;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	position: absolute;
	}
	#team-slider .owl-prev,#team-slider .owl-next {	
	top: 280px;	   
	}
	#meetgalderma-corousel .owl-prev,#meetgalderma-corousel .owl-next {
	top: 350px;		
	}
	#team-slider .owl-prev span,#team-slider .owl-next span,#meetgalderma-corousel .owl-prev span,#meetgalderma-corousel .owl-next span {
	margin-top: 8px;
	display: inline-block;
	height: 14px;
	position: relative;
	width: 17.86px;
	}
	#team-slider .owl-prev span,#meetgalderma-corousel .owl-prev span {
	background-image: url("../images/homepage/prev_arrow_white.svg");
	}
	#team-slider .owl-next span,#meetgalderma-corousel .owl-next span {
	background-image: url("../images/homepage/next_arrow_white.svg");
	}
	#team-slider.owl-carousel .info-area {
	padding: 0px 32px 32px 32px;
	}
	#team-slider.owl-carousel .info-area:hover {
	padding: 0px 30px 30px 31px;
	}
	#team-slider p {
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	font-family: Segma;
	color: #181b21;
	}
	#team-slider h6 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: Segma;
	color: #181b21;
	}
	#team-slider h2 {
	font-family: GALDERMA;
	font-size: 24px;
	line-height: 32px;
	color: #181b21;
	}
	.hmpg-lv {
	Width: 22px;
	Height: 18.95px;
	}
	#team-slider .owl-item:hover {
	border: 1px solid #becdf0;
	margin: 0px 19px 19px 0px!important;
	}
	.homefav {
	padding: 0;
	width: auto!important;
	display: inline-block;
	}
	/*******************end of 1st owl carousal********************/
	/*********************start galderma portfolio************/
	#galderma h3 {
	font-size: 18px;
	line-height: 32px;
	font-family: Segma;
	color: #181b21;
	}
	#galderma h1 {
	font-family: GALDERMA;
	font-size: 32px;
	line-height: 40px;
	color: #181b21;
	}
	/*******************end of galderma portfolio******************/
	#recomment .info-area h4 {
	font-size: 10px;
	}
	/*****************galderma items desktop***************/
	#galderma1 .view-product img {
	padding: 24px 50px;
	width: 590.08px;
	height: 375.17px;
	}
	#galderma1 .three .view-product img {
	width: 336px;
	height: 202px;
	padding: 0px;
	}
	#galderma1 h3 {
	font-family: GALDERMA;
	line-height: 32px;
	font-size: 24px;
	min-height: 64px;
	font-weight: 400;
	}
	#galderma1 .hmpg-currentbutton {
	color: white;
	border: 2px solid #181b21;
	font-size: 12px;
	font-family: Segma;
	width: 92%;
	height: 48px;
	background-color: #181b21;
	line-height: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 20px;
	bottom: 12px;
	position: absolute;
	padding: 16px 32px;
	}
	#galderma1 .hmpg-currentbutton1 {
		color: white;
		border: 2px solid #181b21;
		font-size: 12px;
		font-family: Segma;
		width: 87%;
		height: 48px;
		background-color: #181b21;
		line-height: 16px;
		letter-spacing: 2px;
		text-transform: uppercase;
		margin-bottom: 20px;
		bottom: 12px;
		position: absolute;
		padding: 16px 32px;
	}
	#galderma1 .hmpg-card-body {
	padding: 24px 24px;
	background-color: white;
	}
		
	#galderma1 .card { 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2px;
	position: relative;
	border: 1px solid #ededed;
	height: 775px;
	}
	#galderma1.owl-carousel .item {
	background: #4dc7a0;
	padding: 1rem;
	}
	.flex-container {
	display: flex;
	flex-wrap: nowrap;
	background-color: DodgerBlue;
	}
	.flex-container div {
	background-color: #f1f1f1;
	width: 100px;
	margin: 10px;
	text-align: center;
	line-height: 75px;
	font-size: 30px;
	}
	#galderma2 .card {
	height: 785px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2px;
	position: static;
	border: 1px solid #ededed;
	}
	.hmpg-currentp {
	padding: 12px 0px 54px 0px;
	}
	
	#galderma2 h6 {
	line-height: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	}
	#galderma2 .view-product img {
	padding: 26px ;	
	}
	#galderma2 .hmpg-currentp {
	margin: 40px 0px;
	font-size: 18px;
	line-height: 32px;
	}
	#galderma1 .four .hmpg-currentp {
	margin: 40px 0px;
	font-size: 18px;
	line-height: 32px;
	}
	#galderma1 .three .hmpg-currentp {
	margin: 32px 0px;
	font-size: 15px;
	line-height: 24px;
	}
	#galderma1 .three {	
	height: 600px;	
	}
	#galderma2 .hmpg-card-body {
	padding: 40px 40px;
	background-color: white;
	}
	/*****************end of galderma items desktop***************/
	#galdermamobile {
	display: none;
  }
	.hmpg-gldrmap {
	display: none;
  }
	
	
	/***********start of galderma infn**************************************/
	#galdermainfn .col-lg-6,#galdermainfn .col-md-6 {
		padding: 0;
	}	
	#galdermainfn p {
		font-family: GALDERMA;
		font-size: 40px;
		line-height: 45px;
		margin: 0px 10px;
	}
	.hmpg-gldrmap2 {
		background-color: #f8f8f8;
		display: flex;
		align-items: center;
	}
	.hmpg-gldrmap2 >div {
		padding: 0px 40px;
	}
	.hmpg-gldrma-shop {
		display: none;
	}
	.hmpg-gldrma-shop a {
		font-size: 14px;
		line-height: 24px;
		text-decoration-line: underline!important;
		color: #181b21!important;
	}
	/******************end of galderma infn*******************************/
	#freeship-containter {
		background-color: #dfe6f8;
	}
	#freeship-containter .hmpg-freep {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 32px 0px;
		justify-content: center;
		text-align: left;
	}
	#freeship-containter h3 {
		font-weight: bold;
		line-height: 24px;
		margin: 0;
	}
	#freeship-containter p {
		font-size: 12px;
		line-height: 16px;
		margin: 0;
	}
	#freeship-containter img {
		width: 33.33px;
		height: 37.58px;
		position: absolute;
	}
	/*-----------------------------4 freee shipping items----------------------------------*/
	#galdermainfnbannermobiles {
		background-color: #dfe6f8;
	}
	#galdermainfnbannermobile1 .hmpg-freep {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 32px 0px;
		justify-content: center;
		text-align: left;
	}
	#galdermainfnbannermobile1 h3 {
		font-family: Segma-Semi-Bold;
		font-weight: 600!important;
		font-size: 18px;
		line-height: 24px;
		color: #181b21;	
		margin: 0;
	}
	#galdermainfnbannermobile1 p {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	font-weight: 400;
	color: #181b21;
	}

	#galdermainfnbannermobile1 .hmpg-free-col-3 {
	padding-left: 37px;
	}
	#galdermainfnbannermobile1 img {
	width: auto;	
	}
	#galdermainfnbannermobile1 .container {
	padding: 0;
	}
	
	#galdermainfnbannermobile1 .owl-prev {
	left: -50px;
	}
	#galdermainfnbannermobile1 .owl-next {
	right: 0px;
	}
	#galdermainfnbannermobile1 .owl-next,#galdermainfnbannermobile1 .owl-prev {
	position: absolute;
	top: 40px;
	}
	#galdermainfnbannermobile1 .owl-next i,#galdermainfnbannermobile1 .owl-prev i {
		
	font-size: 30px;
	color: #181b21;
	}
	/*-----------------------------end of 4 freee shipping items----------------------------------*/
	
	#galdermainfnbannertablet {
	display: none;
	}
	#galdermainfnbannermobile {
	display: none;
	}
	#galdermainfnbannertablet {
	display: none;
	}
	#freeship-containter .hmpg-free-col-3 {
	padding-left: 45px;
	}
	
	/***********************start of rep carousel******************/
	#meetgalderma-corousel .card-body {
		background-color: #f8f8f8;
	}
	#meetgalderma-corousel .card {
		border: 0;
		height: 100%;
	}
	#meetgalderma-corousel h2 {
		line-height: 32px;
		font-family: GALDERMA;
		font-size: 24px;
		color: #181b21;
	}
	#meetgalderma-corousel p {
		line-height: 24px;
		font-weight: 400;
		font-size: 15px;
		color: #181b21;
	}
	
	#meetgalderma-corousel.owl-carousel .owl-dots .owl-dot.active span,
	#meetgalderma-corousel.owl-carousel .owl-dots .owl-dot:hover span
	{
		background-color: #181b21;
	}
	#meetgalderma h1 {
	font-size: 32px;
	line-height: 40px;
	font-family: GALDERMA;
	}
	
	#meetgalderma h3 {
	font-family: Segma;
	font-size: 18px;
	line-height: 32px;
	}
	#meetgalderma-corousel.owl-carousel .owl-dots {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#meetgalderma-corousel.owl-carousel .owl-dots .owl-dot {
	  display: inline-block;
	}
	#meetgalderma-corousel.owl-carousel .owl-dots .owl-dot span {
		border: 1px #181b21 solid;
		background-color: white;
		display: inline-block;
		margin: 0 6px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
	}
	.hmpg-contactbutton {
		color: #181b21;
		border: 1px solid #c5c6c7;
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 2px;
		font-family: Segma;
		padding: 8px 20px;
		width: auto;
		height: 44px;
		background-color: #fff;
		text-transform: uppercase;
	}
	#galdermainfnbannermobile img {
		width: 33.33px;
		height: 37.58px;
		position: absolute;
		}
	
	
	/*promotion banner*/
	
	
	#promotion-banner ul {
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	}
	
	#promotion-banner ul li {
	  border: 1px solid #ddd;
	  margin-top: -1px; /* Prevent double borders */
	  background-color: black;
	  padding: 12px;
	  text-decoration: none;
	  font-size: 14px;
	  color: white;
	  display: block;
	  position: relative;
	  text-align: center;
	  line-height: 21px;
	  font-family: Segma;
	}
	
	#promotion-banner .close {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 25px;
		background-color: #181b21;
		transform: translate(0%, -50%);
		background-image: url("../images/homepage/close.svg");
		position:absolute;
		width: 14px;
		height: 14px;
		display: inline-block;	
	}
	
	.page-node-type-home-page .close {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 25px;
		transform: translate(0%, -50%);
		background-image: url("../images/homepage/closeicon.svg");
		position: absolute;
		width: 13px;
		height: 13px;
		display: inline-block;	
	}
	.bannerbold {
		font-weight: bold;
	}
		
	#promotion-banner .container-fluid {
	  padding: 0;
		
	}
	#discountcard .dot h1 {
		line-height: 32px;
		font-family: 'Segma-Semi-Bold';
		font-size: 32px;
		font-weight: 600!important;
		color: #181b21;
	}
	#discountcard .onedeal .hmpg-card-body {
		display: flex;	
		justify-content: center;	
		align-items: center;	
		flex-direction: column;
	}
	#promotion-banner p {
		font-size: 14px;
		line-height: 21px;
	}
	#freeship .owl-next i, #freeship .owl-prev i {
    margin-top: 3px;
		font-size: 20px;
    }
    #freeship .owl-next, #freeship .owl-prev {
		position: absolute;
		top: 12px;
    }
	#freeship .owl-next {
    right: 33%;
    }
    #freeship .owl-prev {
    left: 33%;
    }
   .promotion-margin {
	  margin-top: 45px;
   }
   #meetgalderma-corousel .owl-stage {
	  display: flex;
   }
	@media (max-width: 768px) {
	
		.testimonial-box .heart {
		height: 12px !important;
		width: 14px !important;
		margin-top: 0;
		}
		.testimonial-box .heart-full {
		height: 12px !important;
		width: 14px !important;
		margin-top: 0;
		}
	}
	@media (min-width: 768px) {
	.testimonial-box .heart {
		float: right;
		cursor: pointer;
		width: 22px !important;
		height: 18.95px;
	}
	.testimonial-box .heart-full {
		float: right;
		cursor: pointer;
		width: 22px !important;
		height: 18.95px;
	}
	}
	@media (max-width:768px) {
		
		#discountcard h1.card-title {
		font-size: 21px;
		line-height: 24px;
		}
		#current .hmpg-card-body p {
		font-size: 14px;
		line-height: 24px;
		}
		#discountcard .hmpg-card-body p {
		font-size: 14px;
		line-height: 21px;
		}
	
		.carousel-indicators-banner1 [data-bs-target] {
		width: 24px;
		height: 24px;
		border-radius: 50%;
		border: 1px solid white;
		background-color: #212529;
		color: white;
		text-indent: 0;
		font-size: 12px;
		margin-right: 4px;
		}
	
		/*salebanner*/
		.hmpg-salebanner {
		height: 165px;		
		}	
		.one,.two {
		padding: 7px 45px!important;
		text-align: center;
		}
		.hmpg-salesbutton {		
		font-size: 11px!important;
		width: 145px!important;
		line-height: 16px;
		}	
		.hmpg-salesarrow {
		visibility: visible;
		}
		
		.hmpg-currentp {
		font-size: 14px;
		line-height: 21px;
		}
		.dot {
		position: absolute!important;
		right: 12px!important;
		height: 100px!important;
		width: 100px!important;
		top: 12px!important;
		padding: 0!important;
		}
		.hmpg-freearrow {
		width: 45%!important;
		color: #181b21;
		opacity: 2;
		}
		.hmpg-card-body {
		padding: 26px 42px;
		}
		.desktop h1 {
		font-size: 22px;
		line-height: 30px;
		}
		
		.hmpg-salebanner {
		height: 148px;		
		}
		#mobile h2 {
		font-weight: 600;
		line-height: 24px;
		}
		
		#recomment h1 {
		font-size: 28px;
		line-height: 36px;
		font-family: GALDERMA;
		color: #181b21;
		}
		
		#recomment .info-area p {
		font-size: 12px;
		}
		#recomment .info-area h4 {
		font-size: 8px;
		}
		.hmpg-recmntpdng {
		padding: 0px 10px!important;
		}
		
		#team-slider.owl-carousel .owl-nav button.owl-prev,#team-slider.owl-carousel .owl-nav button.owl-next {
		display: none;
		}
		
		#owlcarousel {
		background-color: #eef2fb;
		}
		
		#galderma1 {
		display: none;
		}
		#galderma2 {
		display: none;
		}
		
		.hmpg-gldrmap {
		display: none;
		}
			
		.hmpg-gldrmap2 >div {
		padding: 15px 25px!important;
		}
		#freeship-containter {
		display: none;
		}
		
		#galdermainfnbannertablet {
		display: inline;
	  }
		
		#galdermainfnbannermobile1 .hmpg-salebanner {	
		display: flex;
		justify-content: center;
		padding: 24px 24px;
		background-color: #dfe6f8;
		align-items: center;
		height: 144px;		
		}
	
		#galdermainfnbannermobile1 .owl-prev {
		background-color: none;
		}
		#galdermainfnbannermobile1 .hmpg-free-col-3 {
		padding-left: 25px!important;
		}
		#galdermainfnbannermobile1 .owl-next span {
		background-image: url("images/b1-previcon.png");
		color: #181b21;
		width: 7.75px;
		height: 14px;
		position: relative;
		}
		#galdermainfnbannermobile1 .hmpg-bannernext {
		background-image: url('images/b1-nexticon.png');
		width: 7.75px;
		height: 14px;	
		}
		#galdermainfnbannermobile1 .hmpg-sale-prevbtn {
		margin-top: 8px;
		display: inline-block;
		height: 14px;
		position: relative;
		width: 17.86px;
		}
		#galdermainfnbannermobile1 .hmpg-sale-nextbtn {
		color: #181b21;
		opacity: 2;
		}
		
		
		/*--------------------------------------------*/
		#galdermainfnbannertablet {
		display: inline;
	  }
		#galdermainfnbannertablet h3 {
		font-weight: bold;
		line-height: 16px;
		font-size: 18px;
		margin: 0;
		}
		#galdermainfnbannertablet p {
			
		line-height: 24px;
		font-size: 12px;
		margin: 0;
		}
		#galdermainfnbannertablet .hmpg-salebanner {
			
		display: flex;
		justify-content: center;
		padding: 24px 24px;
		background-color: #dfe6f8;
		align-items: center;
		height: 144px;		
		}
		#galdermainfnbannertablet img {
		width: 33.33px;
		height: 37.58px;
		position: absolute;
		}
		#galdermainfnbannertablet .hmpg-free-col-3 {
		padding-left: 55px;
		}
		#galdermainfnbannertablet .hmpg-bannerprev {
		background-image: url("images/b1-previcon.png");
		color: #181b21;
		width: 7.75px;
		height: 14px;
		position: relative;
		}
		#galdermainfnbannertablet .hmpg-bannernext {
		background-image: url('images/b1-nexticon.png');
		width: 7.75px;
		height: 14px;	
		}
		#galdermainfnbannertablet .hmpg-sale-prevbtn{
		color: #181b21;
		opacity: 2;
		}
		#galdermainfnbannertablet .hmpg-sale-nextbtn {
		color: #181b21;
		opacity: 2;
		}
		
		#meetgalderma-corousel.owl-carousel .owl-nav button.owl-prev,#meetgalderma-corousel.owl-carousel .owl-nav button.owl-next {
		display: none;
		}
		
		#galdermainfnbannermobile1 .owl-prev {
		left: -10px!important;
		}
		#galdermainfnbannermobile1 .owl-next {
		right: -10px!important;
		}
		#meetgalderma h1 {
		font-size: 21px;
		line-height: 24px;
		}
		#team-slider.owl-carousel .owl-dots .owl-dot span {	
		width: 8px!important;	
		height: 8px!important;	
		}
		#meetgalderma-corousel.owl-carousel .owl-dots .owl-dot span {
		width: 8px;
		height: 8px;
		}
		#discountcard .onedeal .hmpg-card-body {
		top: 0px;
		}	
	}
	
	@media (max-width: 540px) {
		#carouselExampleControls .item {
			height: 68px;
			display: flex;
			align-items: center;
			padding: 8px 16px;
		}
		#meetgalderma h1 {
			font-size: 21px;
			line-height: 24px;
		}
		
		.hmpg-bannerprev-display {
			display: none!important;
		}
		.hmpg-bannernext-display {
		display: none!important;
		}
		.hmpg-slidep span {
		font-weight: bold;
		}
		.hmpg-slidep {
		font-weight: 700!important;
		padding-left: 58px;
		padding-right: 58px;
		}
		.one,.two {
		padding: 7px 90px;
		text-align: center
		}
		#mobile .hmpg-sale-prevbtn {
		width: 4%;
		color: #181b21;
		opacity: 2;
		}
		#mobile .hmpg-sale-nextbtn {
		width: 4%;
		color: #181b21;
		opacity: 2;
		}

		.hmpg-recmntpdng {
		padding: 0px!important;
		}
	
		#mobile {
		display: inline;
	  } 
		 
		.desktop {
		display: none;
		} 
		#galderma1 {
		display: none;
		}
		#galderma2 {
		display: none;
		}
		#team-slider.owl-carousel .owl-nav button.owl-prev,#team-slider.owl-carousel .owl-nav button.owl-next {
		display: none;
		}
		
		#team-slider h2 {
		font-size: 15px;
		line-height: 24px;
		margin: 0;
		}
		#team-slider p {
		font-size: 12px!important;
		line-height: 16px!important;
		padding-right: 60px;
		}
	
		#team-slider.owl-carousel .info-area {
		height: 196px;
		}
		
		.hmpg-rcmntbtn h4 {
		font-size: 8px;
		line-height: 12px;
		}
		.hmpg-recmntpdng {
		padding: 0px!important;
		}
		#galdermamobile {
		display: inline;
		} 
		.hmpg-gldrmap {
		display: inline;
	  }
		#galdermamobileview.owl-carousel .item {
		padding: 20px;
		height: 425px;
		}
		#galdermamobile p {
		font-size: 12px;
		line-height: 18px;
		margin: 0px 20px 0px;
		font-family: Segma;
		font-weight: 400;
		width: 85%;
		}
		
		#galdermamobile .hmpg-currentbutton {
		font-size: 11px;
		line-height: 16px;
		width: 88%;
		height: auto;
		padding: 8px 0px;
		text-align: center;
		letter-spacing: 2px;
		text-transform: uppercase;
		position: absolute;
		bottom: 12px;
		}
	
		#galdermainfn p {
		font-size: 21px!important;
		line-height: 32px;
		}
		
		.hmpg-gldrmap2 >div {
		padding: 40px 24px!important;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		}
		#freeship-containter {
		display: none;
		}
		#galdermainfnbannertablet {
		display: none;
		}
		
		#galdermainfnbannermobile h3 {
		font-weight: bold;
		font-size: 16px;
		line-height: 21px;
		margin: 0;
		}
		#galdermainfnbannermobile p {		
		font-size: 12px;
		line-height: 16px;
		margin: 0;
		}
		#galdermainfnbannermobile .hmpg-salebanner {
		display: flex;
		justify-content: center;
		padding: 24px 24px;
		background-color: #dfe6f8;
		align-items: center;
		height: 112px;		
		}
		#galdermainfnbannermobile1 .hmpg-freep {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 16px 0px;
		justify-content: center;
		text-align: left;
		height: 112px;
		}
		#galdermainfnbannermobile img {
		width: 33.33px;
		height: 37.58px;
		position: absolute;
		}
		#galdermainfnbannermobile .hmpg-free-col-3 {
		padding-left: 90px;
		}
		#galdermainfnbannermobile .hmpg-bannerprev {
		background-image: url("images/b1-previcon.png");
		color: #181b21;
		width: 7.75px;
		height: 14px;
		position: relative;
		}
		#galdermainfnbannermobile .hmpg-bannernext {
		background-image: url('images/b1-nexticon.png');
		width: 7.75px;
		height: 14px;	
		}
		#galdermainfnbannermobile .hmpg-sale-prevbtn {
		color: #181b21;
		opacity: 2;
		}
		#galdermainfnbannermobile .hmpg-sale-nextbtn {
		color: #181b21;
		opacity: 2;
		}
		#meetgalderma h3 {
		font-size: 14px!important;
		line-height: 21px;
		font-family: Segma;
		}
		#meetgalderma-corousel h2 {
		font-size: 18px;
		line-height: 24px;
	  }
		#meetgalderma-corousel p {
		font-size: 14px;
		line-height: 21px;
		font-family: Segma;
		}
		#meetgalderma-corousel.owl-carousel .owl-dots .owl-dot span {
		width: 8px;
		height: 8px;
		}
		#team-slider .owl-item {
		width: 268px!important;
		}
	
		#galdermamobileview .owl-item {
		width: 268px!important;
		}	
		
		#meetgalderma-corousel .owl-item {
		width: 265px!important;
		margin-bottom: 3rem!important;
		background-color: #f8f8f8;
		}
		#promotion-banner ul li {
		border: 1px solid #ddd;
		margin-top: -1px; /* Prevent double borders */
		background-color: black;
		padding: 8px 64px 8px 8px;
		text-decoration: none;
		font-size: 14px;
		color: white;
		display: block;
		position: relative;
		text-align: center;
		line-height: 16px;
		font-family: Segma;
	   }
	  
		#galdermainfnbannermobile1 .owl-prev {
		left: 10px!important;
		}
		#galdermainfnbannermobile1 .owl-next {
		right: 10px!important;
		}
		
		#galdermainfnbannermobile1 .hmpg-free-col-3 {
		padding-left: 46px!important;
		}
		#galdermainfnbannermobile1 img {
		width: auto;
		}
		#freeship .owl-next, #freeship .owl-prev {
		position: absolute;
		top: 22px;
		}
		#freeship .owl-next {
		right: 30px;
		}
		#freeship .owl-prev {
		left: 30px;
		}
		.promotion-margin {
		margin-top: 65px;
		}
	}
	
	@media (max-width: 1024px) {
		.hmpg-freearrow {
		width: 60%;
		color: #181b21;
		opacity: 2;
		}
		.hmpg-recmntpdng {
		padding: 0px 90px;
		}
		#galderma2 .view-product img {
		padding: 18px;
		width: 335px;
		height: 265px;
		}
		
		#freeship-containter .hmpg-free-col-3 {
		padding-left: 20px;
		}

	}
		
	@media (max-width: 960px) {
		
		.hmpg-img {
		height: 468px;
		}
		.carousel-control-next-banner1 {
		top: 205px;
		}
		.carousel-control-prev-banner1 {
		top: 205px;
		}
		.hmpgslide-text {
		right: 40%;
		}
		.desktop h4 {
		font-size: 14px;
		}	
		.hmpg-salesbutton {
		font-size: 11px;
		}	
		#freeship-containter .hmpg-free-col-3 {
		padding-left: 20px;
		}
		
		#discountcard2 .hmpg-card-body {
		display: flex;
		flex-direction: column;
		background-color: #f8f8f8;
		align-items: center;
		padding: 14px!important;
		line-height: 2.6;
		justify-content: center;
		}
		
		#galderma2 .hmpg-currentp {
		margin: 20px 0px;
		font-size: 18px;
		line-height: 25px;
		}

	}
	@media (max-width: 412px) {
		#galdermainfnbannermobile .hmpg-free-col-3 {
		padding-left: 65px!important;
		}
	}
	
	@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1440px;
	}
	}
	
	.btn1{
	color: red;
	background: red;
	}
	
	.carousel-item-next.carousel-item-left {
	display: block !important;
	}
	.hmpg-btn-bg-white .hmpg-btn-bg-white:hover {
	color: black!important;
	border: 1px solid #404040;
	text-decoration: none;
	}	
	.hmpg-btn-bg-black  {
	background-color: black;
	color: white;
	border: 1px solid #181b21;
	text-decoration: none;
	font-weight: 400;
	}
	
	.hmpgslide-text {
	text-align: left ;
	left: 10%;
	top: 10% ;
	right: 56%;
	padding: 2%;
	color: 181b21;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.5);
	}
	
	.campaign{
	text-decoration: campaign Highline;
	}
	#banner1 p {
	font-size: 21px;
	line-height: 32px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 600;
	font-family: 'Segma-Semi-Bold';
	}
	.hmpg-slidep {
	color: #181b21;
	font-family: Segma;
	font-size: 14px !important;
	line-height: 21px;
	}
	.hmpg-slideh3 {
	font-size: 40px!important;
	font-family: GALDERMA;
	line-height: 56px;
	}
	.carousel-control-prev-icon-banner1 { 
	position: absolute;
	width: 17px !important;
	height: 14px  !important;
	background-image: url("../images/homepage/prev_arrow_white.svg")!important;
	display: inline-block;
	}
	.carousel-control-next-icon-banner1 { 
	background-image: url("../images/homepage/next_arrow_white.svg")!important;
	position: absolute;
	width: 17px!important;
	height: 14px !important;
	display: inline-block;
	}
	
	.hmpg-freearrow {	
	width: 66% !important;
	color: #181b21 !important;
	opacity: 2 !important;
	}
	.hmpgcontainer {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 64px;
	}
	.hmpg-p {
	margin: 0;
	font-family: Segma;
	font-size: 14px;
	}
	/********************************start of sales banner*******************/
	#salebanner .hmpg-bannerprev {
	background-image: url("../images/homepage/prev.png") !important;
	color: #181b21!important;
	width: 7.75px !important;
	height: 14px !important;
	position: relative !important;
	}
	#salebanner .hmpg-bannernext {
	background-image: url('../images/homepage/next.png') !important;
	width: 7.75px !important;
	height: 14px !important;
	}	
	.hmpg-bannerprev {
	background-image: url("../images/homepage/b1-previcon.png") !important;
	color: #181b21 !important;
	width: 7.75px !important;
	height: 14px !important;
	position: relative !important;
	}
	.hmpg-bannernext {
	background-image: url('../images/homepage/b1-nexticon.png') !important;
	width: 7.75px !important;
	height: 14px !important;
	}
		
	/********************end od sales banner********************/
	
	.hmpg-bannerprev-margin {
	margin-left: 822px;
	}
	.hmpg-bannernext-margin {
	margin-right: 857px;
	}
	.hmpg-salebanner {
	height:229px;
	background-color: #dfe6f8;
	}
	.desktop h2 {
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	}
	#promotion-banner p {
	font-size: 14px;
	line-height: 21px;
	}
	.desktop h4 {
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	}	
	.desktop p {
	font-size: 14px;
	line-height: 21px;
	}
	.one {
	padding: 7px 52px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	}
	.hmpg-salesbutton, .hmpg-salesbutton :hover{
	color: #181b21!important;
	text-decoration: none !important;
	border: 2px solid #181b21;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
	font-family: Segma;
	padding: 11px 25px;
	}
	#mobile {
	display: none;
	}
	.campaign-img-mobile {
	display: none !important;
	}
	.campaign-img-desktop {
	display: block !important;
	}
	.hmpg-currentcenter {
	padding: 61px 24px 47px 24px;
	align-items: center;
	text-align: center;
	}
	.hmpg-card-body {
	background-color: #f8f8f8;
	align-items: center;
	padding: 24px;
	line-height: 2.6;
	}
	.hmpg-currentp {
		font-size: 15px;
	}
	.dot {
	  background: #becdf0;
	  bottom: 0;
	  color: #181b21;
	  font-family: 'Roboto', sans-serif;
	  font-size: 14px;
	  font-weight: 700;
	  margin-bottom: 0;
	  padding: 8px 20px;
	  position: absolute;
	  right: 24px;
	  height: 132px;
	  width: 132px;
	  top: 24px;
	  border-radius: 50%;
	  border: 0;
	}
	.view-product {
	  position: relative;
		padding: 0;	
	}
	.dot p {
		font-family: segma;
		letter-spacing: 1.6px
	}
	.dot h1 {
		margin: 0;
	}
	#hmpg-recomment {
		background: linear-gradient(-100deg,white 50%,deeppink 50%);
		height: 70vh;
		
	}
	.hmpg-recommendp {
		width: 486px;
	}
	.hmpg-recomment-card {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	.info-area {
		text-align: left;
	}
	
	#team-slider.owl-carousel .owl-dots .owl-dot.active span,
	#team-slider.owl-carousel .owl-dots .owl-dot:hover span
	{
		background-color: #181b21;
	}
	#team-slider.owl-carousel .owl-dots {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#team-slider.owl-carousel .owl-dots .owl-dot {
		display: inline-block;
	}
	#team-slider.owl-carousel .owl-dots .owl-dot span {
		border: 1px #181b21 solid;
		background-color: white;
		display: inline-block;
		margin: 0 6px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
	}
	#team-slider.owl-carousel .owl-nav {
		display: inline-block;
		}
		.out-of-stock {
		height: 24px;
		width: 123px;
		font-size: 10px;
		line-height: 16px;
		border-radius: 26px;
		padding: 4px, 12px, 4px, 12px;
		}
	
	#recomment .info-area h4 {
		font-size: 10px;
	}
	@media (max-width:768px) {
		
		.hmpg-img {
			height: auto!important;
		}
		.carousel-control-prev-icon-banner1 { 
		background-image: url("../images/homepage/prev_arrow_white.svg");
		width: 11.91px;
		height: 9.33px;
		border-radius: 50%;
		}
		.carousel-control-next-icon-banner1 { 
		background-image: url("../images/homepage/next_arrow_white.svg");
		width: 11.91px;
		height: 9.33px;
		border-radius: 50%;
		}
			
		.carousel-control-prev-banner1,.carousel-control-next-banner1 {
		top: 166px  !important;
		height: 32px;
		width: 32px  !important;
		border: 0;
		background: #181b21;
		opacity: 0.5  !important;
		}
		
		.hmpgbutton {
		padding: 8px 16px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 11px;
		line-height: 16px;
		/* margin: 30px 2px;*/
		transition-duration: 0.4s;
		cursor: pointer;
		width: auto;
		height: 32px;
	  }
	
		.hmpg-btn-bg-white {
		background-color: white;
		color: black;
		border: 1px solid #404040;
		text-decoration: none;
		}	
		.hmpg-btn-bg-black {
		background-color: black;
		color: white;
		border: 1px solid white;
		text-decoration: none;
			
		}

	.hmpg-slidep {
		font-family: Segma;
		font-size: 13px !important;
		line-height: 18px
	}
	
	.hmpgslide-text {
		text-align: left;
		left: 12%;
		top: 10% ;
		width: 250px;
	}

		.carousel-indicators-banner1 [data-bs-target] {
		width: 24px;
		height: 24px;
		border-radius: 50%;
		border: 1px solid white;
		background-color: #212529;
		color: white;
		text-indent: 0;
		font-size: 12px;
		margin-right: 4px;
		}

	  .hmpg-salebanner {
			height: 148px;
			width: 375px;
			background-color: #dfe6f8;
		}
		
		.one,.two {
			padding: 7px 45px!important;
			text-align: center
		}
		#mobile .hmpg-salebanner .carousel-inner {
			height: 148px;
		}
		.hmpg-salesbutton {
	  font-size: 11px!important;
		width: 145px!important;
		line-height: 16px;
		color: white !important;
		border: 2px solid white;
		background-color: #181b21;
		}
		
		.hmpg-salesarrow {
    visibility:visible;
		}
		
		.dot {
		position: absolute!important;
		right: 12px!important;
		height: 100px!important;
		width: 100px!important;
		top: 12px!important;
		padding: 0!important;
		}
		.hmpg-freearrow {
		width: 66%!important;
		color: #181b21;
		opacity: 2;
		}
		.campaign-img-mobile {
		display: block !important;
			
		}
		.campaign-img-desktop {
		display: none !important;
			
		}
		#mobile h2 {
		font-size: 24px;
		font-weight: 600!important;
		line-height: 24px;
		padding-top: 4px;
		}
		#mobile h4 {
		font-size: 14px;
		line-height: 16px;
		letter-spacing: 0.02em;
		text-transform: uppercase;
		}
		#mobile p {
		font-size: 14px;
		line-height: 21px;
		}
		#recomment .info-area p {
			font-size: 12px;
		}
		#recomment .info-area h4 {
			font-size: 8px;
		}
		#team-slider.owl-carousel .info-area {
			padding: 0px 16px 16px;
		}
	
}
		@media (max-width: 540px) {
		.hmpg-slideh3 {	
			font-size: 24px!important;
			line-height: 32px!important;
			margin-bottom: 0px;
			font-family: GALDERMA;
			color: #181b21;
		}
		.hmpg-campaign-height {
			max-height: inherit!important;
		}
		#banner1 p { 
			font-size: 12px!important;
			line-height: 24px!important;
			margin: 25px 0px;
			color: #181b21;
		}
		#hmpg-bannerutext {
		font-size: 14px!important;
		line-height: 24px!important;
		display: block;
		color: #181b21;
		margin: 20px 0px;
	  }
	  #current h1 {
			font-size: 21px !important;
			line-height: 24px;
			color: #181b21;
		}
		#discountcard .dot p {   
			letter-spacing: 2px;
			font-size: 10px!important;
			line-height: 16px;
		}
		#discountcard .dot h1 {
			font-weight: 600;
			font-size: 24px;
			line-height: 24px;
		}
		.hmpg-bannerprev-display {
			display: block!important;
			left: -79px;
		}
		.hmpg-bannernext-display {
			display: block!important;
			margin-right: -163px;
		}
		.one,.two {
			padding: 7px 90px;
			text-align: center;
				
		}
		#discountcard .hmpg-currentbutton {
			font-size: 11px;
			width: auto;
			height: 32px!important;
			padding: 8px 16px;
			letter-spacing: 2px;
			line-height: 16px;
			bottom: 22px;
		}
		.hmpg-currentp {
			padding: 12px 0px 28px 0px;
		}
		.hmpg-sale-prevbtn {
			width: 4%;
			color: #181b21;
			opacity: 2;
			left: 7px!important;
		}
		.hmpg-sale-nextbtn {
			width: 4%;
			color: #181b21;
			opacity: 2;
			right: 7px!important;
		}
		#discountcard .hmpg-card-body {
			background-color: #f8f8f8;
			align-items: center;
			padding: 24px;
			line-height: 2.6;
			}
		.carousel-control-prev-banner1 {		
			border-radius: 50%;
			width: 32px!important;
			height: 32px;
			position: absolute!important;
			top: 190px!important;
			left: 8px!important;
		}
		
		#recomment h1 {
			font-family: GALDERMA;
			font-size: 21px;
			line-height: 24px!important;
		}
		
		#recomment h3 {
			font-size: 14px!important;
			line-height: 21px;
			font-family: Segma;
			padding: 0px;
		}
		#recomment p {
		font-size: 14px;
		line-height: 24px;
	  }
	  .carousel-control-next-banner1 {
		border-radius: 50%;
		width: 32px !important;
		height: 32px;
		position: absolute !important;
		top: 190px !important;
		right: 8px !important;
		}

		#mobile {
			display: inline;
		} 
	  .desktop {
		 display: none;
		 } 
		
	  #promotion-banner .close {
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 25px;
		transform: translate(0%, -50%);
		background-image:url("../images/homepage/close.svg");
		position: absolute;
		width: 14px;
		height: 14px;
		display: inline-block;	
		}
	   #team-slider.owl-carousel .info-area {
			padding: 8px 16px 16px;
			background-color: white;
		}
		#team-slider.owl-carousel .owl-nav button.owl-prev,#team-slider.owl-carousel .owl-nav button.owl-next {
			display: none;
		}
		#galderma h3 {
			font-size: 14px!important;
			line-height: 21px;
			font-family: Segma;
		}
		#galderma h1 {
			font-family: GALDERMA;
			font-size: 21px;
			line-height: 24px;
		}
		#owlcarousel {
			background-color: #eef2fb;
		}
		#team-slider h6 {
			font-size: 9px;
			line-height: 16px;
			margin: 0;
			font-family: Segma;
		}
		
		#team-slider h2 {
			font-family: GALDERMA;
			font-size: 15px !important;
			line-height: 24px;
		}
		#team-slider p {
			font-size: 12px!important;
			line-height: 16px;
			width: 250px;
			font-weight: 500;
		}
		
		#team-slider.owl-carousel .info-area {
			height: 295px; 
		}
		.hmpg-rcmntbtn span {
			font-size: 8px;
		}
		
	.info-area {
			width: 268px;
			height: auto;
		}
	#galdermainfnbannermobile1 h3 {
			font-family: Segma-Semi-Bold;
			font-weight: 600 !important;
			line-height: 21px;
			font-size: 16px !important;
			margin: 0;
		}
		#galdermainfnbannermobile1 p {
			line-height: 16px;
			font-size: 12px !important;
			margin: 0;
		}
		#galdermamobile {
			display: inline;
		} 
		#galdermamobile .testimonial-box {
			background-color: #eef2fb;
		}
		#galdermamobile .owl-item {
			background-color: white;
			margin-bottom: 1.5rem;	  
		}
		
		
		#galdermamobileview.owl-carousel .owl-dots .owl-dot.active span,
		#galdermamobileview.owl-carousel .owl-dots .owl-dot:hover span
		{
			background-color: #181b21;
		}
		#galdermamobileview.owl-carousel .owl-dots {	
			display: inline-block;
			width: 100%;
			text-align: center;
		}
		#galdermamobileview.owl-carousel .owl-dots .owl-dot {
			display: inline-block;
		}
		#galdermamobileview.owl-carousel .owl-dots .owl-dot span {
			border: 1px #181b21 solid;
			background-color: white;
			display: inline-block;
			margin: 0 6px;
			width: 8px;
			height: 8px;
			border-radius: 50%;
		}
		#galdermamobile {
			background-color: #eef2fb;
		}
		#galdermamobileview.owl-carousel .item {
			padding: 16px;
		}
		#galdermamobileview.owl-carousel .owl-item img {
			padding: 20px 20px 0px;
			width: 218px;
			height: 144px;
		}
		#galdermamobileview h4 {
			font-size: 15px !important;
			line-height: 24px;
		}
		.hmpg-gldrma-shop {
		  display: inline;
		}
		.hmpgslide-text {
			text-align: left ;
			left: 15% !important;
			top: 10%;	
			width: auto;
			position: unset;
			background-color: #ffffff;
			padding: 16px 16px 24px;
		}
		.bx-wrapper .bx-viewport {
			height: auto !important;
		}
		}
		@media (max-width: 1024px) {
			.hmpg-freearrow{
			width: 60%!important;
			color: #181b21;
			opacity: 2;
			}
		}
	
		@media (max-width: 960px) {
	
		.hmpg-img {
			height: 468px;
		}
		.carousel-control-next-banner1 {
			top: 205px;
		}
		.carousel-control-prev-banner1 {
			top: 205px;
		}
		.hmpgslide-text {
			right: 40%;
		}
		.desktop h4 {
			font-size: 14px;
		}	
		.hmpg-salesbutton {
			font-size: 11px;
		}
	}
	
	#promotion-banner ul {
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	}
	
	#promotion-banner ul li p {
	 margin: 0px!important;
	}
	
	.bannerbold {
		font-weight: bold;
	}
		
	#promotion-banner .container-fluid {
		padding: 0;
		
	}
	
	.carousel-item {
		transition: transform .2s ease-in-out !important;
		
	}

	.shop-home-banner .bx-wrapper .bx-prev {
		background-color: rgba(0,0,0,.5) !important;
		background-image: url(../images/home-left.svg) !important;
		opacity: 1.9;
		border: 1px solid #80808078;
		left: 15px !important;
	}
	.shop-home-banner .bx-wrapper .bx-next {
		background-color: rgba(0,0,0,.5) !important;
		background-image: url(../images/home-right.svg) !important;
		right: 15px !important;
		opacity: 1.9;
		border: 1px solid #80808078;
	}
	.shop-home-banner .bx-wrapper .bx-pager.bx-default-pager a {
		width: 24px;
		height: 24px;
		border-radius: 50%;
		border: 1px solid white;
		background-color: #212529;
		text-indent: unset;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		background: transparent;
	}
	.shop-home-banner .bx-wrapper .bx-pager {
		text-align: left !important;
		padding-left: 9%;
		bottom: 12px;
		margin-left: 7px;
	}
	.shop-home-banner .bx-wrapper .bx-pager-item {
		font-size: 12px;
    line-height: 12px;
		color: #fff;
	}
	.shop-home-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
		background: #dfe6f8 !important;
		color: #181b21;
		text-decoration: none;
	}
	.shop-home-banner .bx-wrapper {
		margin-bottom: 0px !important;
		}
	.default-height {
		height: 460px;
		overflow: hidden;
	}

	@media (max-width: 576px) {
		.default-height {
			height: 462px;
			overflow: hidden;
		}
		.shop-home-banner .bx-wrapper .bx-prev {
			display: block !important;
			background-color: rgba(0,0,0,.5) !important;
			border: none !important;
			width: 32px !important;
			height: 32px  !important;
			background-size: 13px;
			top: 20%;
		}
		.shop-home-banner .bx-wrapper .bx-next {
			display: block !important;
			background-color: rgba(0,0,0,.5) !important;
			border: none !important;
			width: 32px !important;
			height: 32px  !important;
			background-size: 13px;
			top: 20%;
		}
		.shop-home-banner .bx-wrapper .bx-pager {
			bottom: 20px;
			padding-left: 8%;
			margin-left: 23px;
			display: none;
		}
		.shop-home-banner .bx-wrapper .bx-pager.bx-default-pager a {
			width: 24px;
    	height: 24px;
			font-weight: 400 !important;
		}
		#team-slider .owl-item {
			height: auto!important;
			margin-bottom: 0px!important;
		}
		#team-slider .owl-item:hover {
			border: none;
			margin: 0px 20px 0px 0px!important;
		}
	}
	@media  (min-width:1365px) and (max-width:1800) {
		#team-slider .owl-next, #meetgalderma-corousel .owl-next {
			right: -36px !important;
			background-color: #181b21!important;
			opacity: .2;
			border-radius: 50%;
			width: 48px;
			height: 48px;
			position: absolute;
		}
		#team-slider .owl-prev, #meetgalderma-corousel .owl-prev {
			left: -36px !important;
			background-color: #181b21!important;
			opacity: .2;
			border-radius: 50%;
			width: 48px;
			height: 48px;
			position: absolute;
		}
	}

	.shop-home-banner .bx-wrapper {
		margin-bottom: 0px !important;
	}

	.recom .disable-product {
		opacity: 0.5;
	}
	.hmpg-rcmntprice {
		font-weight: 700!important;
	}
	#team-slider .owl-item {
		height: 600px;
		margin-bottom: 20px;
	}
	.homeSlider_item {
		position: relative;
	}
	.hmpg-campaign-height:hover {
		max-height: 130px;
		overflow-y: auto;
		padding-right: 2px;
	}
	.hmpg-campaign-height {
		max-height: 130px;
		overflow-y: hidden;
		padding-right: 2px;
	}
	.hmpg-campaign-height::-webkit-scrollbar {
		width: 2px;
		padding-right: 2px;
	}
	
	.hmpg-campaign-height::-webkit-scrollbar-track {
		background: none;
	}
	
	.hmpg-campaign-height::-webkit-scrollbar-thumb {
		border-radius: 1rem;
		background: #181b21;
	}