body {
  background-color: #fff;
}


body.fullwidth div.loop3 li.link:nth-child(2n+1), body.fullwidth div.loop3 li.prod:nth-child(2n+1), body.fullwidth div.loop4 li.link:nth-child(2n+1), body.fullwidth div.loop4 li.prod:nth-child(2n+1){
  clear:none !important;
}
ul#bb-looplinks li.link, ul#bb-loopproducts li.prod, ul#bb-loopgcross li.prod, ul#bb-looppcross li.prod{
clear:none !important;
}
.prod.bb-matchheight.nbs-flexisel-item {
  padding: 0 20px;
}
.nbs-flexisel-inner div.left, p.left {
  padding: 0 !important;
  text-align: center;
}
.bb-prodimg img, .bb-lkimg img{
  border:none;
}
.nbs-flexisel-container {
  max-width: 100%;
  padding: 0 40px;
  position: relative;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px !important;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}
.inp-pop #bb-footer1newstable > form input{
  background: #f2f2f2;
  border: medium none;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 0 10px;
  padding: 20px;
  width:80%;
  font-size:14px;
}
.inp-pop #bb-footer1newstable > form input[type="submit"] {
  background: #9a19d6 ;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: montserrat;
  font-size: 19px;
  font-weight: 400;
  margin: 0 0 0px;
  padding: 20px;
  text-decoration: none;
  text-transform: uppercase;
  width: 80%;
}
.inp-pop #bb-footer1soc {
  padding: 0;
}
.inp-pop div#bb-footer1newsletter form#newsletter_form{
width: 100%;
}
.inp-pop div#bb-footer1newsletter form#newsletter_form table{
width: 100%;
}
.inp-pop  div#bb-footer1newsletter, div#bb-footer1follow{
width: 100%;
text-align:center;
}
.inp-pop #bb-footer1newstable {
  width: 100%;
}
.inp-pop #bb-footer1soc #bb-footer1newstext {
  display: none;
}

div#bb-footer1newsletter div {
text-align: center;
}


div#bb-footer1newsletter form {
width: 100%;
}


div#bb-footer1newsletter form table {
width: 100%;
}

.nbs-flexisel-inner .bb-prodaddcol {
  display: none;
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;    
}
 .shop-pop {
  background: #fff;
  border: medium none;
  left: 10px;
  margin: 0 auto;
  max-width: 915px;
  position: absolute;
  right:10px;
  top: 50%;
  transform: translateY(-40%);
}
div#popup-newsletter {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 11999;
}
.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:normal;
}
.nbs-flexisel-item img {
    width: auto;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:250px;
    max-height:250px;
}
.cros-pop {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}
/*** Navigation ***/

.testimon .nbs-flexisel-nav-left {
  top: 180px !important;
}
.testimon .nbs-flexisel-nav-right {
  top: 180px !important;
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
  cursor: pointer;
  height: 39px;
  position: absolute;
  top: 110px !important;
  width: 40px;
  z-index: 1;
}


.nbs-flexisel-nav-left {
    left: 0px;
    background: url(https://www.thesoapbar.com/media/Left-ar.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 0px;
    background: url(https://www.thesoapbar.com/media/Right-ar.png) no-repeat;
}
.nbs-flexisel-container .slide {
  box-sizing: border-box;
  padding: 0 20px 0 0;
}





div#top-head{
 /*display:none;*/
 float:left;
 width:100%;
 background:#9916d6;
 border-top:1px solid #fff;
 padding:10px 0;
 color:#fefefe;
}
.container {
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
    width: 100%;
}
div.bb-prodrev .reviews_stars, div.bb-prodrev .reviews_stars_wrapper {
  width: 90px !important;
}


/* free shipping banners */

  #freeshipmessage1 {
   display: none;
    position: absolute;
    /*outline: 3px solid pink;*/
    z-index: 5000;
    color: black;
    right: 0;
    top: 10px;
    margin-right: 5px;
    font-weight: bold;
    color: green;
font-size: 15px;
}


  #freeshipmessage2 {
   display: none;
    font-weight: bold;
    color: green;
    font-size: 18px;
    border: 2px solid green;
    padding: 5px;
    border-radius: 5px;
}





.add{
text-align:center;
}
div#it-topbar {
  background: #1e1e1e;
  color: #ffffff;
  font-family: Montserrat;
  padding: 0;
}
.add p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-family:Montserrat;
}
div#it-topbar a {
  color: #ffffff;
  text-transform: uppercase;
 font-size:12px;
}
div#it-topbar form, div#bb-miniflyout, div#it-registration {
  vertical-align: middle;
}

  #bb-regname {
display: none;
}

.right.inline-right > img {
  vertical-align: middle;
}
div#it-topbarin div.inline-left, div#it-topbarin div.inline-right {
  vertical-align: top;
}
.left.inline-right {
  border-left: 1px solid #757575;
  border-right: 1px solid #757575;
  padding:11px 27px;
}
.right.inline-right {
  padding:11px 0 0px 20px;
}
.close {
  cursor: pointer;
  position: absolute;
  right: 17px;
  text-align: right;
  top: 13px;
}
div#it-topbarin{
  max-width:1170px;
}
div#it-topbarin{
font-family: 'Montserrat';
}
.container #it-logo {
    padding: 38px 0 26px;
    text-align: left;
}
.container .suckertreemenu {
    clear: none;
    float: right;
    padding: 14px 0 0;
    width: 80%;
}
.container #it-logoin {
    float: left;
    padding: 0;
    text-align: left;
    /*width: 18%;*/
    width: 20%;
}
div.suckertreemenu ul#ShopSite {
  margin: 0 auto;
  max-width: 100%;
   padding: 0 24px 0 0; 
  text-align: right;
  white-space: inherit;
  width: 100%;
}
div.suckertreemenu ul#ShopSite li a {
  color: #555555;
  font-size: 13px;
  font-weight: 400;
  padding: 0 8px;
  text-transform: uppercase;
font-family: 'Montserrat';
}

.suckertreemenu #ShopSite > li:nth-child(9) a {
  color: #FE00FE !important;
}
.container .left_sidebar .suckertreemenu #ShopSite > li:nth-child(9) a {
  color: #FE00FE !important;
}
.menu_bar > li:last-child a {
 color: #FE00FE !important;
}

div#bb-carousel{
 display:block;
 position:relative;
}

.bx-wrapper li{
 position:relative !important;
}

div#bb-carouselinner div.bb-slidecenter {
  left: 0;
  margin: 0 auto;
 position: absolute;
  right: 0;
  text-align: left !important;
  top: 0;
 max-width: 1170px;
}
div#bb-carouselinner .bx-wrapper a.bb-abutton {
  background-color: rgba(0,0,0,0.5) !important;
  border: 2px solid #fff;
  font-size: 20px;
  margin-bottom: 90px;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  width: 273px;
  font-family: Montserrat;
}
div#bb-carouselinner div.bb-slidecenter span.slidetitle {
  font-family: Montserrat;
  font-size: 69px;
  font-weight: bold;
  line-height: 58px;
}
div#bb-carouselinner .bx-wrapper li div.bb-slidedesc {
  font-family: Montserrat;
  font-size: 37px;
  font-weight: 400;
  padding: 0 0 28px;
}
div.suckertreemenu ul#ShopSite li a {
  color: #555555 !important;
}

div.suckertreemenu ul#ShopSite li a:hover {
  color: #fe00fe !important;
}

div#bb-carouselinner .bx-wrapper a.bb-abutton:hover {
  border: 2px solid #fffff;
  /*color: #fe00fe !important;*/
text-decoration:underline;
}
input#search-submit {
  background:url("https://www.thesoapbar.com/media/search-icon.png") no-repeat right;

}


span#search-area {
  min-width: auto;
  width: auto;

}


/******/

 div.side_searchbox {

    float: right;
    margin: 15px 0 0 0;
	}

span#search-area input#search-submit {
display: none !important;
}


.container #it-logo {

margin-left:auto;
margin-right: auto;
}


 div.product_right {
 width: auto !important;
 }

 div.left_sidebar {
 display: none;
 }

div#bb-miimghalf div#bb-zoomcontain {
text-align: center;
}


/******/

span#search-area input#search-field {
display: none;
z-index: -500;
}

form#bb-searchform {
  top: 89.5px;
}
.bx-wrapper {
  max-width: 100% !important;
}
div#bblpprods, div#bblplinks {
  width: 100%;
margin-bottom: 0 !important;
}
div#bb-inner {
  max-width: 1170px;
}
div#bb-content {
  max-width: 1170px !important;
  width:100%;
  position:inherit;
}

.call-us {
  border-left: 1px solid #757575;
  float: right;
  padding:11px 21px 11px 18px;
 font-family: 'Montserrat';
}
.call-us > img {
  display: inline-block;
  padding: 0 10px 0 0;
  vertical-align: text-bottom;
}
ul.og-grid, ul#bb-loopproducts, ul#bb-looplinks {
  text-align: center;
}
ul#bb-looplinks li.link, ul#bb-loopproducts li.prod, ul#bb-loopgcross li.prod, ul#bb-looppcross li.prod {
  text-align: center;
}
.bx-wrapper li > div {
  text-align: center !important;
}
.bx-wrapper .bx-viewport {
  text-align: center;
}
.bb-prodimg > img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.bb-prodimg {
  display: block;
  height: 270px;
  margin-bottom: 4px;
  position: relative;
}
div#it-registration a, span#bb-gclink a {
  font-weight: 300;
  padding: 0;
}
a#bb-regreg {
    display: none;
}
.bx-wrapper li form .bb-prodaddcol {
  display: none;
}
.bb-proddets a {
  color: #333;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  margin: 15px 0 15px;
  text-transform: uppercase;
}
.bb-proddets .bb-prodrev {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: middle;
  width: auto;
}
.bb-prodprc.Bold.Normal {
  color: #333333;
  display: inline-block;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 400;
  padding: 0;
  vertical-align:top;
}


.reviews_star {
margin: 0 !important; /*aae*/
}



.review {
    outline: 2px solid pink;

    padding: 2% !important;
margin: 5% 2%;
}

.reviews_area {
    width: 90%;
    margin: 5% 0;
height: 8em;
}

span.review_content {
    display: block;
}

.review_title {
margin: 0 2%;
font-weight: bold;
}

.review_author_text {
display: inline-block;
    margin: 2% 0;
}


body input.reviews_submit[type="button"]{
    font-size: 13.3px !important;
    padding: 9px 12px;
    background: #9916d6 none no-repeat scroll 0 0;
    display: block;
    /* width: 100%; */
    max-width: 280px;
    text-align: center;
    clear: both;
    -webkit-border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 5% auto;

}

  #adcopy-outer { 
margin: 2% auto !important;
}


.feature-product {
  float: left;
  margin: 0 0 30px;
  width: 100%;
}
.feature-left{
float:left;
max-width:50%;
overflow: hidden;
}
.feature-right{
float:right;
max-width:50%;
position: relative;
overflow: hidden;
}
.feat-text {
  left:40px;
  position: absolute;
  text-align: left;
  top: 25px;
}
.top-feat{
    float: left;
    margin: 0 0 10px;
    width: 100%;
	position: relative;
}
.top-left-feat{
 float: left;
    max-width: 327px;
	position: relative;
}
.top-right-feat{
  float: right;
    max-width: 327px;
	position: relative;
}
.feat-text h3 {
  color: #333333;
  font-family: Montserrat;
  font-size: 23px;
  font-weight: normal;
  padding: 0 0 4px;
  text-align: left;
  text-transform: uppercase;
}
.feat-text > p {
    margin: 0;
    padding: 0;
}
.feat-text > p a {
  color: #a3a3a3;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
.feature-product h2 {
  color: #000;
  font-family: Montserrat;
  font-size: 27px;
  margin: 0 0 38px;
  text-align: center;
  text-transform: uppercase;
  padding-top:0;
}
h1.whats_new {
  color: #000;
  font-family: Montserrat;
  font-size: 27px;
  margin: 0 0 35px;
}
div#bb-namesection {
  display: none;
  left: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
div#it-topbar a:hover{
color:#fe00fe;
}
div.bb-prodrev .reviews_stars_background, div.bb-prodrev .reviews_stars_rating, div.bb-prodrev .reviews_stars_background img, div.bb-prodrev .reviews_stars_rating img {
  margin: 0px 0 0;
 width:auto;
}


.view-button {
    display: inline-block;
    margin: 55px 0 0px;
    text-align: center;
    width: 100%;
}
.view-button > a {
    border: 1px solid #333333;
    color: #333333;
    display: block;
    font-family: Montserrat;
    font-size: 12px;
    margin: 0 auto;
    max-width: 195px;
    padding: 15px 0;
}
.view-button > a:hover {
  color: #fe00fe;
 border-color: #fe00fe !important;
}

div#bb-content .bx-wrapper .bx-controls-direction a.bx-next {
    background:url("https://www.thesoapbar.com/media/Right-ar.png") no-repeat scroll right top;
    height: 46px;
    left: inherit;
    right: 0;
   top: 38%;
    width: 45px;
    z-index: 99999999;
}
div#bb-content .bx-wrapper .bx-controls-direction a.bx-prev {
    background: url("https://www.thesoapbar.com/media/Left-ar.png") no-repeat scroll left top;
    height: 46px;
    top: 38%;
    width: 45px;
}

.testimon div#bb-content .bx-wrapper .bx-controls-direction a.bx-next {
    background:url("https://www.thesoapbar.com/media/Right-ar.png") no-repeat scroll right top;
    height: 46px;
    left: inherit;
    right: 0;
   top:55%;
    width: 45px;
    z-index: 99999999;
}
.testimon div#bb-content .bx-wrapper .bx-controls-direction a.bx-prev {
    background: url("https://www.thesoapbar.com/media/Left-ar.png") no-repeat scroll left top;
    height: 46px;
    top: 55%;
    width: 45px;
}


.testimon {
  background:url("https://www.thesoapbar.com/media/Test-bg.png") no-repeat scroll center top / cover ;
  float: left;
  padding:25px 0 50px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.testimon h2 {
  color: #000;
  font-family: Montserrat;
  font-size: 27px;
  margin: 10px 0 20px;
  text-transform: uppercase;
}
.testi-col {
  background: #fff;
  box-sizing: border-box;
  display: inline-block;
  margin: 70px 10px 20px;
  padding: 60px 40px 36px;
  position: relative;
  vertical-align: middle;
  width:100%;
}
.testi-col h4 {
  color: #333333;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  margin: 10px 0 0;
}
.testi-col > p {
  color: #606060;
  font-family: lato;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
}
.test-img {
    left: 0;
    position: absolute;
    right: 0;
    top: -50px;
}

.why-choose {
  float: left;
  padding:30px 0;
  width: 100%;
}
.dif-choose {
    background:url("https://www.thesoapbar.com/media/Why-Choose.jpg") no-repeat scroll right top;
    float: left;
    width: 100%;
}
.why-choose h2 {
  color: #000;
  font-family: Montserrat;
  font-size: 27px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
.righ-why {
  box-sizing: border-box;
  display: inline-block;
  max-width: 400px;
  padding: 0 0 0 40px;
  vertical-align: middle;
}
.dif-choose > img {
    vertical-align: middle;
}
.righ-why > h3 {
    color: #333333;
    font-family: "Montserrat";
    font-size: 18px;
    margin: 0 0 5px;
   font-weight: 400;
}
.righ-why > p {
  color: #333333;
  font-family: lato;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  padding: 0 0 25px;
}
.btn-choose > a {
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 15px 0;
    text-decoration: none;
}
.btn-choose {
    background:#333333;
    max-width: 195px;
    text-align: center;
}
.btn-choose:hover {
  background: #fe00fe;
}
.flow-choose {
    background:#6f14a5 url("https://www.thesoapbar.com/media/why-bottom-mobile.png") no-repeat scroll right top;
    float: left;
    width: 100%;
    color:#fff;
}
.left-why {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 67%;
}
.flow-choose > span {
  display: inline-block;
  min-height: 338px;
  vertical-align: middle;
}
.left-why > h3 {
  color: #fff;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 15px;
}
.flow-choose ul{
margin:0px;
padding:0px;
}
.flow-choose ul li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 15px 0 0;
  padding: 0;
}
.flow-choose ul li a{
display:block;
}


.row.owl-carousel {
    float: left;
    width: 100%;
}
div#instafeed > a {
  border: 1px solid #c6bec8;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  margin-bottom: 0.3%;
  margin-right: 0.3%;
  min-height: 195px;
  overflow: hidden;
  position: relative;
  width: 12.2%;
}
div#instafeed > a img {
  left: 0;
  margin: 0 auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: top;
  width: 100%;
}
.insta {
  float: left;
  margin: 60px 0 0;
  position: relative;
  width: 100%;
}
.insta-text {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  color: #fff;
  height: 100%;
  left: 0;
  padding: 110px 0 50px;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 9;
}


.insta-text h6 {
    font-family: montserrat;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.insta-text > h4 {
    font-family: montserrat;
    font-size: 40px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.follow-bttn {
    border: 1px solid #fff;
    margin: 25px auto 0;
    width: 192px;
}
.follow-bttn > a {
  color: #fff;
  display:block;
  font-family: montserrat;
  font-size: 12px;
  font-weight: 400;
  padding: 13px 0;
  text-transform: uppercase;
}
.follow-bttn img {
    margin: 0 0 0 5px;
    vertical-align: middle;
}
.btn-choose img {
    margin: 0 0 0 2px;
    vertical-align: middle;
}
.follow-bttn > a:hover{
color:#fe00fe;
}
.follow-bttn:hover{
border-color:#fe00fe;
}
.foot-col > ul li a:hover {
    color: #fe00fe;
}

.foot {
    color: #555555;
    float: left;
    font-size: 12px;
    width: 100%;
}
.foot-col {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    width: 25%;
}
.foot-col:last-child {
    padding-right: 0;
}
.foot-col h2 {
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    margin: 0 0 15px;
}
.foot-col > ul {
    margin: 0;
    padding: 0;
}
.foot-col > ul li {
    display: inline-block;
    list-style: outside none none;
    padding: 0 0 10px;
    width: 100%;
   margin:0px;
}
.foot-col > ul li a {
    color: #555555;
    text-decoration: none;
    text-transform: uppercase;
}


.foot-col > p {
  line-height: 24px;
  margin-bottom: 20px;
  padding: 0 10px 0 0;
  text-transform: uppercase;
}
.foot-col > span {
    display: inline-block;
    padding: 0 0 10px;
    width: 100%;
    text-transform:uppercase;
}
.foot-col > span a:hover {
    color: #fe00fe;
}
.foot-col img {
  vertical-align: middle;
}

.copy-right {
    border-top: 1px solid #a0a0a0;
    color: #333333;
    float: left;
    font-family: montserrat;
    font-size: 15px;
    font-weight: 400;
    margin: 25px 0 0;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.copy-right > p {
    margin: 0;
    padding: 0;
}
footer {
  margin: 0;
  padding: 25px 0 0;
  float:left;
  width:100%;
  font-family: montserrat;
}
footer #bb-footer6footer .foot #bb-inner {
  padding: 0;
}
footer div#bb-footer6 {
  max-width: 1170px;
  padding: 0;
}
.foot div#bb-content {
  width: 100%;
}

footer div#bb-footerexcess.bb-foot1cols {
    padding: 0;
}
footer div#bb-footerexcess div#bb-inner {
    padding: 0;
}

.slide .item form {
  display: none;
}
.slide .bb-proddets {
  text-align: center;
  padding:0 10px;
}

  
 div#yearsbadge {
    margin: 10px 30px;
    max-width: 125px;
}


 div.yearsbadge {
    max-width: 100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


 div.yearsbadge img {
    max-height: 100%;
max-width: 100%;
}


.shop-pop {
    background: #fff;
    border: 1px solid;
    margin: 0 auto;
    max-width: 915px;
}
.pop-left {
    box-sizing: border-box;
    display: inline-block;
    padding: 20px 24px;
    text-align: center;
    vertical-align: middle;
    width: 55%;
}
.pop-right {
  display: inline-block;
  position: relative;
  text-align: right;
  vertical-align: middle;
  width: 44.5%;
}
.pop-right > img {
    max-width: 100%;
}
.pop-left > h2 {
  color: #000;
  font-family: montserrat;
  font-size: 22px;
  line-height: normal;
  margin: 35px 0 25px;
  padding: 0;
  text-transform: uppercase;
}
.pop-left > h2 span {
  color: #9a19d6;
}
.pop-left > h3 {
    color: #333333;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 800;
    margin: 0;
    padding: 15px;
}
.inp-pop {
    display: inline-block;
    width: 100%;
}
.inp-pop input {
  background: #f2f2f2;
  border: medium none;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 0 20px;
  padding: 20px;
  width: 80%;
  font-size:14px;
}

.subbtn {
    background: #9a19d6;
    display: inline-block;
    margin: 0 0 15px;
    width: 80%;
}
.subbtn:hover {
    background: #fe00fe;
}
.subbtn > a {
    color: #fff;
    display: block;
    padding: 20px 0;
    text-decoration: none;
    text-transform: uppercase;
}
.pop-left > p img {
    vertical-align: text-top;
}
.pop-left > p {
  color: #333333;
  font-family: Lato;
  font-size: 14px;
  font-weight: 600;
}

.category_text > h1 {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
}
.bb-loopheight {
  text-align: left;
}


/* ================ new css Start 25june2016 ================== */

.bb-yourcart 
{
padding-top: 0 !important;
}


form.order table.cart {
    border-collapse: collapse;
    width: 100%;
}
form.order table.cart tbody {
    width: 100%;
}
table.cart tr th {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    color: #333333;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: normal;
    padding: 12px 10px;
    text-align:center;
}
table.cart tr td {
     border: 1px solid #e4e4e4;
    color: ##9b9b9b;
    font-family: montserrat;
    font-weight: normal;
    padding: 10px;
    text-align:center
}
table.cart tr td.cart_quantity{
  width:92px;
}
table.cart tr td.cart_quantity input[type=text]{
  max-width: 3em;
width: 3em;
  text-align: center;
}
.cart_name{
  width:430px;
}
.cart_price{
  width:120px;
}
.cart_total{
  width:120px;
}
.har-cart {
    display: inline-block;
    padding: 20px 0 0;
    width: 100%;
}
.har-cart .bb-padb.left.ctrt {
    display: inline-block;
    float: left;
    padding: 6px 0 0;
}
.har-cart > #bb-paymentsquare {
    margin: 0;
}
.ship-ctt {
    display: inline-block;
    
}
.ship-ctt > #bb-recalculate {
    clear: none;
    display: inline-block;
    float: left;
    width: auto;
}

.ship-ctt > #bb-showbasket {
    display: inline-block;
    float: right;
    margin: 20px 0 0;
    text-align: right;
}
form.order #your-shopping-cart.detailfont{
	border:none;
	border-bottom:1px solid #ccc;
  color: #333333;
  font-family: montserrat;
  font-size: 18px;
  margin-bottom: 25px;
  padding: 0 0 12px;
}


input[type=submit], input[type="submit"], a.bb-abutton, .buttons a, div#bb-scrolldivreviews a.reviews_write_review_link {
  background:#9916d6 none no-repeat scroll 0 0;
}


input[type=submit]:hover, input[type="submit"]:hover, a.bb-abutton:hover, .buttons a:hover, div#bb-scrolldivreviews a.reviews_write_review_link:hover {
  background:#9916d6 none no-repeat scroll 0 0;
}


body input.button152[type="submit"], input.bb-bigsubmit[type="submit"], body input.bb-bigsubmit[type="submit"], body input.button68[type="submit"], body input.button163[type="submit"], body input.button162[type="submit"], body input.button67[type="submit"], body input.button6[type="submit"], body input.button8[type="submit"], body div.bb-multiaddbutton input.add{
  font-size:13.3px !important;
  padding: 9px 12px;
  background:#9916d6 none no-repeat scroll 0 0;
}

div.bb-returntocart {
    padding: 10px;
    text-align: center;
margin: auto;
}

div.bb-returntocart input {
margin-left: auto;
margin-right: auto;
}

div.bb-returntocart input:hover{
 background:#9916d6 none no-repeat scroll 0 0;
}


.cart-product-name a {
  color: #333333;
  display: block;
  font-family: Montserrat;
  font-size: 16px;
  padding: 0 0 10px;
  text-transform: uppercase;
}
.cart_image img {
  height: auto;
  width: 150px;
}
.cart-product-specs .cart-product-sku {
  display: block;
  font-size: 14px;
  font-style: normal;
  padding-bottom: 10px;
  padding-top: 0;
  font-family: Montserrat;
}

span#coupcertlink {
  color: #9916d6;
  font-size: 16px;
   font-family: Montserrat;
}
.bb-crossdets a {
  color: #333333;
}
.cart-product-update input#Update {
  color: #9916d6;
  font-size: 16px;
   font-family: Montserrat;
}


.displayit input#Apply {
background: #9916d6;
}
div#bb-recalculate input.button9 {
  color: #333 !important;
  font-size: 14px;
   font-family: Montserrat;
}
.cart-product-price .cart-product-totalprice {
  color: #333333;
  font-size: 16px;
  font-family: Montserrat;
}
div.bb-yourcart div#cart-totals {
  margin-top: 30px;
}
div#cart-totals span {
  font-family: montserrat;
  font-size: 16px;
  font-weight: normal;
}
div#cart-totals span b{
	font-weight: normal;
	
}

/* added 7/21/2021 */

     #CBP_wrapper {
margin-left: auto;
margin-right: auto;
}

.displayit input[name="coupon_code"] {
  height: 40px;
  line-height: 40px;
  max-width: 330px !important;
  padding-bottom: 0;
  padding-top: 0;
}
div.bb-yourcart span#ss_payment {
  padding: 0 0 10px !important;
}

.bb-padb.left input {
    /*background: #9916d6 none repeat scroll 0 0;*/
}
.chk_button input[type="submit"] {
    background: #9916d6 none repeat scroll 0 0;
}
input.button7[type="submit"]{
    background: #9916d6 !important;
}
.bb-proddets{
min-height:110px;
}
div.suckertreemenu ul#ShopSite li.subcategory a {
    color: #fe00fe;
}
.link.bb-matchheight a.bb-lkimg {
    display: block;
    height: 250px;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden;
}
.link.bb-matchheight a.bb-lkimg img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.link.bb-matchheight span {
    color: #9b9b9b;
    font-family: Montserrat;
    font-size: 13.33px;
    font-weight: normal;
    display:block;
    margin:15px 0;
}
.link.bb-matchheight .bb-lknme{
    color: #333333;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    display:block;
}

a.bb2018-lknme {text-align: left;}

a.bb2018-lknme img {
display: none;
}

a.bb2018-lknme:hover img {
display: inline-block;
z-index: 5000;
/*position: relative; */
}

.cross-sellProducts .bb-prodimg {
    height: 160px;
}
.cross-sellProducts .nbs-flexisel-item img {
   max-height: 140px;
   max-width: 140px;
}
.loader {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 99999999;
   background: url("https://www.thesoapbar.com/media/loader.gif") 50% 50% no-repeat rgb(249,249,249);
}

.left_sidebar{
  float:left;
  width:21%;
}

.product_right{
   float:right;
   width:76%;
}

.product_right.loop4 .og-grid li, div.loop4 li.link, div.loop4 li.prod {
    width: 33%;
}
div#bb-miinfohalf {
  float: right;
  padding-top: 0;
  width: 52%;
}
div#bb-miimghalf {
  width: 43%;
}
.item.left {
  text-align: center;
}
div.bbpagination {
  display: inline-block;
  margin: 0;
  padding: 25px 0 25px;
  text-align: center;
  width: 100%;
}
div.bbpagination .currentpage {
   border: 1px solid #5d5d5d;
   padding: 4px 11px;
}
div.bbpagination a {
   color:#5d5d5d;
   font-size:16px;
}
.bb-prodaddcol span.bb-prodqty {
   clear: both;
   display: inline-block;
   margin: 0 5px 0 0;
   padding: 0;
   vertical-align: top;
}
.bb-prodaddcol {
   padding: 15px 0 0;
}
.bb-prodaddcol input.bb-prodaddtxt {
   background: #9916d6 url("https://www.thesoapbar.com/media/Cart-icon.png") no-repeat scroll 10px center;
   border-radius: 0;
   display: inline-block;
   margin: 0;
   padding: 9px 7px 9px 30px;
   vertical-align: top;
}

.product_right #bb-pagebannercar {
    position: relative;
}
.product_right #bb-pagebannercar h1 {
   color: #ffffff;
   font-family: "Montserrat",sans-serif;
   font-size: 18px;
   left: 45px;
   position: absolute;
   text-transform: uppercase;
   top: 48px;
padding: 5px;
 background-color: rgba(102, 51, 153, 0.75);
max-width: 90%;
}

.side_searchbox input[type="submit"] {
    background: #f2f2f2 url("https://www.thesoapbar.com/media/search-sidebar.png") no-repeat scroll right center;
    float: right;
    height: 23px;
    margin: 5px 15px 0 0;
    padding: 0;
    text-indent: -9999px;
    width: 23px;
}
.side_searchbox input {
    border: medium none;
    color: #9b9b9b;
    float: left;
    font-size: 16px;
    padding: 6px 15px;
    width: 78%;
    background:none;
}
.side_searchbox > form {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    padding: 5px 0;
    width: 100%;
}

.container .left_sidebar .suckertreemenu {
   box-sizing: border-box;
   float: left;
   margin: 0 !important;
   max-width: 100% !important;
   width: 100%;
   padding:5px 0 0;
}
.container .left_sidebar .suckertreemenu ul#ShopSite {
   display: block !important;
   margin: 0 !important;
   min-width: inherit !important;
   padding: 0 !important;
   position: inherit !important;
   text-align: left !important;
   width:100%;
}
.container .left_sidebar .suckertreemenu ul#ShopSite li {
    padding: 0;
    text-align: left;
    width: 100%;
    background:none !important;
}
.container .left_sidebar .suckertreemenu ul#ShopSite li a {
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    padding:25px 15px;
    text-align: left;
    background:none !important;
    color:#555555 !important;
    font-family: "Montserrat",sans-serif;
}

/*aae 12/9/19*/
div.suckertreemenu ul#ShopSite li ul li:hover a, div.suckertreemenu ul#ShopSite li ul li:hover a:hover {
background-color: #ffffff !important;
}

.container .left_sidebar div.suckertreemenu ul#ShopSite li ul {
padding-top: 0;
padding-bottom: 0;
   

  -moz-box-shadow:    3px 3px 5px 3px #ddd;
  -webkit-box-shadow: 3px 3px 5px 3px #ddd;
  box-shadow:         3px 3px 5px 3px #ddd;

}

.container .left_sidebar div.suckertreemenu ul#ShopSite li ul li a {
padding-top: 14px !important;
padding-bottom: 14px !important;
max-height: none;
height: auto;
}

div.suckertreemenu ul#ShopSite li ul {
padding-top: 0 !important;

}

.left_sidebar div.suckertreemenu ul#ShopSite li ul {
margin-top: 0;
}


/*end aae 12/9/19*/

.container .left_sidebar .suckertreemenu ul#ShopSite li:first-child a:first-child {
     padding: 25px 15px;
}
.bb-prodaddcol span.bb-prodqty input {
    padding: 10.5px 12px;
}
.container .left_sidebar .suckertreemenu ul#ShopSite li:last-child a {
    border: medium 
}
.category_text {
    background: #1e1e1e none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin: 20px 0 0;
    padding: 10px 15px 2px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.product_right div#bb-content #bb-inner {
    padding-top: 0;
    padding-bottom: 0;
}
input#bb-miaddtxt {
   background: rgba(0, 0, 0, 0) url("https://www.thesoapbar.com/media/add-tocart.png") no-repeat scroll 0 0;
   border-radius: 0;
   color: #333333;
   font-size: 13px;
   height: 49px;
   line-height: 49px;
   padding: 0 10px;
   text-indent: -99999px;
   text-shadow: inherit;
   width: 190px;
}
h1#bbnme {
   color: #333333;
   font-family: "Montserrat",sans-serif;
   font-size: 23px;
   font-weight: bold;
   text-transform: uppercase;
}
span#bb-writerev a {
   color: #b2b2b2;
   font-size: 14px;
}

.cross-sellProducts .bb-prodprc.Bold.Normal {
    color: #9916d6;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
}
.cross-sellProducts .bb-prodnme.Bold.Normal {
    font-family: "Montserrat",sans-serif;
    font-size: 13px;
    margin: 15px 0;
}

span.bb-saleprice, span.bb-salepricealt {
    color: #9916d6;
    float: right;
    font-size: 36px;
    text-align: right;
    font-family:"Montserrat",sans-serif;
}
.bb-mi-regsection.lmt {
   color: #9b9b9b;
   font-family: "Montserrat",sans-serif;
   font-size: 16px;
   line-height: 23px;
   padding-top: 15px;
}
.reviews_count {
  color: #b2b2b2;
  font-family: "Montserrat",sans-serif;
  font-size: 14px;
}
.title_price {
    display: inline-block;
    width: 100%;
}
.title_price .half-div {
    float: left;
    width: 64%;
}
.title_price .half-price {
    float: right;
    width: 32%;
}
.half-price .bb-price.Normal {
  padding: 0;
}

.cross-sellProducts {
    display: inline-block;
    text-align: left;
    width: 100%;
}
.cross-sellProducts h2 {
  border-bottom: 1px solid #e5e5e5;
  color: #939393;
  font-family: "Montserrat",sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px;
  padding: 0 0 15px;
}
div#bb-miinfohalf span#bb-miqty input {
  height: 49px;
  line-height: 49px;
  width: 100px;
}
div#bb-miinfohalf span#bb-miqty {
    display: inline-block;
}
div#bb-miinfohalf input#bb-miaddtxt {
    display: inline-block;
    margin: 0 0 0 10px;
}
div#sidebarProduct_img > img {
  max-width: 100%;
}
.half-price .block.bb-regfontsize {
    float: right;
    text-align: right;
}
.bb-lighter {
  filter: opacity(1);
  float: right;
  opacity: 0.6;
}
.row_img table.small_img {
  margin: 15px 0 0;
  width: 100%;
  text-align:left;
}
.container .left_sidebar .suckertreemenu ul#ShopSite li a:hover {
  color: #fe00fe !important;
}
.nbs-flexisel-container .bb-prodprc.Bold.Normal {
  vertical-align: middle;
}
div.bbpagination span {
  font-family: "Montserrat",sans-serif;
  padding: 0 15px;
}

.cross-sellProducts .nbs-flexisel-nav-left {
    display: none;
}
.cross-sellProducts .nbs-flexisel-nav-right {
    display: none;
}
div.bb-prodrev .reviews_stars_background, div.bb-prodrev .reviews_stars_rating, div.bb-prodrev .reviews_stars_background img, div.bb-prodrev .reviews_stars_rating img {
  margin: 0;
  max-height: inherit;
  max-width: inherit;
  width: auto;
}
.cross-sellProducts .nbs-flexisel-item {
  padding: 0 8px;
}
.cross-sellProducts .bb-prodrev {
  display: none;
}
.category_list > div#sidebarProduct_img img {
  max-width: 100%;
}
.cross-sellProducts .nbs-flexisel-container {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  width: 100%;
}
/* div#bb-miinfohalf span#bb-miqty input {
  padding: 15px 15px;
} */





    #topbarmessage {


    clear: both;
    background: #8804b6;
    background: -webkit-linear-gradient(left top, #37366e, #8804b6);
    background: -o-linear-gradient(bottom right, #37366e, #8804b6);
    background: -moz-linear-gradientbottom right, #37366e, #8804b6);
    background: linear-gradient(to bottom right, #37366e, #8804b6);
}


  #topbarmessage {
padding: 2%;
}

  #topbarmessage div {
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
  color: #ffffff;
  font-family: Lato;
}

  #cartcheckimg {
    margin-left: 1%;
    margin-right: 1%;

}


  #shopconfidence1 
{

    margin-right: 1%;
  font-size: 24px;
  font-weight: 600;
}

  #shopconfidence2 
{
    margin-left: 1%;
    margin-right: 1%;
  font-size: 14px;

}







/* ===============  New css End ==================== */

div#it-headerin {
  display: none;
}
.cart_delete input#Update {
  color: #676767;
  font-family: montserrat;
 text-transform:uppercase;
 font-size:13.33px;
}


.cart_delete input {
 margin: 5px;
}





@media screen and (min-width: 868px) and (max-width: 979px) {

.suckertreemenu ul#ShopSite li a {
  font-size: 10.5px !important;
  padding: 0 1px !important;
}
body .container #horizontalNav.suckertreemenu {
  margin: 25px 20px 0px 0 !important;
}
.container .suckertreemenu {
  width: 77%;
}
input#search-submit {
  background: rgba(0, 0, 0, 0) url("https://www.thesoapbar.com/media/search-icon.png") no-repeat scroll right center !important;
}
form#bb-searchform {
  top: 93.5px !important;
}
.container .left_sidebar .suckertreemenu ul#ShopSite li a {
  font-size: 13px !important;
  padding:14px 15px !important;
}
body .container .left_sidebar #horizontalNav.suckertreemenu{
  margin: 0 !important;
}
}

@media screen and (min-width: 980px) and (max-width: 1075px) {
.bb-prodaddcol span.bb-prodqty {
  margin: 0;
  padding: 0px 0 0;
}	
.bb-prodaddcol span.bb-prodqty input {
  padding: 10.5px 5px;
}
.product_right.loop4 .og-grid li, div.loop4 li.link, div.loop4 li.prod {
  width: 32.9%;
}
.product_right #bb-pagebannercar h1 {
  top: 35%;
}
}


@media screen and (min-width: 768px) and (max-width: 979px) {
.category_text > h1 {
  font-size: 13px;
}	
.product_right.loop4 .og-grid li, div.loop4 li.link, div.loop4 li.prod {
  width: 49%;
}
.container .left_sidebar .suckertreemenu ul#ShopSite li a {
  font-size: 13px;
}
span.bb-saleprice, span.bb-salepricealt {
  float: left;
  font-size: 28px;
  text-align: left;
}	
.title_price .half-price {
  float: right;
  width: 100%;
}
.title_price .half-div {
  float: left;
  width: 100%;
}
h1#bbnme {
  font-size: 20px;
}
div#bb-miinfohalf input#bb-miaddtxt {
  display: inline-block;
  margin: 15px 0 0 0;
}
.side_searchbox input[type="submit"] {
  margin: 5px 10px 0 0;
}
.side_searchbox input {
  width: 75%;
}
.product_right #bb-pagebannercar h1 {
  top: 33%;
}
	
	
.container {
  box-sizing: border-box;
  max-width: 980px;
  padding: 0 10px;
  width: 100%;
}
div#bb-content {
  max-width: 980px;
  padding: 0 10px;
  width: 100%;
}
form#bb-searchform {
    right: -8px;
}
form#bb-searchform {
    top:76.5px;
}
div#bb-carouselinner .bx-wrapper a.bb-abutton {
  font-size: 16px;
  margin-left: 5px;
  padding: 16px 0;
  width: 210px;
   margin-bottom: 30px;
}
div#bb-carouselinner .bx-wrapper li div.bb-slidedesc {
  font-size: 24px;
}
div#bb-carouselinner div.bb-slidecenter span.slidetitle {
  font-size: 45px;
}
.feature-left {
  width: 100%;
  max-width: 100%;
}
.top-left-feat {
  max-width: inherit;
  width: 49%;
}
.top-right-feat {
  max-width: inherit;
  width: 49%;
}
.feature-left img {
  width: 100%;
}
.feature-right {
  margin: 10px 0 0;
  width: 100%;
  max-width: 100%;
float: none;
}
.feature-right > img {
  width: 100%;
}
.feat-text h3 {
  font-size: 18px;
}
div.bb-slidecontents {
  padding: 10px !important;
}
.feat-text {
  left: 25px;
}
footer div#bb-footer6 {
  width: 100%;
}
.container #it-logo {
  padding: 30px 0 26px;
}
body .container .suckertreemenu {
  margin: 15px 30px 0 0 !important;
  padding: 0;
}
body div#verticalNav a#categoriesLink {
  background: rgba(0, 0, 0, 0) url("https://www.thesoapbar.com/media/Menu.png") no-repeat scroll right center;
  max-height: 36px;
  min-height: 36px;
  width: 0;
}
.bb-proddets a {
  font-size: 14px;
}
.testimon {
  padding: 0;
}
.view-button {
  margin: 35px 0 0;
}
.feature-product {
  margin: 0;
}
.why-choose h2 {
  padding: 0 0 8px;
}
.why-choose {
  padding: 0 0 10px;
}
.left-why {
  width: 52%;
}
.insta-text {
  padding: 23px 0;
}
div#instafeed > a {
  min-height: 125px;
}
footer {
  padding: 0;
}
.foot-col h2 {
  font-size: 14px;
  margin: 0 0 10px;
}
.copy-right {
  font-size: 14px;;
}
.righ-why {
  max-width: 340px;
  padding: 0 0 0 20px;
}
.righ-why > p {
  font-size: 14px;
  line-height: 22px;
  padding: 0 0 20px;
}
.testimon h2 {
  font-size: 24px;
}
.why-choose h2 {
  font-size: 24px;
}
.feature-product h2{
  font-size: 24px;
}
h1.whats_new {
  font-size: 24px;
}
.feat-text img {
  width: auto;
}
input#search-submit {
  background:url("https://www.thesoapbar.com/media/Search-icon-1.png") no-repeat right;

}
form#bb-searchform {
  top: 89.5px;
}
}



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

span#search-area {
margin-top: 2px;
}


div#popup-newsletter {
display: none !important;
}


.side_searchbox input {
  width: 75%;
}
.product_right #bb-pagebannercar h1 {
  font-size: 11px;
  left: 5%;
  top: 30%;
}
.container .left_sidebar .suckertreemenu ul#ShopSite li a {
  padding: 20px 15px !important;
}
.left_sidebar {
  display:none;
}
.product_right {
  width: 100%;
}
div#bb-miimghalf {
  width: 100%;
}
.product_right.loop4 .og-grid li, div.loop4 li.link, div.loop4 li.prod {
  width: 49%;
}
.product_right > div#bb-content {
  padding: 0;
}
.title_price .half-div {
  width: 100%;
}
.title_price .half-price {
  width: 100%;
}
div#bb-miimghalf {
  width: 100%;
  max-width: 100%;
}
span.bb-saleprice, span.bb-salepricealt {
  float: left;
  font-size: 32px;
  padding: 10px 0;
  text-align: left;
  width: 100%;
}
h1#bbnme {
  font-size: 18px;
}
div#bb-miinfohalf input#bb-miaddtxt {
  margin: 20px 0 0;
}
.side_searchbox input[type="submit"] {
  margin: 5px 10px 0 0;
}
.category_list > div#sidebarProduct_img {
  display: inline-block;
  float: left;
  margin: 10px 0 20px;
  text-align: left;
  width: 100%;
}	
div#bb-miinfohalf {
  width: 100%;
}
	
	
	
	
div#popup-newsletter {
  height: 400;
  overflow-x: hidden;
  overflow-y: scroll;
}
.top-feat{
    float: left;
    margin: 0 0 5px;
}
input#search-submit {
  background:url("https://www.thesoapbar.com/media/Search-icon-1.png") no-repeat right;
}
.insta {
  margin: 50px 0 0;
}
.insta-text > h4 {
  font-size: 34px;
}
.container {
  box-sizing: border-box;
  padding: 0 10px;
}
div#bb-content {
  padding: 0 10px;
  box-sizing: border-box;
}

.container #it-logo {
  padding: 30px 0 26px;
}
body .container .suckertreemenu {
  margin: 15px 30px 0 0 !important;
  padding: 0;
}
body div#verticalNav a#categoriesLink {
  background: rgba(0, 0, 0, 0) url("https://www.thesoapbar.com/media/Menu.png") no-repeat scroll right center;
  max-height: 36px;
  min-height: 36px;
  width: 0;
}
.container #it-logoin {
  width: 140px;
}
/* form#bb-searchform {
  top: 76.5px;
} */
div#bb-carouselinner .bx-wrapper a.bb-abutton {
  font-size: 14px;
  margin-bottom: 40px;
  padding: 10px 0;
  width: 153px;
}
div#bb-carouselinner .bx-wrapper li div.bb-slidedesc {
  font-size: 15px;
  padding: 0 0 18px;
}
div#bb-carouselinner div.bb-slidecenter span.slidetitle {
  font-size: 28px;
  line-height: 38px;
}
div.bb-slidecontents {
  padding: 10px 0 10px 15px !important;
}
.bb-prodprc.Bold.Normal {
  font-size: 16px;
}
.bb-proddets a {
  font-size: 13px;
}
h1.whats_new {
  font-size: 22px;
  margin: 0 0 25px;
}
.feature-product h2 {
  font-size: 22px;
}
.feat-text h3 {
  font-size: 18px;
}
.feat-text {
  left: 30px;
}
.feature-product {
  margin: 0;
}
.view-button {
  margin: 25px 0 0;
}
.feature-left {
  width: 100%;
  max-width: 100%;
}
.top-left-feat {
  max-width: inherit;
  width: 49%;
}
.view-button > a {
  max-width: 165px;
  padding: 12px 0;
}
.top-right-feat {
  max-width: inherit;
  width: 49%;
}
.feature-left img {
  width: 100%;
}
.feature-right {
  margin: 10px 0 0;
  width: 100%;
  max-width: 100%;
float: none;
}
.feature-right img {
  width: 100%;
}
.feat-text img {
  width: auto;
}
.foot-col h2 {
  font-size: 14px;
  margin: 0 0 15px;
}
footer div#bb-footer6 {
  width: 100%;
}
footer {
  margin: 0;
  padding: 0;
}
div#bb-footeradditionallinks {
  display: none;
}
form#bb-searchform {
  position: absolute;
  width: auto;
}
div#it-registration, span#bb-gclink {
  display: block;
}
.testimon h2 {
  font-size: 22px;
  margin: 0px 0 20px;
  padding: 0;
line-height:normal;
}
.testimon {
  padding: 0;
}
.why-choose h2 {
  font-size: 22px;
  margin: 15px 0;
}
.why-choose #bb-content div#bb-inner {
  padding: 0;
}
.why-choose {
  padding: 0;
}
h1.whats_new {
  margin: -20px 0 5px;
}

.righ-why > p {
  font-size: 14px;
  line-height: 18px;
  padding: 0 0 20px;
}
.dif-choose > img {
  width: 360px;
}
.left-why {
  width: 52%;
}
.righ-why {
  max-width: 345px;
  padding: 0 0 0 10px;
}
div#instafeed > a {
  min-height: auto;
  width: 24.6%;
}
div#instafeed > a img {
  position: inherit;
  transform: inherit;
  width: 100%;
}
.insta-text {
  padding: 50px 0;
  position: inherit;
}
}

@media screen and (min-width: 581px) and (max-width:752px){
.product_right .prod.bb-matchheight {
  width: 49% !important;
}
.product_right .link.bb-matchheight {
  width: 49% !important;
}
}
@media screen and (min-width: 250px) and (max-width:580px){
.product_right .prod.bb-matchheight {
  width: 100% !important;
}
.product_right .link.bb-matchheight {
  width: 100% !important;
}
} 


@media screen and (max-width: 735px) {
.pop-left {
  width: 100%;
}
.pop-right {
  width: 100%;
text-align:center;
}
.foot-col {
  padding: 0 15px 0 0;
  width: 50%;
}
.foot-col h2 {
  margin: 0 0 10px;
}
.righ-why {
  max-width: 345px;
  padding: 20px 0 30px 20px;
}
.dif-choose > img {
  display: none;
}
.left-why li:last-child {
  margin: 0;
}
.left-why {
  width: 98.5%;
}
.flow-choose {
  background: #6f14a5 url("https://www.thesoapbar.com/media/why-bottom-mobile.jpg") no-repeat scroll right top;
  color: #fff;
  float: left;
  width: 100%;
}
.left-why > h3 {
  padding-top: 0;
}
.flow-choose > span {
  min-height: 200px;
  width: 0.1px;
}
}


@media screen and (max-width: 600px) {
div.bb-slidecontents {
  padding: 10px 0 0 0px !important;
}
div#bb-carouselinner div.bb-slidecenter {
  text-align: center !important;
 max-width: 1170px;
}



table.cart tr td {
  font-size: 8px;
  padding: 2px !important;
  width: auto !important;
}
span#paypal_button {
  left: inherit !important;
  position: inherit !important;
  right: 0 !important;
  /*top: 2px !important;*/
}
.cart_delete input {
  font-size: 9px;
}


.cart_delete input#Update {
  font-size: 9.33px;
}	
table.cart tr th {
  font-size: 10px;
  padding: 2px;
}	
table.cart tr td.cart_quantity input[type="text"] {
  max-width: 60%;
  width: auto;
font-size: 8px;
}
.cart_image, .cp_image {
  display: none;
}
.chk_text {
  /*display: none;*/
}
}



@media screen and (max-width: 479px) {
	
td#newsletter_field, td#newsletter_submit {
  clear: both;
  display: flex;
  padding: 8px 0 0;
  width: 100%;
}
.foot-col {
  padding: 0 0px 0px 0;
  width: 100%;
}
.btn-choose {
  margin: 0 auto;
}
.foot-col > p {
  padding: 0 10px 0 0;
}
.copy-right {
  font-size: 12px;;
}
.top-left-feat {
  margin-bottom: 5px;
  max-width: inherit;
  width: 100%;
}
.top-right-feat {
  max-width: inherit;
  width: 100%;
}
.add p {
  font-size: 10px;
}
.close {
  right: 8px;
}
div#it-topbarin {
  box-sizing: border-box;
  padding: 0 10px;
  width: 100%;
}
.right.inline-right {
  box-sizing: border-box;
  display: inline-block;
  padding: 11px 0 0 12px;
}
.left.inline-right {
  box-sizing: border-box;
  display: inline-block;
  padding: 11px 15px;
}
.call-us {
  border: none;
  box-sizing: border-box;
  float: right;
  padding: 11px 14px 11px 0;
}
form#bb-searchform {
  right: 10px;
}
body .container .suckertreemenu {
  margin: 15px 25px 0 0 !important;
  
}
div.bb-slidecontents {
  padding: 10px 0 0 0px !important;
}
div#bb-carouselinner div.bb-slidecenter {
  text-align: center !important;
 max-width: 1170px;
}
div#bb-carouselinner div.bb-slidecenter span.slidetitle {
  font-size: 23px;
}
div#bb-carouselinner .bx-wrapper a.bb-abutton {
  font-size: 13px;
  padding: 7px 0;
  width: 140px;
}
.testi-col {
  padding: 60px 15px 36px;
}


  #cartcheckimg img {
max-width: 50%;

}


  #shopconfidence1 
{


  font-size: 14px;

}

  #shopconfidence2 
{

  font-size: 9px;

}

}

@media screen and (min-width: 1028px) and (max-width: 1300px) {
div#instafeed > a {
  border: 1px solid #c6bec8;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  margin-bottom: 0.3%;
  margin-right: 0.3%;
  min-height: 155px;
  overflow: hidden;
  position: relative;
  width: 12.2%;
}
.insta-text {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  color: #fff;
  height: 100%;
  left: 0;
  padding: 53px 0 50px;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 9;
}
}
@media screen and (min-width: 1189px) and (max-width: 1230px) {
div.suckertreemenu ul#ShopSite {
  padding: 0 8px 0 0; 
  width: 94%;
}
div.suckertreemenu ul#ShopSite li a {
  font-size: 12px;
  padding: 0 7px;
}
}
@media screen and (min-width: 980px) and (max-width: 1188px) {
.container {
  box-sizing: border-box;
  max-width: 1100px;
  padding: 0 10px;
  width: 100%;
}
.container .suckertreemenu {
  padding: 24px 0 0;
}
div#bb-content {
  max-width: 980px;
  padding: 0 10px;
  width: 100%;
}
div.suckertreemenu ul#ShopSite {
  padding: 0 18px 0 0; 
}
div.suckertreemenu ul#ShopSite li a {
  font-size: 12px;
  padding: 0 3px;
}
form#bb-searchform {
  right: -15px;
}
div#bb-carouselinner .bx-wrapper a.bb-abutton {
  font-size: 16px;
  margin-left: 5px;
  padding: 16px 0;
  width: 210px;
   margin-bottom: 30px;
}
div#bb-carouselinner .bx-wrapper li div.bb-slidedesc {
  font-size: 24px;
}
div#bb-carouselinner div.bb-slidecenter span.slidetitle {
  font-size: 45px;
}
.feature-right {
  width: 401px;
}
.feature-left {
  width: 546px;
}
.top-left-feat {
  max-width: 268px;
}
.top-right-feat {
  max-width: 268px;
}
.feat-text h3 {
  font-size: 18px;
}
div.bb-slidecontents {
  padding:  10px !important;
}
.feat-text {
  left: 25px;
}
footer div#bb-footer6 {
  width: 100%;
}
.left-why {
  width: 62%;
}
form#bb-searchform {
  top: 99.5px;
}
}

table.cart tr td.cart_delete {
  text-align: center;
}
.cart_name a:hover{
color: #fe00fe;
}

.button154.Remove_button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  padding: 0;
  font-family: montserrat;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
}

.button154.Remove_button:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color:#fe00fe;
}

h3 a{
color: #FFFFFF;
}

h3 a:hover {
color: #FFFFFF;
}



table.cart tr td.cart_image img {
  height: auto;
  width: 100px;
}

div#Update.button383 {
  color: #676767;
  font-family: montserrat;
}

body, td {
  font-family: montserrat !important;
}


.cart_delete input#Update:hover{
   text-decoration: none;
  color:#fe00fe !important;
}

form.order #your-shopping-cart.detailfont {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color -moz-use-text-color #cccccc;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 1px;
  color: #333333;
  font-family: montserrat;
  font-size: 18px;
  margin-bottom: 25px;
  padding: 12px 0 12px 14px;
}

span#coupcertlink{
   padding-bottom: 15px;
}


span#paypal_button {
 /* top: 2px !important; */
}

.ship_logos {
    margin: 10px auto;
    width: 100%;
}

div.bb-yourcart span#ss_payment{

}

.register_content {
    position: absolute !important;
    right: 0;
    width: 79% !important;
    max-width: 79% !important;
}
.reviews_read_reviews_link:hover, #bb-mireviews > a.reviews_write_review_link:hover {
    color: #fe00fe;
}

div #bb-midesc {
    color: #9b9b9b;
    margin-bottom: 15px;
}

table.zipncountry, table#ship_options, table.surcharge, table.instruct, table.sql_addr{
  position: inherit;
}



/*added by WebSite Werx */

div.bbtext {
    padding: 10px !important;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

h1.h1-pageheader {
    color: #ffffff;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    /* left: 45px; */
    /* position: absolute; */
    text-transform: uppercase;
    /* top: 48px; */
    padding: 5px;
    background-color: #9916d6;
    max-width: 95%; 
    
    margin-left: auto;
    margin-right: auto;
}

div#bb-pagebannercar img {
margin-bottom: 15px;
}

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

td.cart_cp_price {
display: none;
}

} /* end media 851 */

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

td.cart_cp_image {
display: none;
}

} /* end media 600 */

div#bb-paymentsquare span#E_paytype {
display: inline;
}

/* Holiday Lights */

div#holidaylights {
display: none;
background: url('https://www.thesoapbar.com/media/christmas_lights_flashing_3.gif') top left repeat-x;
height: 20px;
margin-bottom: 25px;
}


  table#minordermsg div{
padding: 15px;
    color: red;
    font-weight: bold;
}