/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media screen and (max-width:1230px) {
    #searchField {
        width: 100%;
        text-align: center;
    }
    #searchFieldInput {
        width: 70%;
    }
    #dropdown {
        background-color: rgb(255, 255, 255);
        float: none;
        position: relative;
        width: 100%;
    }
    .popupContainer {
        width: 100%;
        border-left: none;
    }
    .popup-content {
        padding: 20px 10px;
    }
    .menuUser label {
        display: block;
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
    }
    .menuUser input {
        display: block;
        width: 100%;
    }
    .dropdownActions-wrapper {
        display: flex;
    }
    .imgUser-wrapper, .imgFilters-wrapper, .imgPointer-wrapper, .imgChat-wrapper {
        display: block;
        float: none;
        width: 50%;
    }
    .logo-top {
        display: none;
    }
    .top-menu {
        height:  70px;
		background-color: transparent;
    }
    .mobile-logo-top {
        display: block;
        position: relative;
        margin-top: -30px;
      /*  max-width: 65%; */
    }
    .mobile-logo-top img {
        height: 23px;
        width: auto;
        margin: 2px 5px 0 10px;
    }
    .mobile-logo-text {
        position: relative;
        top: -6px;
        font-size: 13px;
        font-weight: 700;
        color: #002D4F;
    }

    #lbl-user {
        margin: 1px 0 0 0;
        font-size: 13px;
        font-weight: 700;
        color: #002D4F;
    }
    .poza-content {
        background-image: url('../images/addPhoto.png');
        background-position:  center center;
        background-repeat: no-repeat;
        background-size: 100%;
        border: 1px solid #cdcdcd;
        cursor: pointer;
        display: inline-block;
        height: 15vh;
        width: 29vw;
        margin: 0 4px;
        overflow: hidden;
    }
    button#btn_MyLocation, button#btn_PickLocation
    {
    padding: 6px 12px;
}

}

@media screen and (max-width:995px) {
    .logo-top {
        left: 20px;
    }
    .logo-top span {
        display: block;
        margin: -50px 0 0 55px;
        font-size: 17px;
    }
}

@media screen and (max-width:480px) {
    .footer-bar-wrapper {
        font-size: 12px;
        line-height: 2;
    }
    img.footer-bar1 {
        height: 25px;
        width: auto;
    }
    img.footer-bar2 {
        height: 20px;
        width: auto;
    }
    button#btn_MyLocation, button#btn_PickLocation
    {
    padding: 6px 12px;
}
}
@media screen and (max-width:322px) {
    .poza-content {
        height: 75px;
        width: 75px;
    }
    #calendar_from, #calendar_to {
        width: 90px;
    }
    button#btn_MyLocation, button#btn_PickLocation
    {
    padding: 6px 2px;
}
}