#mainnews {
    text-decoration: none;
    display: block;
    padding: 15px 20px;
    border-radius: 3px;
    color: #03395f;
    box-shadow: 0px 0px 70px rgb(0 0 0 / 10%) inset;
}

#brand2 {
    background-image: url(/tpl/default/img/br_ands/apple.svg);
    background-size: 30px;
}

#brand104 {
    background-image: url(/tpl/default/img/br_ands/samsung.svg);
    background-size: 85px;
}

#brand122 {
    background-image: url(/tpl/default/img/br_ands/dyson.svg);
    background-size: 80px;
}

#brand81 {
    background-image: url(/tpl/default/img/br_ands/xiaomi.png);
    background-size: 40px;
}

#brand108 {
    background-image: url(/tpl/default/img/br_ands/sony.svg);
    background-size: 130px;
}

#brand132 {
    background-image: url(/tpl/default/img/br_ands/marshall.svg);
    background-size: 120px;
}

#brand133 {
    background-image: url(/tpl/default/img/br_ands/garmin.svg);
    background-size: 120px;
}

#brand121 {
    background-image: url(/tpl/default/img/br_ands/lego.png);
    background-size: 90px;
}

#brand137 {
    background-image: url(/tpl/default/img/br_ands/google.png);
    background-size: 100px;
}

#brand138 {
    background-image: url(/tpl/default/img/br_ands/oneplus.png);
    background-size: 150px;
}

#brand149 {
    background-image: url(/tpl/default/img/br_ands/nothing.png);
    background-size: 90px;
}

#brand126 {
    background-image: url(/tpl/default/img/br_ands/microsoft.png);
    background-size: 130px;
}

#brand127 {
    background-image: url(/tpl/default/img/br_ands/yandeks.png);
    background-size: 90px;
}

#brand124 {
    background-image: url(/tpl/default/img/br_ands/jbl.svg);
    background-size: 55px;
}

#brand102 {
    background-image: url(/tpl/default/img/br_ands/huawei.svg);
    background-size: 100px;
}

#brand106 {
    background-image: url(/tpl/default/img/br_ands/dji.png);
    background-size: 70px;
}

#brand139 {
    background-image: url(/tpl/default/img/br_ands/honor.svg);
    background-size: 90px;
}

#brand107 {
    background-image: url(/tpl/default/img/br_ands/gopro.png);
    background-size: 120px;
}

#brand28 {
    background-image: url(/tpl/default/img/br_ands/bandw.png);
    background-size: 65px;
}

#brandsList {
    margin-top: 2rem;
    order: 3;
    padding: 0;
}

    #brandsList ul {
        display: grid;
        list-style: none;
        margin: 0;
        row-gap: 10px;
        gap: 7px;
        grid-template-columns: repeat(6, 1fr);
        padding: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
        outline: none;
    }

        #brandsList ul li {
            border-radius: 8px;
            height: 89px;
            grid-column: span 1;
            transition: box-shadow .1s ease-out, background-color .1s ease-out;
            background-color: #fff;
            box-shadow: 0 0px 10px #ebebeb, 4px 4px 65px 5px rgba(242, 242, 242, 0.9);
        }

        #brandsList ul li.hover,
        #brandsList ul li:hover {
            border-radius: 8px;
            height: 89px;
            grid-column: span 1;
            transition: box-shadow .1s ease-out, background-color .1s ease-out;
            background-color: #fff;
            border: 0px !important;
            box-shadow: 0 0px 10px #ebebeb, 4px 4px 65px 5px rgba(242, 242, 242, 0.9);
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><defs><linearGradient id="Gradient" x1="0" x2="100" y1="0" y2="0" gradientUnits="userSpaceOnUse"><stop stop-color="%236a30ff80" offset="0"/><stop stop-color="%23ea00ff80" offset="1"/></linearGradient></defs><rect x="1" y="1" width="100%" height="100%" style="height:calc(100% - 2px);width:calc(100% - 3px)" rx="5" ry="5" stroke-width="1" fill="transparent" stroke="url(%23Gradient)"/></svg>');
        }

            #brandsList ul li a {
                align-items: center;
                display: flex;
                height: 100%;
                justify-content: center;
                background-repeat: no-repeat !important;
                background-position: 50% 50% !important;
                backgroun-size: 50px;
                text-indent: -5000px;
                mix-blend-mode: multiply;
            }

#mainnews:hover {
    text-decoration: underline;
}

#top_offer_214 figure,
#top_offer_iphone_se_2020 figure {
    background: url(/upl/index/se_2020.jpg);
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: white;
}

#top_offer_109 figure,
#top_offer_iphone_xs figure {
    background: url(/upl/index/xs.jpg);
    background-size: 350px;
    background-position: -27% 30%;
    background-repeat: no-repeat;
    background-color: white;
}

#top_offer_112 figure,
#top_offer_iphone_xs_max figure {
    background: url(/upl/index/xs.jpg);
    background-size: 350px;
    background-position: 130% 30%;
    background-repeat: no-repeat;
    background-color: white;
}

#top_offer_113 figure,
#top_offer_iphone_xr figure {
    background: url(/upl/index/xr.jpg);
    background-size: 190px;
    background-position: 55% 47%;
    background-repeat: no-repeat;
    background-color: white;
}

#top_offer_89 figure,
#top_offer_imac figure {
    background: url(/upl/index/imac.jpg);
    background-size: 170px;
    background-position: 55% 57%;
    background-repeat: no-repeat;
    background-color: white;
}

#top_offer_85 figure,
#top_offer_iphone_x figure {
    background: url(/upl/main_offer_top2.jpg);
    background-position: -12px -15px;
}

#top_offer_83 figure,
#top_offer_iphone_8 figure {
    background: url(/upl/main_offer_top2.jpg);
    background-position: -239px -15px;
}

#top_offer_64 figure,
#top_offer_iphone_7 figure {
    background: url(/upl/main_offer_top2.jpg);
    background-position: -467px -15px;
}

#top_offer_28 figure,
#top_offer_macbook figure {
    background: url(/upl/index/macbook.jpg);
    background-position: 50% 40%;
    background-size: 180px;
}

#top_offer_m20 figure,
#top_offer_apple_watch figure {
    background: url(/upl/index/apple_watch.jpg?);
    background-position: 28px 51px;
    background-size: 160px;
}

#top_offer_m35 figure,
#top_offer_airpods figure {
    background: url(/upl/index/airpods.jpg);
    background-size: 170px;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-color: white;
}


#top_offer_13 figure,
#top_offer_ipad figure {
    background: url(/upl/index/ipad.png);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-color: white;
}

#top_offer_105 figure,
#top_offer_iphone_11 figure {
    background: url(/upl/index/iphone_11.jpg);
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: white;
}

#top_offer_129 figure,
#top_offer_iphone_11_pro figure {
    background: url(/upl/index/iphone_11_pro.jpg);
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: white;
}

#top_offer_130 figure,
#top_offer_iphone_11_pro_max figure {
    background: url(/upl/index/iphone_11_pro_max.jpg);
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: white;
}

#top_offer_m85 figure,
#top_offer_homepod figure {
    background: url(/upl/index/homepod.jpg);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: white;
}

#top_offer_158 figure {
    background: 50% 0% url(/upl/index/iphone-12.jpeg) no-repeat;
    background-size: 200px;
}

#top_offer_159 figure {
    background: 50% 0% url(/upl/index/iphone-12-pro.jpeg) no-repeat;
    background-size: 200px;
}


#top_offer_160 figure {
    background: 50% 0% url(/upl/index/iphone-12-pro-max.jpeg) no-repeat;
    background-size: 200px;
}

#top_offer_164 figure {
    background: 50% 0% url(/upl/index/iphone-12-mini.jpeg) no-repeat;
    background-size: 200px;
}

#top_offer_178 figure {
    background: 50% 0% url(/upl/index/iphone-13.jpeg) no-repeat;
    background-size: 200px;
}

#top_offer_179 figure {
    background: 50% 0% url(/upl/index/iphone-13-pro.jpeg) no-repeat;
    background-size: 200px;
}


#top_offer_180 figure {
    background: 50% 0% url(/upl/index/iphone-13-pro-max.jpeg) no-repeat;
    background-size: 200px;
}

#top_offer_181 figure {
    background: 50% 0% url(/upl/index/iphone-13-mini.jpeg) no-repeat;
    background-size: 200px;
}

#top_offer_320 figure {
    background: 50% 41% url(/upl/index/iphone-14-pro.jpg?) no-repeat;
    background-size: 215px;
}

#top_offer_319 figure {
    background: 50% 45% url(/upl/index/iphone-14-pro.jpg?) no-repeat;
    background-size: 200px;
}

#top_offer_318 figure {
    background: 50% 41% url(/upl/index/iphone-14.jpg) no-repeat;
    background-size: 215px;
}

#top_offer_316 figure {
    background: 50% 45% url(/upl/index/iphone-14.jpg) no-repeat;
    background-size: 200px;
}

#top_offer_460 figure {
    background: 50% 45% url(/upl/modules/shop/360/cz6j8nm54u.jpg) no-repeat;
    background-size: 170px;
}

#top_offer_461 figure {
    background: 50% 45% url(/upl/modules/shop/360/wq5nt45jty.jpg) no-repeat;
    background-size: 170px;
}

#top_offer_462 figure {
    background: 50% 45% url(/upl/modules/shop/360/gny8ienp96.jpg) no-repeat;
    background-size: 170px;
}

#top_offer_463 figure {
    background: 50% 45% url(/upl/modules/shop/360/vxkdw3d75v.jpg) no-repeat;
    background-size: 170px;
}

@media (max-width: 767px) {

    #brandsList {
        margin:10px;
    }

    #brandsList ul {
        grid-template-columns: repeat(3, 1fr);
    }

}