@media only screen and (min-width: 1200px) and (max-width: 1300px) {
.favorites-indicator.callbutton{padding:10px!important}
.favorites-indicator .hidden-lg-only{display:inline!important}
.favorites-indicator .hidden-xs{display:none!important}
.favorites-indicator i{margin-right:0!important}
}

.favorite-btn{background: var(--white-color);border:1px solid var(--dark-grey);
padding:8px;border-radius:var(--main-radius);
cursor:pointer;display:flex;align-items:center;gap:5px;
transition:all .3s ease;
position:absolute;
width: 42px;
justify-content: center;
align-items: center;
height: 42px;
top: 10px;
right: 10px;}
.favorite-btn:hover{background-color:#f5f5f5}
.favorite-btn.active{border-color:var(--sub-color);color:var(--sub-color)}
.favorite-btn .icon{font-size:18px;}
.favorite-btn .icon .fa{font-weight: 100 !important;}
.favorite-btn .text{display: none;}
.favorite-btn.productpagebutton{
	position: inherit;
  width: auto;
  background: var(--white-color);
  display: inline-flex;
  padding: 8px 20px;
  height: auto;
  margin: 0;
  align-self: start;
  line-height: 25px;
  font-weight: 600;
  font-size: 16px;
}

.favorite-btn.productpagebutton .text{display: inline-block;}
.favorite-btn.active .icon .fa{font-weight: 900 !important;}
.favorites-count{display:inline-block;min-width:20px;height:20px;background:var(--sub-color);color:white;border-radius:50%;text-align:center;line-height:20px;font-size:12px;margin-left:5px}
.notification{position:fixed;bottom:20px;right:20px;background:var(--sub-color);color:white;
padding:12px 20px;border-radius:var(--main-radius);
z-index:10000}


.favorites-indicator {
  padding: 10px 14px;
  margin: 3px  0 0 10px;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  text-transform: none;
  z-index: 1000;
  box-shadow: none;
  border: 1px var(--sub-color) solid;}
.favorites-indicator i{font-size:1.4em; margin-right: 10px;}
.favorites-indicator span.hidden-xs{text-transform:none;}
.favorites-count{
	background:var(--second-color);
color:var(--white-color)!important;
border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px}
@media only screen and (max-width: 767px) {
.mgea-full-width{order:2;}	
.favoritesbutton{position: relative; margin: -3px 10px 0 0;}	
.favoritesbutton .favorites-indicator,
.favoritesbutton .favorites-indicator.callbutton.outborder:hover{
	border: 0px none !important; 
	color: var(--main-color) !important;
	padding: 0px !important;
	background: 0px none !important;}	
.favorites-indicator i{font-size: 24px;font-weight: 100;}
.favorites-count{position: absolute;
    color: var(--white-color) !important;
    width: 15px;
    height: 15px;
    font-size: 10px;
    min-width: 15px;
    top: -1px;
	right: -1px;}
}
.favorites-dropdown{background:white;z-index:1001;display:flex;flex-direction:column;overflow:hidden}
.favorites-dropdown.show{display:flex}


.empty-message,.loadingfavs,.error-message{text-align:center;padding:20px;color:#777}
.favorite-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;gap:10px}
.favorite-item:last-of-type{border:0 none}
.favorite-item img{width:65px; min-width:65px;height:65px;}
.item-info{flex-grow:1}
.item-info h4{margin:0 0 5px;font-size:16px}
.item-info h4 a{color: var(--second-color); text-decoration: none;}
.item-info h4 a:hover{color:var(--sub-color)}
.item-info .itemprice{color: var(--main-color);font-weight: 700; }
.remove-btn{background:none;border:none;font-size:22px;cursor:pointer;color:#999;padding:5px}
.remove-btn:hover{color:var(--sub-color)}
.dropdown-footer{padding:20px 0 10px; border-top:1px solid #eee}