/* Fonts */

@font-face {
    font-family: 'Apercu Pro';
    src: url('ApercuPro-Bold.woff2') format('woff2'),
        url('ApercuPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('ApercuPro-BoldItalic.woff2') format('woff2'),
        url('ApercuPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('ApercuPro-Regular.woff2') format('woff2'),
        url('ApercuPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('ApercuPro-Italic.woff2') format('woff2'),
        url('ApercuPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* Layout */

html, body { width:100%; height:100%; margin:0px; padding:0px; }

* {
  box-sizing: border-box;
}

p, li { text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; }

.clear { clear:both; }

.responsive { max-width:100%; height:auto; display:block; }

.page-top { padding-top:66px; }

h1, .title { font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:30px; color:#f36378; position:relative; display:inline-block; margin:30px auto 60px auto; }

h1::after, .title::after { position:absolute; content:''; width:80%; height:1px; background-color:#ccc; bottom:-15px; left:10%;}

h2 { font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:24px; color:#f36378; margin-top:30px; }

h3 { font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:20px; color:#a1434e; margin-top:30px; }

.container { width:1200px; margin:0 auto;  }

.margin-bottom-10px { margin-bottom:10px; }

.margin-bottom-20px { margin-bottom:20px; }

.margin-bottom-30px { margin-bottom:30px; }

.margin-bottom-60px { margin-bottom:60px; }

.margin-bottom-100px { margin-bottom:100px; }

.desktop-bottom-60px-mobile-bottom-30px { margin-bottom:60px; }


.argan-oil-spacing { margin-top:50px; }

hr { width:100%; height:1px; background-color:#eeeeee;    border: 0 none; margin:30px auto;}
a { text-decoration:none; }

#back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: 1px solid #ce4c74;
  outline: none;
  background-color: rgba(255,255,255,0.8);
  color: white;
  cursor: pointer;
  width:40px; height:40px;
  border-radius: 20px;
  transition:0.5s;
}

#back-to-top::after {
    content:"";
    position:absolute;
     border: solid #ce4c74;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  top:15px;
  left:15px;
transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  
}

#back-to-top:hover {
  opacity:0.6;
}

button,
button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.button-display-block { display:block; width:100%; }

button {
  background: none;
  border:1px solid #ce4c74; 
  color:#ce4c74;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 30px;
  position: relative;
  text-transform: uppercase;
  cursor:pointer;
  font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal;
}


button::before { position:absolute;
  border: solid #571c2c;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top:14px; right:10px;
  content:""; }


button::after {
  background: #ce4c74;
  content: '';
  position: absolute;
  z-index: -1;
}

button:hover {
  color: #fff;
}


/* BUTTON 1 */
.btn::after {
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
}

.btn:hover:after {
  height: 100%;
}

/* Nav */

#top { 
    background: rgb(255,238,243);
    background: linear-gradient(90deg, rgba(255,238,243,1) 0%, rgba(245,225,231,1) 11%, rgba(255,233,240,1) 26%, rgba(252,236,230,1) 50%, rgba(252,234,240,1) 75%, rgba(252,229,224,1) 90%);
    width:100%; 
    height:66px; 
    position:fixed; 
    transition: top 0.3s; 
    top: 0; 
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)!important; 
    z-index:99;
}

.logo { position:absolute; left:20px; top:18px; }

.logo img { width:180px; height:25px; transition:0.3s; }
.logo img:hover { opacity:0.6; }

.nav-desktop { position:absolute; width:850px; margin-left:-425px; left:50%; top:12px; }

.nav-link { color:#aa575e; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:15px; margin-left:1px; margin-right:1px; transition:0.5s; text-decoration:none; }

.nav-link:hover { color:#fe6695; }

.nav-link-title { font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px!important;
    color: #a1434e!important;
    display: inline-block;
	margin-bottom: 15px; transition:0.3s}
.nav-link-title:hover { opacity:0.6 }

.padding-left-10px { padding-left:10px; }

:active, :hover, :focus {
  outline: 0!important;
  outline-offset: 0;
}
::before,
::after {
  position: absolute;
  content: "";
}

.nav-btn {
  position: relative;
  display: inline-block;
  width: auto; height: auto;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
  .nav-btn span {         
    position: relative;
    display: inline-block;
    top: 0; left: 0;
    width: 100%;
    padding: 5px 5px 5px 6px;
    transition: 0.3s;
    font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; 
    text-transform:uppercase;
  }


.line {
   padding: 5px 5px 5px 6px;
}
.line span {
  color:#aa575e; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:15px; margin-left:1px; margin-right:1px; text-decoration:none; 
}
.line::before,
.line::after {
  background: transparent;
  z-index: 2;
}


.nav-btn.hover-border-3::before,
.nav-btn.hover-border-3::after {
  width: 0%; height: 0%;
  opacity: 0;
  transition: width 0.2s 0.15s linear, height 0.15s linear, opacity 0s 0.35s;
}
.nav-btn.hover-border-3::before {
  top: 0; right: 0;
  border-top: 1px solid #aa575e;
  border-left: 1px solid #aa575e;
}
.nav-btn.hover-border-3::after {
  bottom: 0; left: 0;
  border-bottom: 1px solid #aa575e;
  border-right: 1px solid #aa575e;
}
.nav-btn.hover-border-3:hover::before,
.nav-btn.hover-border-3:hover::after {
  width: 100%; height: 98%;
  opacity: 1;
  transition: width 0.2s linear, height 0.15s 0.2s linear, opacity 0s;   
}

.social { position:absolute; top:20px; right:10px;}

.social .social-img { display:inline-block; margin:0 4px; transition:0.5s; cursor:pointer;}

.social .social-img img { width:27px; height:27px; }

.social .social-img:hover { opacity:0.6; }

#shop-nav { position:absolute; top:66px; background:#fff; padding:10px; width:300px; right:0;}

.nav-buy-now-links { width:300px; position:relative; }

.nav-buy-now-links img:hover { transition:0.5s; }
.nav-buy-now-links img:hover { opacity:0.6; }

.nav-shopping-link-column { float:left; width:120px; margin:10px; }

#shop-nav-close { position:absolute; top:0; right:15px; width: 20px;
  height: 20px; cursor:pointer;}

#shop-nav-close:hover {
  opacity: 0.6;
}

#shop-nav-close:before, #shop-nav-close:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #ce4c74;
}
#shop-nav-close:before {
  transform: rotate(45deg);
}
#shop-nav-close:after {
  transform: rotate(-45deg);
}



/* Product Menu */

.nav-product-menu {
  position: relative;
  display: inline-block;
}

.nav-product-menu .nav-product-menu-text {
  visibility: hidden;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0px;
  opacity: 0;
  transition: opacity 1s;
  
}

.nav-product-menu .nav-product-menu-background { 
 background-color: #fff;
 border-left:1px solid #e1c6ce;
 border-right:1px solid #e1c6ce;
 border-bottom:1px solid #e1c6ce;
 color:#000;
 text-align: left;
 margin-top:14px;
 text-transform:none;
 z-index: 99;
 display:block;
 width:550px;
 padding:30px;
}


.nav-product-menu:hover .nav-product-menu-text {
  visibility: visible;
  opacity: 1;
}

.nav-product-container { width:500px; }

.hair-care-product-column { float:left; width:200px;  }

.hair-styling-product-column { float:left; width:300px;  }

.hair-styling-product-column-left { float:left; width:150px;  }

.hair-styling-product-column-right { float:left; width:150px;  }

.hair-care-product-column span, .hair-styling-product-column span { font-family: 'Ubuntu', sans-serif; font-weight: 500; font-style: normal; font-size:18px; color:#a1434e; display:block; margin-bottom:15px; border-bottom:1px solid #ccc; padding-bottom:10px; width:80%; }

.top-nav-link-text { text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:14px; color:#ce4c74; display:block; margin-bottom:10px; }

.top-nav-link-text:hover { opacity:0.6; }

.view-all-products { color:#fff; text-decoration:none; background-color:#ce4c74; padding:10px 20px; text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:14px; border:1px solid #f5789f; display:inline-block; margin-top:20px; }
.view-all-products:hover { opacity:0.8; }


/* Footer */

.footer { background-color:#fce1e0; width:100%; margin:0 auto; }

.footer-container { width:1200px; margin:0 auto; padding:60px 0; }

.footer-container span { font-family: 'Ubuntu', sans-serif; font-weight: 500; font-style: normal; font-size:18px; color:#a1434e; display:block; margin-bottom:20px; }

.footer-container a { text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:14px; color:#ce4c74; display:block; margin-bottom:10px; transition:0.5s;}
.footer-container a:hover { opacity:0.6; }

.footer-logo-column { float:left; width:200px; }
.footer-lucido-l-column { float:left; width:250px; }
.footer-hair-care-column { float:left; width:250px; }
.footer-hair-styling-column { float:left; width:250px; }
.footer-connect-column { float:left; width:250px; }

.footer-connect-column img { width:31px; height:31px; float:left; margin-right:10px; margin-bottom:20px; }

.footer-e-commerce { background-color:#fdedec; width:100%; margin:0 auto; }

.footer-e-commerce-container { width:1200px; margin:0 auto; padding:30px 0; }

.footer-connect-column img { width:31px; height:31px; float:left; margin-right:10px; margin-bottom:20px; }

.footer-e-commerce-container p {  font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; color:#81636c; font-size:12px; }

.footer-e-commerce-container a, .footer-e-commerce-container .copyright-and-links a { text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:12px; color:#ce4c74; transition:0.5s;  }
.footer-e-commerce-container a:hover, .footer-e-commerce-container .copyright-and-links a:hover { opacity:0.6; }

.footer-e-commerce-container .e-commerce { width:604px; margin:0 auto; padding:30px 0;}

.footer-e-commerce-container .e-commerce img { width:131px; height:62px; float:left; margin-left:10px; margin-right:10px; margin-bottom:20px; }

.footer-e-commerce-container .copyright-and-links-container { width:600px; margin:30px auto; }
.footer-e-commerce-container .copyright-and-links-container .mandom-logo { float:left; width:200px; }
.footer-e-commerce-container .copyright-and-links-container .copyright-and-links { float:left; width:400px; padding-top:59px; }

.footer-e-commerce-container .copyright-and-links span { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; color:#81636c; font-size:12px; display:inline-block; margin-right:30px; }

/* General Responsive */

.desktop { display:block; }
.mobile { display:none; }
.mobile-tablet { display:none; }
.navmenu-desktop { display:block; }
.navmenu-mobile { display:none; }

/* Brand Story */

.brand-story-content-container { width:900px; margin:0 auto; }

.brand-story-content-left { float:left; width:300px; }
.brand-story-content-right { float:left; width:600px; }

.brand-story-container { padding-top:100px;  width:900px; margin:0 auto;}

.parallax-hair-care {

  background-image: url("../img/brand-story/LCL_Website_Argan_Oil_Banner.jpg");
  min-height:600px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-hair-care-new {

  background-image: url("../img/brand-story/brand-story-img-hair-care-new.webp");
  min-height:600px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-hair-styling {

  background-image: url("../img/brand-story/brand-story-img-hair-styling.webp");
  min-height:600px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.brand-story-content { position:absolute; background:#f36378; color:#fff; font-size:20px; font-family: 'Apercu Pro', sans-serif; padding:10px; margin-top:-20px; text-align:center; width:400px; left:50%; margin-left:-200px; -ms-transform: rotate(5deg); /* IE 9 */
  transform: rotate(5deg);}




@media only screen and (min-width : 769px) and (max-width : 920px) {

.brand-story-content-container { width:750px; margin:0 auto; }

.brand-story-content-left { float:left; width:250px; }
.brand-story-content-right { float:left; width:500px; }

.brand-story-container { padding-top:100px;  width:750px; margin:0 auto;}

}


/* Tablet */

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

/* New Start */
	
.navmenudesktop { display:none; }
.navmenumobile { display:block; }
	
.mobile-tablet { display:block; }
	
#mobile-nav-button { position: absolute; top:14px; right:10px; }

#mobile-nav-button { cursor: pointer; padding: 10px 35px 16px 0px; }
#mobile-nav-button span, #mobile-nav-button span:before, #mobile-nav-button span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 1.5px;
  width: 30px;
  background: #aa575e;
  position: absolute;
  display: inline-block;
  content: '';
}
#mobile-nav-button span:before {
  top: -9px; 
}
#mobile-nav-button span:after {
  bottom: -9px;
}

#mobile-nav-button span, #mobile-nav-button span:before, #mobile-nav-button span:after {
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
     -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
        transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
}
#mobile-nav-button.active span {
  background-color: transparent;
}
#mobile-nav-button.active span:before, #mobile-nav-button.active span:after {
  top: 0;
}
#mobile-nav-button.active span:before {
  transform: rotate(45deg);
}
#mobile-nav-button.active span:after {
  transform: translateY(-9px) rotate(-45deg);
  top: 9px;
}

#mobile-nav { position:fixed; top:50px; background:#fff; padding:20px 12px; width:100%; height:100%; z-index:100; border-bottom:1px solid #e1c6ce; overflow: auto; }


#mobile-nav .nav-link { color:#aa575e; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; margin:10px 0; text-decoration:none; display:block; position:relative; }


#mobile-nav-products-button { color:#aa575e; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; margin:0; text-decoration:none; display:block; position:relative; cursor:pointer;}

 .bottom-line{ border-bottom:1px solid #fff1f0; padding-bottom:10px; margin-bottom:10px;  }


#mobile-nav .show-button::after { content:"+"; font-family: 'Apercu Pro', sans-serif; font-size:30px; color:#a1434e; top:-10px; right:5px; position:absolute; }

#mobile-nav .hide-button::after { content:"-"; font-family: 'Apercu Pro', sans-serif; font-size:30px; color:#a1434e; top:-10px; right:5px; position:absolute; }

#mobile-nav-products { margin-bottom:20px; z-index:100; overflow: auto; }

#mobile-nav-products .product-nav-category { color:#a1434e; font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:18px; margin-left:20px; text-decoration:none; display:block; margin:15px 0; position:relative; }

#mobile-nav-products .product-nav-link { color:#aa575e; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; margin-left:20px; text-decoration:none; display:block; position:relative; }

#mobile-shop-nav { position:absolute; padding:10px; margin-top:-15px; margin-left:40px; border:1px solid #eee;}

.nav-buy-now-links { width:260px; position:relative; margin:0 auto;}

.nav-shopping-link-column { float:left; width:110px; margin:10px; }

.desktop-bottom-60px-mobile-bottom-30px { margin-bottom:30px; }	
	
.social-img img { width:30px; height:30px; margin-right:5px; }	
	
/* New End */

#top { 

    height:50px; 
}

.nav-product-menu .nav-product-menu-background { 
 margin-top:10px;
}


.page-top { padding-top:50px; }

.container { width:750px; }

.nav-desktop { position:absolute; width:100%; left:350px; text-align:center; top:10px; }

.nav-btn {
  position: relative;
  display: inline-block;
  width: auto; height: auto;
  background-color: transparent;
  border: none;
  cursor: pointer;
  
}

.nav-btn span {         
    position: relative;
    display: inline-block;
    top: 0; left: 0;
    width: 100%;
    padding: 1px;
    transition: 0.3s;
    font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; 
    
  }


.line {
   padding: 5px 5px 5px 6px;
}
.line span {
  color:#aa575e; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:14px; margin-left:1px; margin-right:1px; text-decoration:none; 
}

.social { position:absolute; top:12px; right:5px;}
.social .social-img { margin:0; }
.social .social-img img { width:24px; height:24px; }

.footer-container { width:769px; margin:60px auto 0 auto; padding:30px 0; }

.footer-container span { font-family: 'Ubuntu', sans-serif; font-weight: 500; font-style: normal; font-size:18px; color:#a1434e; display:block; margin-bottom:20px; }

.footer-container a { text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:14px; color:#ce4c74; display:block; margin-bottom:10px; transition:0.5s;}
.footer-container a:hover { opacity:0.6; }

.footer-logo-column {  float:none; width:150px; margin:0 auto 40px auto; text-align:center; }
.footer-lucido-l-column { float:left; width:192.25px; margin:0 auto;} 
.footer-hair-care-column { float:left; width:192.25px; margin:0 auto;} 
.footer-hair-styling-column { float:left; width:192.25px; margin:0 auto;} 
.footer-connect-column { float:left; width:192.25px; margin:0 auto;} 

.footer-connect-column img { width:31px; height:31px; float:left; margin-right:10px; margin-bottom:20px; }

.footer-e-commerce { background-color:#fdedec; width:100%; margin:0 auto; }

.footer-e-commerce-container { width:100%; margin:0 auto; padding:20px; }

.footer-connect-column img { width:31px; height:31px; float:left; margin-right:10px; margin-bottom:20px; }

.footer-e-commerce-container p {  font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; color:#81636c; font-size:12px; }

.footer-e-commerce-container a, .footer-e-commerce-container .copyright-and-links a { text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:12px; color:#ce4c74; transition:0.5s;  }
.footer-e-commerce-container a:hover, .footer-e-commerce-container .copyright-and-links a:hover { opacity:0.6; }

.footer-e-commerce-container .e-commerce { width:306px; margin:0 auto; padding:30px 0;}

.footer-e-commerce-container .e-commerce img { width:131px; height:62px; float:none; margin-left:10px; margin-right:10px; margin-bottom:20px; }

.footer-e-commerce-container .copyright-and-links-container { width:320px; margin:20px auto; text-align:center;}
.footer-e-commerce-container .copyright-and-links-container .mandom-logo { float:none; width:100%; }
.footer-e-commerce-container .copyright-and-links-container .copyright-and-links { float:none; width:100%; padding-top:20px; }

.footer-e-commerce-container .copyright-and-links span { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; color:#81636c; font-size:12px; display:inline-block; margin-right:0; }

}

/* Nav Responsive */

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

.line span {
   font-size:12.5px; margin-left:1px; margin-right:1px; 
}
}


/* Mobile */

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


.desktop { display:none; }

.mobile { display:block; }
    
#top { height:50px; }

.logo { position:absolute; left:15px; top:10px; }

.logo img { width:57px; 
    height:30px;   }


.page-top { padding-top:50px; }

.container { width:100%; }

h1, .title { margin:10px auto 40px auto; }


.footer-container { width:320px; margin:60px auto 0 auto; padding:30px 0; }

.footer-container span { font-family: 'Ubuntu', sans-serif; font-weight: 500; font-style: normal; font-size:18px; color:#a1434e; display:block; margin-bottom:20px; }

.footer-container a { text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:14px; color:#ce4c74; display:block; margin-bottom:10px; transition:0.5s;}
.footer-container a:hover { opacity:0.6; }

.footer-logo-column {  float:none; width:160px;margin:0 auto; text-align:center; }
.footer-lucido-l-column { float:left; width:170px; margin:0 auto;} 
.footer-hair-care-column { float:left; width:150px; margin:0 auto;} 
.footer-hair-styling-column { float:left; width:170px; margin:0 auto;} 
.footer-connect-column { float:left; width:150px; margin:0 auto;} 

.footer-connect-column img { width:31px; height:31px; float:left; margin-right:10px; margin-bottom:20px; }

.footer-e-commerce { background-color:#fdedec; width:100%; margin:0 auto; }

.footer-e-commerce-container { width:100%; margin:0 auto; padding:20px; }

.footer-connect-column img { width:31px; height:31px; float:left; margin-right:10px; margin-bottom:20px; }

.footer-e-commerce-container p {  font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; color:#81636c; font-size:12px; }

.footer-e-commerce-container a, .footer-e-commerce-container .copyright-and-links a { text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:12px; color:#ce4c74; transition:0.5s;  }
.footer-e-commerce-container a:hover, .footer-e-commerce-container .copyright-and-links a:hover { opacity:0.6; }

.footer-e-commerce-container .e-commerce { width:306px; margin:0 auto; padding:30px 0;}

.footer-e-commerce-container .e-commerce img { width:131px; height:62px; float:none; margin-left:10px; margin-right:10px; margin-bottom:20px; }

.footer-e-commerce-container .copyright-and-links-container { width:320px; margin:20px auto; text-align:center;}
.footer-e-commerce-container .copyright-and-links-container .mandom-logo { float:none; width:100%; }
.footer-e-commerce-container .copyright-and-links-container .copyright-and-links { float:none; width:100%; padding-top:20px; }

.footer-e-commerce-container .copyright-and-links span { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; color:#81636c; font-size:12px; display:inline-block; margin-right:0; }

.brand-story-content-container { width:100%; margin:0 auto; }

.brand-story-content-left { float:none; width:100%; padding:0 20px; text-align:center; margin:0 auto; width:60%;}
.brand-story-content-right { float:none; width:100%; padding:10px 20px; margin-bottom:-30px;}

.brand-story-container { padding-top:60px;  width:100%;  margin:0 auto;}

.img-container { padding:0 30px; }

}

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

.logo { top:20px; }
.logo img { width:140px; height:19px; }
	
}

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

.logo { top:16px; }
.logo img { width:140px; height:19px; }
	
}