@media screen and (max-width:767px) {
    .deskvrn {
        display: none;
    }

    .logo {
        text-align: center;
    }

    .mobivrn {
        display: block;
    }

    .navigation ul {
        float: none;
        margin-top: 22px;
    }

        .navigation ul li {
            float: none;
            margin: 0;
        }

            .navigation ul li a {
                display: block;
            }

    .footerlinks ul li {
        float: none;
        color: #fff;
        display: inline-block;
    }
.footerlinks ul {
    float: none;
}
    .affix.header {
        position: inherit;
    }

    .dropdown-menu {
        position: relative;
    }

    .hvrmenu {
        display: none;
    }

    .hvrprodct {
        display: none;
    }

    .footer {
        font-size: 12px;
        text-align: center;
    }

    .headingall h1 {
        font-size: 21px;
    }

    .headertop ul li {
        float: none;
        display: inline-block;
        color: #fff;    font-size: 20px;
        height: 40px;
        width: 40px;
    }

        .headertop ul li a {
            padding: 0;
        }

    .headertop ul {
        float: initial;
    }
}