@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .header .logo .logo-1 i {
        background: url(../images/logo-1.svg) no-repeat center;
        background-size: 81px 65px;
    }
    .header.scrolling .logo .logo-1 i {
        background-image: url(../images/logo-1.svg);
        background-size: 68px 55px;
    }
    .header .logo .logo-2 {
        background: url(../images/logo-2.svg) no-repeat center left;
        background-size: 112px 50px;
    }
    .header.scrolling .logo .logo-2 {
        background-image: url(../images/logo-2.svg);
        background-size: 95px 33px;
    }
}

/* 1.25 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi){
    .header .logo .logo-1 i {
        background: url(../images/logo-1.svg) no-repeat center;
        background-size: 81px 65px;
    }
    .header.scrolling .logo .logo-1 i {
        background-image: url(../images/logo-1.svg);
        background-size: 68px 55px;
    }
    .header .logo .logo-2 {
        background: url(../images/logo-2.svg) no-repeat center left;
        background-size: 112px 50px;
    }
    .header.scrolling .logo .logo-2 {
        background-image: url(../images/logo-2.svg);
        background-size: 95px 33px;
    }
}

/* 1.3 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dpi){
    .header .logo .logo-1 i {
        background: url(../images/logo-1.svg) no-repeat center;
        background-size: 81px 65px;
    }
    .header.scrolling .logo .logo-1 i {
        background-image: url(../images/logo-1.svg);
        background-size: 68px 55px;
    }
    .header .logo .logo-2 {
        background: url(../images/logo-2.svg) no-repeat center left;
        background-size: 112px 50px;
    }
    .header.scrolling .logo .logo-2 {
        background-image: url(../images/logo-2.svg);
        background-size: 95px 33px;
    }
}

/* 1.5 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi){
    .header .logo .logo-1 i {
        background: url(../images/logo-1.svg) no-repeat center;
        background-size: 81px 65px;
    }
    .header.scrolling .logo .logo-1 i {
        background-image: url(../images/logo-1.svg);
        background-size: 68px 55px;
    }
    .header .logo .logo-2 {
        background: url(../images/logo-2.svg) no-repeat center left;
        background-size: 112px 50px;
    }
    .header.scrolling .logo .logo-2 {
        background-image: url(../images/logo-2.svg);
        background-size: 95px 33px;
    }
}

/*added by roman2*/
/*responsive for hand devices */
@media (max-width: 992px)
and (min-width: 768px) {
    .header .logo {
        width: 230px ;
    }
    .header .logo .logo-2 {
        margin-left: 113px ;
    }
}
@media (max-width: 775px)
and (min-width: 768px) {
    #header  li {
        font-weight: 500 ;
    }
    .navbar-right {
        margin-right: -6px;
    }
}

/*header's height  depending on window width*/
@media (max-width: 768px) {
    .main-header {
        padding: 30px 0 14px !important;
    }
}
@media (min-width: 768px) and (max-width: 1244px) {
    .main-header {
        padding: 96px 0 12px !important;
    }
}

/*404 page*/
body.error .upper-wrapper {
    background: none ;
}
body.error .wrapper {
    background: #333637 url("../images/background/bg-color.jpg") no-repeat scroll 50% top / cover !important;
}