@media only screen and (max-width: 700px) {
    .divMobileMenu {
        display: inline-block !important;
        vertical-align: middle;
        width: 25%;
        padding-right: 8px;
    }

    /* .divMainBlockLogo {
        width: 30%;
        padding-left: 8px;
    } */

    .header__logo-text {
        font-size: 10px;
        margin-left: 0px;
        width:52%;
        display: none!important;
    }

    #divSearchInputBlock {
        margin: 10px 0px !important;
    }

    .btnBackModelPage,
    .cartBackBtn {
        margin-top: -1px;
    }

    .spanLogoText {
        font-size: 17px;
        font-weight: 900;
        padding-left: 0px;
    }

    #divCartView {
        display: none !important;
    }

    .siteTitle {
        width: 75% !important;
    }

    .siteTitleInner {
        padding: 0px 0px 0px 20px !important;
    }
    .topnav {
    overflow: hidden;
}
}

.siteTitleInner {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0px 20px;
}

.siteTitle {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 85%;
}
/* Style the navigation menu */
.topnav {
    position: relative;
    text-align: center;
}

    /* Hide the links inside the navigation menu (except for logo/home) */
    .topnav #myLinks {
        display: none;
        justify-content: space-between;
        width: 100%;
        padding: 0px 16px;
    }

    /* Style navigation menu links */
    .topnav a {
        color: #ff5a00;
        text-decoration: none;
        font-size: 17px;
        display: block;
    }

        /* Style the hamburger menu */
        .topnav a.icon {
            display: block;
            right: 0;
            top: 0;
        }

/* Add a grey background color on mouse-over */
/*.topnav a:hover {
                background-color: black;
                color: white;
            }*/

/* Style the active link (or home/logo) */
.active {
    background-color: white;
    color: white;
}