/* #Web Fonts
================================================== */
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Unna:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&display=swap);

/* #Reset
================================================== */
* {
	margin: 0;
	padding: 0;
}
body, html, form, fieldset, ul, li {
	margin: 0;
	padding: 0;
	outline: none;
	/*font-weight: normal;*/
	border: 0;
}
form, fieldset {
	width: 100%;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	border: 0;
	outline: 0;
}
ul {
	list-style: none;
}
a,
a:hover,
a:focus {
	border: 0;
	outline: none;
	text-decoration: none !important;
}
a:focus, input:focus {
	outline: none;
	background: none;
}

/* ADA Code */
#adas-init-access-tool .adas-access-tool-general-button{
	left: 0;
}

/* #General Code
================================================== */
html { font-size: 18.4px; }
body {
	font-family: 'Work Sans', sans-serif;
	font-size: 17px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.75px;
	line-height: 1.6;
	color: #333333;
	background: #ffffff;
	text-rendering: optimizeLegibility;
	-webkit-backface-visibility: hidden;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	object-fit: contain;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: 'Unna', serif;
	line-height: 100%;
	color: #333333;
}
h1 sup {
	font-size: 18.4px;
	vertical-align: super;
	font-family: 'Work Sans', sans-serif;
}
b {
	font-weight: 700;
}
.container {
	width: 100% !important;
	max-width: 1170px !important;
}
.btn-dark {
	padding: 10px 20px;
	font-size: 17px;
	line-height: 100%;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	background: #091e37;
	border: 1px solid #091e37;
	border-radius: 0px;
	cursor: pointer;
}

#wc-slide .container {
	padding: 50px 25px;
}
#wc-slide-btn{
	padding: 15px 50px;
	background: #955C45;
	border: 1px solid #955C45;
}

#wc-title{
	font-family: "Work Sans";
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 20px;
}

#wc-p{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5%;
}

#your-hour-her-power-logo{
	max-width: 500px;
	width: 57%;
	margin-left: -20px;
	margin-bottom: 5%;
}

.slider-container .flex-caption .wc-info {
	padding-bottom: 10%;
	max-width: 960px;
	margin: auto;
}

.btn-gold {
	padding: 10px 20px;
	font-size: 17px;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	background-color: #e1c27a;
	border: 1px solid #e1c27a;
	border-radius: 0px;
	cursor: pointer;
	text-align: center;
	display: inline-block;
}
.text-gold {
	color: #e1c27a;
}
/* #Header
================================================== */
header {
	width: 100%;
}
header .header-top {
	padding: 5px 0;
	background: #f3f4f5;
}
header .header-top .social-top {
	width: 100%;
}
header .header-top .social-top ul li {
	display: inline-block;
	margin: 0 10px 0 0;
}
header .header-top .social-top ul li:last-child {
	margin: 0;
}
header .header-top .social-top ul li a {
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}
header .header-top .caption-top {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #333333;
}
header .header-top .caption-top b {
	font-weight: 600;
}
header .header-top .cart-top {
	width: 100%;
	text-align: right;
}
header .header-top .cart-top ul li {
	display: inline-block;
}
header .header-top .cart-top ul li a {
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}
header .navbar-custom {
	width: 100%;
	padding: 30px 0 0;
	background: #091e37;
}
header .navbar-custom .navbar-expand-lg {
	flex-flow: wrap;
}
header .navbar-custom .navbar {
    margin: 0;
    padding: 0;
}
header .navbar-custom .navbar .navbar-custom-top {
	width: 100%;
	/*padding: 0 0 16px 0;*/
}
header .navbar-custom .navbar .navbar-custom-top .navbar-brand {
	display: block;
	width: 126px;
	height: 54px;
	padding: 0;
	margin: 0 auto;
	font-size: 0px;
}
header .navbar-custom .navbar .navbar-custom-top .navbar-toggler {
	padding: 0;
	margin: 0;
	font-size: 24px;
	line-height: 20px;
	color: #ffffff;
	border: none;
	outline: none;
}
header .navbar-custom .navbar .navbar-custom-top .cart-right {
	display: none;
	width: 100%;
	text-align: right;
}
header .navbar-custom .navbar .navbar-custom-top .cart-right ul li {
	display: inline-block;
	margin: 17px 0 0 0;
}
header .navbar-custom .navbar .navbar-custom-top .cart-right ul li a {
	font-size: 20px;
	line-height: 20px;
	color: #ffffff;
}
header .navbar-custom .navbar .navbar-custom-bottom {
	width: 100%;
}
header .navbar-custom .navbar .navbar-custom-bottom .container {
	position: relative;
}
header .navbar-custom .navbar .navbar-custom-bottom .container .justify-content-md-center {
	margin: auto;
}
header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item {
	margin: 0 76px;
}
header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item:first-child {
	margin-left: 0px;
}
header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item:last-child {
	margin-right: 0px;
}
header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item .nav-link {
	/*position: relative;*/
	padding: 0;
	line-height: 30px;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	border-bottom: 5px solid #091e37;
}
header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item:hover .nav-link {
	border-bottom: 5px solid #fff;
}
header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav #nav-product.nav-item .nav-link:hover {
	border-bottom: 5px solid #f4f4f4;
}
header .navbar-custom .navbar .navbar-custom-bottom #nav-product:hover .nav-child {
	display: block;
}
header .navbar-custom .navbar .navbar-custom-bottom #nav-product .nav-child {
	display: none;
	position: absolute;
	padding: 0 15px 10px;
	top: 100%;
	right: 0;
	z-index: 10;
	font-size: 15px;
	overflow: hidden;
}
header .navbar-custom .navbar .navbar-custom-bottom #nav-product .nav-child > .d-flex {
	box-shadow: 0 2px 12px 0 rgba(107,107,107,0.5);
	margin: 0 auto
}
header .navbar-custom .navbar .navbar-custom-bottom .nav-child .container-box {
	padding: 20px 30px;
	background-color: #fff;
}
header .navbar-custom .navbar .navbar-custom-bottom .nav-child #nav-child-left {
	background-color: #f4f4f4;
}
header .navbar-custom .navbar .navbar-custom-bottom .nav-child li.category a,
header .navbar-custom .navbar .navbar-custom-bottom .nav-child .product-lists a {
	display: block;
	padding: 10px 0;
	cursor: pointer;
	color: #333;

}
header .navbar-custom .navbar .navbar-custom-bottom .nav-child li.category {
	width: 67px;

}
header .navbar-custom .navbar .navbar-custom-bottom .nav-child li.active,
header .navbar-custom .navbar .navbar-custom-bottom .nav-child li.category:focus,
header .navbar-custom .navbar .navbar-custom-bottom .nav-child li.category:hover,
header .navbar-custom .navbar .navbar-custom-bottom .nav-child a:focus,
header .navbar-custom .navbar .navbar-custom-bottom .nav-child a:hover {
	font-weight: 600;
}
header .navbar-custom .navbar .navbar-custom-bottom .nav-child .product-lists {
	width: 318px;
}
header .navbar-custom .navbar .navbar-custom-bottom .nav-child .product-list:not(.active) {
	display: none;
}

header .navbar-custom .navbar .navbar-custom-bottom .nav-child .top-products {
	width: 420px;
	margin-left: 15px;
}
header .navbar-custom .navbar .navbar-custom-bottom .nav-child .top-prod {
	width: 200px;
	text-align: center;
	box-sizing: content-box;
}
header .navbar-custom .navbar .navbar-custom-bottom .nav-child .top-prod img {
	background-color: #f4f4f4;
	padding: 7px 8px 0;
	margin-bottom: 8px;
}
header .navbar-custom .navbar .navbar-custom-bottom .nav-child .top-prod b {
	font-weight: bold;
	line-height: 1.25;
}

.navbar-custom-left {
	max-width: 316px;
	height: 100%;
	position: fixed;
	top: 0;
	overflow: auto;
	overflow-y: scroll;
	z-index: 999;
	background-color: #f4f4f4;
	box-shadow: 0 7px 20px -2px rgba(0,0,0,0.5);
	padding-bottom: 50px;
}

.navbar-custom-left.width {
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
.navbar-custom-left.collapsing.width { width: 0; }

.navbar-custom-left p.shipping-top {
	width: 316px;
	text-align: center;
	margin-bottom: 0;
	padding: 30px 15px;
	background-color: #6D7278;
	font-size: 12.5px;
	color: #fff;
}
.navbar-custom-left ul.nav-list-mobile li {
	cursor: pointer;
	text-transform: uppercase;
	font-size: 15px;
}
.navbar-custom-left ul.nav-list-mobile li a {
	color: #333;
}
.navbar-custom-left ul.nav-list-mobile > li.nav-item:hover,
.navbar-custom-left.no-touch ul.nav-list-mobile #nav-product-collapse li.nav-item:hover,
#nav-product-collapse.showing #nav-product {
	background-color: #0C233F;
	color: #fff;
}
.navbar-custom-left ul.nav-list-mobile li.nav-item:hover a {
	color: #fff;
}
.navbar-custom-left ul.nav-list-mobile .cart-mobile {
	background-color: rgba(216,216,216,0.32);
	margin: 30px 0 20px;
}
.navbar-custom-left .collapse-sign.plus {
	float: right;
	font-size: 22px;
	line-height: 22px;
}
.navbar-custom-left .collapse-sign.minus {
	float: right;
	font-size: 28px;
	line-height: 20px;
}
.navbar-custom-left ul.accordion {
	margin-bottom: 16px;
}
.navbar-custom-left ul.accordion .card {
	border: none;
	border-radius: 0;
	background-color: #f4f4f4;
}
.navbar-custom-left ul.accordion .card .wrapper {
	border-bottom: 1px solid rgba(151,151,151,0.3)!important;
	margin-left: 40px;
}
.navbar-custom-left ul.accordion .card .c-header {
	margin-left: -40px;
	padding: 15px 1rem 15px 40px;
}
.navbar-custom-left ul.accordion .card .c-header.active,
.navbar-custom-left.no-touch ul.accordion .card .c-header:hover {
	background-color: #EBEBEB;
}
.navbar-custom-left ul.accordion .card .c-header.active span.text,
.navbar-custom-left.no-touch ul.accordion .card .c-header:hover span.text {
	font-weight: bold;
}
.navbar-custom-left ul.accordion .card .c-body ul {
	padding: 10px 1rem 10px 0;
}
.navbar-custom-left ul.accordion .card .c-body ul li {
	padding: 12px 0;
}
.navbar-custom-left ul.accordion .card .c-body ul li:hover {
	font-weight: bold;
}
#md-banner {
	background-image: url(https://cdn.citybeauty.com/images/images/md-banner-img.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 100%;
	height: 108px;
	display: flex;
	align-items: center;
}
#md-banner .md-left {
	margin-left: 5%;
	padding-right: 20px;
	border-right: solid 1px #333333;
}
#md-banner .md-left h2 {
	font-size: 34.5px;
	text-transform: uppercase;
}
#md-banner .md-left h2 .md-blue {
	color: #1d3287;
	font-weight: bold;
}
#md-banner .md-left p {
	font-size: 17px;
	color: #333333;
	margin-bottom: 0;
}
#md-banner .md-right {
	padding-left: 20px;
	font-size: 24px;
	text-transform: uppercase;
	color: #333333;
}
#md-banner .md-right .promo-code {
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px;
	background-color: #b2242f;
	cursor: pointer;
}

/* #Flexslider
================================================== */
.slider-container {
    display: block;
    width: 100%;
    padding-top: 50px;
}
.slider-container .flex-container {
    position: relative;
    overflow: hidden;
}
.slider-container .flexslider {
	margin: 0;
	border: none;
}
.slider-container .flexslider .slides > li {
    width: 100%;
    height: 100%;
    display: none;
    -webkit-backface-visibility: hidden; /* Hide the slides before the JS is loaded. Avoids image jumping */
}
.slider-container .flex-caption {
	display: none;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.slider-container .flex-caption .info6 {
	text-align: center;
	background: transparent;
	max-width: 900px;
	margin: auto;
}
.slider-container .flex-caption .info6 h1 {
	font-size: 56px;
	margin: 0 0 12px 0;
	font-weight: 400;
	color: #fff;
}
.slider-container .flex-caption .info6 h2 {
	margin: 0 0 16px 0;
	font-weight: 400;
	color: #fff;
}
.slider-container .flex-caption .info6 p {
	font-size: 20px;
	margin: 0 auto 8px;
	line-height: 1.35;
	color: #fff;
	letter-spacing: 1px;
	max-width: 600px;
}
.slider-container .flex-caption .info6 p b {
	color: #E0C17A;
	font-weight: 500;
}
.slider-container .flex-caption .info6 p i {
	font-size: 13px;
}
.slider-container .flex-caption .info6 .form-group {
	display: flex;
	margin: 0 25px 0 0;
	width: calc(49% - 80px);
}
.slider-container .flex-caption .info6 form {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 25px auto 0;
}
.slider-container .flex-caption .info6 .form-group label {
	margin-bottom: 0;
	padding: 10px 25px;
	font-size: 14px;
	text-align: center;
	background-color: #eee;
	font-weight: bold;
	text-transform: uppercase;
}
.slider-container .flex-caption .info6 .form-control {
	border: none;
	background-color: #fff;
	color: #333333;
	height: 43px;
	width: calc(100% - 100px);
}
.slider-container .flex-caption .info6 .btn-dark {
	width: 180px;
	float: left;
	background-color: transparent;
	border: 2px solid #fff;
	padding: 11px 10px;
}
.slider-container .flexslider .slides > li#cb-mon-banner {
	border: solid 1px #CCCCCC;
}
.slider-container .flex-caption .info7 {
	text-align: center;
	background: transparent;
	float: right;
	width: 62%;
}
.slider-container .flex-caption .info7 #low-stock-circle #less {
	display: none;
}
.slider-container .flex-caption .info7 #low-stock-circle {
	display: none;
	background-color: #c01f1f;
	color: #fff;
	line-height: 1;
	border-radius: 50%;
	width: 170px;
	padding: 50px 18px;
	font-size: 14px;
	position: absolute;
	left: 20%;
}
.slider-container .flex-caption .info7 h1 {
	font-size: 69px;
	margin: 0;
	font-weight: 400;
}
.slider-container .flex-caption .info7 p {
	font-size: 20px;
	margin: 0 auto 25px;
	line-height: 1.35;
	letter-spacing: 1px;
	max-width: 600px;
}
.slider-container .flex-caption .info7 .mobile {
	display: none;
}
.slider-container .flex-caption .info7 p.gray-bg {
	background: url('https://cdn.citybeauty.com/images/images/promo/blur-desktop.png') no-repeat;
	background-size: 100% 100%;
	padding: 35px 10px;
	max-width: 400px;
	margin-bottom: 0;
}
.slider-container .flex-caption .info7 p#subheading {
	margin-bottom: 10px;
}
.slider-container .flex-caption .info7 p#subheading b {
	color: #c53131;
}
.slider-container .flex-caption .info7 p.sm {
	font-size: 13px;
	margin: 15px auto 0;
}
.slider-container .flex-caption .info7 a {
	display: block;
	max-width: 400px;
	margin: auto;
}
.slider-container .flex-caption .info7 .btn-dark {
	display: block;
	font-size: 20px;
	padding: 20px 10px;
}
.slider-container .flex-caption .info8 {
	padding-bottom: 10%;
	max-width: 960px;
	margin: auto;
}
.slider-container .flex-caption .info8 h1 {
	text-align: left;
	margin-bottom: 15px;
}
.slider-container .flex-caption .info8 p {
	text-align: left;
	max-width: 320px;
}
.slider-container .flex-caption .info8 .btn-dark {
	width: 170px;
	text-align: center;
}
.slider-container .flex-caption .info9 {
	width: 60%;
	text-align: center;
}
.slider-container .flex-caption .info9 img {
	width: 240px;
	margin: 0 auto 4.5vw;
}
.slider-container .flex-caption .info9 h4 {
	font-size: 24px;
	margin: 10px auto 4vw;
}
.slider-container .flex-caption .info9 .coupon-code {
	font-size: 24px;
	margin-bottom: 15px;
}
.slider-container .flex-caption .info9 .coupon-code b {
	color: #0C233F;
}
.slider-container .flex-caption .info9 .btn-dark {
	padding: 10px 30px;
	margin-bottom: 8vw;
}
.slider-container .flex-caption .info9 .small {
	font-size: 16px;
}
.slider-container .flex-caption .info10 {
	padding-left: 5%;
}
.slider-container .flex-caption .info10 h1 {
	text-align: left;
	margin-bottom: 20px;
	font-size: 59px;
	color: #363F51;
}
.slider-container #lips-sale-banner {
	background-color: #ebe4dc;
}
.slider-container .flex-caption .info10 p {
	color: #363F51;
	font-size: 24px;
}
.slider-container .flex-caption .info10 p b {
	font-weight: 600;
}
.slider-container .flex-caption .info10 p.coupon-code {
	display: inline-block;
	background-color: #fff;
	padding: 5px 8px;
}
.slider-container .flex-caption .info10 p.sm {
	font-size: 16px;
	margin: 60px 0 0;
	max-width: 60%;
}
.slider-container .flex-caption .info10 .btn-dark {
	padding: 10px 30px;
	margin-top: 15px;
}

.slider-container .flex-control-nav {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: auto;
	height: 12px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
}
.slider-container .flex-control-nav li {
	display: inline-block;
	margin: 0 10px 0 0;
}
.slider-container .flex-control-nav li a {
	padding: 0;
	text-decoration: none;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	cursor: pointer;
	text-indent: -999em;
	background: none;
	border: 1px solid #797979;
	box-shadow: none;
}
.slider-container .flex-control-nav li:last-child a {
	margin-right: 0px;
}
.slider-container .flex-control-nav li a.flex-active {
	background: #797979;
}
.slider-container .loader {
    background: black url(https://cdn.citybeauty.com/images/images/loader.gif) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}

/* #Featured Products
================================================== */
.featured-products-container {
	width: 100%;
	padding: 60px 0 90px 0;
	background: #ffffff;
}
.featured-products-container .nav-tabs {
	border-bottom: solid 3px #e4e4e4;
	margin-bottom: 30px;
}
.featured-products-container .nav-tabs .nav-item {
	width: 50%;
	text-align: center;
}
.featured-products-container .nav-tabs .nav-item.show .nav-link,
.featured-products-container .nav-tabs .nav-link.active {
	border: none;
	border-bottom: solid 3px transparent;
}
.featured-products-container .tab-text-box {
	display: inline-block;
	padding: 20px 12px;
	border-bottom: solid 3px transparent;
	margin-bottom: -3px;
}
.featured-products-container .nav-tabs .nav-item.show .nav-link .tab-text-box,
.featured-products-container .nav-tabs .nav-link.active .tab-text-box{
	border-bottom: solid 3px #333;
}
.featured-products-container .nav-tabs .nav-link:focus,
.featured-products-container .nav-tabs .nav-link:hover {
	border: none;
	border-bottom: solid 3px transparent;
}
.featured-products-container .nav-tabs .nav-link:not(.active):focus .tab-text-box,
.featured-products-container .nav-tabs .nav-link:not(.active):hover .tab-text-box {
	border-bottom: solid 3px #bbb;
}
.featured-products-container .nav-link {
	padding: 0;
	display: inline-block;
	cursor: pointer;
}
.featured-products-container .nav-tabs .nav-item {
	margin-bottom: -3px;
	background-color: transparent;
}
.featured-products-container .featured-products-title {
	/*padding: 0;*/
	text-align: center;
}
.featured-products-container .featured-products-title h2 {
	font-weight: 400;
	font-size: 34.5px;
}
.featured-products-container .featured-products-carousel {
	position: relative;
	width: 100%;
	z-index: 99;
}
.featured-products-container .featured-products-carousel .item {
	width: 100%;
}
.featured-products-container .featured-products-carousel .item .item-image {
	width: 100%;
	margin: 0 0 20px 0;
}
.featured-products-container .featured-products-carousel .item .item-image a {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	background: #f4f4f4;
	overflow: auto;
}
.featured-products-container .featured-products-carousel .item .item-image a img {
	opacity: 1;
	object-fit: contain;
	max-height: 450px;
}
.featured-products-container .featured-products-carousel .item .item-image a .hovered {
	position: absolute;
	top: 0;
	left: calc(50% - 175px);
	max-width: 350px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
@media handheld, only screen and (max-width: 760px) and (min-width: 575.98px) {
	.featured-products-container .featured-products-carousel .item .item-image a .hovered {
		left: 0;
	}
}
@media handheld, only screen and (max-width: 380px) {
	.featured-products-container .featured-products-carousel .item .item-image a .hovered {
		left: 0;
	}
}
.featured-products-container .featured-products-carousel .item .item-image a:hover img {
	opacity: 0;
	z-index: -1;
}
.featured-products-container .featured-products-carousel .item .item-image a:hover .hovered {
	z-index: 99;
	opacity: 1;
}
.featured-products-container .featured-products-carousel .item .item-title {
	width: 100%;
	text-align: center;
}
.featured-products-container .featured-products-carousel .item .item-title a {
	font-weight: 500;
	text-transform: uppercase;
	color: #333333;
}
.featured-products-container .featured-products-carousel .item .item-rating {
	width: 100%;
	margin: 0 0 15px 0;
	text-align: center;
}
.featured-products-container .featured-products-carousel .item .item-info {
	width: 100%;
	text-align: center;
}
.featured-products-container .featured-products-carousel .item .item-info p {
	margin: 0 0 15px 0;
}
.featured-products-container .featured-products-carousel .item .item-info a {
	display: inline-block;
	font-size: 15.5px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333333;
}
.featured-products-container .featured-products-carousel .owl-nav.disabled + .owl-dots,
.featured-products-container .featured-products-carousel .owl-dots {
	margin: 15px 0 0 0;
}
.featured-products-container .featured-products-carousel .owl-dots .owl-dot span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 7px 0 0;
	background: none;
	border: 1px solid #797979;
	border-radius: 50%;
}
.featured-products-container .featured-products-carousel .owl-dots .owl-dot.active span,
.featured-products-container .featured-products-carousel .owl-dots .owl-dot:hover span {
	background: #797979;
}
.featured-products-container .featured-products-carousel .owl-carousel .owl-item img {
	display: inline;
	width: initial;
}
.featured-products-container .featured-products-carousel .owl-carousel .owl-item img.star_review_wrap {
	width: 108px;
}

/* #New Arrival
================================================== */
.new-arrival-container {
	width: 100%;
	padding: 0 0 30px 0;
}
.new-arrival-container .new-arrival {
	width: 100%;
	padding: 27px 0;
	padding-left: 540px;
	background: #9F9F9F url(https://cdn.citybeauty.com/images/images/bg-new-arrivals-masc.jpg) no-repeat top left;
	background-size: auto 100%;
	position: relative;
}
.new-arrival-container .new-arrival .imagebox {
	position: absolute;
	right: 30px;
	bottom: -50px;
	width: 36%;
	max-width: 330px;
}
.new-arrival-container .new-arrival .infobox {
	padding: 60px 0 140px;
	width: 440px;
}
.new-arrival-container .new-arrival .infobox h2 {
	margin: 0 0 10px 0;
	font-weight: 400;
	font-style: italic;
	text-align: left;
	color: #e1c27a;
}
.new-arrival-container .new-arrival .infobox h1 {
	margin: 0 0 20px 0;
	font-weight: 400;
	color: #fff;
	text-align: left;
}
.new-arrival-container .new-arrival .infobox p {
	color: #f1f1f1;
	width: 330px;
	letter-spacing: 0.7px;
	margin-bottom: 30px;
	font-size: 18px;
}
.new-arrival-container .new-arrival .infobox .btn-dark {
	width: 160px;
	text-align: center;
	padding: 16px 0;
}
.new-arrival-container .new-arrival .infobox .btn {
	padding: 8px 32px;
	font-size: 17px;
	line-height: 100%;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	/*color: #ffffff;
	background: #091e37;
	border: 1px solid #091e37;*/
	color: #fff;
	background: transparent;
	border: solid 2px #fff;
	border-radius: 0px;
}
.new-arrival-container .container,
.prod-banner-container .container {
	position: relative;
}
.href-overlay {
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 10;
}

.prod-banner-container {
	width: 100%;
	padding: 0 0 30px 0;
}
.prod-banner-container .icbb-arrival {
	width: 100%;
	padding: 27px 15px;
	padding-left: 50px;
	background: #f0f0f0 url(https://cdn.citybeauty.com/images/images/bg-icbb-banner.jpg) no-repeat top right;
	background-size: auto 100%;
	position: relative;
}
.prod-banner-container .icbb-arrival .infobox {
	padding: 60px 0;
	width: 450px;
	color: #333;
}
.prod-banner-container .icbb-arrival .infobox h4 {
	font-size: 25px;
	color: #333;
}
.prod-banner-container .icbb-arrival .infobox h1 {
	margin: 6px 0 20px 0;
	font-weight: 400;
	text-align: left;
	color: #333;
}
.prod-banner-container .icbb-arrival .infobox p {
	max-width: 330px;
	letter-spacing: 0.7px;
	margin-bottom: 30px;
	font-size: 18px;
}
.prod-banner-container .icbb-arrival .infobox .btn-dark {
	width: 160px;
	text-align: center;
	padding: 16px 0;
}


/* #Media Quotes Carousel
================================================== */
.media-quote-carousel .owl-prev {
	width: 40px;
	height: 50px;
	position: absolute;
	top: 25%;
	left: -60px;
	display: block!IMPORTANT;
	border:0px solid black;
}

.media-quote-carousel .owl-next {
	width: 40px;
	height: 50px;
	position: absolute;
	top: 25%;
	right: -60px;
	display: block!IMPORTANT;
	border:0px solid black;
}
.media-quote-carousel .owl-theme .owl-nav [class*=owl-],
.media-quote-carousel .owl-theme .owl-nav [class*=owl-]:hover {
	background-color: transparent;
}
.media-quote-carousel .owl-prev i, .owl-next i {
	font-size: 60px;
	color: #888;
}
.media-quote-container .media-quote-title {
	margin-bottom: 50px;
}
.media-quote-container .item-logo img {
	max-width: 100%;
	margin: auto;
}
.media-quote-container .item-quote p {
	margin-bottom: 0;
}

/* #Home Promotions
================================================== */
.home-promo-container {
	width: 100%;
	padding: 0;
}
.home-promo-container .home-promo {
	width: 100%;
}
.home-promo-container .home-promo .hydro {
	padding: 30px;
	background-image: url(https://cdn.citybeauty.com/images/img/waterdrop-bg.jpg);
	position: relative;
	height: 100%;
}
.home-promo-container .home-promo .cls {
	padding: 30px;
	background-image: url(https://cdn.citybeauty.com/images/img/mb-bg.jpg);
	position: relative;
	height: 100%;
}
.home-promo-container .home-promo .col-md-6 {
	flex: 1;
}
.home-promo-container .home-promo .col-md-6 .content h1 {
	margin: 0 0 12px 0;
	text-align: left;
	line-height: 1.2;
	font-size: 41.5px;
}
.home-promo-container .home-promo .col-md-6 .content h2 {
	margin: 0;
	font-size: 34.5px;
	text-align: left;
	line-height: 1.2;
}
.home-promo-container .home-promo .col-md-6 .content p {
	margin-bottom: 10px;
	font-size: 17px;
	max-width: 207px;
	width: 50%;
}
.home-promo-container .home-promo .col-md-6 .content p:nth-child(2) {
	width: initial;
}
.home-promo-container .home-promo .hydro .content {
	margin-bottom: 25%;
}
.home-promo-container .home-promo .hydro img {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 50%;
	max-width: 280px;
}
.home-promo-container .home-promo .cls .content {
	margin-bottom: 39.35%;
}
.home-promo-container .home-promo .cls img {
	position: absolute;
	bottom: 20px;
	right: 40px;
	width: 31%;
	max-width: 145px;
}
/* #About Us
================================================== */
.about-us-container {
	width: 100%;
	padding: 60px 0 15px 0;
}
.about-us-container .about-us-banner {
	margin: 0 0 45px 0;
}
.about-us-container .about-us-info {
	width: 100%;
	margin: 0 0 30px 0;
}
.about-us-container .about-us-info span {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 0 0 36px;
	margin: 0 0 5px 0;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 30px;
	color: #333333;
}
.about-us-container .about-us-info span:before {
    content: '';
	position: absolute;
	top: 50%;
	left: 0px;
	width: 30px;
	height: 2px;
	background: #333333;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.about-us-container .about-us-info h1 {
	margin: 0 0 20px 0;
}
.about-us-container .about-us-info p {
	margin: 0 0 15px 0;
	font-size: 17px;
}

/* #Quote
================================================== */
.quote-container {
	width: 100%;
	padding: 60px 0;
	background: url(https://cdn.citybeauty.com/images/images/bg-quote.png) no-repeat center center;
	background-size: cover;
}
.quote-container .quote {
	width: 100%;
	text-align: center;
}
.quote-container .quote .quote-sign {
	display: block;
	width: 100%;
	font-family: 'Unna', serif;
	font-size: 115px;
	font-style: italic;
	line-height: 100%;
	color: #333333;
}
.quote-container .quote h2 {
	width: 90%;
	margin: 0 auto 45px auto;
	font-weight: 400;
	font-style: italic;
}
.quote-container .quote p {
	margin: 0 0 30px 0;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 500;
	color: #333333;
}
.quote-container .quote p span {
	display: block;
	width: 100%;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	color: #333333;
}

/* #Featured On
================================================== */
.featured-on-container {
	width: 100%;
	padding: 60px 0 75px 0;
}
.featured-on-container .featured-on-carousel {
	position: relative;
	width: 100%;
	text-align: center;
}
.featured-on-container .featured-on-carousel h1 {
	margin: 0 0 45px 0;
	font-weight: 400;
	font-style: italic;
}
.featured-on-container .featured-on-carousel .item {
	width: 100%;
	text-align: center;
}
.featured-on-container .featured-on-carousel .owl-nav.disabled + .owl-dots,
.featured-products-container .featured-products-carousel .owl-dots {
	margin: 30px 0 0 0;
}
.featured-on-container .featured-on-carousel .owl-dots .owl-dot span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 7px 0 0;
	background: none;
	border: 1px solid #797979;
	border-radius: 50%;
}
.featured-on-container .featured-on-carousel .owl-dots .owl-dot.active span,
.featured-on-container .featured-on-carousel .owl-dots .owl-dot:hover span {
	background: #797979;
}

/* #Product List
================================================== */
.product-list-container {
	width: 100%;
	padding: 60px 0 0 0;
}
.product-list-container .product-list-title {
	width: 100%;
	margin: 0 0 60px 0;
	text-align: center;
}
.product-list-container .product-list {
	width: 100%;
}
.product-list-container .product-list ul {
	margin: 0 0 0 -3%;
	font-size: 0px;
	letter-spacing: -4px;
}
.product-list-container .product-list ul li {
	display: inline-block;
	width: 30.33333333333333%;
	margin: 0 0 60px 3%;
	font-size: 17px;
	letter-spacing: normal;
	vertical-align: top;
}
.product-list-container .product-list ul li .item {
	width: 100%;
}
.product-list-container .product-list ul li .item .item-image {
	width: 100%;
	margin: 0 0 20px 0;
}
.product-list-container .product-list ul li .item .item-image a {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	background: #f4f4f4;
	overflow: auto;
}
.product-list-container .product-list ul li .item .item-image a img {
	opacity: 1;
	max-width: 350px;
	max-height: 450px;
	width: 100%;
	height: 100%;
}
.product-list-container .product-list ul li .item .item-image a .hovered {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 350px;
	max-height: 450px;
	opacity: 0;
	z-index: -1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.product-list-container .product-list ul li .item .item-image a:hover img {
	opacity: 0;
	z-index: -1;
}
.product-list-container .product-list ul li .item .item-image a:hover .hovered {
	z-index: 99;
	opacity: 1;
}
.product-list-container .product-list ul li .item .item-title {
	width: 100%;
	text-align: center;
}
.product-list-container .product-list ul li .item .item-title a {
	font-weight: 500;
	text-transform: uppercase;
	color: #333333;
}
.product-list-container .product-list ul li .item .item-rating {
	width: 100%;
	margin: 0 0 15px 0;
	text-align: center;
}
.product-list-container .product-list ul li .item .item-info {
	width: 100%;
	text-align: center;
}
.product-list-container .product-list ul li .item .item-info p {
	margin: 0 0 15px 0;
}
.product-list-container .product-list ul li .item .item-info p.item-price {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	color: #333333;
}
.product-list-container .product-list-sidebar {
	width: 100%;
}
.product-list-container .product-list-sidebar .item {
	width: 100%;
	margin: 0 0 30px 0;
	text-align: center;
}

/* #Blog-New-Posts
================================================== */
.blog-new-posts {
	padding: 50px 0;
	text-align: center;
}
.blog-new-posts .container h2 {
	display: inline-block;
	margin: auto;
	margin-left: 96px;
}
.blog-new-posts .view-more {
	display: inline-block;
	float: right;
	padding-top: 15px;
	font-size: 13px;
}
.blog-new-posts .container .blog-posts {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.blog-new-posts .container .blog-posts .menu-post-box {
	width: 31%;
	color: #333333;
}
.blog-new-posts .container .blog-posts .menu-post-box .featured-media {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 24vw;
	max-height: 280px;
}
.blog-new-posts .container .blog-posts .menu-post-box img {
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: -1000%;
	bottom: -1000%;
	left: -1000%;
	right: -1000%;
	margin: auto;
	max-width: 100%;
}
.blog-new-posts .container a,
.blog-new-posts .container a:hover,
.blog-new-posts .container a:focus {
	color: #333333;
	margin-top: 0;
}
.blog-new-posts .container .blog-posts .menu-post-box .post-title-box {
	position: relative;
	z-index: 100;
	margin-top: -85px;
	width: 84%;
	background-color: #ffffff;
	vertical-align: bottom;
	padding: 15px 10px;
}
.blog-new-posts .container .blog-posts .menu-post-box .post-title-box .category {
	margin-bottom: 5px;
	font-size: 15px;
}
.blog-new-posts .container .blog-posts .menu-post-box .post-title-box .title {
	font-size: 22px;
	line-height: 1.15;
}
.blog-new-posts .container .blog-posts .menu-post-box .post-content-box .short-excerpt {
	line-height: 1.4;
	font-size: 15.5px;
	margin-bottom: 0;
}
.blog-new-posts .container .blog-posts .menu-post-box .post-content-box .share-read {
	margin-top: 10px;
}
.blog-new-posts .container .blog-posts .menu-post-box .post-content-box .date-author {
	color: #797979;
	font-family: 'Unna', serif;
	font-size: 14px;
}
.blog-new-posts .container .blog-posts .menu-post-box .post-content-box .read-more {
	display: inline-block;
	float: right;
	font-size: 13px;
}


/* #Opt-in Form
================================================== */
.first-time-opt-in {
	background-color: #f4f4f4;
	text-align: center;
	padding: 70px 0;
	color: #333333;
}
.first-time-opt-in p {
	font-size: 24px;
	margin: 20px 0;
}
.first-time-opt-in .container form {
	display: flex;
	justify-content: space-between;
}
.first-time-opt-in .container form label {
	padding-top: 7px;
	text-align: left;
}
.first-time-opt-in .container form input {
	width: 100%;
	height: 35px;
	border-radius: 0;
	border: none;
	max-width: 365px;
	font-size: 17px;
}
.first-time-opt-in .col-md-4,
.first-time-opt-in .col-md-8,
.first-time-opt-in .col-sm-3,
.first-time-opt-in .col-sm-9,
.first-time-opt-in .col-4,
.first-time-opt-in .col-8 {
	padding: 0;
}
.first-time-opt-in .col-md-6 {
	padding: 0 5px;
}
#opt-in-btn {
	width: 150px;
	color: #ffffff;
	background-color: #091e37;
}

/* #Product Detail
================================================== */
.product-detail-container {
	width: 100%;
	padding: 60px 0;
}
.product-detail-container .product-detail {
	width: 100%;
	margin: 0 0 60px 0;
}
.product-detail-container .product-detail .product-detail-tabs {
	width: 100%;
}
.product-detail-container .product-detail .product-detail-tabs .nav-tabs {
	float: right;
	width: 13%;
	margin: 0 2% 0 0;
	border: none;
}
.product-detail-container .product-detail .product-detail-tabs .nav-tabs .nav-item {
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
}
.product-detail-container .product-detail .product-detail-tabs .nav-tabs .nav-item .nav-link {
	display: block;
	width: 100%;
	padding: 0;
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
	border-radius: 0px;
	opacity: 0.6;
}
.product-detail-container .product-detail .product-detail-tabs .nav-tabs .nav-item .nav-link.active {
	border: 1px solid #333333;
	opacity: 1.0;
}
.product-detail-container .product-detail .product-detail-tabs .tab-content {
	float: right;
	width: 85%;
}
.product-detail-container .product-detail .product-detail-tabs .tab-content .tab-pane {
	padding: 30px 0;
	text-align: center;
	background: #f4f4f4;
}
#image-three {
	background: white;
}
#image-five {
	padding: 0;
}
.product-detail-container .product-detail .product-detail-info {
	/*display: block;*/
	width: 100%;
}
.product-detail-container .product-detail .product-detail-info .product-title {
	width: 100%;
	margin: 0 0 10px 0;
}
.product-detail-container .product-detail .product-detail-info .product-title h3 {
	margin: 0 0 5px 0;
	font-weight: 400;
	font-style: italic;
}
.product-detail-container .product-detail .product-detail-info .product-title h1 {
	font-weight: 400;
}
.product-detail-container .product-detail .product-detail-info .product-title p {
	font-family: Unna;
	font-size: 46px;
	line-height: 1;
}
.product-detail-container .product-detail .product-detail-info .product-rating {
	width: 100%;
	margin: 0 0 20px 0;
}
.product-detail-container .product-detail .product-detail-info .product-info {
	width: 100%;
	margin: 0 0 16px 0;
}
.product-detail-container .product-detail .product-detail-info .product-info p {
	margin: 0;
	font-size: 17px;
	color: #333333;
}
.product-detail-container .product-detail .product-detail-info .product-price {
	width: 100%;
	margin: 0 0 16px 0;
	font-size: 17px;
	color: #333333;
}
.product-detail-container .product-detail .product-detail-info .product-price p {
	margin: 0;
}
.product-detail-container .product-detail .product-detail-info .product-price .continuity-price,
.product-detail-container .product-detail .product-detail-info .product-price .sale-price {
	display: none;
}
.product-detail-container .product-detail .product-detail-info .product-color {
	width: 100%;
	margin: 0 0 16px 0;
	font-size: 17px;
	text-transform: uppercase;
	color: #333333;
}
.product-detail-container .product-detail .product-detail-info .product-color p {
	margin: 0 0 15px 0;
}
.product-detail-container .product-detail .product-detail-info .product-color p span {
	font-weight: 700;
}
.product-detail-container .product-detail .product-detail-info .product-color ul {
	margin: 0 0 0 -2%;
	font-size: 0px;
	letter-spacing: -4px;
}
.product-detail-container .product-detail .product-detail-info .product-color ul li {
	display: inline-block;
	width: 8%;
	margin: 0 0 0.5% 1.85%;
	letter-spacing: normal;
	vertical-align: top;
}

.product-detail-container .product-detail .product-detail-info .product-color ul li .radio-image {
	margin: 0;
	padding: 0;
}
.product-detail-container .product-detail .product-detail-info .product-color ul li .radio-image input[type="radio"] {
    position: absolute;
    margin-top: 0;
    /*margin-left: -20px;*/
	opacity: 0;
	/*width: 100%;*/

}
.product-detail-container .product-detail .product-detail-info .product-color ul li .radio-image input[type="radio"] + label {
	max-width: 38px !important;
}
.product-detail-container .product-detail .product-detail-info .product-color ul li:not(.matte) .radio-image input[type="radio"]:checked + label {
	display: block;
	width: 100% !important;
	max-width: 38px !important;
	padding: 0;
	margin: 0;
	background: url(https://cdn.citybeauty.com/images/images/img-swatches-selected.png?v=6) no-repeat top left;
	background-size: cover;
}
.product-detail-container .product-detail .product-detail-info .product-color ul li.matte .radio-image input[type="radio"]:checked + label {
	display: block;
	width: 100% !important;
	padding: 0;
	border: solid 2px #091e37;
}
.product-detail-container .product-share {
	margin-top: 25px;
}
.product-detail-container .product-share h5 {
	display: flex;
	align-items: center;
	font-size: 20px;
}
.product-detail-container .product-share h5 .addthis_inline_share_toolbox_vt0g .at-icon-wrapper {
	margin: 0;
}

#color-tabs {
	margin-bottom: 10px;
}
#color-tabs .color-tab {
	display: inline-block;
	margin-right: 25px;
	font-size: 14px;
	text-transform: initial;
}
#color-tabs .color-tab-last {
	margin-right: 0;
}
#color-tabs .color-tab-click {
	cursor: pointer;
}
.color-tab-active {
	font-weight: bold;
	text-decoration: none;
    border-bottom: 1.35px solid black;
}

.sold-out{
	position: relative;
}
.sold-out:after{
	content:"";
	position:absolute;
	top: 1.5px;
	left: 100%;
	border-top:2px solid #fff;
	width:135%;
	transform: rotate(135deg);
	transform-origin: 0% 0%;
}
.sold-out img {
	opacity: 0.5;
}
.product-detail-container .product-detail .product-detail-info .product-color ul li:not(.matte) .radio-image input[type="radio"]:checked + label.sold-out:after {
	z-index: -1;
}
.product-detail-container .product-detail .product-detail-info .product-color ul li .radio-image input[type="radio"] + label img {
	cursor: pointer;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.product-detail-container .product-detail .product-detail-info .product-color ul li .radio-image input[type="radio"]:checked + label img {
    position: relative;
	z-index: -2;
}
.radio-div {
	margin: 0;
	padding: 0;
	height: 45px;
	width: 32.7% !important;
	vertical-align: middle !important;
	/*max-width: 150px !important;*/
	display: inline-block;
	/*vertical-align: middle;*/
	/*text-align: center;*/
	/*padding-left: 12px;
	padding-top: 10px;*/
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	color: black;
	position: relative;
}
.product-detail-container .product-detail .product-detail-info .package ul .product-packages .radio-div li input[type="radio"] {
    position: absolute;
    margin-top: 4px;
    margin-left: -20px;
	opacity: 0;
}
.product-detail-container .product-detail .product-detail-info .package ul .product-packages .radio-div li input[type="radio"]:checked + label {
	display: block;
	height: 45px;
	/*width: 33% !important;*/
	width: 100% !important;
	padding: 0;
	margin: 0;
	/*background: url(https://cdn.citybeauty.com/images/images/img-swatches-selected.png) no-repeat top left;*/
	/*background-size: cover;*/
}
.red {
	color: red;
}
.checked-package {
	color: white;
	background-color: #1c4e91;
}
.checked-package span{
	color: white;
}
.product-detail-container .product-detail .product-detail-info .product-add-items {
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.product-detail-container .product-detail .product-detail-info .product-add-items .product-quantity {
	width: 100%;
	display: inline-flex;
}
/*.product-detail-container .product-detail .product-detail-info .product-add-items .row .col-6:first-child {
	padding-left: 0;
}
.product-detail-container .product-detail .product-detail-info .product-add-items .row .col-6:last-child {
	padding-right: 0;
}*/
.product-detail-container .product-detail .product-detail-info .product-add-items .product-quantity .btn {
	display: inline-block;
	width: 32%;
	/*height: 44px;*/
	padding: 8px 0;
	margin: 0 2px;
	font-size: 28px;
	font-weight: 300;
	text-align: center;
	line-height: 28px;
	color: #333333;
	background: #f4f4f4;
	border: none;
	border-radius: 0px;
	vertical-align: top;
}
.product-detail-container .product-detail .product-detail-info .product-add-items .product-quantity .btn[data-type='minus'] {
	font-size: 40px;
	font-weight: 200;
	padding: 2px  0 8px 0;
}
.product-detail-container .product-detail .product-detail-info .product-add-items .product-quantity .btn:disabled {
	opacity: 0.4;
}
.product-detail-container .product-detail .product-detail-info .product-add-items .product-quantity .form-control {
	display: inline-block;
	width: 30%;
	height: 44px;
	padding: 0;
	margin: 0 5px;
	font-size: 30px;
	font-family: 'Unna', serif;
	font-weight: 400;
	text-align: center;
	color: #333333;
	background: #f4f4f4;
	border: none;
	border-radius: 0px;
	vertical-align: top;
}
.product-detail-container .product-detail .product-detail-info .product-add-items .product-btn {
	width: 100%;
}
.product-detail-container .product-detail .product-detail-info .product-add-items .product-btn .btn {
	display: block;
	width: 100%;
	height: 44px;
	padding: 6px 0;
	font-size: 17px;
	line-height: 100%;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	background: #091e37;
	border: 1px solid #091e37;
	border-radius: 0px;
}
	#continuity-max-note {
	display: none;
	font-size: 12px;
	margin-top: 12px;
}
#continuity-max-note p {
	margin-bottom: 0;
}
.product-continuity-choices {
	margin-top: 16px;
	position: relative;
}
.product-continuity-choices .radio-btn {
	display: inline-block;
	line-height: 22px;
	margin-bottom: 10px;
	color: #333;
	cursor: pointer;
}
.product-continuity-choices .radio-btn::before {
	content: ' ';
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 1px solid #CCCCCC;
	border-radius: 50%;
	box-sizing: border-box;
	margin-right: 10px;
	vertical-align: bottom;
}
.product-continuity-choices .radio-btn.active::before {
	padding: 3px;
	background-color: #0C233F;
	background-clip: content-box;
}
.subscribe-terms {
	box-shadow: 0 1px 12px 0 rgba(110,110,110,0.5);
	position: absolute;right: 15px;
	background-color: #fff;
	padding: 15px;
	z-index: 10;
	max-width: 275px;
	font-size: 12px;
	line-height: 1.35;
	display: none;
}
.restock-opt-in {
	padding: 30px 0;
	border-top: solid 1px #cccccc;
}
.restock-opt-in .restock-form {
	background-color: #d8e4f3;
	padding: 25px;
	text-align: center;
}
.restock-opt-in .restock-form h4,
.restock-opt-in .restock-form h5 {
	margin-bottom: 20px;
}
.restock-opt-in .restock-form form .form-control {
	border: none;
	background-color: #ffffff;
	color: #333333;
}
.restock-opt-in .restock-form form input {
	font-size: 17px;
}
.restock-opt-in .restock-form div.form-group {
	margin-bottom: 25px;
}
.restock-opt-in .restock-form div.form-group input.form-control {
	height: 28px;
}
.restock-opt-in .restock-form form .btn {
	padding: 12px 36px;
	width: 100%;
	font-size: 17px;
	line-height: 100%;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	background: #091e37;
	border: 1px solid #091e37;
	border-radius: 0px;
}
.product-detail-container .product-detail .product-detail-info .product-collapses {
	border-bottom: solid 1px #cccccc;
}
.product-detail-container .product-detail .product-detail-info .product-detail-collapse {
	border-top: solid 1px #cccccc;
	padding: 20px 0;
	color: #333333;
}
/*.product-detail-container .product-detail .product-detail-info .product-detail-collapse .row:last-child {
	border-bottom: solid 1px #cccccc;
}*/
.product-detail-container .product-detail .product-detail-info .product-collapses .row {
	margin-left: 0;
	margin-right: 0;
}
.product-detail-container .product-detail .product-detail-info .product-detail-collapse {
	cursor: pointer;
}
.product-detail-container .product-detail .product-detail-info .product-detail-collapse .col-10 {
	padding-left: 0;
}
.product-detail-container .product-detail .product-detail-info .product-detail-collapse .product-collapse-title {
	text-transform: uppercase;
	font-weight: 600;
	/*padding-top: 3px;*/
}
.product-detail-container .product-detail .product-detail-info .product-detail-collapse .plusminus {
	font-size: 29px;
	line-height: 1;
	text-align: right;
	font-weight: 300;
}
.product-detail-container .product-detail .product-detail-info .product-collapse-content {
	color: #333333;
}
.product-detail-container .product-detail .product-detail-info .product-collapse-content p {
	margin-bottom: 16px;
	font-size: 17px;
}
.product-detail-container .product-detail .product-detail-info .product-collapse-content p b {
	font-size: 15px;
}
.product-detail-container .product-detail .product-detail-info .product-collapse-content ol {
	margin-left: 16px;
	font-size: 17px;
}
.product-detail-container .product-detail .product-detail-info .product-collapse-content ol li {
	margin-bottom: 8px;
}
.product-detail-container .product-detail .product-detail-info .product-collapse-content ul.title > li {
	margin-bottom: 16px;
}
.product-detail-container .product-detail .product-detail-info .product-collapse-content ul:not(.title) > li > p {
	padding-left: 2px;
	margin-bottom: 8px;
}
.product-detail-container .product-detail .product-detail-info .product-collapse-content ul:not(.title) > li > p:before {
	content: "- ";
}
.product-detail-container .product-detail .product-detail-info .product-collapse-content ul.check > li > p:before {
	content: "✓ ";
}
.product-detail-container .product-detail .product-detail-info .product-collapse-content ul.title > li > p {
	font-size: 15px;
	font-weight: bold;
}
.product-detail-container .product-detail .product-detail-info .related-product .related-product-img {
	margin-right: 20px;
}
.product-detail-container .product-detail .product-detail-info .related-product .related-product-details .d-flex p {
	margin-bottom: 0;
}
.product-detail-container .product-detail .product-detail-info .related-product .related-product-details h6 {
	font-size: 20px;
}
.product-detail-container .product-detail .product-detail-info .related-product .related-product-details > p {
	font-size: 15px;
	margin-top: 7px;
}
.product-detail-container .product-detail .product-detail-info .related-product .d-flex {
	width: 100%;
}
.product-detail-container .product-detail .product-detail-info .related-product .d-flex a:first-child {
	font-size: 15px;
	color: #333;
	min-width: 102px;
}
.product-detail-container .product-detail .product-detail-info .related-product .d-flex a .btn-light {
	font-size: 17px;
	font-weight: bold;
	color: #0C233F;
	background-color: #fff;
	border: 2px solid #0C233F;
	padding: 8px 0;
	margin-left: 4vw;
	width: 200px;
	min-width: 160px;
	text-align: center;
}
.sm-container {
	width: calc(100% - 30px);
	max-width: 700px;
	margin: 50px auto;
	padding: 0 15px;
	box-sizing: content-box;
}
.lg-container {
	width: 100%;
	max-width: 960px;
	margin: 50px auto;
	padding: 0 15px;
}
.promise .lg-container .d-flex {
	margin: 0 -15px;
}
.promise .lg-container .d-flex * {
	margin: 0 5px;
}
.promise .lg-container .d-flex p {
	max-width: 500px;
	min-width: 250px;
	margin-bottom: 0;
	font-size: 14px;
}
.vertical-line {
	height: 35px;
	width: 1px;
	background-color: #333;
	margin: 16px auto 10px;
}
.banner-w-trans {
	position: relative;
}
.csr-product-banner{
	background: #ebebeb url('https://cdn.citybeauty.com/images/csr/csr-banner.jpg?v=2') bottom center no-repeat;
	background-size: auto 100%;
	height: 44.75vw;
	min-height: 275px;
	max-height:600px;
}
.rht-product-banner{
	background: #ebebeb url('https://cdn.citybeauty.com/images/images/products/rht/hand-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 41vw;
	min-height: 250px;
	max-height:600px;
}
.cls-product-banner {
	background: #f0efef url('https://cdn.citybeauty.com/images/images/products/cls/cls-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 41vw;
	min-height: 200px;
	max-height: 567px;
}
.cl-product-banner {
	background: #eae9e7 url('https://cdn.citybeauty.com/images/images/products/cl/cl-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 43.57vw;
	min-height: 300px;
	max-height: 610px;
}
.lshm-product-banner {
	background: #efefef url('https://cdn.citybeauty.com/images/images/products/lshm/lshm-banner2.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 47.35vw;
	min-height: 300px;
	max-height: 663px;
}
.aec-product-banner {
	background: #f0f0ef url('https://cdn.citybeauty.com/images/images/products/aec/aec-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 41vw;
	min-height: 200px;
	max-height: 567px;
}
.masc-product-banner {
	background: #fdfdfd url('https://cdn.citybeauty.com/images/images/products/masc/masc-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 40.5vw;
	min-height: 240px;
	max-height: 567px;
}
.icbb-product-banner {
	background: #efefef url('https://cdn.citybeauty.com/images/icbb/icbb-banner.jpg?v=1') bottom center no-repeat;
	background-size: auto 100%;
	height: 42.5vw;
	min-height: 310px;
	max-height: 625px;
}
.uer-product-banner {
	background: #e4e4e4 url('https://cdn.citybeauty.com/images/images/products/uer/uer-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 40.5vw;
	min-height: 220px;
	max-height: 567px;
}
.idsc-product-banner {
	background: #f1f1f0 url('https://cdn.citybeauty.com/images/images/products/idsc/idsc-text.png') bottom center no-repeat;
	background-size: auto 100%;
	height: 41vw;
	min-height: 240px;
	max-height: 574px;
}
.yrc-product-banner {
	background: #f1f1f1 url('https://cdn.citybeauty.com/images/images/products/yrc/yrc-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 44.1vw;
	min-height: 280px;
	max-height: 617px;
}
.amc-product-banner {
	background: #fff url('https://cdn.citybeauty.com/images/images/products/amc/amc-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 44.1vw;
	min-height: 280px;
	max-height: 617px;
}
.lbwf-product-banner {
	background: #fefefe url('https://cdn.citybeauty.com/images/images/products/lbwf/lbwf-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 44.28vw;
	min-height: 250px;
	max-height: 620px;
}
.uplift-product-banner {
	background: #fefefe url('https://cdn.citybeauty.com/images/images/products/uplift/uplift-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 44.28vw;
	min-height: 275px;
	max-height: 620px;
}
.eye-revive-product-banner{
	background: #DCD7D4 url('https://cdn.citybeauty.com/images/eye-revive/eye-revive-product-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 44.28vw;
	min-height: 275px;
	max-height: 567px;
}
.brow-product-banner {
	background: #EFEFEF url('https://cdn.citybeauty.com/images/rbs/rbs-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 44.28vw;
	min-height: 275px;
	max-height: 620px;
}
.drec-product-banner {
	background: #F2F2F2 url('https://cdn.citybeauty.com/images/drec/drec-banner.jpg?v=2') bottom center no-repeat;
	background-size: auto 100%;
	height: 44.28vw;
	min-height: 275px;
	max-height: 620px;
}
.bdhg-product-banner {
	background: #efedea url('https://cdn.citybeauty.com/images/images/products/bdhg/bdhg-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 40.52vw;
	min-height: 220px;
	max-height: 567px;
}
.ins-product-banner {
	background: #f1f1f1 url('https://cdn.citybeauty.com/images/images/products/ins/ins-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 40.5vw;
	min-height: 230px;
	max-height: 567px;
}
.mbnm-product-banner{
	background: url('https://cdn.citybeauty.com/images/images/products/mbnm/MBNM-Product-Banner.jpg') bottom center no-repeat;
	background-color: #DDDDDD;
	background-size: auto 100%;
	height: 40.52vw;
	min-height: 250px;
	max-height: 600px;
}
.bm-product-banner{
	background: url('https://cdn.citybeauty.com/images/images/products/bm/mascara-banner.jpg?v=3') bottom center no-repeat;
	background-color: #F6F6F6;
	background-size: auto 100%;
	height: 40.52vw;
	min-height: 250px;
	max-height: 600px;
}
.clsm-product-banner {
	background: #ebebeb url('https://cdn.citybeauty.com/images/images/products/clsm/clsm-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 40.5vw;
	min-height: 250px;
	max-height: 567px;
}
.spdv-product-banner {
	background: #d5bb9a url('https://cdn.citybeauty.com/images/spdv/spdv-product-banner.jpg?v=1') bottom center no-repeat;
	background-size: auto 100%;
	height: 44.28vw;
	min-height: 275px;
	max-height: 620px;
}
.ufdo-product-banner {
	background: #F2F2F2 url('https://cdn.citybeauty.com/images/ufdo/product-page/ufdo-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 44.28vw;
	min-height: 275px;
	max-height: 620px;
}
.bsfc-product-banner {
	background: #F6F6F6 url('https://cdn.citybeauty.com/images/bsfc/product-page/bsfc-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 40.52vw;
	min-height: 275px;
	max-height: 620px;
}
.llt-product-banner {
	background: #f1f1f1 url('https://cdn.citybeauty.com/images/llt/product-page/llt-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 40.53vw;
	min-height: 300px;
	max-height: 567px;
}
.ars-product-banner {
	background: #e6e6e4 url('https://cdn.citybeauty.com/images/ars/product-page/ars-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 40.53vw;
	min-height: 300px;
	max-height: 567px;
}
.brfnc-product-banner {
	background: #0d0f0e url('https://cdn.citybeauty.com/images/brfnc/product-page/brfnc-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 40.47vw;
	min-height: 300px;
	max-height: 583px;
}
.slb-product-banner {
	background: #f4f4f4 url('https://cdn.citybeauty.com/images/slb/product-page/slb-banner.jpg') bottom center no-repeat;
	background-size: auto 100%;
	height: 40.53vw;
	min-height: 300px;
	max-height: 567px;
}

.banner-w-trans .lg-container {
	width: 100%;
	position: absolute;
	margin: 0 auto;
	top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}
.bdhg-product-banner .lg-container,
.icbb-product-banner .lg-container,
.idsc-product-banner .lg-container,
.masc-product-banner .lg-container,
.lshm-product-banner .lg-container,
.cl-product-banner .lg-container,
.clsm-product-banner .lg-container,
.mbnm-product-banner .lg-container,
.csr-product-banner .lg-container,
.llt-product-banner .lg-container,
.ars-product-banner .lg-container {
	max-width: 1170px;
}
.banner-w-trans .trans-bg {
	background-color: rgba(255,255,255,0.7);
	margin-right: 0;
	display: inline-block;
	float: right;
	padding: 5vw;
}
.eye-revive-product-banner .trans-bg,
.brow-product-banner .trans-bg,
.drec-product-banner .trans-bg{
	padding: 2vw;
}
.csr-product-banner .trans-bg {
	width: calc(8vw + 424px);
	padding: 2.5vw 4vw;
}
.csr-product-banner.banner-w-trans .trans-bg p {
	line-height: 1.5;
	margin-bottom: 12px;
}
.rht-product-banner .trans-bg{
	width: calc(9vw + 328px);
	padding: 3vw 4.5vw;
}
.mbnm-product-banner .trans-bg,
.bm-product-banner .trans-bg{
	padding: 3vw;
}
.lshm-product-banner .trans-bg {
	padding: 2.4vw 3vw;
}
.ins-product-banner .trans-bg {
	padding: 2.4vw 4vw;
}
.ins-product-banner .trans-bg p {
	max-width: 315px;
	margin: auto;
}
.cl-product-banner .trans-bg {
	padding: 3vw 7vw;
	width: calc(14vw + 290px);
}
.icbb-product-banner .trans-bg,
.yrc-product-banner .trans-bg {
	padding: 3vw 5vw;
}
.clsm-product-banner .trans-bg {
	padding: 3vw 5vw;
	width: calc(10vw + 420px);
}
.spdv-product-banner .trans-bg{
	padding: 5vw 21px;
}
.bsfc-product-banner .trans-bg {
	padding: 4.5vw 2vw;
}
.brfnc-product-banner .trans-bg {
	max-width: 525px;
	padding: 40px 25px;
}
.slb-product-banner .trans-bg {
	padding: 40px 25px;
}
.banner-w-trans .trans-bg p {
	margin-bottom: 0;
	line-height: 2;
}
.product-letter {
	color: #333;
}
.product-letter .gold-line-left {
	border-left: solid 4px #E1C27A;
	padding-left: 16px;
}
.product-letter p.subtitle {
	text-transform: uppercase;
	font-size: 20px;
}
.product-letter i.ingre-name {
	font-family: "Unna", serif;
	font-size: 115%;
	font-weight: 700;
}
.product-letter ol.ordered-points {
	margin-left: 55px;
}
.product-letter ol.ordered-points li {
	font-weight: bold;
}
.product-letter .sources,
.key-ingredients .sources {
	max-width: 700px;
	margin: 40px auto 0;
}
.product-letter .sources *,
.key-ingredients .sources * {
	font-size: 12px;
}
.product-letter .sources ol,
.key-ingredients .sources ol {
	margin-left: 15px;
}
.key-ingredients {
	background-color: #f4f4f4;
	padding: 5px 0;
}
.key-ingredients .lg-container {
	max-width: 800px;
}
.key-ingredients .lg-container .d-flex {
	margin-top: 40px;
}
.key-ingredients .lg-container .d-flex .img {
	width: 47%;
	max-width: 375px;
}
.key-ingredients .lg-container .d-flex .text {
	width: 50%;
	color: #333;
}
.key-ingredients .lg-container .d-flex .text h5 {
	margin-bottom: 16px;
}
.product-faq {
	background-color: #f4f4f4;
	padding: 60px 0;
	margin-top: 50px;
}
.product-faq h2 {
	color: #4A4A4A;
	padding-right: 5%;
}
.product-faq .faq-box:not(:last-child) {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
}
.product-signup { padding: 55px 0 40px; }
.product-signup .text { max-width: 360px; margin-right: 20px; }
.product-signup .text h2 { margin: 16px 0; text-transform: uppercase; }
.product-signup .text p { font-size: 14px; }
.product-signup form { max-width: 50%; }
.product-signup form .form-group { display: flex; border-bottom: 1px solid #333333; }
.product-signup form .form-group label { min-width: 64px; text-align: right;margin-bottom: 0; }
.product-signup form .form-group input { border: none; }
.product-signup form .form-group .form-control:focus { box-shadow: none; border: none; }
.narrow-container {
	max-width: 840px;
	margin: auto;
	margin-bottom: 70px;
	padding: 0 20px;
}
.product-detail-container .product-introduce {
	color: #333333;
	margin-bottom: 50px;
}
.product-detail-container .product-introduce h2 {
	line-height: 1.35;
	font-size: 34.5px;
	text-align: center;
}
.product-detail-container .product-introduce p {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify;
	font-size: 17px;
}
.product-detail-container .product-banner {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}
.product-detail-container .product-banner h1 {
	position: absolute;
	font-size: 46px;
	top: 12%;
	left: 54%;
	width: 32%;
	line-height: 1.2;
}
.product-detail-container .product-banner-cl-mob {
	display: none;
}
.product-detail-container .product-banner-hm-mob {
	display: none;
}

.oo-player-container .oo-state-screen .oo-info-panel-left, .oo-player-container .oo-spinner-screen .oo-info-panel-left {
	display: none;
}
.product-detail-container .product-vsl {
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}
.product-detail-container .product-vsl .vsl {
	width: 100%;
	/*height: 500px; */
	background-color: #999999;
	z-index: -1;
	position: absolute;
	top: 0;
}
.product-detail-container .product-vsl .vsl-img {
	/*position: absolute;
	top: 0;*/
}
.product-detail-container .product-vsl .vsl-control {
	position: absolute;
	top: 0;
	width: 100%;
	max-height: 150px;
	height: 12.5vw;
	background-color: #0c233f;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #ffffff;
	padding: 0 20px;
	z-index: 100;
}
.product-detail-container .product-vsl .play-btn {
	cursor: pointer;
}
.product-detail-container .product-vsl .vsl-control .vsl-text {
	margin: 0 30px;
	text-transform: uppercase;
}
.product-detail-container .product-vsl .vsl-control .vsl-text h3 {
	color: white;
	line-height: 1.25;
}
.product-detail-container .product-vsl .vsl-control .vsl-text p {
	font-size: 17px;
	margin-bottom: 0;
}
.product-detail-container .product-vsl .vsl-control  button {
	font-size: 15px;
	padding: 10px 30px;
	color: #333333 !important;
	background-color: white !important;
}
.product-detail-container .product-vsl-new {
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}
.product-detail-container .product-vsl-new .vsl {
	width: 100%;
	/*height: 500px; */
	background-color: #999999;
	z-index: -1;
	position: absolute;
	top: 0;
}
.product-detail-container .product-vsl-new .vsl-img {
	/*position: absolute;
	top: 0;*/
}
.product-detail-container .product-vsl-new .vsl-control {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	background-color: transparent;
	z-index: 100;
}
.product-detail-container .product-vsl-new div.play-btn {
	margin: 50px 0;
}
.product-detail-container .product-vsl-new .play-btn {
	cursor: pointer;
}
.product-detail-container .product-vsl-new .vsl-control .vsl-text {
	margin: 0 10px;
}
.product-detail-container .product-vsl-new .vsl-control .vsl-text h2 {
	color: white;
	line-height: 1.25;
}
.product-detail-container .product-vsl-new .vsl-control .vsl-text p {
	color: white;
	font-size: 20px;
	margin: 20px 0;
}
.product-detail-container .product-vsl-new .vsl-control button {
	font-size: 15px;
	font-weight: bold;
	padding: 10px 40px;
	border-color: #fff;
	color: #fff !important;
	background-color: transparent !important;
}
.play-button {
	position: absolute;
	width: 100%;
	top: 45%;
}
.play-button img {
	margin: 0 40%;
}
.product-detail-container .product-ingredient-imgs {
	margin-top: 60px;
}
.product-detail-container .product-ingredient-imgs h2 {
	line-height: 1.35;
	font-size: 34.5px;
	text-align: center;
	margin-bottom: 30px;
}
.product-detail-container .product-ingredient-imgs table {
	max-width: 640px;
	margin: auto;
	color: #333333;
	font-size: 17px;
}
.product-detail-container .product-ingredient-imgs table tr td {
	padding: 15px;
}
.product-detail-container .product-ingredient-imgs table tr td:first-child {
	font-size: 24px;
}
.product-detail-container .product-ingredient-imgs .ingredient-img {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.product-detail-container .product-ingredient-imgs .ingredient-img .img {
	width: 39.13%;
}
.product-detail-container .product-ingredient-imgs .ingredient-img .text {
	width: 55.63%;
	text-align: center;
	color: #333333;
}
.product-detail-container .product-ingredient-imgs .ingredient-img .text p {
	font-size: 17px;
}
.product-detail-container .product-ingredient-imgs .ingredient-img .text p b {
	text-transform: uppercase;
}
.media-quote {
	background-color: #f7f7f7;
	padding: 20px 0 70px 0;
	height: auto;
}
.media-quote-switch {
	padding-bottom: 0;
	height: 350px;
}
.media-quote .container .slider-container .flex-container .flexslider {
	background-color: #f7f7f7 !important;
}
.media-quote .container .slider-container .flex-container .flexslider .slides {
	height: auto;
}
.media-quote-switch .container .slider-container .flex-container .flexslider .slides {
	height: 250px;
}
.media-quote .container .slider-container .flex-control-nav {
	bottom: 0;
}
.media-quote ul.slides li {
	font-size: 30px;
}
.media-quote .container .media {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 40px;
	position: absolute;
	bottom: 0;
}
.media-quote ul.slides li .quote {
	display: none;
}
.media-quote ul.slides li div.media-active {
	margin: auto;
	max-width: 800px;
	display: block;
}
.media-quote ul.slides li li.media-active img {
	opacity: 1;
	-webkit-filter: initial;
	    filter: initial;
}
.media-quote .container .media li {
	cursor: pointer;
}
.media-quote .container .media img {
	opacity: 0.5;
	-webkit-filter: grayscale(100%);
	    filter: grayscale(100%);
}
.product-detail-container .prod-banner {
	width: 100%;
	text-align: center;
	margin-bottom: 70px;
}
.product-detail-container .prod-banner .banner-content {
	width: 100%;
	margin: auto;
	max-width: 1350px;
	position: relative;
}
.product-detail-container .prod-banner img {
	width: 100%;
}
.product-detail-container .prod-banner ul {
	text-align: left;
	position: absolute;
	font-family: 'Unna', serif;
	letter-spacing: 0.4px;
	line-height: 2;
	color: #333;
	font-size: 28px;
}
.product-detail-container .prod-banner ul li {
	list-style-type: disc;
	margin-left: 1rem;
}
.as-seen-on .container {
	margin-top: 60px;
	padding: 0 15px;
}
.as-seen-on .quote-box {
	border: solid 1px #333;
	position: relative;
}
.as-seen-on .carousel-indicators {
	bottom: 0;
}
.as-seen-on .carousel-indicators li {
	width: 17px;
	height: 17px;
	background-color: #E4E4E4;
	border-radius: 50%;
	cursor: pointer;
}
.as-seen-on .carousel-indicators .active {
	background-color: #0C233F;
}
.as-seen-on .row {
	margin: 50px 0;
	padding: 0 40px;
	align-items: center;
}
.as-seen-on .row:last-child {
	margin-bottom: 70px;
}
.as-seen-on .img {
	text-align: right;
}
.as-seen-on .img img {
	/*min-width: 200px;*/
	width: 100%;
}
.as-seen-on h2 i {
	width: 240px;
	text-align: center;
	background-color: #f7f7f7;
	margin-top: -20px;
	left: calc(50% - 120px);
	position: absolute;
	z-index: 11;
}
.as-seen-on .row h5 {
	font-size: 20px;
	font-family: Georgia;
	line-height: 1.35;
	text-align: left;
}
.as-seen-on .as-seen-on-carousel-wrapper {
	border: solid 1px #ccc;
	position: relative;
	padding: 60px 30px 50px;
}
.as-seen-on .as-seen-on-carousel-wrapper .item {
	max-width: 264px;
	margin: auto;
	box-sizing: content-box;
}
.as-seen-on .as-seen-on-carousel-wrapper .item-logo {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.as-seen-on .as-seen-on-carousel-wrapper .item-quote p {
	font-size: 15px;
	color: #868585;
}
.as-seen-on .tns-outer > button { display: none; }
.as-seen-on .tns-nav {
	text-align: center;
}
.as-seen-on .tns-nav > [aria-controls] {
	width: 9px;
	height: 9px;
	padding: 0;
	margin: 0 5px;
	border-radius: 50%;
	background: #E5E5E5;
	border: 0;
}
.as-seen-on .tns-nav > .tns-nav-active {
	background: #0C233F;
}
@media handheld, only screen and (max-width: 767.98px) {
	.as-seen-on .row {
		padding: 0 5%;
	}
	.as-seen-on .img {
		/*width: 100%;*/
		text-align: center;
		margin-right: 0;
		margin-bottom: 16px;
	}
}
.press-as-seen-on h2 {
	margin: 50px 0 30px 0;
	font-size: 34.5px;
}
.press-as-seen-on .press-boxes a .btn-dark {
	display: inline-block;
}
.product-detail-container .source {
	margin-top: 60px;
	/*border-top: */
	color: #4A4A4A;
	font-size: 14px;
}
.product-detail-container .source ol li {
	padding-left: 24px;
	line-height: 24px;
	letter-spacing: 0.41px;
}
.product-detail-container .product-info-tabs {
	width: 100%;
}
.product-detail-container .product-info-tabs .nav-tabs {
	border-bottom: 1px solid #333333;
}
.product-detail-container .product-info-tabs .nav-tabs .nav-item .nav-link {
	position: relative;
	padding: 12px 36px;
	margin-right: 1px;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	color: #333333;
	border-radius: 0px;
}
.product-detail-container .product-info-tabs .nav-tabs .nav-item .nav-link:after {
	content: '';
	position: absolute;
	top: 25%;
	right: -3px;
	height: 50%;
	width: 1px;
	background: #333333;
}
.product-detail-container .product-info-tabs .nav-tabs .nav-item .nav-link:hover {
	border: 1px solid transparent;
}
.product-detail-container .product-info-tabs .nav-tabs .nav-item .nav-link.active {
	border-top: 1px solid #333333;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
	border-bottom: 1px solid transparent;
}
.product-detail-container .product-info-tabs .nav-tabs .nav-item:last-child .nav-link:after,
.product-detail-container .product-info-tabs .nav-tabs .nav-item .nav-link.active:after {
	display: none;
}
.product-detail-container .product-info-tabs .tab-content {
	padding: 45px;
	border: 1px solid #333333;
	border-top: none;
}
.product-detail-container .product-info-tabs .tab-content h2 {
	margin: 0 0 30px 0;
}
.product-detail-container .product-info-tabs .tab-content h4 {
	margin: 10px 0 10px 0;
}
.product-detail-container .product-info-tabs .tab-content span {
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 17px;
	text-transform: uppercase;
	color: #333333;
}
.product-detail-container .product-info-tabs .tab-content p {
	margin: 0 0 30px 0;
	font-size: 17px;
	color: #333333;
}
.product-detail-container .product-info-tabs .tab-content .separator {
	display: block;
	width: 100%;
	height: 1px;
	margin: 15px 0 45px 0;
	background: #333333;
}
.product-detail-container .product-info-tabs .tab-content ul {
	margin: 0 0 30px 0;
}
.product-detail-container .product-info-tabs .tab-content ul li {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0 0 0 45px;
	font-size: 17px;
	color: #333333;
}
.product-detail-container .product-info-tabs .tab-content ul li:before {
    content: '';
	position: absolute;
	top: 50%;
	left: 0px;
	width: 30px;
	height: 1px;
	background: #333333;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#info-tab-one h5 {
	font-size: 20.5px;
	margin-bottom: 16px;
}
#product-descriptions {
	display: flex;
	justify-content: space-between;
}
#product-descriptions .description {
	width: 34%;
}
#product-descriptions .description:last-child {
	width: 23%;
}
#product-ingredient-imgs .ingredient-img {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
#product-ingredient-imgs .ingredient-img .img {
	min-width: 30.5%;
	width: 30.5%;
	margin-right: 30px;
}
#product-ingredient-imgs .ingredient-img .text {
	display: flex;
	align-items: center;
}
#product-ingredient-imgs .ingredient-img .text p {
	margin-bottom: 0;
}

.featured-products-container.also-bought-box {
	padding-bottom: 0;
}
.also-bought-box h2 {
	margin-bottom: 30px;
	text-align: center;
}

/* #Contact Us
================================================== */
.contact-us-container {
	width: 100%;
	padding: 60px 0;
}
.contact-us-container .contact-us-title {
	margin: 0 0 45px 0;
	text-align: center;
}
.contact-us-container .contact-us {
	width: 75%;
	margin: 0 auto 15px auto;
}
.contact-us-container .contact-us .item {
	width: 100%;
	margin: 0 0 45px 0;
}
.contact-us-container .contact-us .item h3 {
	margin: 0 0 20px 0;
}
.contact-us-container .contact-us .item p {
	margin: 0;
	font-size: 17px;
}
.contact-us-container .contact-us .item p span {
	display: block;
	width: 100%;
	font-weight: 400;
	color: #333333;
}
.contact-us-container .contact-us .item p a {
	display: block;
	width: 100%;
	font-weight: 500;
	color: #333333;
}
.contact-us-container .contact-us-banner {
	width: 100%;
}

/* #Footer
================================================== */
footer {
	width: 100%;
	padding: 30px 0 20px 0;
	background: #091e37;
}
footer .links {
	width: 100%;
}
footer .links ul li {
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
}
footer .links ul li a {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 30px;
	color: #ffffff;
}
footer .links ul li a i {
	display: inline-block;
	padding: 0 20px 0 0;
	font-size: 20px;
	line-height: 30px;
	vertical-align: middle;
}
footer .links ul li a span {
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	vertical-align: middle;
}
footer .copyright {
	width: 100%;
	margin: 10px 0 0 0;
	text-align: right;
}
footer .copyright p {
	margin: 0 0 15px 0;
	font-size: 14px;
	color: #ffffff;
}
footer .copyright p img {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}
footer .copyright p span {
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
}
footer .logos {
	display: flex;
	justify-content: space-around;
	vertical-align: middle;
	padding: 20px 0 35px 0;
}
footer .logos img {
	height: 80px;
}
footer .bottom-footer {
	border-top: solid 1px #ffffff;
	color: #ffffff;
	text-align: center;
	padding: 60px 80px 0 80px;
	font-size: 13px;
}
footer #mobile-careers {display: none; }
footer #mobile-affiliate { display: none; }
#footer-menu-sm{
	margin: 0 auto;
	text-align: center;
}
#footerMore{
	color: #ffffff;
}

/* ==== Go To Top Button =====*/
#goToTop {
	display: none;
	width: 56px;
	height: 56px;
	background: #555555;
	position: fixed;
	bottom: 220px;
	right: 10px;
	font-size: 12px;
	text-align: center;
	color: #333333;
	z-index: 1000;
	opacity: 0.75;
	border-radius: 5px;
	padding: 15px;
	cursor: pointer;
}
.gototop_txt {width: 34px;margin: 0 auto;margin-top: 4px;}

/* ==== handle tab into collapse button in small screen =====*/
#social-icons,#tabContent1,#tabContent2,#tabContent3,#tabContent4 {
	display: none;
}
/* ==== reviews section css =====*/
.product-detail-container .product-reviews {padding-top: 70px; border-top: solid 1px #cccccc;}
.product-detail-container .product-reviews h2 {margin: 0 0 30px 0; text-align: center;}
.product-detail-container .product-reviews p {margin: 0 0 30px 0; font-size: 17px; color: #333333;}
.product-detail-container .product-reviews span {width: 100%; margin: 0 0 10px 0; font-size: 17px; text-transform: uppercase; color: #333333;}
.review_link{font-size: 17px; text-decoration: underline; cursor: pointer;/*margin-left: 15px;*/}
.testi_usr{color:#333333;}
.rating_wrd {font-size: 15.5px;color: rgb(235, 204, 43);}
a.rating_wrd:hover {color: rgb(235, 204, 43);}
.features li,.details li{margin-top: 10px;margin-left: -1.4em;}
div.form-group input.form-control{border-radius: 0;width: 290px;height: 32px;}
div.form-group input{margin-left: 18px;}
div.form-group textarea.form-control{border-radius: 0;margin-left: 24px;}
#review {padding-top: 20px;width: 100%;}
#reviewpanel{margin: 0 auto;padding: 20px 0; font-size: 17px; color: #333333;}
#review_form{text-align: left;}
.firstname{margin-left: 14px;}
.email{margin-left: 76px;}
.subjectline{margin-top: 16px;}
.yourrating{margin: -10px 0 0 20px;}
.rating_label{margin-top: 2px;}
.recommenddiv{margin-top: 16px; margin-left: 134px;}
#form_rating{float: left;margin: -16px 0 0 14px;}
.msgtextbox{margin-left: 28px;margin-top: 16px;}
.msgtextbox label { font-weight: 400;}
.btn_wrapper{float: right;}
.submitbtn{width: 110px;height: 30px;font-size: 17px; font-weight: 300;border-width: 1px;border-color: rgb(6, 16, 42);
  border-style: solid;text-align: center; display: flex;justify-content: center;align-items: center;border-radius: 0px;-webkit-border-radius: 0px;}
.button_blue{background-color: rgb(6, 16, 42);color: rgb(255, 255, 255);}
.horizontalline {border-top: solid 1px #ffffff;}
#review-sm {display: none;}
.recommended_check img {vertical-align: middle;}
.linebreak10 {margin-top: 10px;}
.linebreak20 {margin-top: 20px;}
.visible-sm {display: none;}
.plusminus_revw {cursor: pointer;}
img.star_review_wrap {vertical-align: middle; width: 108px; }
.reviewWord,.review_word {margin-left: 10px; vertical-align: middle;}
.review_word {color:#e1c37b;}
.product-reviews.row {margin-left: 0; margin-right: 0;}
/*========helpful button css==========*/
.button_review{height: 32px;color: rgb(255, 255, 255);background-color: rgb(9,30,55);border-width: 1px
  ;border-color: rgb(6, 16, 42);border-style: solid;text-align: center; display: flex;justify-content: center;align-items: center;cursor: pointer;}
.helpful_wrd{float: left; width: 210px;margin-top: 4px; color:#333333;}
.helpful_item{float: left;width: 90px; margin-left: 20px;}
.inbutton_text{font-weight: 200;}
/*=============page display============*/
.curPage{border-bottom: 1px solid rgb(6, 16, 42);}
.pagenumber {text-align: center;}
.pagenumber a{color: rgb(9,30,55);}
#pagenumbers_nav{margin-left: 10px;margin-right: 10px;display: inline;}
#pagenumbers_nav span {display: inline;}
#pagenumberitem{margin-left: 16px;}

/*=====NEW review=====*/
.mobile {
	display: none;
}
.review-overall {
	width: 100%;
	padding-bottom: 20px;
}
#stars-graph p {
	font-size: 15.5px;
	font-weight: 500;
	margin-bottom: 0;
}
#stars-graph .total-counts {
	margin-bottom: 5px;
	text-align: left;
}
#stars-graph .star-graph {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}
#stars-graph .star-graph p:first-child {
	width: 44px;
	text-align: right;
}
#stars-graph .star-graph p:last-child {
	width: 18px;
	text-align: left;
}
#stars-graph .star-graph svg {
	margin: 0 10px;
	width: 180px;
}
#stars-average div.stars {
    background: url(https://cdn.citybeauty.com/images/images/raty/star-off.png) 0 0 repeat-x;
    width: 100px;
    height: 20px;
    margin: 15px auto;
}
#stars-average div.stars span {
	display: block;
    background: url(https://cdn.citybeauty.com/images/images/raty/star-on.png) 0 0 repeat-x;
    width: 100px;
    height: 20px;
}
.modal-content > .d-flex {
	margin-top: 25px;
}
#write-panel .modal-body {
	text-align: left;
}
#write-panel .modal-body h3 {
	margin-bottom: 40px;
}
#write-panel .modal-body p {
	margin-bottom: 20px;
}
#write-panel .modal-body p span.notes {
	color: #cccccc;
}
#write-panel .modal-body div.form-group input.form-control {
	margin-left: 0;
	width: 100%;
}
#write-panel .modal-body div.form-group input.form-control,
#write-panel .modal-body div.form-group textarea.form-control {
	border-radius: 4px;
	margin-left: 0;
}
#write-panel .modal-body .first-name,
#write-panel .modal-body .email {
	width: 48%;
	margin-bottom: 0;
}
#write-panel .modal-body .msgtextbox {
	margin: 0;
}
#write-panel .modal-body .recommenddiv {
	padding: 20px 0;
	margin: 0 0 30px 0;
	border-bottom: solid 1px #f4f4f4;
}
#write-panel .modal-body .addphotos {
	padding: 20px 0;
	margin: 30px 0 0 0;
	border-bottom: solid 1px #f4f4f4;
	border-top: solid 1px #f4f4f4;
}
#write-panel .modal-body .add-photo {
	width: 100px;
	height: 100px;
	border-radius: 8px;
	border: 1px solid #d7d7d7;
	background-color: #f2f2f2;
	margin-top: 12px;
}
#write-panel .modal-body .add-photo svg {
	cursor: pointer;
}
#write-panel .modal-body .add-photo svg:hover {
	opacity: 0.7;
}
#write-panel .modal-body .add-photo svg.cross {
	display: none;
	z-index: 100;
}
#write-panel .modal-body .add-photo .chosen-photo {
	display: none;
}
#write-panel .modal-body label.input-inline {
	margin-right: 50px;
	color: #333333;
}
#write-panel .modal-body .as-text {
	color: #495057;
	border: none;
	font-size: 17px;
	margin-left: 8px;
	margin-bottom: 10px;
	width: calc(100% - 80px);
	resize: none;
}
.select-colors,
.re-header-btn {
	border: 1px solid #ced4da;
	color: #495057;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	width: 250px;
	text-align: left;
}
#sort-btn {
	float: right;
	width: 200px;
}
#review #sort-btn.dropdown-toggle::after {
	left: initial;
	right: 30px;
}
.re-header-btn {
	border: none;
	padding: 6px 12px;
	width: 110px;
	background-color: #fff;
}
.reviews-header .btn.focus,
.reviews-header .btn:focus {
	box-shadow: none;
}
#review .select-colors.btn:hover {
	opacity: 0.7;
}
#review .dropdown-menu {
	margin-top: 0;
}
#review .dropdown-menu .dropdown-divider {
	border-top-color: #ccc;
}
#review .filters .dropdown-menu {
	width: 290px;
}
#review .filters .dropdown-menu div.form-group {
	padding: 0 16px;
}
#review .filters .dropdown-menu p {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #e7e7e7;
}
#review .filters .dropdown-menu div.form-group input {
	margin-left: 0;
}
#review .filters .dropdown-menu div.form-group label {
	margin-right: 20px;
	margin-bottom: 5px;
}
#write-panel .modal-body .dropdown-toggle::after {
	position: absolute;
	left: 240px;
	margin-top: 10px;
}
#review .dropdown-toggle::after  {
	position: absolute;
	left: 100px;
	margin-top: 10px;
}
#write-panel .modal-body .scrollable-menu,
#review .scrollable-menu {
    height: auto;
    max-height: 212px;
    overflow-x: hidden;
    padding: 0;
    width: 250px;
}
#write-panel .modal-body .choosecolor {
	margin-bottom: 30px;
}
/* Width */
ul.ul-colors::-webkit-scrollbar {
    width: 10px;
}
/* Track */
ul.ul-colors::-webkit-scrollbar-track {
    background: #f1f1f1;
	border-radius: 10px;
}
/* Handle */
ul.ul-colors::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
/* Handle on hover */
ul.ul-colors::-webkit-scrollbar-thumb:hover {
    background: #555;
}
ul.ul-colors li {
	height: 42px;
	border-bottom: solid 1px #f4f4f4;
}
ul.ul-colors li:hover {
	background-color: #f8f9fa;
}
#review ul.ul-colors li:first-child {
	border-top: solid 1px #f4f4f4;
}
ul.ul-colors li.selected {
	background-color: #f4f4f4;
}
ul.ul-colors li label {
	margin-bottom: 0;
	padding: .35rem 12px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
ul.ul-colors li label img:not(.checkmark5) {
	width: 25px;
	margin-right: 16px;
}
ul.ul-colors li label img.checkmark5 {
	width: 16px;
	display: none;
}
ul.ul-colors li label input {
	display: none;
}
.reviews-header .dropdown-menu .filter-btns {
	display: flex;
	justify-content: space-between;
	padding: 0 40px;
}
.reviews-header .dropdown-menu .filter-btns .btn-light {
	background-color: #fff;
	color: #333;
	border-color: #333;
}
.reviews-header .dropdown-menu .filter-btns .btn-dark {
	padding: 8px 12px;
}
#write-panel .modal-body .chooseage select {
	font-size: 17px;
	width: 250px;
}
#write-panel .modal-footer {
	flex-direction: column;
}
#write-panel .terms {
	font-size: 13px;
	width: 100%;
}
#write-panel .terms a {
	color: #29abe2;
}
#write-panel .modal-footer .btn-dark {
	width: 100%;
	margin-left: 0;
}
#write-panel .modal-body .as-text:focus {
	outline: none;
}
#reviews-panel {
	width: 100%;
}
.reviews-header {
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.review-piece {
	padding: 20px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.review-piece h6 {
	line-height: 1.25;
	margin-bottom: 5px;
}
.review-piece .testi_usr .d-flex {
	flex-direction: column;
}
.review-piece .testi_usr p {
	margin-bottom: 0;
}
.review-piece .testi_content h5 {
	line-height: 1.25;
	margin-bottom: 15px;
	margin-top: 5px;
}
.review-piece .testi_content p {
	margin-bottom: 16px;
}
.review-piece .helpful_section {
	margin: 15px 0;
}
.modal-content .close span {
	font-size: 40px;
}
.review-photos .photo {
	width: 120px;
	height: 120px;
	background-color: #f2f2f2;
	margin-bottom: 16px;
	opacity: 0.7;
}
.review-photos .photo:hover {
	opacity: 1;
}
.photo {
	cursor: -moz-zoom-in;
		cursor: -webkit-zoom-in;
		cursor: zoom-in;
	overflow: hidden;
	position: relative;
	margin-right: 13.5px;
}
.add-photo:nth-child(3) {
	margin-right: 0;
}
.photo img {
	position: absolute;
	left: -1000%;
	right: -1000%;
	top: -1000%;
	bottom: -1000%;
	margin: auto;
	/*min-height: 100%;
	min-width: 100%;*/
}
.review-photos.d-flex {
	flex-wrap: wrap;
}
#review-modal-img img {
	margin: auto;
}
#photo-original .modal-dialog {
	margin: auto;
	height: 100%;
}
#photo-original .modal-content {
	width: auto;
	margin: auto;
	border: none;
	background-color: transparent;
}
#photo-original .modal-content .modal-body .d-flex {
	padding: 30px;
}
#photo-original .modal-content img {
	object-fit: contain;
	max-width: 600px;
	max-height: 88vh;
	width: 100%;
}
#photo-original .modal-content .close {
	/*opacity: 0.8;*/
	z-index: 99;
	position: absolute;
	top: 15px;
	right: 24px;
	cursor: pointer;
}
#photo-original .modal-content .close span:hover,
#photo-original .modal-content .close span:focus {
	color: #bbb;
}
#photo-original .modal-content .close span {
	color: #fff;
	text-shadow: 1.5px 3px 0 #333;
}
.pagenumber {
	margin-top: 20px;
}
#review-no-result {
	text-align: center;
	display: none;
}
#review-no-result p {
	margin: 30px 0 20px 0;
}
.plusminus_revw {
	display: none;
	float: right;
	font-size: 25px;
	line-height: 1;
}
@media only screen and (min-width: 1199.98px) {
	.modal-dialog {
		max-width: 1115px;
		margin: 2.5rem auto;
	}
}
@media only screen and (max-width: 1199.98px) and (min-width: 575.98px) {
	.modal-dialog {
		max-width: 1115px;
		margin: 2.5rem;
	}
}
@media only screen and (max-width: 767.98px) {
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	.plusminus_revw,
	.mobile.scorecallback {
		display: inline-block;
	}
	.testi_content .review-full {
		display: none;
	}
	.review-overall > .d-flex {
		flex-direction: column-reverse;
	}
	#write-button {
		display: inline-block;
		margin: auto;
	}
	#stars-average,
	#stars-graph {
		text-align: center;
		margin: auto;
	}
	#stars-average {
		margin-top: 20px;
	}
	#stars-average p {
		margin-bottom: 20px;
	}
	#stars-graph .star-graph svg {
		margin: 0 10px;
		width: calc(100% - 120px);
	}
	#write-panel .modal-body,
	#write-panel .modal-footer {
		padding: 1rem 0;
	}
	.modal-content > .d-flex,
	#write-panel .modal-body form > .d-flex {
		flex-direction: column;
	}
	#write-panel .modal-body h3 {
		margin-bottom: 20px;
	}
	#write-panel .modal-body p {
		margin-bottom: 8px;
	}
	#write-panel .modal-body .col .first-row {
		flex-direction: column;
	}
	#write-panel .modal-body .first-name,
	#write-panel .modal-body .email {
		min-width: 100%;
		width: 100%;
		margin-bottom: 16px;
		margin-left: 0;
	}
	#form_rating {
		margin-top: -6px;
	}
	#write-panel .modal-body .chooseskin label.input-inline {
		display: block;
	}
	#review_form .form-group {
		margin-bottom: 16px;
	}
	#review .dropdown-toggle::after {
		position: initial;
	}
	#review .reviews-header .col-3,
	#review .reviews-header .col-4 {
		padding: 0;
	}
	.sort .re-header-btn {
		float: right;
	}
	.re-header-btn {
		width: auto;
		font-size: 17px;
	}
	#sort-btn {
		width: 160px;
	}
	.review-piece .testi_usr .d-flex {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.review-piece .testi_usr .d-flex p {
		min-width: 49%;
	}
	.review-piece .testi_usr .usr_details .d-flex.has-children {
		padding: 12px 0;
		margin: 12px auto;
		border-top: solid 1px #f4f4f4;
		border-bottom: solid 1px #f4f4f4;
	}
}
@media only screen and (max-width: 575.98px) {
	#photo-original .modal-content .modal-body .d-flex {
		padding: 0;
	}
	.product-detail-container .product-reviews p {
		font-size: 17px;
	}
	.key-ingredients .lg-container .d-flex {
		flex-direction: column;
		max-width: 375px;
		margin: auto;
		margin-top: 25px;
	}
	.key-ingredients .lg-container .d-flex .img {
		width: 100%;
		margin-bottom: 20px;
	}
	.key-ingredients .lg-container .d-flex .text {
		width: 100%;
		color: #333;
	}
	.key-ingredients .lg-container .d-flex .text h5 {
		margin-bottom: 16px;
	}
}

/* #Layout for Large Devices
================================================== */
@media only screen and (max-width: 1199.98px) {
	header .navbar-custom .navbar .navbar-nav .nav-item {
		margin: 0 15px;
	}
	header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item {
		margin: 0 40px;
	}
	header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav #nav-product.nav-item .nav-link:hover {
		border-bottom: 5px solid #fff;
	}
	#md-banner .md-left {
		margin-left: 2%;
	}
	#md-banner .md-left h2 {
		font-size: 25.5px;
		text-transform: uppercase;
	}
	/*#md-banner .md-left h2 .num {
		font-family: 'Scheherazade', serif;
		font-size: 36px;
	}*/
	#md-banner .md-left p {
		font-size: 17px;
	}
	#md-banner .md-right {
		font-size: 17px;
	}
	.slider-container .flex-control-nav {
		bottom: 10px;
	}
	.new-arrival-container .new-arrival {
		padding-left: 51.2%;
		/*background-position: -100px 0px;*/
		background-size: auto 100%;
	}
	/*.new-arrival-container .new-arrival .infobox {
		width: 275px;
	}*/
	.new-arrival-container .new-arrival .infobox h1 {
		/*font-size: 41.5px;*/
	}
	.media-quote-container .container {
		padding: 0 90px;
	}
	.product-detail-container .product-banner h1 {
		position: absolute;
		font-size: 3.84vw;
		/*top: 15%;*/
	}
	.lshm-product-banner {
		background: #efefef url('https://cdn.citybeauty.com/images/images/products/lshm/lshm-banner.jpg') bottom center no-repeat;
		background-size: auto 100%;
	}
	.cl-product-banner .lg-container,
	.lshm-product-banner .lg-container {
		max-width: 960px;
	}

	.cl-product-banner .trans-bg {
		padding: 2.4vw 3vw;
		width: calc(6vw + 460px);
	}
	.cl-product-banner .trans-bg p {
		line-height: 1.8;
	}
	.uer-product-banner .trans-bg,
	.idsc-product-banner .trans-bg,
	.masc-product-banner .trans-bg,
	.amc-product-banner .trans-bg,
	.lbwf-product-banner .trans-bg,
	.uplift-product-banner .trans-bg{
		padding: 2.4vw 40px;
	}
	.eye-revive-product-banner .trans-bg{
		padding: 5vw 35px;
	}
	.brow-product-banner .trans-bg{
		padding: 2.4vw 15px;
	}
	.drec-product-banner .trans-bg{
		padding: 2.4vw 15px;
	}
	.spdv-product-banner .trans-bg{
		padding: 2.4vw 21px;
		width: 503px;
	}
	.clsm-product-banner .trans-bg {
		padding: 2.4vw 40px;
		width: 500px;
	}
	.icbb-product-banner {
		background: #efefef url('https://cdn.citybeauty.com/images/icbb/icbb-banner.jpg') bottom left no-repeat;
		background-size: auto 100%;
		height: 480px;
	}
	.yrc-product-banner {
		background: #f1f1f1 url('https://cdn.citybeauty.com/images/images/products/yrc/yrc-banner.jpg') bottom left no-repeat;
		background-size: auto 100%;
		height: 480px;
	}
	.icbb-product-banner .trans-bg,
	.yrc-product-banner .trans-bg {
		padding: 15px 5vw;
	}
}

/* #Layout for Medium devices
================================================== */
@media only screen and (max-width: 991.98px) {
	header .social-top,
	header .cart-top {
		display: none;
	}
	header .navbar-custom {
		padding: 15px 0;
	}
	header .navbar-custom .navbar {
		height: 54px;
		padding: 0;
	}
	header .navbar-custom .navbar .mx-auto {
		margin: 0;
		width: 100%;
	}
	header .navbar-custom .navbar .navbar-custom-top .navbar-toggler {
		padding: 0;
		margin: 18px 0 0 0;
		font-size: 20px;
		line-height: 20px;
		color: #ffffff;
		border: none;
	}
	header .navbar-custom .navbar .navbar-custom-top .cart-right {
		display: block;
	}
	/*header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item {
		margin: 0 37px;
	}
	header .navbar-custom .navbar .navbar-nav .nav-item .nav-link {
		padding: 0 12px;
	}*/
	#md-banner {
		padding-top: 12px;
		padding-left: 5%;
		display: block;
	}
	#md-banner .md-left {
		margin-left: 0;
		padding-right: 0;
		border-right: none;
	}
	#md-banner .md-left h2 {
		font-size: 23px;
	}
	/*#md-banner .md-left h2 .num {
		font-size: 30px;
	}*/
	#md-banner .md-left p {
		margin-bottom: 10px;
	}
	#md-banner .md-right {
		padding-left: 0;
		font-size: 17px;
	}
	.slider-container .flex-caption .info6 h1 {
		font-size: 45px;
	}
	.slider-container .flex-caption .info6 p {
		line-height: 1.2;
	}
	.slider-container .flex-caption .info6 .form-group label {
		height: 36px;
		width: 92px;
		padding: 7px 18px;
	}
	.slider-container .flex-caption .info6 .form-control {
		height: 36px;
		width: calc(100% - 84px)
	}
	.slider-container .flex-caption .info6 .btn-dark {
		padding: 9px 10px;
		width: 160px;
	}
	.slider-container .flex-caption .info7 h1 {
		font-size: 6.8vw;
		margin-bottom: -10px;
	}
	.slider-container .flex-caption .info7 p.tip {
		margin-top: -10px;
	}
	.slider-container .flex-caption .info7 #low-stock-circle {
		transform: scale(0.8);
		left: 17%;
	}
	.slider-container .flex-caption .info7 p {
		margin: 0 auto 2vw;
		font-size: 18px;
	}
	.slider-container .flex-caption .info7 p.gray-bg,
	.slider-container .flex-caption .info7 a {
		max-width: 330px;
	}
	.slider-container .flex-caption .info7 p#subheading {
		margin-bottom: 1%;
		font-size: 1.9vw;
	}
	.slider-container .flex-caption .info9 img {
		width: 190px;
		margin: 0 auto 4vw;
	}
	.slider-container .flex-caption .info9 h1 {
		font-size: 37px;
	}
	.slider-container .flex-caption .info9 h4 {
		font-size: 20px;
		margin: 10px auto 3.5vw;
	}
	.slider-container .flex-caption .info9 .coupon-code {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.slider-container .flex-caption .info9 .btn-dark {
		margin-bottom: 7vw;
	}
	.slider-container .flex-caption .info9 .small {
		font-size: 14px;
	}
	.slider-container .flex-caption .info10 {
		padding-left: 15px;
	}
	.slider-container .flex-caption .info10 h1 {
		font-size: 50px;
	}
	.slider-container .flex-caption .info10 p {
		font-size: 24px;
	}
	.slider-container .flex-caption .info10 p.sm {
		font-size: 16px;
		margin: 50px 0 0;
	}
	.slider-container .flex-control-nav {
		bottom: 5px;
	}
	.new-arrival-container .new-arrival {
		padding-left: 52%;
		background-position: -50px 0px;
	}
	.new-arrival-container .new-arrival .imagebox {
		right: 20px;
		bottom: -40px;
		width: 300px;
	}
	.new-arrival-container .new-arrival .imagebox img {
		/*height: 280px;*/
	}
	.new-arrival-container .new-arrival .infobox {
		width: 350px;
	}
	.new-arrival-container .new-arrival .infobox h1 {
		font-size: 36.5px;
		margin-bottom: 15px;
	}
	.new-arrival-container .new-arrival .infobox h2 {
		font-size: 27.5px;
	}
	.new-arrival-container .new-arrival .infobox p {
		letter-spacing: 0.3px;
	}
	.product-detail-container .product-detail .product-detail-info .related-product .d-flex a .btn-light {
		width: 160px;
		margin-left: 3vw;
	}
	.prod-banner-container .icbb-arrival {
		padding-left: 30px;
		background: #fcfcfc url(https://cdn.citybeauty.com/images/images/bg-icbb-banner.jpg) no-repeat top right -80px;
		background-size: auto 100%;
	}
	.home-promo-container .home-promo .hydro,
	.home-promo-container .home-promo .cls {
		padding: 16px;
	}
	.product-list-container .product-list ul li {
		width: 47%;
	}
	.media-quote .container .media li:not(:first-child) {
		margin-left: 15px;
	}
	.media-quote .container .media li:not(:last-child) {
		margin-right: 15px;
	}
	.contact-us-container .contact-us {
		width: 100%;
	}

	/* ==== handle tab into collapse button in small screen =====*/
 	.collapseItemSM {
 		border-bottom: 1px solid #333333;
 		padding: 16px 0;
 	}
 	.collapseItemSM:nth-child(4) {
 		border: none;
 	}
 	.proDetailTitleSM {
 		color: #000000;
 		font-size: 17px;
 		text-transform: uppercase;
 	}
	.plusminus{
		color: #000000;
		font-size: 24px;
	}
	.product-info {
		color:#000000;
	}
	.product-detail-container .product-detail {
		margin: 0 0 30px;
	}
	.product-detail-container .product-vsl .vsl-control .vsl-text h3 {
		font-size: 3.15vw;
	}
	.product-detail-container .product-vsl .vsl-control .vsl-text {
		margin: 0 10px;
	}
	.product-detail-container .product-vsl .vsl-control .vsl-text p {
		font-size: 1.7vw;
	}
	.product-detail-container .product-vsl .vsl-control button {
		font-size: 1.68vw;
	}
	.eye-revive-product-banner .trans-bg{
		padding: 3vw 15px;
	}
	.cls-product-banner .trans-bg {
		padding: 2.8vw;
	}
	.aec-product-banner .trans-bg {
		padding: 2.5vw;
	}
	.lshm-product-banner .trans-bg,
	.amc-product-banner .trans-bg,
	.bdhg-product-banner .trans-bg,
	.bsfc-product-banner .trans-bg,
	.llt-product-banner .trans-bg,
	.ars-product-banner .trans-bg,
	.brfnc-product-banner .trans-bg,
	.slb-product-banner .trans-bg {
		padding: 1.5vw 2vw;
	}
	.clsm-product-banner .trans-bg {
		padding: 1.5vw 2vw;
		width: calc(4vw + 420px);
	}
	.mbnm-product-banner .trans-bg{
		padding: 1vw;
	}
	.bm-prooduct-banner .trans-bg{
		padding: 1vw;
	}
	.rht-product-banner .trans-bg {
		width: calc(4.8vw + 320px);
		padding: 1.5vw;
	}
	.csr-product-banner .trans-bg {
		width: calc(6vw + 424px);
		padding: 1vw 3vw;
	}
	.idsc-product-banner .trans-bg,
	.masc-product-banner .trans-bg,
	.ins-product-banner .trans-bg {
		padding: 2.4vw;
	}
	.icbb-product-banner .trans-bg {
		padding: 15px 25px;
	}
	.csr-product-banner.banner-w-trans .trans-bg p {
		line-height: 1.3;
	}
	.brfnc-product-banner.banner-w-trans .trans-bg p {
		line-height: 1.6;
	}
	.csr-product-banner .vertical-line{ margin: 6px auto 4px; }

	.lshm-product-banner .trans-bg p,
	.idsc-product-banner .trans-bg p,
	.masc-product-banner .trans-bg p,
	.uer-product-banner .trans-bg p,
	.amc-product-banner .trans-bg p,
	.lbwf-product-banner .trans-bg p,
	.ins-product-banner .trans-bg p,
	.icbb-product-banner .trans-bg p,
	.clsm-product-banner .trans-bg p,
	.rht-product-banner .trans-bg p,
	.uplift-product-banner .trans-bg p,
	.spdv-product-banner .trans-bg p,
	.brow-product-banner .trans-bg p,
	.eye-revive-product-banner .trans-bg p,
	.drec-product-banner .trans-bg p,
	.bsfc-product-banner .trans-bg p, 
	.llt-product-banner .trans-bg p,
	.ars-product-banner .trans-bg p,
	.slb-product-banner .trans-bg p {
		line-height: 1.6;
	}
	.csr-product-banner .trans-bg h2,
	.idsc-product-banner .trans-bg h2,
	.masc-product-banner .trans-bg h2,
	.uer-product-banner .trans-bg h2,
	.lbwf-product-banner .trans-bg h2,
	.bdhg-product-banner .trans-bg h2,
	.ins-product-banner .trans-bg h2,
	.mbnm-product-banner .trans-bg h2,
	.bm-product-banner .trans-bg h2,
	.uplift-product-banner .trans-bg h2,
	.brow-product-banner .trans-bg h2,
	.eye-revive-product-banner .trans-bg h2,
	.drec-product-banner .trans-bg h2,
	.bsfc-product-banner .trans-bg h2,
	.llt-product-banner .trans-bg h2,
	.slb-product-banner .trans-bg h2 {
		font-size: 4vw;
	}
	.rht-product-banner .trans-bg h2 {
		font-size: 3.9vw;
	}
	.icbb-product-banner .trans-bg h2,
	.amc-product-banner .trans-bg h2,
	.clsm-product-banner .trans-bg h2,
	.ars-product-banner .trans-bg h2,
	.brfnc-product-banner .trans-bg h2 {
		font-size: 3.75vw;
	}
	.icbb-product-banner {
		background: #efefef url('https://cdn.citybeauty.com/images/icbb/icbb-banner.jpg') bottom left -50px no-repeat;
		background-size: auto 100%;
		height: 420px;
	}
	.yrc-product-banner {
		background: #f1f1f1 url('https://cdn.citybeauty.com/images/images/products/yrc/yrc-banner.jpg') bottom left -30px no-repeat;
		background-size: auto 100%;
		height: 480px;
	}
	.bdhg-product-banner {
		background: #efedea url('https://cdn.citybeauty.com/images/images/products/bdhg/bdhg-banner.jpg') bottom left -50px no-repeat;
		background-size: auto 100%;
	}
	.ins-product-banner {
		background: #f1f1f1 url('https://cdn.citybeauty.com/images/images/products/ins/ins-banner.jpg') bottom center no-repeat;
		background-size: auto 100%;
		height: 44vw;
	}
	.mbnm-product-banner {
		background: url('https://cdn.citybeauty.com/images/images/products/mbnm/MBNM-Product-Banner.jpg') bottom left -50px no-repeat;
		background-color: #DDDDDD;
		background-size: auto 100%;
	}
	.bm-product-banner{
		background: url('https://cdn.citybeauty.com/images/images/products/bm/mascara-banner.jpg') bottom left -50px no-repeat;
		background-color: #F6F6F6;
		background-size: auto 100%;
	}
	.llt-product-banner {
		background: #f1f1f1 url('https://cdn.citybeauty.com/images/llt/product-page/llt-banner.jpg') bottom left -100px no-repeat;
		background-size: auto 100%;
	}
	.ars-product-banner {
		background: #e6e6e4 url('https://cdn.citybeauty.com/images/ars/product-page/ars-banner.jpg') bottom left -80px no-repeat;
		background-size: auto 100%;
	}
	.clsm-product-banner {
		height: 44vw;
	}
	.product-info p {
		margin-bottom: 1.5rem;
	}
	/* ==== reviews section css =====*/
	.yourrating{margin: 0; width: 100%;}
	.email{margin-left: 63px;width: 100%;}
	#form_message {width: 290px;}
	.btn_wrapper{float:none;}
	.btn_wrapper input {margin: 0 auto;}
	.visible-sm {display: flex;}
	.hidden-sm {display: none;}
}

@media only screen and (min-width: 767.98px) {
	#color-description-p {
		height: 50px;
	}
}
/* #Layout for Small Devices
================================================== */
@media handheld, only screen and (max-width: 767.98px) {
	#adas-init-access-tool .adas-access-tool-general-button #widget-iconz{
		max-width: 12vw !important;
	}
	/*header .social-top,
	header .cart-top {
		display: none;
	}
	header .navbar-custom {
		padding: 15px 0;
	}
	header .navbar-custom .navbar {
		height: 54px;
		padding: 0;
	}
	header .navbar-custom .navbar .mx-auto {
		margin: 0;
		width: 100%;
	}
	header .navbar-custom .navbar .navbar-custom-top .navbar-toggler {
		padding: 0;
		margin: 18px 0 0 0;
		font-size: 20px;
		line-height: 20px;
		color: #ffffff;
		border: none;
	}
	header .navbar-custom .navbar .navbar-custom-top .cart-right {
		display: block;
	}*/
	/*header .navbar-custom .navbar .navbar-custom-bottom {
		z-index: 999;
	}
	header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item {
		margin: 0;
	}
	header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item .nav-link,
	header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item.active .nav-link,
	header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item:hover .nav-link {
		padding: 0 15px;
		line-height: 50px;
		color: #333333;
		border-bottom: 1px solid #333333;
	}
	header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item:last-child .nav-link {
		border-bottom: none;
	}
	header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item .nav-link:before,
	header .navbar-custom .navbar .navbar-custom-bottom .navbar-nav .nav-item .nav-link:after {
		display: none;
	}
	header .navbar-custom .navbar  .navbar-custom-bottom .navbar-collapse {
		margin: 0px -15px 0 -15px;
		background: #e7e7e7;
		z-index: 999;
		border-bottom: solid 1px #333;
	}*/
	.featured-products-container .featured-products-title h2 {
		font-size: 27.5px;
	}
	.featured-products-container .tab-text-box {
		padding: 15px 12px;
	}
	#md-banner {
		background-image: url(https://cdn.citybeauty.com/images/images/md-banner-img-m.png);
		background-position: top;
		background-size: cover;
		width: 100%;
		padding-right: 28%;
		padding-top: 5%;
		padding-bottom: 5%;
		height: auto;
	}
	#md-banner .md-left h2 {
		font-size: 8.28vw;
	}
	/*#md-banner .md-left h2 .num {
		font-size: 9.6vw;
	}*/
	#md-banner .md-left p {
		font-size: 3.6vw;
	}
	#md-banner .md-right {
		font-size: 4.8vw;
	}
	.slider-container .flexslider .slides:not(.media-slides) > li {
		min-height: 375px;
	}
	.slider-container #pre-cb-banner .flex-caption {
		position: inherit;
		left: inherit;
		top: inherit;
		background: #0b0a0a;
		-webkit-transform: none;
		transform: none;
		margin-top: -2px;
		z-index: 10;
	}
	.slider-container .flex-caption .btn {
		display: block;
		width: 100%;
		padding: 8px 0;
	}
	.slider-container .flex-caption .info6 {
		width: 100%;
		height: 100%;
		padding: 10px 0 60px 0;
	}
	.slider-container .flex-caption .info6 h1 {
		font-size: 42px;
		margin-bottom: 10px;
	}
	.slider-container .flex-caption .info6 h2 {
		font-size: 28px;
		margin-bottom: 10px;
	}
	.slider-container .flex-caption .info6 p {
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 1.35;
		max-width: 540px;
	}
	.slider-container .flex-caption .info6 form {
		display: block;
		margin-top: 15px;
	}
	.slider-container .flex-caption .info6 .form-group {
		margin-bottom: 16px;
		width: 100%;
		margin-right: 0;
	}
	.slider-container .flex-caption .info6 .form-control {
		font-size: 17px;
		height: 36px;
		background-color: #ffffff;
	}
	.slider-container .flex-caption .info6 .form-group label {
		background-color: #ddd;
		height: 36px;
		width: 106px;
		padding: 8px 25px;
	}
	.slider-container .flex-caption .info6 .btn-dark {
		padding: 8px 36px;
		width: 100%;
	}
	.slider-container #cb-mon-banner {
		overflow: hidden;
		max-height: 420px;
		height: 64vw;
	}
	.slider-container #cb-mon-banner #home-img7 {
		position: absolute;
		top: -50%;
	}
	.slider-container .flex-caption .info7 {
		width: 72%;
		padding: 30px 0;
		margin-right: -15px;
	}
	.slider-container .flex-caption .info7 #low-stock-circle {
		z-index: 1;
		top: 15%;
		left: 12%;
		width: 160px;
		padding: 45px 13px;
	}
	.slider-container .flex-caption .info7 .mobile.prod {
		display: block;
		position: absolute;
		left: -9%;
		width: 53%;
		bottom: 0;
	}
	.slider-container .flex-caption .info7 h1 {
		font-size: 7.4vw;
		margin-bottom: -15px;
	}
	.slider-container .flex-caption .info7 p.tip {
		margin-top: -15px;
	}
	.slider-container .flex-caption .info7 p {
		font-size: 17px;
	}
	.slider-container .flex-caption .info7 p#subheading {
		font-size: 14px;
	}
	.slider-container .flex-caption .info7 p.gray-bg,
	.slider-container .flex-caption .info7 a {
		max-width: 260px;
	}
	.slider-container .flexslider .slides:not(.media-slides) > li {
		min-height: initial;
	}
	.slider-container .flex-caption .info8 h1 {
		font-size: 32px;
	}
	.slider-container .flex-caption .info8 p {
		font-size: 14px;
		max-width: 270px;
	}
	.slider-container .flex-caption .info9 {
		width: 100%;
	}
	.slider-container .flex-caption .info9 img {
		width: 240px;
		margin: 0 auto 4.5vw;
	}
	.slider-container .flex-caption .info9 h1 {
		font-size: 46px;
	}
	.slider-container .flex-caption .info9 h4 {
		font-size: 24px;
		margin: 10px auto 4vw;
	}
	.slider-container .flex-caption .info9 .coupon-code {
		font-size: 24px;
	}
	.slider-container .flex-caption .info9 .btn-dark {
		padding: 10px 30px;
		margin-bottom: 8vw;
	}
	.slider-container .flex-caption .info9 .small {
		font-size: 16px;
	}
	.slider-container .flex-caption .info10 h1 {
		font-size: 40px;
		margin-bottom: 10px;
	}
	.slider-container .flex-caption .info10 p {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.slider-container .flex-caption .info10 p.sm {
		font-size: 14px;
		margin: 50px 0 0;
		max-width: 73%;
	}
	.slider-container .flex-control-nav {
		bottom: 15px;
	}
	.featured-products-container {
		padding: 30px 0;
	}
	.new-arrival-container .new-arrival {
		padding: 22px 0;
		background: #9F9F9F url(https://cdn.citybeauty.com/images/images/bg-new-arrivals-masc.jpg) no-repeat top left -120px;
		background-size: auto 100%;
	}
	.new-arrival-container .new-arrival .imagebox {
		width: 100%;
		max-width: initial;
		padding: 30px 20px 0 0;
		text-align: right;
		position: static;
	}
	.new-arrival-container .new-arrival .imagebox img {
		height: 180px;
	}
	.new-arrival-container .new-arrival .infobox {
		float: right;
		padding: 0px 30px 0 0;
		text-align: right;
		width: 340px;
	}
	.new-arrival-container .new-arrival .infobox p {
		line-height: 1.35;
		margin-bottom: 12px;
		width: 100%;
	}
	.new-arrival-container .new-arrival .infobox h1,
	.new-arrival-container .new-arrival .infobox h2 {
		text-align: right;
		margin-bottom: 8px;
	}
	.new-arrival-container .new-arrival .infobox .btn-dark {
		float: right;
	}
	.prod-banner-container .icbb-arrival {
		padding-left: 15px;
		background: #fcfcfc url(https://cdn.citybeauty.com/images/images/bg-icbb-banner.jpg) no-repeat top right -150px;
		background-size: auto 100%;
	}
	.prod-banner-container .icbb-arrival .infobox {
		padding: 30px 0;
		max-width: 350;
		width: 100%;
	}
	.prod-banner-container .icbb-arrival .infobox h1 {
		font-size: 37px;
	}
	.home-promo-container .home-promo .col-md-6 {
		margin-bottom: 30px;
		flex: initial;
	}
	.home-promo-container .home-promo .col-md-6 .content h1 {
		font-size: 34.5px;
	}
	.home-promo-container .home-promo .col-md-6 .content h2 {
		font-size: 27.5px;
	}
	.home-promo-container .home-promo .col-md-6 .content .btn-gold {
		padding: 8px 12px;
		font-size: 15.5px;
	}
	.blog-new-posts .container h2 {
		display: block;
		margin-left: 0;
		margin: auto;
	}
	.blog-new-posts .view-more {
		display: block;
		float: initial;
	}
	.blog-new-posts .container .blog-posts {
		display: block;
		margin-top: 30px;
	}
	.blog-new-posts .container .blog-posts .menu-post-box {
		margin: auto;
		margin-bottom: 30px;
		width: 86%;
	}
	.blog-new-posts .container .blog-posts .menu-post-box .featured-media {
		height: 60vw;
		max-height: initial;
	}
	.blog-new-posts .container .blog-posts .menu-post-box .post-title-box {
		margin-top: -60px;
	}
	.media-quote-container .container {
		padding: 0 50px;
	}
	.media-quote-carousel .owl-prev {
		left: -45px;
	}
	.media-quote-carousel .owl-next {
		right: -45px;
	}
	.first-time-opt-in .container form {
		display: block;
	}
	.first-time-opt-in .container form .col-md-10,
	.first-time-opt-in .container form .col-md-6 {
		margin: auto;
	}
	.first-time-opt-in .container form .row {
		display: block;
	}
	.first-time-opt-in .container form .form-row {
		margin-bottom: 20px;
	}
	.first-time-opt-in .container form label {
		text-align: center;
	}
	.first-time-opt-in .container form input {
		max-width: 480px;
	}
	.product-detail-container {
		padding-top: 30px;
	}
	.product-detail-container .product-detail .product-detail-info .product-rating {
		margin-bottom: 5px;
	}
	.product-detail-container .product-detail .product-detail-info .product-detail-collapse {
		padding: 15px 0;
	}
	.product-detail-container .product-detail .product-detail-info .product-collapse-content p,
	.product-detail-container .product-detail .product-detail-info .product-collapse-content ul:not(.title) > li > p,
	.product-detail-container .product-detail .product-detail-info .product-collapse-content ol {
		font-size: 17px;
	}
	.product-detail-container .product-detail .product-detail-tabs .nav-tabs {
		float: none;
		display: block;
		width: 100%;
		margin: 15px 0 30px 0;
		text-align: center;
	}
	.product-detail-container .product-detail .product-detail-tabs .nav-tabs .nav-item {
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 0 10px 0 0;
	}
	.product-detail-container .product-detail .product-detail-tabs .nav-tabs .nav-item .nav-link {
		display: inline-block;
		width: 14px;
		height: 14px;
		padding: 0;
		background: none;
		border: 1px solid #333333;
		border-radius: 50%;
		opacity: 1.0;
	}
	.product-detail-container .product-detail .product-detail-tabs .nav-tabs .nav-item .nav-link img {
		display: none;
	}
	.product-detail-container .product-detail .product-detail-tabs .nav-tabs .nav-item .nav-link.active {
		background: #333333;
		border: 1px solid #333333;
		opacity: 1.0;
	}
	.product-detail-container .product-detail .product-detail-tabs .tab-content {
		float: none;
		width: 100%;
	}
	.product-detail-container .product-detail .product-detail-info .product-add-items .product-quantity .form-control {
		margin: 0 2px;
	}
	.product-detail-container .product-detail .product-detail-info .related-product .d-flex:last-child {
		max-width: 415px;
	}
	.product-detail-container .product-detail .product-detail-info .related-product .d-flex a .btn-light {
		width: 180px;
	}
	#image-five {
		padding: 30px 0;
	}
	.media-quote {
		padding: 5px 0 50px 0;
	}
	.media-quote-switch {
		padding-bottom: 0;
		height: 300px;
	}
	.product-detail-container .product-banner-cl {
		display: none;
	}
	.product-detail-container .product-banner-cl-mob {
		display: block;
		background-color: #f4f4f4;
	}
	.product-detail-container .product-banner-cl-mob .text {
		padding: 20px;
		color: #333333;
	}
	.product-detail-container .product-banner-cl-mob .text p {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.product-detail-container .product-banner-cl-mob .text ul {
		margin-left: 32px;
	}
	.product-detail-container .product-banner-cl-mob .text ul li {
		font-size: 17px;
		margin: 16px 0;
		text-indent: -32px;
	}
	.product-detail-container .product-banner-cl-mob .text ul li::before {
		content: "—— ";
	}
	.media-quote-switch .container .slider-container .flex-container .flexslider .slides {
		height: 220px;
	}
	.media-quote .container .media {
		margin-bottom: 30px;
	}
	.media-quote ul.slides > li {
		min-height: auto;
	}
	.media-quote ul.slides li .quote {
		font-size: 24px;
	}
	#image-four {
		padding: 30px 0;
		background-color: white;
	}
	.product-faq .d-flex {
		flex-direction: column;
	}
	.product-faq h2 {
		text-align: center;
		margin-bottom: 30px;
		padding-right: 0;
	}
	.product-signup .d-flex {
		flex-direction: column;
	}
	.product-signup .text { max-width: initial; }
	.product-signup form { width: 100%; max-width: initial; }
	.product-signup .btn-dark { width: 100%; }
	#product-descriptions {
		display: block;
	}
	#product-descriptions .description,
	#product-descriptions .description:last-child {
		width: 100%;
	}
	.product-detail-container .product-vsl-new div.play-btn {
		margin: 20px 0;
	}
	.product-detail-container .product-vsl-new .vsl-control .vsl-text p {
		font-size: 17px;
		margin: 10px 0;
	}
	.banner-w-trans .trans-bg {
		padding: 15px 10px;
	}
	.cl-product-banner .trans-bg {
		width: 330px;
	}
	.clsm-product-banner .trans-bg,
	.brfnc-product-banner .trans-bg {
		width: 400px;
	}
	.rht-product-banner .trans-bg {
		width: 312px;
	}
	.csr-product-banner .trans-bg {
		width: initial;
		padding: 10px;
	}
	.csr-product-banner.banner-w-trans .trans-bg p {
		margin-bottom: 8px;
		font-size: 14px;
	}
	.csr-product-banner .trans-bg small {
		font-size: 12px;
	}
	.banner-w-trans .trans-bg .vertical-line {
		display: none;
	}
	.banner-w-trans .trans-bg h2 {
		font-size: 30px;
		margin-bottom: 16px;
	}
	.csr-product-banner .trans-bg h2,
	.lshm-product-banner .trans-bg h2,
	.aec-product-banner .trans-bg h2,
	.amc-product-banner .trans-bg h2,
	.ins-product-banner .trans-bg h2,
	.clsm-product-banner .trans-bg h2,
	.llt-product-banner .trans-bg h2,
	.ars-product-banner .trans-bg h2,
	.brfnc-product-banner .trans-bg h2,
	.slb-product-banner .trans-bg h2 {
		font-size: 26px;
		margin-bottom: 13px;
	}
	.banner-w-trans .trans-bg p {
		line-height: 1.5;
	}
	.lshm-product-banner .trans-bg p,
	.cl-product-banner .trans-bg p,
	.aec-product-banner .trans-bg p,
	.amc-product-banner .trans-bg p,
	.ins-product-banner .trans-bg p,
	.clsm-product-banner .trans-bg p,
	.rht-product-banner .trans-bg p,
	.ars-product-banner .trans-bg p,
	.llt-product-banner .trans-bg p,
	.brfnc-product-banner .trans-bg p,
	.slb-product-banner .trans-bg p {
		font-size: 15px;
	}
	.masc-product-banner {
		background: #fdfdfd url('https://cdn.citybeauty.com/images/images/products/masc/masc-banner.jpg') bottom left -12vw no-repeat;
		background-size: auto 100%;
	}
	.idsc-product-banner {
		background: #f1f1f0 url('https://cdn.citybeauty.com/images/images/products/idsc/idsc-text.png') bottom left -6vw no-repeat;
		background-size: auto 100%;
	}
	.icbb-product-banner {
		height: 350px;
	}
	.uer-product-banner {
		background: #e4e4e4 url('https://cdn.citybeauty.com/images/images/products/uer/uer-banner.jpg') bottom left -10vw no-repeat;
		background-size: auto 100%;
		height: 44vw;
	}
	.yrc-product-banner {
		background: #f1f1f1 url('https://cdn.citybeauty.com/images/images/products/yrc/yrc-banner.jpg') bottom left no-repeat;
		background-size: auto 100%;
		height: 350px;
	}
	.bdhg-product-banner {
		background: #efedea url('https://cdn.citybeauty.com/images/images/products/bdhg/bdhg-banner.jpg') bottom left -80px no-repeat;
		background-size: auto 100%;
	}
	.ins-product-banner {
		background: #f1f1f1 url('https://cdn.citybeauty.com/images/images/products/ins/ins-banner.jpg') bottom left -40px no-repeat;
		background-size: auto 100%;
	}
	.rht-product-banner{
		background: #ebebeb url('https://cdn.citybeauty.com/images/images/products/rht/hand-banner.jpg') bottom left -20px no-repeat;
		background-size: auto 100%;
	}
	.csr-product-banner{
		background: #ebebeb url('https://cdn.citybeauty.com/images/csr/csr-banner.jpg?v=2') bottom left no-repeat;
		background-size: auto 100%;
	}
	.bsfc-product-banner {
		background: #f6f6f6 url('https://cdn.citybeauty.com/images/bsfc/product-page/bsfc-banner.jpg') bottom left -60px no-repeat;
		background-size: auto 100%;
	}
	.brfnc-product-banner {
		background: #0d0f0e url('https://cdn.citybeauty.com/images/brfnc/product-page/brfnc-banner.jpg') bottom left -50px no-repeat;
		background-size: auto 100%;
	}
	.product-detail-container .product-vsl .vsl-control {
		justify-content: space-between;
	}
	.product-detail-container .product-vsl .vsl-control .vsl-text {
		margin: 0 10px;
	}
	.product-detail-container .product-vsl .vsl-control button {
		padding: 10px 15px;
	}
	.product-detail-container .product-vsl .vsl-control .vsl-text h3 {
		font-size: 24px;
	}
	.product-detail-container .product-vsl .vsl-control .vsl-text p,
	.product-detail-container .product-vsl .vsl-control button {
		font-size: 12px;
	}
	#product-ingredient-imgs .ingredient-img {
		display: block;
	}
	#product-ingredient-imgs .ingredient-img .img {
		max-width: 625px;
		width: 100%;
		margin: auto;
		margin-bottom: 20px;
	}
	.contact-us-container .contact-us {
		text-align: center;
	}
	footer .copyright {
		margin: 15px 0 0 0;
		text-align: center;
	}
	footer .logos {
		padding-bottom: 25px;
	}
	#review .col-sm-11,.col-sm-1 {
		padding: 0;
	}
	.product-image-display{
		flex-direction: column;
	}

.product-1-img { max-width: 550px; margin: 50px 25px 0px 25px !important;}
.product-2-img { max-width: 550px; margin: 50px 25px 0px 25px !important;}
}

/* #Layout for Extra Small Devices
================================================== */
@media only screen and (max-width: 575.98px) {
	.slider-container {
		padding-top: 30px;
	}
	.slider-container .flex-caption .info6 h1 br {
		display: none;
	}
	.slider-container .flex-caption .info6 h1 {
		font-size: 35px;
	}
	.slider-container .flex-caption .info6 h2 {
		font-size: 25px;
	}
	.slider-container .flex-caption .info6 p {
		font-size: 14px;
	}
	.slider-container .flex-caption .info6 .form-group label {
		width: 86px;
		padding: 8px 15px;
	}
	.slider-container #cb-mon-banner {
		/*height: 80vw;*/
		max-height: initial;
		height: 530px;
	}
	.slider-container #cb-mon-banner #home-img7 {
		top: -10%;
	}
	/*.slider-container .flex-caption {
		top: 0;
		transform: translate(-50%, 0);
		height: 100%;
	}*/
	.slider-container .flex-caption .info7 {
		width: calc(100% + 30px);
		padding: 20px 0
	}
	.slider-container .flex-caption .info7 #low-stock-circle {
		top: initial;
		left: initial;
		right: -15px;
		bottom: 60px;
	}
	.slider-container .flex-caption .info7 .mobile.prod {
		width: 360px;
		left: -60px;
		bottom: 50px;
	}
	.slider-container .flex-caption .info7 h1 {
		padding: 0 15px;
		font-size: 38px;
	}
	.slider-container .flex-caption .info7 p#subheading {
		margin-bottom: 16px;
		padding: 0 15px;
	}
	.slider-container .flex-caption .info7 p.gray-bg {
		max-width: initial;
		text-align: left;
		line-height: 1.5;
		padding-left: 135px;
		margin-bottom: 10px;
		background-size: 112% 100%;
	}
	.slider-container .flex-caption .info7 p.gray-bg br { display: none; }
	.slider-container .flex-caption .info7 p.tip {
		text-align: left;
		padding-left: 210px;
		font-size: 15px;
	}
	.slider-container .flex-caption .info7 p.tip i {
		display: block;
		text-decoration: none;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.slider-container .flex-caption .info7 a,
	.slider-container .flex-caption .info7 p.sm {
		display: none;
	}
	.slider-container .flex-caption .info7 a.mobile {
		display: block;
		position: absolute;
		bottom: 0;
		max-width: initial;
		width: 100%;
	}
	.slider-container .flex-caption .info7 .btn-dark {
		padding: 16px 10px 10px;
	}
	.slider-container .flexslider .slides:not(.media-slides) > li {
		min-height: 290px;
	}
	.slider-container .flexslider li .container {
		min-height: 240px;
		background: url('https://cdn.citybeauty.com/images/images/slider/slider10.jpg') right top no-repeat;
		background-size: auto 100%;
	}
	.flexslider .slides img#home-img8 {
		visibility: hidden;
	}
	.slider-container .flex-caption .info8 {
		padding-top: 30px;
	}
	.slider-container .flex-caption .info8 h1 {
		font-size: 32px;
	}
	.slider-container .flex-caption .info8 p {
		font-size: 14px;
		max-width: 270px;
	}
	.slider-container .flex-caption .info9 img {
		width: 200px;
		margin: 0 auto 3.5vw;
	}
	.slider-container .flex-caption .info9 h1 {
		font-size: 37px;
	}
	.slider-container .flex-caption .info9 h4 {
		font-size: 20px;
		margin: 10px auto 3.5vw;
	}
	.slider-container .flex-caption .info9 .coupon-code {
		font-size: 20px;
	}
	.slider-container .flex-caption .info9 .btn-dark {
		margin-bottom: 7vw;
	}
	.slider-container .flex-caption .info9 .small {
		font-size: 14px;
	}
	.slider-container .flex-caption .info10 {
		padding-left: 10px;
	}
	.slider-container .flex-caption .info10 h1 {
		font-size: 33px;
	}
	.slider-container .flex-caption .info10 p {
		font-size: 16.5px;
	}
	.slider-container .flex-caption .info10 p.sm {
		font-size: 11px;
		margin: 40px 0 0;
	}
	.slider-container .flex-caption .info10 .btn-dark {
		font-size: 14px;
		padding: 7px 20px;
	}
	.prod-banner-container .icbb-arrival .infobox p {
		font-size: 16px;
		max-width: 300px;
	}
	.instagram-images h1 {
		font-size: 36.8px;
	}
	.product-list-container .product-list ul {
		margin: 0;
	}
	.product-list-container .product-list ul li {
		display: block;
		width: 100%;
		margin: 0 0 45px 0;
	}
	.blog-new-posts .container .blog-posts .menu-post-box {
		width: 100%;
	}
	.first-time-opt-in .container form .col-md-10,
	.first-time-opt-in .container form .col-md-6 {
		padding: 0;
	}
	.product-detail-container .product-info-tabs .nav-tabs .nav-item .nav-link {
		padding: 12px 24px;
		font-size: 17px;
		font-weight: 400;
	}
	.product-detail-container .product-info-tabs .tab-content {
		padding: 30px;
	}
	.promise .lg-container .d-flex {
		flex-wrap: wrap;
	}
	.promise .lg-container .d-flex p {
		margin: 20px 5px;
	}
	.product-detail-container .product-vsl .vsl-control {
		padding: 10px;
		height: auto;
	}
	.product-detail-container .product-vsl .vsl-control .play-btn svg {
		display: none;
	}
	.product-detail-container .product-vsl .vsl-control button {
		padding: 5px 10px;
	}
	.product-detail-container .product-vsl-new .vsl-control .play-btn svg {
		display: none;
	}
	.product-detail-container .product-vsl-new .vsl-control .vsl-text h2 {
		font-size: 32px;
	}
	.banner-w-trans .trans-bg p {
		line-height: 1.35;
		font-size: 15px;
		text-align: left;
	}
	.cls-product-banner .trans-bg {
		padding: 12px;
	}
	.slb-product-banner .trans-bg {
		width: 100%;
	}
	.cls-product-banner .trans-bg h2 {
		font-size: 26px;
		margin-bottom: 13px;
	}
	.mbnm-product-banner .trans-bg h2 {
		margin-bottom: 10px;
	}
	.bm-product-banner .trans-bg h2{
		margin-bottom: 10px;
	}
	.aec-product-banner .trans-bg h2 {
		font-size: 24px;
	}
	.aec-product-banner .trans-bg p {
		font-size: 14px;
	}
	.aec-product-banner {
		background: #f0f0ef url('https://cdn.citybeauty.com/images/images/products/aec/aec-banner.jpg') bottom right 25px no-repeat;
		background-size: auto 100%;
	}
	.cl-product-banner {
		background: #eae9e7 url('https://cdn.citybeauty.com/images/images/products/cl/cl-banner.jpg') bottom left -80px no-repeat;
		background-size: auto 100%;
	}
	.lshm-product-banner .trans-bg {
		float: initial;
		display: block;
	}
	.lshm-product-banner .trans-bg h2,
	.uer-product-banner .trans-bg h2,
	.yrc-product-banner .trans-bg h2,
	.ins-product-banner .trans-bg h2,
	.rht-product-banner .trans-bg h2,
	.spdv-product-banner .trans-bg h2 {
		font-size: 24px;
		margin-bottom: 8px;
	}
	.masc-product-banner {
		background: #fdfdfd url('https://cdn.citybeauty.com/images/images/products/masc/masc-banner.jpg') bottom left -60px no-repeat;
		background-size: auto 100%;
	}
	.yrc-product-banner {
		background: #f1f1f1 url('https://cdn.citybeauty.com/images/images/products/yrc/yrc-banner.jpg') bottom left -20px no-repeat;
		background-size: auto 100%;
		height: 280px;
	}
	.amc-product-banner {
		background: #fff url('https://cdn.citybeauty.com/images/images/products/amc/amc-banner.jpg') bottom left -20px no-repeat;
		background-size: auto 100%;
	}
	.lbwf-product-banner {
		background: #fff url('https://cdn.citybeauty.com/images/images/products/lbwf/lbwf-banner.jpg') bottom left -50px no-repeat;
		background-size: auto 100%;
	}
	.uplift-product-banner {
		background: #fff url('https://cdn.citybeauty.com/images/images/products/uplift/uplift-banner.jpg?v=1') bottom left -50px no-repeat;
		background-size: auto 100%;
	}
	.eye-revive-product-banner {
		background: #DCD7D4 url('https://cdn.citybeauty.com/images/eye-revive/eye-revive-product-banner.jpg?v=2') bottom left -50px no-repeat;
		background-size: auto 100%;
	}
	.brow-product-banner {
		background: #EFEFEF url('https://cdn.citybeauty.com/images/rbs/rbs-banner.jpg') bottom left -50px no-repeat;
		background-size: auto 100%;
	}
	.drec-product-banner{
		background: #F2F2F2 url('https://cdn.citybeauty.com/images/drec/drec-banner.jpg') bottom left -50px no-repeat;
		background-size: auto 100%;
	}
	.bdhg-product-banner {
		background: #efedea url('https://cdn.citybeauty.com/images/images/products/bdhg/bdhg-banner.jpg') bottom left -20px no-repeat;
		background-size: auto 100%;
	}
	.mbnm-product-banner {
		background: url('https://cdn.citybeauty.com/images/images/products/mbnm/MBNM-Product-Banner.jpg') bottom left -20px no-repeat;
		background-size: auto 100%;
	}
	.bm-product-banner{
		background: url('https://cdn.citybeauty.com/images/images/products/bm/mascara-banner.jpg') bottom left -20px no-repeat;
		background-size: auto 100%;
	}
	.clsm-product-banner {
		background: url('https://cdn.citybeauty.com/images/images/products/clsm/clsm-banner.jpg') bottom left -30px no-repeat;
		background-size: auto 100%;
	}
	.slb-product-banner {
		background: #f4f4f4 url(https://cdn.citybeauty.com/images/slb/product-page/slb-banner.jpg) bottom left no-repeat;
		background-size: auto 100%;
	}
	.product-detail-container .product-introduce p {
		font-size: 17px;
	}
	.product-detail-container .product-banner-hm {
		display: none;
	}
	.product-detail-container .product-banner-hm-mob {
		display: block;
	}
	.product-detail-container .product-ingredient-imgs .ingredient-img {
		display: block;
	}
	.product-detail-container .product-ingredient-imgs .ingredient-img .img {
		width: 100%;
		margin-bottom: 15px;
	}
	.product-detail-container .product-ingredient-imgs .ingredient-img .text {
		/*font-size: 14px;
		margin-top: 12px;*/
		margin-bottom: 25px;
		width: 100%;
	}
	.product-detail-container .product-ingredient-imgs .ingredient-img .text p {
		font-size: 17px;
	}
	.product-detail-container .product-ingredient-imgs table {
		max-width: 540px;
		font-size: 17px;
	}
	.product-detail-container .product-ingredient-imgs table tr td {
		padding: 5px;
	}
	.product-detail-container .product-ingredient-imgs table tr td:first-child {
		font-size: 17px;
	}
	footer {
		padding: 0;
	}
	footer .links {
		text-align: center;
	}
	footer .links ul {
		margin: 0 -15px;
	}
	footer .links ul li {
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #ffffff;
	}
	footer .logos {
		padding: 20px 10px;
	}
	footer .bottom-footer {
		padding-bottom: 20px;
	}
	.collapseItemSM .col-11 {
		max-width: 89%;
	}
	#home-items,#social-items {display: none;}
	footer #mobile-affiliate { display: block; }
	footer #mobile-careers {display: block;}
	#social-icons {
		display: flex;
		color: #ffffff;
	}
/*======= review css ========*/
	div.form-group input{margin: 0;}
	.firstname,.email,.msgtextbox {margin-left:0;}
	div.form-group textarea.form-control{margin-left: 0;}
	#review_form .form-group {margin-bottom: 0;}
	.recommenddiv {margin-left: 0;}
	.firstname,.subjectline {width: 100%;}
	div.form-group input.form-control{width: 100%;}
	#form_message{width: 100%;}
	#review .col-sm-11 {width: 1500%;}
	#review .col-xs-11,.col-xs-1 {padding: 0;}
	#form_rating {margin: 0;}
	.helpful_wrd {width: 100%;}
}

@media only screen and (max-width: 475px) {
	#goToTop { display: none; }
	/*.new-arrival-container .new-arrival .infobox h2 {
		margin: 0 0 10px 0;
		font-weight: 400;
		font-style: italic;
	}*/
	.slider-container .flexslider .slides:not(.media-slides) > li {
		min-height: 250px;
	}
	.slider-container .flex-caption .info8 {
		padding: 15px 0;
	}
	.slider-container .flexslider li .container {
		background-position: right -60px top
	}

	.slider-container .flex-caption .info9 img {
		width: 170px;
		margin: 0 auto 10px;
	}
	.slider-container .flex-caption .info9 h1 {
		font-size: 30px;
	}
	.slider-container .flex-caption .info9 h4 {
		font-size: 18px;
		margin: 10px auto 20px;
	}
	.slider-container .flex-caption .info9 .coupon-code {
		margin-bottom: 6px;
	}
	.slider-container .flex-caption .info9 .small {
		font-size: 12px;
	}
	.featured-products-container .tab-text-box {
		width: 125px;
	}
	.product-detail-container .product-detail .product-detail-info .product-color ul li {
		width: 18%;
	}
	#md-banner {
		padding-right: 24%;
		padding-top: 8%;
		padding-bottom: 8%;
	}
	#md-banner .md-left h2 {
		font-size: 9.3vw;
	}
	/*#md-banner .md-left h2 .num {
		font-size: 10.8vw;
	}*/
	#md-banner .md-left p {
		font-size: 4.8vw;
	}
	#md-banner .md-right {
		font-size: 6vw;
	}
	.new-arrival-container .new-arrival .infobox h1 {
		font-size: 28px;
		float: right;
	}
	.new-arrival-container .new-arrival .infobox h2 {
		font-size: 25.5px;
	}
	.new-arrival-container .new-arrival .infobox p {
		width: 260px;
		margin-left: 60px;
	}
	.new-arrival-container .new-arrival .imagebox img { height: 150px; }
	.new-arrival-container .new-arrival .imagebox {
		padding-right: 10px;
	}
	.new-arrival-container .new-arrival .infobox {
		padding-right: 10px;
		font-size: 15px;
	}
	.new-arrival-container .new-arrival .infobox .btn-dark {
		padding: 10px 0;
	}
	.new-arrival-container .new-arrival {
		background-position: -120px 0px;
		padding: 15px 0;
	}
	.media-quote-switch {
		padding: 0;
		height: 240px;
	}
	.media-quote-switch .container .slider-container .flex-container .flexslider .slides {
		height: 200px;
	}
	.media-quote .container .media {
		margin-bottom: 30px;
	}
	.media-quote ul.slides li .quote {
		font-size: 17px;
	}
	.media-quote .container .media li:not(:first-child) {
		margin-left: 10px;
	}
	.media-quote .container .media li:not(:last-child) {
		margin-right: 10px;
	}
	.product-detail-container .product-vsl .vsl-control .vsl-text h3 {
		font-size: 17px;
	}
	.product-detail-container .product-vsl .vsl-control .vsl-text p {
		font-size: 10px;
	}
	.product-detail-container .product-vsl .vsl-control button {
		padding: 3px 8px;
		font-size: 12px;
	}
	.product-detail-container .product-vsl-new .vsl-control .vsl-text h2 {
		font-size: 24px;
	}
	.product-detail-container .product-vsl-new .vsl-control .vsl-text p {
		font-size: 15px;
		margin: 8px 0;
	}
	.product-detail-container .product-vsl-new .vsl-control button {
		padding: 6px 25px;
		/*font-size: 15px;*/
	}
	.product-detail-container .product-introduce h2,
	.product-detail-container .product-ingredient-imgs h2,
	.product-detail-container .product-reviews h2 {
		font-size: 27.5px;
	}
	.cls-product-banner .trans-bg,
	.aec-product-banner .trans-bg {
		float: initial;
		display: block;
	}
	.rht-product-banner .trans-bg,
	.brfnc-product-banner .trans-bg,
	.clsm-product-banner .trans-bg {
		width: 100%;
	}
	.aec-product-banner {
		background: #f0f0ef url('https://cdn.citybeauty.com/images/images/products/aec/aec-banner.jpg') bottom center no-repeat;
		background-size: auto 100%;
	}
	.aec-product-banner .trans-bg h2 {
		font-size: 25px;
	}
}
@media only screen and (max-width: 418px) {
	.blog-new-posts .container .blog-posts .menu-post-box .post-title-box {
		margin-top: -85px;
	}
	.home-promo-container .home-promo .hydro img {
		width: 48%;
	}
	.home-promo-container .home-promo .cls img {
		right: 20px;
	}
	.home-promo-container .home-promo .col-md-6 .content p:nth-child(3) {
		width: initial;
	}
	.slider-container .flex-caption .info6 h1 {
		font-size: 7vw;
	}
	.slider-container .flex-caption .info6 h2 {
		font-size: 5.5vw;
	}

	.slider-container #cb-mon-banner {
		height: 450px;
	}
	.slider-container .flex-caption .info7 {
		padding: 10px 0
	}

	.slider-container .flex-caption .info7 #low-stock-circle #more {
		display: none;
	}
	.slider-container .flex-caption .info7 #low-stock-circle #less {
		display: inline-block;
	}
	.slider-container .flex-caption .info7 #low-stock-circle {
		line-height: 1.2;
		font-size: 14px;
		width: 110px;
		padding: 31px 5px;
		right: -10px;
	}
	.slider-container .flex-caption .info7 #low-stock-circle b {
		font-size: 100%!important;
	}
	.slider-container .flex-caption .info7 h1 {
		font-size: 31px;
		padding: 0 10px;
		margin-bottom: -20px;
	}
	.slider-container .flex-caption .info7 .mobile.prod {
		width: 280px;
		left: -46px;
		bottom: 50px;
	}
	.slider-container .flex-caption .info7 p.gray-bg {
		padding-left: 102px;
		font-size: 14px;
	}
	.slider-container .flex-caption .info7 p.tip {
		padding-left: 164px;
		margin-top: -25px;
		font-size: 12.5px;
	}
	.slider-container .flex-caption .info10 h1 {
		font-size: 28px;
		margin-bottom: 8px;
		letter-spacing: 0;
	}
	.slider-container .flex-caption .info10 p {
		font-size: 14px;
		margin-bottom: 8px;
		letter-spacing: 0;
	}
	.slider-container .flex-caption .info10 p.coupon-code {
		padding: 2px 10px;
	}
	.slider-container .flex-caption .info10 p.sm {
		font-size: 9px;
		margin: 20px 0 0;
	}
	#color-description-p {
		height: 39px;
	}
	.product-detail-container .product-detail .product-detail-info .product-add-items .row {
		display: flex;
		flex-direction: column;
	}
	.product-detail-container .product-detail .product-detail-info .product-add-items .row .col-6 {
		margin: auto;
		max-width: 75%;
		padding: 0;
	}
	.product-detail-container .product-detail .product-detail-info .product-add-items .product-btn {
		margin-top: 20px;
	}
	.play-button {
		top: 57%;
	}
	.media-quote-container .container {
		padding: 0 20px;
	}
	.cl-product-banner .trans-bg,
	.idsc-product-banner .trans-bg,
	.masc-product-banner .trans-bg,
	.icbb-product-banner .trans-bg,
	.uer-product-banner .trans-bg,
	.yrc-product-banner .trans-bg,
	.amc-product-banner .trans-bg,
	.lbwf-product-banner .trans-bg,
	.uplift-product-banner .trans-bg,
	.spdv-product-banner .trans-bg,
	.brow-product-banner .trans-bg,
	.eye-revive-product-banner .trans-bg,
	.drec-product-banner .trans-bg {
		width: 100%;
	}
	.masc-product-banner .trans-bg h2,
	.icbb-product-banner .trans-bg h2,
	.lbwf-product-banner .trans-bg h2,
	.bdhg-product-banner .trans-bg h2,
	.mbnm-product-banner .trans-bg h2,
	.clsm-product-banner .trans-bg h2,
	.bm-product-banner .trans-bg h2,
	.uplift-product-banner .trans-bg h2,
	.spdv-product-banner .trans-bg h2,
	.brow-product-banner .trans-bg h2,
	.eye-revive-product-banner .trans-bg h2,
	.drec-product-banner .trans-bg h2 {
		font-size: 24px;
	}
	.bdhg-product-banner {
		min-height: 290px;
	}
	.clsm-product-banner {
		min-height: 280px;
	}
	.csr-product-banner .trans-bg p br {
		display: none;
	}
	.prod-banner-container .icbb-arrival {
		padding: 0 15px;
		background: #fcfcfc url(https://cdn.citybeauty.com/images/images/bg-icbb-banner.jpg) no-repeat top right -180px;
		background-size: auto 100%;
	}
	.prod-banner-container .icbb-arrival .infobox {
		padding: 15px 0;
	}
}

@media only screen and (max-width: 360px) {
	.slider-container .flex-caption .info9 {
		padding: 0 6px;
	}
	.slider-container .flex-caption .info9 img {
		width: 160px;
		margin: 0 auto 6px;
	}
	.slider-container .flex-caption .info9 h1 {
		font-size: 25px;
	}
	.slider-container .flex-caption .info9 h4 {
		font-size: 16px;
		margin: 5px auto 16px;
	}
	.slider-container .flex-caption .info9 .coupon-code {
		font-size: 18px;
		margin-bottom: 6px;
	}
	.slider-container .flex-caption .info9 .btn-dark {
		margin-bottom: 10px;
	}
	.slider-container .flex-caption .info9 .small {
		font-size: 11px;
	}

	.spdv-product-banner .trans-bg h2 {
		font-size: 23px;
	}
	.spdv-product-banner .trans-bg p{
		font-size: 12px;
	}

	.product-detail-container .product-info-tabs .nav-tabs .nav-item .nav-link {
		padding: 12px 18px;
		font-size: 12px;
	}
	.product-detail-container .product-info-tabs .tab-content {
		padding: 15px;
	}
	#color-tabs .color-tab {
		margin-right: 15px;
	}
}

.product-1-img { max-width: 550px; margin: 50px 25px 0px 25px; }
.product-2-img { max-width: 550px; margin: 50px 25px 0px 25px; }