/* responsive starts here */
/* smartphone */
.menu-toggle{
    font-weight: 600;
    font-size: 22px;
    margin-left: 10px;
    padding: 10px;
}
.mobile-nav{
    display: block;
    width: calc(100% - 1px);
    background: #f0f0f0;
    height: 41px;
}
.mobile-nav ul li{
    width: 25%;
    float:left;
    border-bottom: solid 1px #c6c6c6;
    display: inline-block;
    text-align: center;
}
.mobile-nav ul li a{
    display: inline-block;
    line-height: 41px;
    width: 100%;
    border-top: solid 1px #c6c6c6;
    border-left: solid 1px #c6c6c6;
    height: 40px;
}
.mobile-nav ul li:first-child a{
    border-left:none;
}
.mobile-nav ul li a.selected{
    background: #c70000;
    border-top: solid 1px #c70000;
}
.mobile-nav .hassu-icon {
    position: relative;
    top: 5px;
}

.hassu-icon.search-mobile{
    width: 18px;height: 20px; display: inline-block;
    background-position: -174px -78px;
}
a.selected .hassu-icon.search-mobile{
    background-position: -174px -99px;
}
.hassu-icon.wishlist-mobile{
    width: 21px;
    height: 20px;
    display: inline-block;
    background-position: -218px -79px;
}
a.selected .hassu-icon.wishlist-mobile{
    background-position: -219px -99px;
}
.hassu-icon.login-mobile{
    width: 18px;height: 20px; display: inline-block;
    background-position: -196px -78px;
}
a.selected .hassu-icon.login-mobile{
    background-position: -196px -99px;
}
.hassu-icon.weddinglist-mobile{
    width: 24px;height: 20px; display: inline-block;
    background-position: -242px -78px;
}
a.selected .hassu-icon.weddinglist-mobile{
    background-position: -242px -99px;
}

#hamburguer{ 
    position: relative;
    top: 10px;
    color:#646464; font-size: 21px; font-weight: 700;
}
#hamburguer.selected{ 
    color: #c70000; 
}


/* desktop */
@media only screen and (min-width: 1024px) and (max-width: 1240px){
    .mobile-nav{
        display: none;
        visibility: hidden;
    }
    .hide-lg, .hide-tablet, .hide-sm{
        display: none;
    }
    nav.menu{ display: block; }
    #cartMobile {display: none;}

    #top-cart-dropdown-mobile ul.dropdown-panel {display: none;}

}
@media only screen and (min-width: 1241px){
    .hide-lg{ display: none; }
    nav.menu{ display: block; }
    #cartMobile {display: none;}
    #top-cart-dropdown-mobile ul.dropdown-panel {display: none;}
}