@media(min-width:1170px) {
  .nav-search { padding-left:0; position:relative; top:10px;}
  #new-search-icon {position: absolute; bottom: 0; right: -10px;}
  .header-bottom .search-bar input.input-group-field {margin-left:0;}
  .nav-search.col-xs-6 {width:calc(100% - 135px);}
  .beau_links.cart-account-link.col-xs-6 {width:135px;}
  .wrapper-top-cart .input-group.search-bar {width:110px; float:right;}
.notification-bar .free_shipping.free_shipping_1 p {display:inline-block; margin-right:15px; margin-bottom:0; line-height: 1.5em !important;}
.notification-bar .free_shipping {position:relative;}
}

@media(max-width:1170px) {
  .flexslider .show-on-desktop {display:block !important;}
  .flexslider .show-on-mobile {display:none !important;}  
  .notification-bar .free_shipping {position:relative;}
  .notification-bar .free_shipping.free_shipping_1 {max-width:100% !important; padding: 0 20px;}
  .notification-bar .free_shipping.free_shipping_1 p {display:inline-block; margin-right:15px; margin-bottom:0; line-height: 1.5em !important;}
}

@media(min-width:500px) and (max-width:1170px) {
  .flexslider .slide-des {position: absolute; top: 10px; max-width: 480px;}
}

@media(max-width:860px){
  .template-index .main-slideshow .flexslider .flex-control-nav {bottom:30px;}
}

@media(max-width:767px) {
	.flexslider .slide-des {left:10px !important;}
}

@media(min-width:500px) and (max-width:767px) {
  .flexslider .slides > li {min-height:280px;}
 .flexslider .slides .show-on-desktop { min-height: 280px; object-fit: cover; }
}

@media(max-width:499px) {
  .flexslider .show-on-desktop {display:none !important;}
  .flexslider .show-on-mobile {display:block !important;} 
  .flexslider .slide-des {max-width:100%;}
  .template-index .main-slideshow .flexslider .flex-control-nav {bottom:260px;}
   div#ui-accordion-1-panel-2 li a div, li.cbb-frequently-bought-product{width:140px!important; height:140px !important;}
  .cbb-frequently-bought-plus-icon{height:167px !important; width:19px !important; line-height:167px;}
  div#ui-accordion-1-panel-2{padding:20px 0px !important;}
  div#ui-accordion-1-panel-2 .cbb-frequently-bought-container{margin:0px !important;}
}

@media(max-width:259px) {
  .template-index .main-slideshow .flexslider .flex-control-nav {bottom: 330px !important;}
  
}


@media(max-width:400px){
.products-grid .grid-item { width: 100% !important; margin: 0 0px 20px 0;}
}

@media(max-width:1170px) {
  .main-logo .tagline { font-size: 10px; line-height: 16px; letter-spacing: 0.075em; text-transform:uppercase;}
  .main-logo .tagline p {margin-bottom:0;}
  .main-logo .tagline .close {display:none;}
  
 	#cd-primary-nav>li>a {display: inline-block;}
    #cd-primary-nav>li>a span {display:inherit;}
    
}


.main-logo .login-link {display:none;}

@media(max-width:1170px) {
  .header-bottom .tagline {display:block; text-align:center; padding:20px 0;}
  .cta-bar .free_shipping {display:none;}

  .header-bottom .search-bar-mobile input.input-group-field { position: relative; z-index: 1; background: transparent; padding: 0 5px;}
.header-bottom .search-bar-mobile .input-group {width: 30px;}
#new-search-icon .text {display: none;}
.header-desktop-logo .main-logo { position: relative;}
#new-search-icon {width:25px;}
.header-desktop-logo .search-bar-mobile {position: absolute; top: 0px; right: 70px;} 
 .main-logo .carttoggle {right: 20px; top: 10px;}
  .main-logo .login-link {right: 20px; position: absolute; top: 40px; display: block;}
  .header-bottom .search-bar-mobile .input-group {padding: 5px 0 8px 0;}
  
}

@media(min-device-width: 499px) and (max-device-width: 1169px) {
.header-bottom .tagline {display:none;}



.snize-search {background-color:#fff !important;}
.snize-search #snize-mobile-search-input {background-color:#fff !important;}
.snize-mobile-top-panel .snize-clear-button-container {background-color:#fff !important;} 
}
  
#cd-primary-nav.show-nav .cd-secondary-nav {
  position: fixed; top: 0; left: 0; height: 100%;
  width: 360px; background: #fff; overflow: auto;    
  z-index: 1; transform: translateZ(0); -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s; transition: transform .3s;
  z-index: 999;}

#cd-primary-nav .cd-secondary-nav.removed {-webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);}


.product-shop form {position:relative;}
.product-shop #add-to-cart-form .btn-white {float: none; display: block; clear: both;width: 180px;}
.product-shop #add-to-cart-form button.btn-white { position: absolute;top: 32px;left: 195px;}

@media(max-width:480px) {
  .product-shop #add-to-cart-form .btn {margin-bottom:0;}
  .product-shop #add-to-cart-form .btn {min-width:100%; display:block; margin-bottom:15px;}
  .product-shop #add-to-cart-form .btn-white {position:relative !important; top:auto !important; left:auto !important; font-size: 10px !important; width:100%;}
  
  
  
  /*.product-shop #add-to-cart-form button.btn-white { position: absolute; top: 125px; left: 0; width:100%; min-width:100%;}
  .product-shop #add-to-cart-form .btn-white {width:100%; min-width:100%;}*/
}


@media(max-width:767px) { 
  .banner-home-top li {margin-bottom: 50px; height: auto;}  
  .banner-home-top li .btn-black {position: relative !important; left: auto !important; bottom: auto !important; transform: none !important;}
  .banner-home-top h4 {margin-bottom:30px;}
}


/*@media (min-width: 768px) {
	.logo-bottom-text-mobile .free_shipping_1 { display: block !important; }
}*/


.d-none {display:none !important;}

.product-description .btn-white {
    margin: 0px 60px 30px 0;
    height: 50px;
    min-width: 180px;
    float: left;
    background-color: #fff;
    padding-top: 16px;
    color: #000;
    border: 1px solid #000;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em !important;
    font-weight: 600;
}

.product-description .panel {
    border-top: none;
    border-radius: 0;
}

@media(max-width:480px) {
  .product-description .btn-white {
  	min-width: 100%;
  }
}

@media(max-width:767px) {
  body.template-product .header-bottom .tagline, body.template-list-collections .header-bottom .tagline,  body.template-collection .header-bottom .tagline {display: none;}
}


/*
* form
*/
.appointment-modal input[type="email"],.appointment-modal input[type="tel"],.appointment-modal input[type="text"] {border:1px solid #c7c7c7; padding:11px 10px; text-transform:none; font-size:12px; font-weight:400; color:#000; width:100%;}
.appointment-modal textarea { height:95px; width:100%; resize:none; border:1px solid #c7c7c7; padding:11px 10px; text-transform:none;font-size:12px; font-weight:400; color:#000;}

.appointment-modal h3 { font-family: 'AmericanTypewriterStd-Light', sans-serif !important; font-size:50px; line-height:60px; color:#000; margin-bottom:15px; margin-top:0;}
.appointment-modal p { font-size:12px; line-height:16px; color:#000; margin-bottom:10px;}


/*
* appointment-modal 
*/
#appointment-modal ul {margin:0; padding:0;}
#appointment-modal li {list-style:none; margin-bottom:10px; width:50%; padding-right: 2%; float: left;}
#appointment-modal li:nth-child(2n){ margin-right: 0;}
#appointment-modal li.full-width { width: 100%; margin-right: 0; clear: both;}
#appointment-modal .button1 {min-width:150px; font-size:12px; background: #000;  border:none; min-height: 45px; color:#fff; cursor: pointer; letter-spacing: 0.01em; font-weight: 600;}
#appointment-modal li img.capcha {margin-bottom:10px;}	
#appointment-modal input::-webkit-input-placeholder { text-transform: uppercase;}
#appointment-modal select {height:41px; border:2px solid #2e2e2e; padding: 10px; border:2px solid #e1e1e1;  text-transform:uppercase; font-size:16px; font-weight:700; font-family:'Roboto Condensed', sans-serif; color:#2e2e2e; width:100%; padding: 8px 10px; -webkit-appearance:none;}
#appointment-modal li span.select-field {position: relative; display: inline-block; width: 100%;}
#appointment-modal li span.select-field:after {background: url(../images/arrow-bg.jpg) no-repeat; position: absolute; top: 2px; right: 2px; height: 37px; width: 32px; content: "";}
#appointment-modal li span.select-field:before { border-color: #000 transparent transparent; border-image: none; border-style: solid; border-width: 7px; content: ""; margin-top: -2px; position: absolute; right: 20px; top: 50%; z-index: 10; pointer-events:none;}
#appointment-modal li label {font-size:12px; line-height:16px; color:#000; margin-bottom:0px;}


#appointment-modal .overlay {background: rgba(0,0,0,.5); width:100%; height:100%;}
#appointment-modal .content {background: #fff;bottom: auto;left: 50%;margin-left: -395px;transform:translateY(-50%);padding: 45px 35px; position: fixed;right: auto;top: 50% !important;max-width: 786px; height:auto; overflow: auto;}

#appointment-modal .close-btn {font-size: 25px;line-height: 27px;color: #000;position: absolute;top: 5px;right: 10px;}

@media(max-width:575px) {
  #appointment-modal .content {max-width: 100%; left: 0;margin-left: 0px;}
  #appointment-modal li {float:none; width:100%; padding:0;}
  .appointment-modal h3 { font-size:25px; line-height:30px;}
  
}   


body.open-appointment-modal {overflow:hidden;}
body.open-appointment-modal .appointment-modal {display:block;}


/*
* bog redesign css
*/
#content { padding: 0 60px;}

.three-column-layout  { margin-bottom: 0px; padding:0;}
.three-column-layout li { position: relative;  display: inline-block; width: 33%; list-style:none;}
.three-column-layout li img { width: 100%;}
.three-column-layout .overlay  { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 360px; text-align: center;    padding: 20px 15px 12px 15px; background: #fff;} 
.three-column-layout .overlay h4 {color: #000; font-size: 12px; line-height: 16px;  font-weight: 400; margin-top:0; text-transform:uppercase;}
.three-column-layout .overlay h3 { font-size: 30px; line-height: 35px; color: #000; letter-spacing:-0.25px; margin-top:0; font-family:'AmericanTypewriterStd-Light', sans-serif !important;}
.three-column-layout .overlay .meta-data { font-size: 10px; line-height: 15px; font-weight: 400;}

#content .main { width: 70%; float: left; padding-top: 25px;}
.template-search #content .main { width: 100%;}
#content .sidebar1 { float: left; width:30%; padding: 65px 20PX 0;}
#content .underline-heading { font-size: 30px; line-height: 35px; font-weight: 300; color: #000; margin-bottom: 40px; position: relative; font-family: 'AmericanTypewriterStd-Light', sans-serif !important; text-align: center;}
#content .underline-heading:after { border-bottom: 1px solid #000; height: 1px; width: 85px; position: absolute; bottom: -10px; left: 50%; transform: translatex(-50%); content: "";}

.posts { margin-bottom: 50px; padding:0;}
.posts li { float: left; margin-right: 2%; width: 32%; margin-bottom: 70px; min-height: 515px; list-style:none;}
.posts li:nth-child(3n) { margin-right: 0;}
.posts li:nth-last-child(1), .posts li:nth-last-child(2), .posts li:nth-last-child(3) {margin-bottom: 0;} 

.post figure { margin-bottom: 23px; position: relative;}
.post figure img {width: 100%;}
.post h4 { font-size: 12px; line-height: 16px; font-weight: 600; color: #000; margin-top:0; text-align:left; text-transform:uppercase;}
.post h2 {font-size: 30px; line-height: 36px; font-weight: 300; color: #000; margin-top:0; text-align:left;}
.post .meta-data {font-size: 10px; line-height: 16px; font-weight: 400; color: #000; margin-bottom: 25px; }
.post .read-more { margin-top: 40px; font-size: 12px; line-height: 16px; font-weight: 600; color: #000; text-transform: uppercase; text-decoration: underline; display: block;}
.post .comments {font-size: 12px; line-height: 16px; font-weight: 600; color: #000;}

.pagination  { text-align: center; display: block; margin-bottom: 100px;}
.pagination li {display: inline-block; margin: 0 2px; }
.pagination li a { font-size: 12px; font-weight: 600;color: #000; width: 44px; height: 44px; border: 1px solid #E8E8E8;; text-align: center; display: inline-block; border-radius: 50% !important; padding: 13px;}  
.pagination li.active a, .pagination li:hover a { background: #000; color: #fff; border-radius:50%;}
.pagination li.previous-btn { float: right;}
.pagination li.previous-btn a {background: #000; color: #fff; font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: 600; min-width: 160px; border-radius: 0 !important;}
.featured-post { margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px solid #E8E8E8;}
.featured-post h4 { font-weight: 400; text-align:center; text-transform:uppercase;}
.featured-post h2 {  text-align:center;}
.featured-post header { text-align: center;}
.featured-post .tag {
  background: #000; color: #fff; font-size: 10px; line-height: 16px; padding: 3px 15px; min-width: 75px; text-transform: uppercase;    position: absolute;
  top: 30px;
  right: -30px;
  transform: rotate(90deg);
}

.featured-post  p  { font-size: 14px; line-height: 18px; font-weight: 400; color: #000; text-align: center; line-height:24px;}
.featured-post .share-post { float: right; font-size: 12px; line-height: 16px; font-weight: 400; color: #000; }
.featured-post .share-post  li { display: inline-block; margin: 0 2px;}
.featured-post .text-center { text-align: center; margin-bottom: 30px;}

.email-post-form { background: #EFEFEF; padding: 50px; display: flex; width: 100%; align-items: center; }
.email-post-form h2 {margin-top:0; font-size: 12px; line-height: 16px; font-weight: 500; color: #000;width: 30%; margin-bottom: 0; text-align: left;padding-right:10px; font-family: "Montserrat";}
.email-post-form ul { display: flex;  width: 100%; margin:0; padding:0;}
.email-post-form .form {width: 75%;}
.email-post-form ul li { margin-right: 20px; width:35%; margin-bottom:0; list-style:none;}
.email-post-form ul li:last-child { margin-right: 0;  width:25%;}
.email-post-form .form input[type="text"], .email-post-form .form input[type="email"] { background: #fff; color: #000; font-size: 12px; line-height: 16px; font-weight: 400; padding: 10px; width: 100%;}
.email-post-form .form .button1 { background: #000; color: #fff; font-size: 12px; line-height: 16px; font-weight: 600; min-width: 100%; border: none; outline: none; padding: 10px;}

.widget { border-bottom: 1px solid #E8E8E8; padding: 30px 0 50px; }
.widget ul{ padding:0;}
.widget li {list-style:none;}
.widget:last-child { border: none;}
.widget .list h3 {font-size: 24px; font-weight: 300; color: #000; margin-top:0; font-family: 'AmericanTypewriterStd-Light', sans-serif !important; }
.widget .list .meta-data {font-size: 10px; line-height: 16px; font-weight: 400; color: #000; margin-bottom: 0px; font-family: "Montserrat";}
.widget .list figure img { width: 100%;}
.widget .list li { margin-bottom: 30px;}
.widget .description { background: #fff; padding: 25px; text-align: center; margin: -30px 20px 0; position: relative;}

.about-gee-beauty { text-align: center; padding-bottom: 50px;}
.about-gee-beauty figure  {margin-bottom: 30px;}
.about-gee-beauty figure img {width: 100%; }
.about-gee-beauty h4 { font-size: 12px; font-weight: 400;  color: #000;}
.about-gee-beauty p { font-size: 14px; font-weight: 400;  color: #000; margin-bottom: 25px;}
.about-gee-beauty .read-more {font-size: 12px; line-height: 16px; font-weight: 600; color: #000; text-transform: uppercase; text-decoration: underline; display: block;margin-top: 20px;}

.buttons-widget li { margin-bottom: 5px;}
.buttons-widget .btn  {color: #fff; width: 100%; padding: 10px;  font-size: 12px; line-height: 16px; font-weight: 600; text-transform: uppercase; font-family: Montserrat; height:auto; border-color:transparent;}  
.buttons-widget .fb-btn {  background: #3F5A93;}
.buttons-widget .twitter-btn { background: #539AF8;}
.buttons-widget .pinterest-btn { background: #B93534;}

.search-widget  li { margin-bottom: 8px;}
.search-widget  .form input[type="text"] { background: #fff; color: #000; font-size: 12px; line-height: 16px; font-weight: 400; padding: 10px; width: 100%; border: 1px solid #000;}
.search-widget  .form .button1 { background: #000; color: #fff; font-size: 12px; line-height: 16px; font-weight: 600; min-width: 100%; border: none; outline: none; padding: 10px;}

.recent-post h4 {font-size: 12px; line-height: 16px; font-weight: 600; color: #000; margin-bottom: 15px; margin-top:0; text-align:left; text-transform:uppercase;}
.recent-post .meta-data {font-size: 10px; line-height: 16px; font-weight: 400; color: #000; margin-bottom: 25px; }
.recent-post li { margin-bottom: 30px;}
.recent-post figure { float: left; width: 30%; margin-right: 5%;}
.recent-post figure img {width: 100%;}

.widget .selectbox select { height: 40px; background: #F7F7F7; border: 1px solid #E8E8E8; font-size: 12px; font-weight: 400; width: 100%; color: #797979;  padding: 10px;}


.widget.recent-post { padding: 30px 0 20px;}

.widget.recent-post + .widget {border-bottom:none;}


@media(max-width:1199px) {
  .email-post-form { padding: 40px 25px;}
  .widget .description {padding: 25px 10px;}
  
  .three-column-layout .overlay {width:275px;}
}


@media(max-width:991px) {
  #content .main { width: 100%; float: none; padding-top: 30px;}
  #content .sidebar1 { float: none; width:100%; padding: 30px 20PX 0;}

  body.template-blog  .main-content {min-width:100%; padding:20px 15px 20px 15px;}
    
  .three-column-layout li {width:32%;}
  .three-column-layout .overlay {width:200px;}
  .three-column-layout .overlay h3 {font-size: 20px; line-height: 25px;}
}



@media(max-width:767px) {
  .widget { padding: 20px 0 20px;}
  .email-post-form {display:block;}
  .email-post-form h2 {width:100%; margin-bottom: 15px; padding-right:0px;}
  .email-post-form .form {width:100%;}
  .email-post-form ul {display:block;}
  .email-post-form ul li { margin-right: 0; width: 100%; margin-bottom: 15px;}
  .email-post-form ul li:last-child{width:100%;}
  
  .posts li {width:48%; margin-right:2%; min-width:550px;}
  .posts li:nth-child(2n) { margin-right: 0;}
  .posts li:nth-child(3n) { margin-right: 2%;;}
  
  .three-column-layout li {width:100%;}
  .main-content {padding-bottom:0; }

  

}

@media(max-width:575px) { 

  .posts li {width:100%; margin-right:0%; min-width:auto; margin-bottom:25px;}
  .posts li:nth-child(2n) { margin-right: 0; margin-bottom:25px;}
  .posts li:nth-child(3n) { margin-right: 0%;margin-bottom:25px;;}
}

.header-bottom.on .notification-bar {display:block;}

@media(min-width:500px) and (max-width:860px) { 
.template-index .main-slideshow .flexslider .flex-control-nav {bottom:auto; top:290px;}  
.flexslider .slides img { height:295px; object-fit: cover; width:100%;}
}


@media(max-width:499px) {
.flexslider .slides li {display:none !important; opacity:1;}
.flexslider .slide.flex-active-slide {display:block !important;}
  
.template-index .main-slideshow .flexslider .flex-control-nav {bottom:auto; top:300px;}  
.flexslider .slides img { height:300px; object-fit: cover; width:100%;}
  
}