﻿.hs-mobile-menu {
    float: right;
    margin-right: 0px;
}

@media screen and (max-width: 376px) {
    .hs-no-small-mobile {
        display: none;
    }
}

@media screen and (max-width: 520px) {
    body {
        margin: 10px 5px 0px 5px;
    }

    .hs-mobile-menu {
        display: block;
    }

    .hs-no-mobile {
        display: none;
    }

    ul.main_menu {
        list-style-type: none;
        margin: 15px 0px 20px 0px;
        padding: 0;
        /*background-color: rgb(44, 150, 176);*/
    }

        ul.main_menu li {
            display: inline-block;
            padding-right: 0px;
            position: relative;

            /*
            display: inherit;
            width: 100%;
            background-color: inherit;
            line-height: 40px;
            padding-left: 10px;
             */
        }

    .main_menu .menu-button, .menu-button:hover, a.menu-button:hover, a.menu-button:visited {
        padding: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        font-size: 14px;
        font-weight: normal;
        background: inherit;
        border: none;
        box-shadow: inherit;
    }

    .menu-button:hover {
        border-top-color: white;
        background: rgb(44, 150, 176);
    }

    .hs-mobile-divider {
        border-top: 1px solid white;
    }

    .hs-road ul li:not(:last-child):before {
        font-family: 'FontAwesome';
        content: '\f149';
        margin: 0 5px 0 -15px;
        color: rgba(44,150,176,1);
    }

    .hs-road ul li {
        background-image: none;
        padding-top: 5px;
    }

        .hs-road ul li:last-child a:not(.collapsed):before {
            font-family: 'FontAwesome';
            content: '\f138';
            margin: 0 5px 0 -15px;
            color: #23527c;
        }

        .hs-road ul li:last-child a.collapsed:before {
            font-family: 'FontAwesome';
            content: '\f13a';
            margin: 0 5px 0 -15px;
            color: #23527c;
        }

    .search-form .button-text {
        display: none;
    }

    .hs-btn-search {
        width: auto;
    }

    .hs-search-result-container .hs-left {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .hs-dd-pad-60 {
        padding-left: 15px;
        margin-left: 0px;
    }

    .hs-dl-btn {
        text-align: left;
    }

    .hs-product .badge.hs-margin-15 {
        margin-left: 0px;
    }

    .hs-product div.databaseTitle {
        display: inline-block;
        width: 140px;
    }

    .hs-product .bottom {
        margin-top: 15px;
        position: relative;
        bottom: auto;
    }

    .hs-height-400, .hs-height-725, .hs-height-420, .hs-height-300, .hs-height-350 {
        height: auto;
    }
}

@media screen and (min-width:481px) and (max-width: 1020px) {
    .hs-tablet {
        display: inherit;
    }

    .hs-no-tablet {
        display: none;
    }

    .hs-product div.databaseTitle {
        display: inline-block;
        width: 150px;
    }
}

@media screen and (min-width:1020px) {
    body {
        height: 100%;
        width: 1100px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    main {
        min-height: calc(100vh - 250px);
    }
}

@media screen and (min-width:520px) {
    .hs-mobile, ul.main_menu li.hs-mobile {
        display: none;
    }

    .hs-road ul li.collapse {
        display: list-item;
    }

    .hs-dl-btn {
        text-align: right;
    }
}

@media screen and (max-width:520px) {
    .hs-road .collapse:first-child {
        margin-left: 10px;
        padding-left: 25px;
    }

    ul.main_menu li {
        display: inline-block;
        padding-right: 2px;
        position: relative;
        /*float: left;*/
        margin-bottom: 10px;
    }
}

@media screen and (min-width:521px) and (max-width:1000px) {
    ul.main_menu li {
        display: inline-block;
        padding-right: 2px;
        position: relative;
        margin-bottom: 10px;
    }
}