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

    .logo img {
        position: relative;
        width: 100px;
        margin: 0;
        padding: 0;
    }

    .mobivrn {
        display: block;
    }

    .mobibtn {
        display: block;
    }

    .navigation ul {
        float: left;
    }

    .navigation {
        display: none;
    }

        .navigation ul li {
            float: none;
        }
}

@media screen and (max-width:767px) {

    .affix {
        position: inherit;
    }

    .imghiddn {
        width: 100%;
        padding: 0 1%;
    }

    .viewglryimg {
        height: auto;
    }

    .viewglry {
        width: 98%;
        margin: 0 1%;
    }
}

@media screen and (max-width:625px) {
    .clrwhite::after {
        top: 40px !important;
    }

    .myforn::after {
        top: 55px;
    }

    .myforn {
        font-size: 25px;
    }
}

@media screen and (max-width:500px) {
    .clrwhite::after {
        top: 40px !important;
        display: none;
    }

    .myforn::after {
        top: 55px;
        display: none;
    }

    .myforn {
        line-height: 40px;
    }
}

@media screen and (max-width:460px) {
    .headertop ul li {
        margin: 3px 9px;
    }
}