@media (max-width: 768px) {
    .div2 {
        grid-area: 1 / 2 / 2 / 3;
        font-size: 11px;
        padding: 10px;
        /*background-color: red;*/
    }
    .shop-icon {
        width: 24px; /* Adjust to your desired size */
        height: 24px;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url('../img/shopping-bag.svg');
    }
    /*.home-logo-2 {*/
    /*    width: 50px;*/
    /*    height: 20px;*/
    /*    opacity: 0.3;*/
    /*}*/
}

@media (min-width: 768px)and (max-width: 1024px){
    .div2 {
        grid-area: 1 / 2 / 2 / 3;
        font-size: 11px;
        padding: 10px;
        /*background-color: green;*/
    }
    /*.home-logo-2 {*/
    /*    width: 65px;*/
    /*    height: 30px;*/
    /*    opacity: 0.3;*/
    /*}*/
    .logo-section > ul > li {
        display: inline-block;
        margin: 0px;
    }
}