@media screen and (min-width: 768px) and (max-width: 1259px) {

    .sh-smarts-iconsblack {
        margin-bottom: 50px;
        /* background: url('/images/smart-big.png'); */
        background-color: #000000;
        /* background-repeat: no-repeat; */
        /* background-size: 1500px; */
        /* padding-top: 550px; */
        /* background-size: contain; */
        /* height: 453px; */

        /* padding: 60px 0px 90px 0px; */
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: repeat(8, 1fr);
        gap: 1px 24px;
    }

    .sh-smarts-icons-list {
        flex-direction: column;
        justify-content: center;
        grid-column: 1/9;
        padding: 0px 30px 0px 30px;
        margin-bottom: 60px;
    }

    .sh-smarts-icons-pic {
        grid-column: 1/9;
    }

    .icon-smarts {
        position: relative;
        padding-left: 55px !important;
    }

    .icon-smarts::before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        font-size: 17px;
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
    }


}