﻿@media(max-width: 767px) {
    #deskLogo {
        display: none;
    }
    #langBlock button, #themeBlock button {
        padding-top: 15px;
    }
    #userDrop {
        padding-top: 5px;
    }
    #mobileLogo {
        display: block;
    }
}

@media(min-width: 768px) {
    #deskLogo {
        display: block;
    }

    #mobileLogo {
        display: none;
    }
}

#deskLogo a,
#mobileLogo a {
    padding-top: 12px;
}

#deskLogo a img{
    width: 100%;
}

#mobileLogo a img{
    width: 65%;
}

.navbar #LoginRegBlock {
    color: lightgray;
}

.navbar a {
    color: white;
}

@media(min-width: 768px) {
    .navbar #LoginRegBlock {
        text-align: right;
        padding-top: 19px;
    }
    .navbar #LogReg {
        
    }
}

#themeBlock img {
    height: 26px;
    cursor: pointer;
}

@media(min-width: 768px) {
    #themeBlock {
        text-align: right;
        padding-top: 17px;
    }
    #langBlock button, #themeBlock button {
        background: initial;
        border: 0;
        padding: 0;
        margin: 0;
    }
}

#langBlock button, #themeBlock button {
    background: initial;
    border: 0;
}

#langBlock img {
    height: 26px;
    cursor: pointer;
}

@media(min-width: 768px) {
    #langBlock {
        padding-top: 17px;
    }
}

#mySearch {
    margin-top: 17px;
    border: 0;
    height: 26px;
    border-radius: 5px;
    width: 100%;
    padding: 0px 10px 0px 10px;
}

/*         */

@media(min-width: 768px){
    .nav {
        float: right;
        /*left: 50%;*/
        /*margin-left: -150px;*/
        /*top: 50px;*/
        /*position: absolute;*/
    }
}


#userIcon {
    padding: 0px !important;
}

#userIcon img {
    margin-right: 3px;
    border-radius: 50%;
}

.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    
}

.dropdown {
    /*background: #fff;
    border: 1px solid #ccc;*/
    border-radius: 4px;
    /*width: 300px;*/
}

.dropdown-menu > li > a {
    color: #428bca;
    overflow: hidden;
}

.dropdown ul.dropdown-menu {
    border-radius: 4px;
    left: -120px;
    box-shadow: none;
    margin-top: 20px;
    width: 80px;
}

    .dropdown ul.dropdown-menu:before {
        content: "";
        border-bottom: 10px solid #fff;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: -10px;
        right: 16px;
        z-index: 10;
    }

    .dropdown ul.dropdown-menu:after {
        content: "";
        border-bottom: 12px solid #ccc;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        position: absolute;
        top: -12px;
        right: 14px;
        z-index: 9;
    }

.btnlink {
    color: #428bca;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    padding: 3px 20px;
    font-family: inherit;
    font-size: inherit;
    text-align: left;
}

.formlink {
    float: none;
}

@media (max-width: 767px) {
    .btnlink{
        color: white;
        padding-left: 25px;
    }
}