body{
 margin: 0!important; 
}
.wsa-demobar {
  display: none;
}
/*! Settings --------- */
/*! ------------- */
.pointer {
 cursor: pointer; 
}
.d-block{
  display: block!important;
}
.d-sm-block {
  display: block!important
}
.d-flex{
  display: flex!important;
}
.d-none{
  display: none!important;
}
.float-left{
 float: left; 
}
.float-right{
 float: right; 
}
.no-decoration, .no-decoration:hover {
	text-decoration: none!important; 
}
.mb-1{
  margin-bottom: 1rem!important;
}
.mb-2{
  margin-bottom: 1.5rem!important;
}
.mb-3{
  margin-bottom: 2rem!important;
}
.mr-1 {
	margin-right: 1rem!important; 
}
/*! End Settings --------- */
/*! ------------- */

.add-wish{
    text-decoration:  none;
}
.add-wish span{
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 8px;
}
.specs-tab ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.is-slider a {
 	text-decoration: none; 
}
.jumbotron {
  margin: -35px -25px 0;
  color: white;
  min-height: 300px;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center
}
.jumbotron:before {
  content: "";
  background: rgb(0 0 0 / 10%);
  position: absolute;
  width: 100%;
  height: 100%;
}
.jumbotron .jumbotron-content{
  max-width: 500px;
  margin-left: 175px;
  position: relative;
}
.jumbotron .jumbotron-content h1{
 	font-size: 30px; 
}

.list-collection {
 margin-top: 1.5rem!important; 
}
.list-collection .product-item{
  border-left: 7px solid rgba(0,0,0,0);
	border-right: 7px solid rgba(0,0,0,0);
}

.list-collection .product-item .product-images-wrapper{
  top: 23px; 
  visibility: hidden;
}

.list-collection .product-item .product-images-wrapper img{
  margin-bottom: 2px; 
  height: 60px!important;
  width: 40px!important
}

.list-collection .product-item .product-title {
  position: inherit;
	padding: 0 1.5rem 0 0;
  bottom: 45px;
}
.list-collection .product-item .product-title h3 {
  max-width: 100%;
}
.list-collection .product-item .product-title > p {
  font-size: 13px;
}
.list-collection.has-module .product-item .add-wish {
  position: absolute;
  right: 20px;
  bottom: 62px;
  top: 0;
  z-index: 10;
}
.list-collection .product-item .add-wish {
  right: 2px;
  top: 0;
  z-index: 10;
  text-decoration: none;
  position: absolute;
}
[data-whatintent="mouse"] .list-collection li:hover .product-images-wrapper{
  visibility: visible;
  opacity: 1;
}
#formSearch .more {
 	color: white; 
}
#formSearch input {
  -webkit-appearance: none;
  outline: none;
}
#formSearch input:focus {
  outline: none;
  outline-width: 0;
}
.heading-offset{
  margin: 0 auto;
  min-height: 86px;
}
.heading-offset:not(.collection-heading){
  max-height: 86px;
}
.form-filter{
  padding: 0px;
  padding: 17px 0px;
  align-items: center;
  flex-wrap: wrap;
  background: white;
}
.form-filter.sticky{
  position: fixed;
  background: white;
  width: 100%;
  top: 43px;
  padding: 28px 50px 16px 0;
}

.form-filter > div p, .form-filter > div ul {
  margin-bottom: 0px;
}
.form-filter .filters {
	margin: 0 15px;
  align-items: center;
  cursor: pointer;
  height: 37px;
  position: relative;
}
.form-filter .filters h3 {
  font-size: 13px;
  font-weight: 700;
  line-height: 29px;
  margin: 0 15px 0 0;
  display: inline;
}
.form-filter .filters i {
	font-size: 6px;
}
.form-filter .filters ul {
	display: none;
  position: absolute;
  left: -10px;
  top: 100%;
  z-index: 19;
  list-style: none;
  margin: 0;
  padding: 0px 20px 22px;
  background: var(--white);
  color: var(--black);
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
  margin-right: 0;
}
[data-whatintent="mouse"] .form-filter > div > .filters:hover > ul {
  display: flex;	
  flex-direction: column
}
[data-whatintent="mouse"] .form-filter > div > .filters:hover > ul.double {
  display: flex;
  flex-direction: row;
}
.form-filter > div > .filters > ul.active {
  flex-direction: column;
}
.form-filter > div > .filters > ul.double.active {
  flex-direction: row;
}
.form-filter .filters ul input{
  display: block;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.form-filter .filters ul li{
  margin: 2px 0;
  width: auto;
  align-items: center;
  display: flex;
}
.form-filter .filters ul li i{
  font-size: 9px;
  margin: 6px;
}
.form-filter .filters ul li:before{
  content: " ";
}
.form-filter .filters ul li:first-child{
  margin-right: 8px;
}
.form-filter .filters ul li label{
  cursor: pointer;
}
.form-filter .filters ul input:checked ~ label, .form-filter .filters ul li label.checked {
  font-weight: 700;
}
.form-filter .filters ul.double{
  flex-wrap: wrap;
  max-width: 400px;
  min-width: 400px;
}
.form-filter .filters ul.double li {
  width: 50%;
  border-left: 10px solid rgba(0,0,0,0);
  float: right;
}

.form-filter .view{
	margin-right: 1rem;  
}
.form-filter .view .active a{
  color: var(--black);
  font-weight: 700;
}
.form-filter .arrange-order{
  display: flex;
}
.form-filter .arrange-order span{
 	margin-right: 1rem; 
}
.form-filter .arrange-order select{
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
.form-filter .selected-filters{
  flex: 1 1 100%;
  border-top: 1px solid #22222224;
  padding-top: 10px; 
  order: 1;
  display: flex;
}

.form-filter .selected-filters p{
  float: left;
  margin-right: 1rem;
}
.form-filter .filter-wrapper{
  z-index: 20!important;
}
.filters.price-slider ul, .filters.price-slider p {
  min-width: 250px;
}
.fixed,
.gui-login .gui-col2-big {
/*  width: 1314px!important; */
	width: 1080px!important;
}
.fixed .gui-login {
 	margin-bottom: 50px ;
  margin-top: 89px;
}

/*! Gui --------- */
/*! ------------- */
.gui-login .gui-content-title, .gui-block-title strong {
  font-size: 21px!important;
	font-weight: 700!important;
/* 	text-transform: uppercase!important; */
}
.gui a.gui-button-small {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 3;
    min-width: 215px;
    padding: 16px 40px;
    border-width: 0;
 		background: var(--black);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    border: 0 !important;
    margin: 0 !important;
}

.gui.gui-register, .gui.gui-password {
 	width: 45%;
  margin: 0 auto 100px auto;
}
.gui.gui-password .gui-block.gui-margin {
  margin-bottom: 0px!important;
}
.gui .gui-table {
  margin-bottom: 1.5rem;
}
.gui .gui-table a.gui-button-small {
  border: 1px solid black!important;
  background: white!important;
  color: var(--black)!important;
  padding: 10px;
}
.gui-account-loyalty-content {
  height: auto!important;
}
.gui-page-title {
  font-size: 35px;
}
/*! ------------- */
/*! End Nav --------- */

.feedback-top {
  position: absolute;
  top: 0.5rem;
  right: 1.4rem; 
}
.feedback-top a{
	text-decoration: none;
}
.feedback-top img{ 
  margin: -3px 0 0 7px;
}
.list-gallery a {
 overflow: hidden; 
}
.product-usp p{
  margin-bottom: 0px;
}
.product-usp img{
	margin-right: 0.5rem;
}

/* #content-new .module-product header {
  margin-bottom: 10px;
}
#content-new .module-product header .price {
  margin-bottom: 0;
} */
#content-new ul.list-product.mobile-hide { margin-bottom: 18px; }
#content-new .module-product > footer, #content-new .module-product > footer > ul { margin-top: 0 !important; }
#content-new .module-product .tabs-a { margin-bottom: 30px; }
#content-new .module-product .tabs-a > nav li a { cursor: pointer; }
@media only screen and (min-width: 62.5em) {
  #content-new .module-product header h1 {
    font-size: 15px;
  }
  #content-new .module-product header .price {
    font-size: 15px;
  }
}
@media only screen and (max-width: 62.5em) {
  #content-new .module-product header .price {
		margin-bottom: 10px;
  }
}

/*! Cart page --------- */
/*! ------------- */
#cart header{
	margin-bottom: 1rem; 
}
.list-cart p a{
  display: block;
}
#cart-content header {
    margin: 16px 0 13px;
    padding-top: 16px;
}

#cart-content .cart-wrapper .cart-items{
    width: 75%;
    margin-right: 40px;
}
#cart-content .cart-wrapper .cart-items form ul li{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 15px 0 10px 136px;
    align-items: center;
    border-top: 1px solid var(--gallery);
}
#cart-content .cart-wrapper .cart-items form ul li:first-child{
    border-top: none;
}
#cart-content .cart-wrapper .cart-items form ul{
    list-style-type: none;
    margin: 0 0 40px 0;
    padding: 0 20px 0 0;
    max-height: 475px;
    overflow-x: hidden;
    overflow-y: auto;
}
#cart-content .cart-wrapper .cart-items form ul::-webkit-scrollbar{
    width: 7px;
}
#cart-content .cart-wrapper .cart-items form ul::-webkit-scrollbar-thumb { 
    background: var(--alto); 
}
#cart-content .cart-wrapper .cart-items form ul li > div{
    display: flex;
    min-height: 159px;
    flex-direction: column;
    justify-content: space-evenly;
}

#cart-content .cart-wrapper .cart-items form ul li > div a{
/*   text-transform: uppercase; */
  font-weight: bold;
  text-decoration: none;
}
#cart-content .cart-wrapper .cart-items form ul li figure{
    position: absolute;
    left: 0;
    width: 106px;
    max-height: 159px;
    margin: 0;
}
#cart-content .cart-wrapper .cart-items form ul li figure img{
    width: 100%;
    max-height: 159px;
}

#cart-content .cart-wrapper .cart-items form ul li p{
    margin-bottom: 0px;
}

#cart-content .cart-wrapper .cart-items form ul li div span{
    margin-right: 15px;
}

#cart-content .cart-wrapper .cart-items form ul li .item-details select{
    width: 65px;
    display: inline;
    margin-left: 10px;
}

#cart-content .cart-wrapper .cart-items form ul li span.price{
    font-weight: 700;
}

#cart-content .cart-wrapper .cart-items .continue{
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}
#cart-content .cart-wrapper .cart-details{
    width: 35%;
}
#cart-content .cart-wrapper .cart-details .gift-card input{
    float: left;
    width: calc(100% - 125px);
}
#cart-content .cart-wrapper .cart-details .gift-card button{
		min-width: 120px;
}
.cart-tab {
    margin-bottom: 30px;
}
.cart-tab .tab{
    cursor: pointer;
    border-bottom: 1px solid var(--gallery);
}
.cart-tab .tab h3{
    display: block;
    position: relative;
    margin: 0;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    padding: 21px 10px;
}
.cart-tab .tab:first-child h3{
    padding-top: 0px;
}
.cart-tab .tab h3:before{
    content: "\e92b";
    left: auto;
    font-size: 5px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -10px 0 0;
    font-weight: 400;
    font-family: i;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    letter-spacing: normal;
}
.cart-tab .tab h3.active:before{
    transform: rotate(180deg);
}
.cart-tab .tab .content{
    margin-bottom: 20px;
    padding-left: 10px;
}
.checkout-details{
    background: #F9F8FA;
    padding: 20px 20px 5px 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.checkout-details > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.checkout-details .checkout-details-total{
    font-weight: 700;
}
.checkout-details .checkout-details-total span:first-child{
    text-transform: uppercase;
}
.cart-details button.checkout{
    width: 100%;
    margin-bottom: 20px;	
}
.cart-details button.checkout a{
  text-decoration: none;
  color: white;
  display: block;
}
.cart-details button.checkout:hover a{ color: var(--black); }
.payment-methods{
  display: flex;
  justify-content: flex-start;
}

.collection.cart-upsells { padding-top: 0; }
/*! End Cart Page --------- */
/*! ------------- */

/*! Dashboard --------- */
/*! ------------- */
.gui {
 margin-bottom: 10rem!important; 
}
.gui a{
 color: var(--black); 
}
.gui-page-title{
  display: none;
}
.gui-login .gui-col2-big {
  margin: 0 auto 100px auto;
}
.gui-login .gui-page-title{
 display: none; 
}
.gui-login .gui-block-title strong{
  font-size: 21px!important;
  font-weight: 700!important;
/*   text-transform: uppercase!important; */
  padding-left: 0px!important;  
}
.gui-block .gui-block-content, .gui-block .gui-block-title, .gui-login .gui-content-title {
    background-color: transparent;
    border: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
}
.gui-block .gui-block-subtitle {
  font-weight: 700!important;
}
.gui-block .gui-block-subtitle a{
	font-size: 13px;
}
.gui-login .gui-buttons .gui-right, .gui-button-facebook, .gui-password .gui-block .gui-col2-equal-col1{
  margin-left: 0;
  width: 100%;
}
.gui-login .gui-col2-big > div {
  width: 48%;
}
.gui a.gui-button-facebook{
	background-color: #4267B2;
}
.gui-login .gui-buttons a.gui-button-facebook span::before {
    content: "\e93d";
    font-family: 'i';
    font-size: 16px;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.gui-login .gui-col2-big-col1 .gui-buttons .gui-right .gui-button-small {
    background: transparent !important;
    border: 1px solid black!important;
    color: var(--black)!important;
}

.gui-account a {
	color: black;  
}
.gui-account .gui-page-title {
  display: none;
}
.gui-account .gui-block-title{
  border: none!important;
  padding-top: 10px;
}
.gui-account .gui-block-title strong{
  font-weight: 700!important;
  font-size: 20px!important;
}
.gui-account .gui-image {
  border: none!important;
}
.gui-input input, .gui-focus, .gui-select.gui-focus, .gui-text.gui-focus, .gui-input.gui-focus {
 	border: 1px solid #DADADA!important;
  border-color: #DADADA!important;
  height: 44px!important;
  padding-bottom: 0px!important;
}
.gui-table .gui-button-small {
		border-color: #8d8d8d!important;
    color: #000000!important;
    border-width: 1px!important;
    border: 1px!important;
    background-color: #ffffff!important;
}
 .gui-buttons, .gui-buttons.gui-border{
  display: flex!important;
  justify-content: center;
  flex-direction: column;
  margin: 0;
  padding: 0;
  align-items: center;
  border-top: none!important;
  margin-top: 1rem;
}
.gui-account .gui-block-productlist{
  margin-bottom: 1rem;
}
.gui-account .gui-block-productlist-text p strong {
  font-size: 13px!important;
  margin-right: 7px;
}
 .gui-buttons .gui-left{
  float: none;
  order: 2;
}
 .gui-buttons .gui-right{
  float: none;
  width: 40%;
  margin-bottom: 1rem;
}
.gui-buttons .gui-right:hover a{
  border-color: #000;
  background: #000;
  color: var(--white);
}
.gui-account-cart .gui-right{
  width: 100%;
}
.gui-account .gui-block.gui-margin {
  margin: 1.5rem 0px;
}
.gui-block-productlist li .gui-block-productlist-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%;
}
.gui-input input:focus, .gui-text textarea:focus {
    border: 1px!important;
}
.gui a.gui-bold {
 font-size: 0.8rem!important; 
}
.gui .gui-loggedout {
  text-align: center!important;
}
.gui-required {
 	margin-top: 0px!important; 
}
/*! End Dashboard --------- */
/*! ------------- */

/*! Blog page  --------- */
.blog-articles{
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
}
.blog-articles .article {
  margin-bottom: 35px;
  width: calc(1/3*100% - (1 - 1/3)*25px);
  position: relative;
}
.blog-articles .article figure img {
	width: 100%;
}
.blog-articles .article:nth-child(3n) {
  margin-right: 0;
}
.blog-articles .article .article-title {
    background-color: white;
    position: absolute;
    bottom: -54px;
    padding-top: 20px;
    width: calc( 100% - 25px);
}
.blog-articles .article  a {
	text-decoration: none;
}
.blog-articles .article h2 {
    background: white;
    position: absolute;
    bottom: -10px;
    padding-top: 20px;
    display: inline-block;
    width: calc( 100% - 25px);
  	margin-bottom: 26px;
}
.blog-articles .article a:before {
		content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
		top: 0;
  	right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 8;
    text-align: left;
    text-indent: -3000em;
}

.pagination-buttons{
 	display: flex;
  justify-content: center
}
.pagination-buttons span{
  margin: 0 -4px;
  min-width: auto;
}
.pagination-buttons .link-btn i{ 
  font-size: 11px;
  margin: 0 5px;
}
.pagination-buttons span.back a{
  min-width: auto!important;
}

/*! Text Page --------- */
/*! ------------- */
header.service {
  margin: 2rem 0 3rem;
}
.list-btn {
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.list-btn li {
  margin: 0 3px 3px 0;
}
.list-btn li a {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 10px 30px;
    background: #f3f3f3;
    color: var(--black);
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}
.list-btn li.active a {
    background: none;
}
.list-btn li:not(.active):hover a {
  background-color: #000;
  color: var(--white);
}
.text-page{
 margin: 0 auto; 
}
.text-page article{
 overflow: hidden;
}
.text-page h1{
	font-size: 30px;
}
.text-page header h2{
	margin-bottom: 0.5rem;
}
.text-page .service-content article {
 	width: 75%; 
}
.text-page .service-content aside {
 	width: 25%; 
  margin-right: 4rem;
  position: relative;
}
.form-comment .sticky{
 color: #828282;
}
.form-comment label:after {
  content: "*";
  color: #FF0000;
}
.form-comment .overlay-d {
  color: #FF0000;
}
.list-social.a li {
  min-height: 39px;
  margin: 0 0 24px;
  padding: 0 0 0 56px;
  font-size: 16px;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.list-social a {
  line-height: 1.5;
  font-weight: 700; 
  text-transform: uppercase;
}
.list-social.a span {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  padding: 3px 0 0;
  font-size: 0.9375em;
  font-weight: 400;
 text-transform: initial;
}
.list-social.a i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 39px;
  height: 39px;
  margin-top: -19.5px;
  border-radius: 39px;
  background: var(--black);
  color: var(--white);
  font-size: 16px;
  line-height: 39px!important;
  text-align: center;
}
.service-links a {
 margin-right: 2rem; 
}
/*! ------------- */
/*! End Text Page --------- */

#content-new article h1 { font-size: 40px; }

/* Brands page */
.list-catalog.brands-custom .thumbnail { border: 1px solid #ddd; height: 200px; margin-bottom: 20px; overflow: hidden; position: relative; vertical-align: middle; }
.list-catalog.brands-custom .thumbnail img { height: 100% !important; margin-bottom: 0; max-height: 100%; max-width: 100% !important; object-fit: cover; }
.list-catalog.brands-custom  p { font-size: 14px; font-weight: normal; margin: 0; }
@media only screen and (max-width: 62.5em) {
  .list-catalog.brands-custom li { width: calc(100% / 3); }
}
@media only screen and (max-width: 47.5em) {
  .list-catalog.brands-custom li { margin-bottom: 20px; width: calc(100% / 2); }
  .list-catalog.brands-custom .thumbnail { margin-bottom: 15px; }
}
@media only screen and (max-width: 475px) {
  .list-catalog.brands-custom li { width: 100%; }
}
/* End brands page */

.list-notifications {
    position: absolute;
    background: white;
    list-style: none;
    padding: 23px;
    right: 20px;
    top: 0px;
    z-index: 1000;
    box-shadow: 2px 2px 50px rgba(38,63,77,0.1);
    float: right;
}
.list-notifications .close {
	font-size: 11px;
}
/* .collection {
 padding-top: 125px; 
} */
.insta-feed {
 padding-top: 50px; 
}
.insta-feed header {
  text-align: center;
  margin-bottom: -50px;
  z-index: 1;
  position: relative; 
}
.insta-feed h2 {
  margin: 0 auto 22px;
  color: inherit;
  font-size: 70px;
}
.insta-feed p {
  max-width: 390px;
  margin: 0 auto 22px;
  color: inherit;
}
.insta-feed h2 {
  margin: 0 auto 22px;
  color: inherit;
  font-size: 70px;
}
.insta-feed .insta-video {
  position: relative
}
.insta-feed .insta-video a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.insta-feed .insta-video a ul{
  height: 100%;
}
.insta-feed .insta-video a ul li{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.list-feed {
  padding: 0;
	margin: 0 -25px 0 -25px;
}
.list-feed div {
	width: calc( 100% / 6 ) 
}
.list-feed img, .list-feed video {
  width: 100%;
  height: 100%!important;
  object-fit: cover;
}
.list-feed div a ul{
	visibility: hidden;
  padding: 0;
}
.list-feed div a ul li{
	list-style: none;
}
.list-feed div:hover a img, .list-feed div:hover a video {
	filter: brightness(0.8);
}
.list-feed div:hover a ul {
  visibility: visible;
}
.list-feed div a ul:before {
/*   content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: black;
  opacity: .3; */
}
.list-feed div a {
  position: relative;
  text-align: center;
  color: white;
  font-size: 0.9rem;
}
.list-feed div ul {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/*! Paul css changes --------- */
.cart-items .remove { display: block; overflow: hidden; position: absolute; right: -5px; top: 10px; z-index: 9; width: 24px; height: 24px; font-size: 12px; text-align: left; text-indent: -3000em; }
.cart-items .remove:before  { content: "\e93f"; }
.cart-items .remove:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }


/* #index #footer-new { min-height: 0; padding-top: 0; } */
/* #footer-new nav { max-width: 420px; } */

@media only screen and (min-width: 62.5em) {
	#footer-new form p { margin-bottom: 15px; }
	#footer-new form + * { margin-top: 100px; }
/* 	#index #footer-new form { margin-bottom: 50px; } */
}

@media only screen and (max-width: 84.375em) {
/*   .fixed,
  .gui-login .gui-col2-big {
    width: 1180px!important;
  } */
  .gui-login .gui-col2-big {
    width: 75%;
  }
}

@media only screen and (max-width: 75em){
  .fixed,
  .gui-login .gui-col2-big {
    width: 980px!important;
  }
}
@media only screen and (max-width: 62.5em) {
  #root {
    overflow-x: hidden;
  }
  #logo, #top-new > .logo-overlay {
    bottom: auto;
    height: 45px;
    position: fixed;
  }
  
  .jumbotron{
    margin: -11px -20px 0;
    min-height: 165px;
    background-position: center;
  }
  .jumbotron .jumbotron-content{
    max-width: 200px;
    margin-left: 100px;
  }
  .jumbotron .jumbotron-content h1{
		font-size: 21px;
  }
  .fixed,
  .gui-login .gui-col2-big {
    width: 100%!important;
  }
  .fixed .gui-login {
    margin-top: 8rem;
	}
  .fixed .gui-page-title {
    font-size: 20px;
    text-align: left;
  }
  #cart-content {
    padding: 0px;
  }
  #cart-content header {
    margin: 0;
    border-top: none;
  }
  #cart-content header .no-product {
    min-height: 135px;
  }
  .cart-wrapper {
    display: flex;
    flex-direction: column;
  }
  #cart-content .cart-wrapper .cart-items {
    width: 100%;
    margin: 0px;
  }
  #cart-content .cart-wrapper .cart-details {
    width: 100%;
  }
  #cart-content .cart-wrapper .cart-items form ul{
    max-height: none;
    padding: 0px;
  }
  #cart-content .cart-wrapper .cart-items form ul li{
    padding: 15px 0 10px 87px;
  }
  #cart-content .cart-wrapper .cart-items form ul li > div{
    min-height: 100px;
    justify-content: space-between;
  }
  #cart-content .cart-wrapper .cart-items form ul li figure{
    width: 69px;
  }
  #cart-content .cart-wrapper .cart-items form ul li .add-wish{
    position: absolute;
    bottom: 7px;
    right: 0;
  }
  #cart-content .cart-wrapper .cart-items form ul li .item-details{
    font-size: 11px;
    display: flex;
    flex-direction: column;
  }
  #cart-content .cart-wrapper .cart-items form ul li p {
    line-height: 1.4;
    width: 80%;
  }    
  #cart-content .cart-wrapper .cart-items form ul li .price {
    position: absolute;
    right: 0px;
  }
  .checkout-button-wrapper {
    background: white;
    width: 100%;
    left: 0;
    z-index: 100;
    bottom: 0;
  }
 	.blog-articles .article {
    margin-bottom: 35px;
    width: calc(1/2*100% - (1 - 1/2)*25px);
  }
  .form-filter{
    padding: 0px;
    padding: 17px 2px;
    align-items: center;
    flex-wrap: wrap;
    background: white;
  }
  .form-filter.sticky {
    position: fixed;
    background: white;
    width: 100%;
    top: 45px;
    left: 0;
    padding: 17px 22px;
	}
  .service-content{
    flex-wrap: wrap-reverse;
  }
  .text-page .service-content article, .text-page .service-content aside {
    width: 100%; 
  }
  .service-content .double.a > * {
  	float: none;
    width: auto;
  }
  .service-content .submit button {
		width: 100%;
  }
  .text-page h1 {
  	font-size: 25px;
	}
  .list-btn {
		overflow: hidden;
	}
  .list-btn li a {
    padding: 8px 20px;
    font-size: 0.7rem;
  }
  .list-collection {
 		margin-top: 0!important; 
  }
  .gui-login .gui-col2-big {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    margin: 0 auto 100px auto;
  }
  .gui-login .gui-col2-big > div {
    width: 100%;
  }
  .gui.gui-register, .gui.gui-password {
    width: 100%;
  }
/*   .collection {
   padding-top: 50px; 
  } */
  .insta-feed {
   padding-top: 10px; 
  }
  .list-feed {
  	flex-wrap: wrap; 
    margin-bottom: 100px;
  }
  .list-feed div {
		flex: 0 0 calc(100% / 3);
	}
  .insta-feed h2 {
    font-size: 60px;
	}
  .d-sm-block {
  	display: block!important;
	}

}
@media only screen and (min-width: 47.5em) {
	#content-new .filter-wrap { display: none; }
}
@media only screen and (max-width: 47.5em) {		
  .form-filter > div:first-child + div {
    display: none;
    background: #fff;
    left: 0;
    padding-top: 15px;
    top: 100%;
  }
  .form-filter .selected-filters{
    border-top: none;
    padding-top: 0px;
    justify-content: space-between;
	}
  .form-filter .filter-wrapper {
  	height: auto;
  }
  .form-filter .filter-wrapper .filters{
    margin: auto;
  }
  .form-filter .filters ul {
    max-height: calc(100vh - 240px);
    left: 0;
    min-width: 100%;
    padding-left: 0;
  }
  .form-filter .filters ul {
  	display: none !important;
  }
  .form-filter .filters ul.show {
    display: block !important;
  }
  .form-filter .filters ul.double li {
    border-left: none;
  }
  .form-filter .arrange-wrapper {
    display: none;
    padding-top: 2px;
    position: absolute;
    z-index: 99 !important;
	}
  
  #content-new .filter-wrap { background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); height: calc(100vh - 45px); left: -100%; padding: 20px 5%; position: fixed; top: 45px; transition: 0.5s; width: 90%; z-index: 99999; }
  #content-new .filter-wrap.show { left: 0; }
  #content-new .filter-wrap.scrollbar { overflow-x: hidden; overflow-y: scroll; }
  #content-new .filter-wrap.scrollbar::-webkit-scrollbar { height: 5px; width: 5px; }
  /* Track */
  #content-new .filter-wrap.scrollbar::-webkit-scrollbar-track { border-radius: 10px; }
  /* Handle */
  #content-new .filter-wrap.scrollbar::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); border-radius: 5px; }
  /* Handle on hover */
  #content-new .filter-wrap.scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.4); }
  #content-new .filter-wrap .heading { align-items: center; justify-content: space-between; padding-bottom: 15px; }
  #content-new .filter-wrap .heading h3 { margin-bottom: 0; }
  #content-new .filter-wrap .heading i { margin-right: -10px; padding: 10px; }
  #content-new .filter-wrap .filter h4 { align-items: center; display: flex; justify-content: space-between; }
  #content-new .filter-wrap .filter h4 i { font-size: 7px; position: relative; transform: rotate(180deg); }
  #content-new .filter-wrap .filter ul { list-style: none; padding-left: 0; }
  #content-new .filter-wrap .filter ul li input { display: none; }
  #content-new .filter-wrap .filter ul li a { text-decoration: none; }
  #content-new .filter-wrap .ui-slider .ui-slider-handle .inner { text-decoration: none; }
  #content-new .filter-wrap .filter.non-active { padding-bottom: 10px; }
  #content-new .filter-wrap .filter.non-active h4 i { transform: rotate(0deg); }
  #content-new .filter-wrap .filter.non-active > div { display: none; }
  
  .d-sm-none{
 		display: none!important; 
	}
  .checkout-button-wrapper.sticky{
  	position: fixed; 
    padding: 20px
  }
  .blog-articles .article {
    margin-bottom: 35px;
    width: 100%;
	}
  .owl-stage {
    text-align: left;
  }
  .feedback-top {
    right: 1rem;
  }
  .feedback-top {
    right: 1rem;
  }
  .feedback-top img {
    margin: -5px 0 0 0px;
	}
  .list-product-details {
   display: none; 
  }
  .list-notifications {
		width: 100%;
    left: 0;
	}
  .filters.price-slider {
   position: static; 
  }
  .filters.price-slider ul{
    width: calc( 100% + 20px );
    padding-bottom: 2px;
  }
  .filters.price-slider ul li, .filters.price-slider ul li p{
    width: 100%;
  }
  #about .shop-info {
    width: 100%;
    float: none; 
  }
  
  
  /*! Paul css changes --------- */
  .list-gallery { margin: 0 -20px 0px -20px; }
  .list-product.is-slider li {
    margin-right: 20px;
  }
  .owl-dots {
    margin-top: -25px;
  }
  .owl-dots button {
    width: 13px;
	}
  .owl-dots button:before {
    width: 8px;
    height: 8px;
	}
  .module-product .owl-dots button {
    flex-grow: unset;
    width: 20px;
  }
  .gui-wishlist .gui-table {
    border: none;
    padding-bottom: 0;
	}
  .gui-wishlist .gui-table table tr {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-top: 1px solid var(--gallery);
	}
   .gui-wishlist .gui-table table tr:first-child {
    border-top: none;
	}
  .gui-wishlist .gui-table table tr > td {
    border: none;
  }
  .gui-wishlist .gui-table tbody tr td:first-of-type {
    width: 50px;
    padding-bottom: 0;
    padding-left: 0;
	}
  .gui-wishlist .gui-table table tr td:nth-child(2) {
    padding-bottom: 0;
    width: calc(90% - 70px);
	}
  .gui-wishlist .gui-table table tr td:nth-child(2) a {
    display: block;
    line-height: 18px!important
	}
  .gui-wishlist .gui-table table tr td:nth-child(3) {
    align-items: center;
    display: flex;
    padding-left: 65px;
    width: 45%;
	}
  .gui-wishlist .gui-table table tr td:nth-child(4) {
    text-align: right;
    width: calc(55% - 15px);
	}
  .gui-wishlist .gui-table table tr td:last-of-type {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 20px;
    width: 10%;
	}
  .gui .gui-table a.gui-button-small {
    padding: 5px;
    min-width: unset
	}
  .gui-account .gui-buttons .gui-right, .gui.gui-register {
    width: 100%;
	}
  
}
.logo-404 {
  height: calc(100vh - 10px)!important; 
}
/* .module-product > div {
 position: relative!important;
  top: 0!important;
} */
}