.branded-card-logo {
    border-radius: 50%;
    list-style-type: none;
    cursor: grab;
    background-color: #E6E3D2;
    margin: auto;
}

.cat-card-wrapper a {
    position: relative;
    text-decoration: none;
    color: black;
    width: 100%;
    height: 100%;
}

.cat-card {
    position: relative;
    width: 100%;
    height: 100%;
}

.brands-cat-name {
    margin-top: 15px;
    font-weight: bold;
}

.brand-page-hr {
    margin-top: 20px;
    border-radius: 50%;
    border-color: #E38200;
}

.clickable:hover {
    cursor: pointer;
}

.bottle-placeholder {
    border-radius: 50%;
    list-style-type: none;
    cursor: grab;
    background-color: #E6E3D2;
    min-height: 150px;
}

.bottle-placeholder:hover {
    cursor: pointer;
}

@media screen and (max-width: 900px) {
    .cat-card-wrapper {
        width: 100%;
        margin: 5px;
    }

    .reg-cat-name {
        font-size: 20px;
    }

    .brand-page-description {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .reg-cat-name {
        margin-top: 15px;
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 20px;
    }
    
}


@media screen and (min-width: 901px) {
    .cat-card-wrapper {
        height: 20%;
        width: 25%;
        margin: 30px;
    }

    .reg-cat-name {
        font-size: 30px;
    }
    
    .brand-page-description {
        font-size: 14px;
        line-height: 25px;
        height: 250px;
    }

    .reg-cat-name {
        margin-top: 15px;
        font-weight: bold;
        font-size: 16px;
    }
    
}

.card-logo{
    position: absolute;
    top: 0%;
    left: 0%;
    width: auto;
}


.branded-card-logo {
    position: relative;
    width: 175px;
    height: 175px;
}

.branded-card-logo:hover {
    cursor: pointer;
}

.large-logo {
    width: 100px !important;
}

.brands-logo {
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.paneco-logo {
    width: 80px;
    margin-top: 10px;
    margin-left: 5px;
}

.haturki-logo {
    width: 50px;
    margin-top: 7px;
    margin-left: 5px;
}

.wineroute-logo {
    width: 45px;
    margin-top: 10px;
    margin-left: 10px;
}

.sipil-logo {
    width: 90px;
    margin-top: 10px;
    margin-left: 10px;
}

.wwb-logo {
    width: 60px;
    margin-top: 10px;
    margin-left: 5px;
}

.importer-logo {
    width: 60px;
    margin-top: 5px;
    margin-left: 10px;
}

.mendelson-logo {
    width: 50px;
    margin-top: 5px;
    margin-left: 10px;
}

.winebashuk-logo {
    width: 75px;
    margin-top: 5px;
    margin-left: 5px;
}

.sarhamashkaot-logo {
    width: 55px;
    margin-top: 5px;
    margin-left: 5px;
}

.idrink-logo {
    width: 90px;
    margin-top: 5px;
    margin-left: 5px;
}

.liquorstore-logo {
    width: 100px;
    margin-top: 5px;
    margin-left: 5px;
}

.yd1986-logo {
    width: 100px;
    margin-top: 5px;
    margin-left: 5px;
}

.shibli-logo {
    width: 80px;
    margin-top: 5px;
    margin-left: 5px;
}

.hamesameach-logo {
    width: 90px;
    margin-top: 5px;
    margin-left: 10px;
}

.taldrinks-logo {
    width: 100px;
    margin-top: 5px;
    margin-left: 10px;
}

.merkaza-logo {
    width: 100px;
    margin-top: 10px;
    margin-left: 10px;
}

.wbm-logo {
    width: 90px;
    margin-top: 10px;
    margin-left: 10px;
}

.popa-logo {
    width: 100px;
    margin-top: 5px;
    margin-left: 10px;
}

.goodwines-logo {
    width: 60px;
    margin-top: 5px;
    margin-left: 10px;
}

.yeinottamar-logo {
    width: 80px;
    margin-top: 5px;
    margin-left: 10px;
}

.ewines-logo {
    width: 65px;
    margin-top: 5px;
    margin-left: 5px;
}

.wine-depot-logo {
    width: 65px;
    margin-top: 5px;
    margin-left: 5px;
}

.wnf-logo {
    width: 100px;
    margin-top: 5px;
    margin-left: 5px;
}

.wine-direct-logo {
    width: 70px;
    margin-top: 5px;
    margin-left: 5px;
}

.aquavita-logo {
    width: 90px;
    margin-top: 5px;
    margin-left: 5px;
}

.mom-logo {
    width: 120px;
    margin-top: 8px;
    margin-left: 8px;
}

.we-logo {
    width: 100px;
    margin-top: 5px;
    margin-left: 5px;
}

.tyndrumwhisky-logo {
    width: 100px;
    margin-top: 5px;
    margin-left: 5px; 
}

.uk-brands-logo {
    width: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.houseofmalt-logo {
    width: 60px;
    margin-top: 5px;
    margin-left: 5px; 
}

.twb-logo {
    width: 65px;
    margin-top: 10px;
    margin-left: 10px;  
}

.tse-logo {
    width: 90px;
    margin-top: 8px;
    margin-left: 8px; 
}

.tws-logo {
    width: 120px;
    margin-top: 8px;
    margin-left: 8px; 
}

.tds-logo {
    width: 120px;
    margin-top: 8px;
    margin-left: 8px;
}

.drinksandco-logo {
    width: 100px;
    margin-top: 8px;
    margin-left: 8px;
}

.drinksupermarket-logo {
    width: 90px;
    margin-top: 8px;
    margin-left: 8px;
}

.lochfyne-logo {
    width: 70px;
    margin-top: 8px;
    margin-left: 8px;
}

.spiritly-logo {
    width: 130px;
    margin-top: 10px;
    margin-left: 5px;
}

.bottle-club-logo{
    width: 130px;
    margin-top: 5px;
    margin-left: 5px;
}

.vip-logo {
    width: 70px;
    margin-top: 8px;
    margin-left: 8px;
}

.spirit-kiosk-logo {
    width: 100px;
    margin-top: 10px;
    margin-left: 10px;
}

.htfw-logo {
    width: 100px;
    margin-top: 5px;
    margin-left: 3px;
}

.tgwc-logo {
    width: 70px;
    margin-top: 8px;
    margin-left: 8px;
}

.tesco-logo {
    width: 80px;
    margin-top: 3px;
    margin-left: 10px;
}

.asda-logo {
    width: 80px;
    margin-top: 3px;
    margin-left: 10px;
}

.morrisons-logo {
    width: 80px;
    margin-top: 5px;
    margin-left: 10px;
}

.waitrose-logo {
    width: 80px;
    margin-top: 5px;
    margin-left: 10px;
}

.amazon-logo {
    width: 80px;
    margin-top: 15px;
    margin-left: 10px;
}

.ocado-logo {
    width: 80px;
    margin-top: 15px;
    margin-left: 10px;
}

.selfridges-logo {
    width: 150px;
    margin-top: 5px;
    margin-left: 5px;
}

.clink-logo {
    width: 80px;
    margin-top: 15px;
    margin-left: 10px;
}

.onbuy-logo {
    width: 100px;
    margin-top: 8px;
    margin-left: 8px;
}

@media screen and (max-width: 900px) {
    .branded-card-logo {
        position: relative;
        width: 150px;
        height: 150px;
    }

    .brands-logo {
        width: 100px;
    }

    .large-logo {
        width: 100px !important;
    }

    .compact-card-logo {
        height: 50px;
        width: 150px;
        margin-right: 10px;
        display: flex;
        align-items: center;
    }
    
    .compact-card-logo img {
        max-height: 50px;
        max-width: 150px;
        margin-top: 5px;
        margin-left: 10px;
    }
    
}

@media screen and (min-width: 901px) {
    .compact-card-logo {
        margin-right: 20px;
        height: 50px;
        width: 150px;
        display: flex;
        align-items: center;
    }
    
    .compact-card-logo img {
        max-height: 50px;
        margin-top: 10px;
        margin-left: 10px;
    }
    
}