:root {
    --main-color: #000000;
    --form-error: RED;
    --form-success: #155724;
    --form-warning: #ffca00;
    --info: #bfd5d2;
    --lighttan: #d5d7cc;

    --primary-one: #343c3c;
    --primary-two: #edefec;
    --primary-three: #b7cfcd;
    --primary-four: #656760;
    --primary-five: #d5d6ca;

}

body {
	font-family: elido, sans-serif;
	font-weight: 500;
	font-style: normal;
}

p {
	letter-spacing: .03rem;
  width:100%;
}


/* Header style */

.header-top {
	display: flex;
	min-height: 50px;
}

.header-top p {
	color: #d5dccf;
	font-weight: 900;
	background-color: #5c675e;
	flex: 1;
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-right nav ul li a:after {
	background-image: url('../images/nav-icons.png');
}

.header-right nav ul li.icon-store a:after {
	background-image:none;
  font-family: "Font Awesome 5 Pro";
  top:10px;
  content: "\f54e"; /* fa-store*/
}


.header-right nav ul li.icon-join a:after {
	background-position: 0 3px;
}

.header-right nav ul li.icon-join:hover a:after {
	background-position: 0px -22px;
}

.header-right nav ul li.icon-login a:after {
	background-position: -23px 0px;
}

.account .header-right nav ul li.icon-portal a:after {
	background-position: -80px 0px;
}

.account .header-right nav ul li.icon-portal:hover a:after {
	background-position: -80px 21px;
}

.account .header-right nav ul li.icon-login a:after {
	background-position: -108px 0px;
}

.header-right nav ul li.icon-login:hover a:after {
	background-position: -23px -24px;
}

.header-right nav ul li.icon-contact a:after {
	background-position: -53px 0px;
}

.account .header-right nav ul li.icon-contact a:after {
	background-position: -138px 0px;
}

.header-right nav ul li.icon-contact:hover a:after {
	background-position: -53px -23px;
}


.header-right nav ul li a:after {
	content: "";
	width: 22px;
	height: 19px;
	position: absolute;
	left: 0;
    top: 50%;
    transform: translate(0, -50%);
    transition: ease left .3s;
}

.header-right nav ul li:hover img {
	left: -5px;
}

.header-right nav ul li a {
	color: #666860;
	font-family: questa-slab,serif;
	font-weight: 900;
	font-style: normal;
	letter-spacing: 1px;
}

.header-right nav ul li:hover a {
	color: #d1e1de;
}

.product-btn {
	padding: 10px 19px;
	background: url(../images/button-bg.png) center center no-repeat;
	color: #353e3d;
	font-size: 12px;
    letter-spacing: 1px;
	min-width: 260px;
	text-align: left;
    display: inline-block;
    font-family: elido, sans-serif;
	font-weight: 900;
	font-style: normal;
	transition: ease all .3s;
}

.account .product-btn {
	background-image: url('../images/account-button-bg.png');
}

.product-btn:hover {
	color: #FFF;
	text-decoration: none;
}

.header-right .search form {
	border: 1px solid #d5d7cc;
	display: inline-flex;
	align-items: center;
}

.header-right .search input[type="text"] {
	border: 0;
	padding: 3px 10px;
}

.header-right .search input[type="text"]::-webkit-input-placeholder {
	font-family: elido, sans-serif;
	font-weight: 500;
	font-style: italic;
}

.header-right .search input[type="text"]:-ms-input-placeholder {
	font-family: elido, sans-serif;
	font-weight: 500;
	font-style: italic;
}

.header-right .search input[type="text"]:-moz-placeholder {
	font-family: elido, sans-serif;
	font-weight: 500;
	font-style: italic;
}

.header-right .search input[type="text"]::-moz-placeholder {
	font-family: elido, sans-serif;
	font-weight: 500;
	font-style: italic;
}

.header-right .search input[type="submit"] {
	border: 0;
	background: url(../images/search-icon.png) center center no-repeat;
	-webkit-appearance: none;
	font-size: 0;
	line-height: 0;
	display: inline-block;
	height: 21px;
	width: 21px;
}

.main-nav {
	background-color: #bfd5d2;
	padding-top: 0;
	padding-bottom: 0;
}

.account .main-nav {
	background-color: #d5dccf;
}

.main-nav ul > li {
    border-bottom: 1px solid #353e3d;
    position: relative;
}

.main-nav ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.main-nav ul li > ul {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 9999;
	background: #ffffffeb;
	padding: 20px;
	box-shadow: 4px 4px 9px #333333bf;
}

.main-nav ul li > ul > li {
	border-bottom: 2px solid #bad0ce;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.main-nav ul li > ul > li a {
	display: block;
}

.main-nav ul li > ul > li:hover a:hover {
	color: #bad0ce;
}

.main-nav ul li a {
	color: #353e3d;
	font-family: elido, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	display: block;
	padding: 15px 10px;
	white-space: nowrap;
	transition: ease color .2s;
}

.main-nav ul li:hover > a {
	text-decoration: none;
	color: #FFF;
}

.navbar-toggler {
	color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Main content */

.hero-section {
	background: url('../images/banner.jpg') center center no-repeat;
	background-size: cover;
}

.hero-section h1 {
	font-weight: 900;
	font-size: 52px;
}

.hero-section h3 {
	letter-spacing: 1px;
	font-size: 22px;
    font-weight: 400;
}

.btn-join {
	background-color: #bfd5d2;
	color: #353e3d;
	min-width: 300px;
	padding: 7px 20px;
	font-weight: ;
	letter-spacing: 2px;
	transition: ease color .3s;
}

.btn-join:hover {
	color: #FFF;
	text-decoration: none;
}

.hero-links {
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
}

.hero-links li {
	flex: 1 1 100%;
	padding-left: 3%;
    padding-right: 3%;
}

.hero-links li h3 {
	color: #353e3d;
	font-family: questa-slab,serif;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 3px;
}

.hero-links li p {
	color: #353e3d;
	font-family: elido, sans-serif;
	font-weight: 500;
	font-style: normal;
	margin-bottom: 3px;
}

.hero-links li u {
	text-transform: uppercase;
	color: #FFF;
	font-weight: 900;
	text-decoration: underline;
	letter-spacing: 1px;
}

.hero-links li:nth-child(2) a {
	color: #b8d0cd;
}

.hero-links li:nth-child(2) h3,
.hero-links li:nth-child(2) p,
.hero-links-white-text .hero-links li h3, .hero-links-white-text .hero-links li p {
	color: #FFF;
}
.makers ul{
  padding-left:0px!important;
}

.hero-links li u img {
    vertical-align: top;
    margin-top: 5px;
    margin-left: 3px;
    transition: ease margin-left .3s;
}

.hero-links li a:hover ~ u img {
	margin-left: 7px;
}

.hero-links li {
	position: relative;
	overflow: hidden;
}

.hero-links li:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: all .5s;
}

.hero-links li:hover:after {
	 transform: scale(1.2);
}

.hero-links li a.hero-anchor {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*.hero-links li:first-child {
	padding-left: 17% !important;
}

.hero-links li:last-child {
	padding-right: 17% !important;
}*/

.hero-links li.hero-link-1:after {
	background: url('../images/hero-link-bg-1.jpg') center center no-repeat;
	background-size: cover;
}

.hero-links li.hero-link-2:after {
	background: url('../images/hero-link-bg-2.jpg') center center no-repeat;
	background-size: cover;
}

.hero-links li.hero-link-3:after {
	background: url('../images/hero-link-bg-3.jpg') center center no-repeat;
	background-size: cover;
}
.hero-links li.hero-link-4:after {
	background: url('../images/hero-link-bg-1.jpg') center center no-repeat;
	background-size: cover;
}

.hero-links li.hero-link-5:after {
	background: url('/assets/images/buy-handcrafted/soap-bars2.png') center center no-repeat;
	background-size: cover;
}


.hero-links li.hero-link-6:after {
	background: url('/assets/images/buy-handcrafted/oils-for-soapmaking.png') center center no-repeat;
	background-size: cover;
}

.hero-links li.hero-link-7:after {
	background: url('/assets/images/buy-handcrafted/assorted-soap-bars.png') center center no-repeat;
	background-size: cover;
}

.page-sidebar .link {
	color: #2f3b3b;
	letter-spacing: 0;
	display: inline-block;
	line-height: 1rem;
	text-decoration: underline;
}

.page-sidebar .address {
	font-family: questa-slab,serif;
    line-height: 1rem;
    margin-top: 5px;
}

.page-sidebar .sidebar-logo {
	max-width: 130px;
	margin: 0 auto;
}

[class*=hero-link] {
	position: relative;
}

.hero-link-1:after {
	content: "";
	background: url(../images/hero-link-bg-1.jpg) center center no-repeat;
	background-size: cover;
}

.makers p {
	max-width: 150px;
	margin: 0 auto;
}

.makers h5 {
	font-weight: 700;
	font-style: normal;
}

.maker-button {
	background-color: #b7cfcd;
	letter-spacing: 1px;
	color: #353e3d;
	font-weight: ;
	transition: ease all .3s;
  cursor:pointer;
}

.single-maker:hover .maker-button {
	color: #bfd5d2;
	background-color: #5e7d78;
	text-decoration: none;
}

.carousel [data-slide="prev"] {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
}

.carousel [data-slide="next"] {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 0;
}

#testimonial .carousel-inner {
	padding: 0 10px;
}

#testimonial .carousel-inner {
	font-size: 20px;
	font-weight: 400;
}

#testimonial [role="button"] img {
	transition: ease filter .3s;
}

#testimonial [role="button"]:hover > img {
	filter: invert(1);
}

#testimonial .carousel-item p + p {
	font-weight: ;
}

.soap-section {
	background: #eff0ed;
	color: #353e3d;
}

.soap-section .content-area .btn-custom,
.btn-custom {
	display: block;
	padding: 5px 10px;
	background-color: #b8d0cd;
	color: #353e3d;
	font-weight: ;
	font-size: 14px;
  cursor:pointer;
	text-align: center;
	letter-spacing: 2px;
  outline: none;
	transition: ease all .3s;

}

.soap-section .content-area .btn-custom.slick-arrow,
.btn-custom.slick-arrow{
  display:inline-block;
}

.btn-danger{
  display: block;
	padding: 5px 10px;
	background-color: #dc3545;
	color: #FFFFFF;
	font-weight: ;
	font-size: 14px;
  cursor:pointer;
	text-align: center;
	letter-spacing: 2px;
  outline: none;
	transition: ease all .3s;
}

.soap-section .img-area {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 88%;
}

.soap-section .content-area .btn-custom:hover,
.btn-custom:hover {
	color: #FFF;
	background-color: #353e3d;
  border-color: #353e3d;
	text-decoration: none;
  outline: none;
}

.member-content-area h2 {
	color: #5d675f;
	font-weight: 900;
	letter-spacing: 2px;
}

.member-content-area .btn-learn-more {
	text-transform: uppercase;
	color: #2f3b3b;
	display: inline-block;
	background-color: #b3d5d1;
	font-weight: ;
	padding: 10px 50px;
    margin: 0 auto;
    max-width: 200px;
    display: block;
}

.action-section {
	background-color: #b8d0cd;
	color: #353e3d;
}

.action-section .content-area .btn-custom  {
	display: inline-block;
	margin-top: 5px;
	padding: 7px 20px;
	background-color: #666860;
	color: #eff0ed;
	font-weight: ;
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	transition: ease all .3s;
}

.action-section .img-area {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 55%;
}

.action-section .content-area .btn-custom:hover {
	background-color: #dcdfd4;
    color: #353e3d;
    text-decoration: none;
}

.membership-hero-section {
	background-color: #f2f4f0;
}

.membership-hero-section h1 {
	font-family: questa-slab,serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.8em;
	line-height: 1.2em;
}

.membership-hero-section h1,
.membership-hero-section h3 {
	color: #2f3b3b;
}

.membership-hero-section h3 {
	font-size: 1.4em;
}

.membership-hero-section h3 a {
	text-decoration: underline;
	color: #2f3b3b;
}

.membership-hero-section .benefit-list {
	column-count:  2;
	font-family: questa-slab,serif;
	font-weight: 500;
	column-gap: 5px;
}

.membership-hero-section .benefit-list li a {
	position: relative;
	background: #FFF;
	color: #2c2e35;
    margin-bottom: 5px;
    padding: 10px 35px 10px 10px;
    font-size: 12px;
    display: table;
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.membership-hero-section .benefit-list li a:hover {
	text-decoration: none;
}

.membership-hero-section .benefit-list li.disabled {
	opacity: 0.3;
}


.membership-hero-section .benefit-list li{
  position:relative;
}
.membership-hero-section .benefit-list li svg{
  position:absolute;
  top:10px;
  right:5px;
}

/*
.membership-hero-section .benefit-list li a:after {
	content: url('../images/check-icon.svg');
	width: 27px;
    height: 27px;
    display: block;
    line-height: 20px;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translate(0, -50%);

}*/

.mission-section {
	background: #dcdfd4;
}

.mission-section .btn-custom {
	display: inline-block;
	margin-top: 20px;
	padding: 9px 20px;
	background-color: #FFF;
	color: #353e3d;
	font-weight: ;
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	min-width: 190px;
	transition: ease all .3s;
}

.mission-section .btn-custom:hover {
	background-color: #666860;
	color: #eff0ed;
	text-decoration: none;
}

.sidebar-nav li a {
	display: block;
	padding: 5px;
}

.sidebar-nav li:first-child a {
	background-color: #bfd5d2;
	color: #353e3d;
}

.sidebar-nav li:nth-child(2) a {
	background-color: #666860;
	color: #eff0ed;
}

.sidebar-nav li:nth-child(3) a {
	background-color: #d5dccf;
	color: #353e3d;
}

.l-spacing {
	letter-spacing: 2px;
}

/* Circle Updated css  */

.c100 {
	background: #FFF;
	font-size: 260px;
}

.c100:hover {
	cursor: pointer;
}

.page-sidebar .c100 {
	font-size: 150px;
	background: #eef1ee;
}

.page-sidebar .c100 > span {
	max-width: 100px;
    white-space: normal;
    line-height: 1.1em;
    left: 50%;
    transform: translate(-50%, -50%);
}

.c100:after {
	background-color: #f2f4f0;
}

.page-sidebar .c100:after {
	background-color: #FFF;
}

.c100 > span {
	color: #2f3b3b;
	top: 50%;
	transform: translate(0, -50%);
	line-height: 1em;
	font-family: elido, sans-serif;
	font-weight: 900;
}

.c100:hover > span {
    width: 5em;
    line-height: 1em;
    font-size: 0.2em;
    color: #b3d5d1;
}

.c100 > span > font {
	display: block;
	font-size: 0.5em;
	font-family: elido, sans-serif;
	font-weight: ;
}

.c100 > span > font {
	font-size: 0.4em;
	line-height: 1em;
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
	border-color: #b3d5d1;
}

/* Footer */

footer {
	background-color: #353e3d;
}

footer .footer-bottom {
	color: #d5d7cc;
	font-weight: 400;
}

footer .footer-bottom a {
	color: #d5d7cc;
	text-decoration: underline;
}

footer a.email-link {
	color: #b8d0cd;
	text-decoration: none;
}

.footer-links {
	line-height: 30px;
}

.footer-links h6 {
	margin-bottom: 5px;
	font-weight: 700;
	color: #b8d0cd;
}


.footer-links li a {
	color: #b8d0cd;
}

#pageLogin #fmLogin .form-check{
  float:right;
  z-index:100;
}

form.ajax .form-group{
  position:relative;
  padding-bottom:12px;
}


form.ajax .form-group.error .form-control,
form.ajax .form-group.error .select2-container--default .select2-selection--single,
form.ajax .form-group.error .wysiwyg{
  border:1px solid var(--form-error);
  color:var(--form-error);
}
.wysiwyg p{
  padding-left:5px;
  padding-right:5px;
}


/* form.ajax .form-group.error small {
  display:none;
} */

form.ajax .form-group.error small.form-error,
.form-group.error small.form-error{
  display:block;
  width:100%;

}
form.ajax .form-group small.form-error,
.form-group small.form-error,  small.form-error{
  display:none;
  width:100%!important;
  position:relative;;
  color:var(--form-error)!important;
}

.reimbItemTotal{
    color:var(--form-success)!important;
    float:right;
}


form.ajax .form-group small.form-success,
.form-group small.form-success{
  color:var(--form-success)!important;
  position:absolute;
  bottom:-22px;
  left:0px;
  font-size:90%;
  font-weight:bold;
}
main .cards a:not(.maker-button){
  color:#212529;
}

main img{
  height:auto;
  max-width:100%;
}
.alert p:last-child{
  margin-bottom:0px;
}

/* Store */
#pageStore .cards p{
  min-height:120px;
}

#pageStore .cards .image{
  min-height:150px;
}

.pageStore .product-cards .product-card .price{
  margin-right:10px;
}
.pageStore .product-cards .product-card .price s{
  margin-right:10px;
}

.page-store-sidebar .sticky-top {
  height:100vh;
  overflow-y:auto;
  bottom:20px;
}

#pageStoreConferenceItems .product-cards-conference-items .price,
#pageStoreMemberships .product-cards-memberships .price{
  display:none!important;
}

#pageStoreConferenceItems.hasShirts .product-card{
  padding-bottom:1rem!important;
}
/* END Store */

.fa-stack {
  height: auto;
  /* line-height: 1.3em; */
  /* width: 1.3e; */
  margin-right:10px;
  display:inline-block;
  width:auto;
  font-size: 26px!important;
  line-height: 21px!important;
  height:40px;
  width: 40px;
  background: #bfd5d2;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

.fa-stack strong{
  color:#37403f;
  font-size: 26px;
  display: block;
  z-index: 500;
  width:100%;
  position: relative;
  line-height: 21px;
  margin: 0px auto;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}


.fa-stack.lower, .fa-stack.lower strong {
    line-height: 27px!important;
}

.fa-stack strong small{
  font-size:65%;
  text-transform:uppercase;
}


.fa-stack .fa{
  color:#bfd5d2;
  display: block;
width: 100%;
position: absolute;
}

.fa-stack.text-small strong{
  font-size:14px;
  top:-1px;
}
.fa-stack.text-small .fa{
  font-size:22px;
}

.alert-info{
  background:#d5d7cc;
  border-color:#d5d7cc;
}

.alert-info p,.alert-info ul li{
  color:#353e3d;
}

.hide{
  display:none!important;
}
.text-warning {
    color: #E65100!important;
}
.fa-stack .fa{
  font-size:35px;
}


.pl-6, .px-6 {
    padding-left: 6rem !important;
}

#pageCalculators h2 a{
  color:var(--main-color);
}

.badge-info{
  background:var(--info);
}

.soap-section .content-area .btn-custom, .btn-custom{
  margin-bottom:5px;
}

body.modal-open .mm-slideout
{
    z-index: unset;
}
body.modal-open.mm-wrapper--position-left .mm-slideout,
body.modal-open.mm-wrapper--position-right .mm-slideout{
  will-change: unset;
}
#pageMemberBenefitsDiscountSavings .soap-section .h2{
  font-size:1.4rem;
}

#contExpertSidebar{
  margin-bottom:50px;
}

section.boxMenuBuyHandcrafted{
  margin-top:40px;
}
section.boxMenuBuyHandcrafted .col-sm-3 .card{
  padding-top:20px;
  padding-bottom:20px;
}

@media (max-width: 1200px) {
  #pageLearningCenter div[data-accordiongroupkey="LearningCenteBusinessTools"] .col-sm-4,
  #pageLearningCenter div[data-accordiongroupkey="LearningCentePodcastsPublicationsPosts"] .col-sm-4{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .card-with-image-animation .card__svg{
    display:none;
  }
  .card-with-image-animation .card__image-container{
    height:240px;
  }
  .card-with-image-animation{
    height:auto;
  }
  .card-with-image-animation .card__content{
    padding-top:20px;
  }
}

@media (max-width: 1024px) {

  #pageLearningCenter div[data-accordiongroupkey="LearningCenteBusinessTools"] .col-sm-4,
  #pageLearningCenter div[data-accordiongroupkey="LearningCentePodcastsPublicationsPosts"] .col-sm-4,
  #pageLearningCenter div[data-accordiongroupkey="LearningCenteHowTowInstructions"] .col-sm-6,
  #pageLearningCenter div[data-accordiongroupkey="LearningCentePersonalizedLearning"] .col-sm-6{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .hero-section p.h3{
    font-size:1.2rem;
  }
  .hero-links li h3{
    font-size:1.4rem;
  }
  .hero-links u{
    font-size:0.8rem;
  }
  .sponsors-section .h2,.mission-section .h2,.soap-section .h2,.action-section .h2{
    font-size:1.5rem;
  }

  .sponsors-section .h4,.mission-section .h4,.soap-section .h4,.action-section .h4{
    font-size:1.3rem;
  }

  section.boxMenuBuyHandcrafted .col-sm-3{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 990px) {
  #pageResourceCenterExperts #contExpertsList .col-sm-6{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #pageResourceCenterExperts #contExpertsList .col-sm-6 img{
    object-fit: scale-down;
    width:100%;
    height:250px;
  }


}
@media (max-width: 767px) {
  .page-store-sidebar .sticky-top{
    height:auto;
  }
  #pageLearningCenter .card img{
    display:none;
  }
  .h1, h1 {
    font-size: 2.0rem;
  }

  .h2, h2 {
    font-size: 1.8rem;
  }

  .h3, h3 {
    font-size: 1.5rem;
  }

  .h4, h4 {
    font-size: 1.3rem;
  }

  .page-sidebar{
    margin-top:40px;
  }

  #pageLearningCenterTeachers #teacherList .detail img,
  #pageMemberShowcaseCertifiedMembers #csList .detail img,
  .rowClassItem .detail img{
    display:none;
  }

  #pageLearningCenterTeachers #teacherList .btn-custom,
  #pageCalculators .btn-custom{
    float:none!important;
    margin-left:0px!important;
  }

  .cardListing .border-top .btn-custom{
    float:none!important;
    display:block;
    margin-left:0px!important;
  }
}
@media (max-width: 600px) {
  .pageStore .product-cards .product-card img{
    width:200px;
    margin-bottom:10px;
  }

  #pageResourceCenterExperts .rowExpert .card__title{
    margin-top:80px;
  }
  #pageResourceCenterExperts .rowExpert .col-sm-4 img{
    width:100%;
    height:350px;
    object-fit: scale-down;
    float:right!important;
    margin-bottom:30px;
  }
  #pageLearningCenterTeachers #fmTeachers .form-group-submit {
    margin-top:0px;
  }

  .page-content img,
  .page-content img.float-right,
  .page-content img.float-left{
    float:none!important;
    display:block;
    margin:0px 0px 10px!important;
    width:100%;
  }

  #pageHandcraftedBenefits .card .card-img-top img,
  #pageHandcraftedBenefitsWhatIs .card .card-img-top img,
  #pageHandcraftedBenefitsTypesOfSoap .card .card-img-top img,
  #pageHandcraftedBenefitsHowSoapIsMade .card .card-img-top img{

    margin:35px auto!important;

  }

  section.boxMenuBuyHandcrafted .col-sm-3{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%;
  }

}

@media (max-width: 575px) {
  #fmMilestoneMembersSearch .form-group-submit{
    margin-top:0px!important;
  }
}

@media (min-width: 576px) {

	.hero-links {
		flex-wrap: nowrap;
	}

	#testimonial .carousel-inner {
		padding: 0 110px;
	}

	.hero-section h1 {
		font-size: 82px;
	}

	.soap-section .img-area {
		padding-bottom: 0;
	}

	.action-section .img-area {
		padding-bottom: 0;
	}

	.hero-section h3 {
		font-size: 30px;
	}
}

@media (min-width: 767px) {

	.soap-section .content-area .btn-custom, .btn-custom, .btn-danger{
		/*min-width: 300px;*/
		display: inline-block;
    max-width:100%;
    width:auto;
	}


	.hero-links li {
		flex: 1 1 33.33%;
		padding-left: 5%;
    	padding-right: 5%;
	}

}


@media (min-width: 992px) {
	.membership-hero-section h1 {
		font-size: 2.5em;
	}

	.main-nav ul li a {
		display: inline-block;
		padding: 0;
	}

	.main-nav ul li {
	    border-bottom: none;
	}

	.main-nav ul li > ul {
		display: none;
	}

	.main-nav ul li:hover > ul {
		display: block;
	}

	.membership-hero-section h3 {
		font-size: 1.5em;
	}

	.membership-hero-section .benefit-list {
		column-count: 3;
	}

	.membership-hero-section .benefit-list li a {
		display: list-item;
	}
}


@media (min-width: 1200px) {
	.c100 {
		font-size: 330px;
	}

	.membership-hero-section h1 {
		font-size: 3em;
	}

	.membership-hero-section h3 {
		font-size: 1.75em;
	}

	.membership-hero-section .benefit-list li a {
		font-size: 1rem;
	}

	.page-sidebar .c100 {
		font-size: 150px;
	}
}