﻿@media screen and (max-width: 480px) {
    #logo {
        content: url('../Content/Mobile/HeaderMainP.jpg');
    }
    #menu {
        top: -25vw;
    }
    .etc {
        margin-top: -3vw;
    }
    input, button, .angucomplete-holder input, .text-search > div,
    [class*='ddl-']:not(.ddl-sort-by) > div {
        height: 12vw;
    }
    input, button, .angucomplete-holder input {
        font-size: 4.5vw;
        padding: 0 4.5vw;
    }
    input, button {
        border-radius: 3vw;
    }
    [class*='glass-'], .angucomplete-holder input {
        background-size: 5vw;
        background-position: 3.5vw 3.5vw;
    }
    .text-search label:last-of-type {
        margin-right: 7px;
    }
    [type='radio'] + span:before {
        margin-left: 1.1vw;
        width: 4.5vw;
    }
    .angucomplete-dropdown {
        width: 77vw;
        margin-top: 12vw;
        max-height: 24vw;
    }
    .search-nav-mobile + div > div > input,
    .sort-by, .sort-by > input, .ddl-sort-by > div {
        height: 10vw;
    }
    .search-nav-mobile + div > div > input {
        font-size: 4.5vw;
        padding: 0 4.5vw;
        width: 30vw;
    }
    .search-nav-mobile + div > div > input, angucomplete-holder > input,
    .pages-search > div > div, .sort-by {
        border-radius: 2vw;
    }
    .pages-search > div > div > div:last-of-type > div > div,
    .sort-by > div {
        width: 43.5vw;
    }
    [class*='ddl-'] {
        max-height: 48vw;
        width: 87vw;
    }

    .select-arrow {
        background-size: 3vw 3vw;
    }
    .select-arrow:not([placeholder*='מיין לפי']) {
        background-position: 5vw 5vw;
    }
    .sort-by {
        width: 50%;
    }
    .sort-by > input, .ddl-sort-by > div {
        background-position: 4vw 4vw;
    }
    [class*='ddl-'] > div {
        padding-right: 5vw;
        padding-left: 3VW;
        font-size: 1.1em;
    }
    [class*='ddl-']:not(.ddl-sort-by) > div:after {
        width: 4.5vw;
    }
    .ddl-sort-by > div:after {
        width: 4vw;
    }

    #mySpinner {
        top: 64%;
        right: 35%;
        width: 30vw;
    }
    .search-title {
        font-size: 4.5vw;
        margin: 0 2vw;
    }
    .subject-title > span:first-of-type > img {
        width: 4vw;
        margin-left: .5vw;
        /*margin-top: 2vw;*/
        margin-top: 1vw;
    }
}
