/*#region normal*/

/*#region other*/
/*#endregion*/

/*#region header*/

.header-content {
    height: 340px;
    background: no-repeat 57px 100px url('/content/Images/views/Shared/header.bg.png');
}

.header-content-mini {
    height: 135px;
}

.header-content-logo {
    top: 10px;
    left: 120px;
}

    .header-content-logo a div {
        height: 79px;
        width: 167px;
        background: no-repeat url("/Content/Images/Core/Logo.png");
    }

.header-content-optional {
    top: 2px;
    right: 55px;
}

.header-content-navigation {
    top: 95px;
    left: 150px;
}

    .header-content-navigation .ef-menu-main {
        float: left;
    }

    .header-content-navigation #search {
        float: left;
        left: 10px;
        position: relative;
    }

.header-content-main {
    top: 135px;
    left: 100px;
    height: 200px;
    width: 640px;
    background: no-repeat -6px -5px url('/content/Images/views/Shared/header.shape.png');
}

.header-content-banners {
    top: 135px;
    left: 775px;
    position: absolute;
    display: inline-block;
    width: 160px;
}

.header-content-banners-contacts {
    display: inline-block;
    height: 80px;
    width: 160px;
    background: no-repeat -5px -5px url('/content/Images/views/Shared/header.contacts.png');
}

    .header-content-banners-contacts p {
        position: relative;
        top: 10px;
        left: 15px;
        display: inline-block;
    }

.header-content-banners-brend {
    display: inline-block;
    height: 110px;
    width: 160px;
    background: no-repeat -5px -5px url('/content/Images/views/Shared/header.brend.png');
}

/*#endregion*/

/*#region body*/

.body-content {
    left: 110px;
}

/*#endregion*/

/*#region aside*/

.body aside {
    right: 55px;
    width: 215px;
    height: 400px;
    background: -5px 0px no-repeat url('/content/Images/Views/Shared/aside.png');
}

.aside-content {
    top: 50px;
    left: 25px;
    max-width: 165px;
    max-height: 310px;
}

.aside-content-data {
    text-align: center;
}

/*#endregion*/

/*#region footer*/

.footer-content {
    height: 150px;
    background: no-repeat url('/Content/Images/Views/Shared/footer.png');
}

    .footer-content #ElderForge {
        top: 115px;
        left: 300px;
    }

.footer-content-text {
    top: 15px;
    left: 140px;
    max-height: 92px;
    max-width: 748px;
    width: 100%;
}

.footer-content-counters {
    height: 31px;
    top: 115px;
    left: 0;
}

.footer-content-counters-left .footer-content-counters-counter {
    margin: 0 0 0 10px;
}

.footer-content-counters-right .footer-content-counters-counter {
    margin: 0 10px 0 0;
}

/*#endregion*/

/*#endregion*/

/*#region adaptive*/

/*#region DELETE*/

/* @group Retina compatibility */
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {}
@media only screen and (min-width: 768px) and (max-width: 220px) {}*/

#devInfo {
    visibility: collapse;
    display: none;
}

/*#endregion*/

@media only screen and (max-width: 1024px) {
    /*#region tags*/

    body {
        width: 100%;
        max-width: 100%;
        background: 50% 0 repeat-y url('/content/Images/views/Shared/bg.bottom.png'), 50% 0 repeat-y url('/content/Images/views/Shared/bg.middle.png'), 50% 0 repeat-y url('/content/Images/views/Shared/bg.Top.png'), dimgray;
    }

    /*#endregion*/

    /*#region header*/

    .header-content {
        height: 330px;
        background: none;
    }

    .header-content-logo {
        left: 10px;
    }

    .header-content-main {
        left: 10px;
    }

    .header-content-navigation {
        left: 0;
        width: 100%;
    }

        .header-content-navigation .ef-menu-main {
            left: 10px;
            position: relative;
        }

        .header-content-navigation #search {
            float: right;
            left: auto;
            right: 10px;
        }

    .header-content-banners {
        left: inherit;
        right: 40px;
    }

    .header-content-optional {
        right: 10px;
    }

    /*#endregion*/

    /*#region aside*/

    .body aside {
        right: 10px;
    }

    /*#endregion*/

    /*#region body*/

    .body-content {
        left: 10px;
    }

    /*#endregion*/

    /*#region footer*/

    .footer-content {
        background: no-repeat -100px 0 url('/Content/Images/Views/Shared/footer.png');
    }

    .footer-content-text {
        left: 10px;
    }

    .footer-content #ElderForge {
        left: 10px;
    }

    /*#endregion*/
}

@media only screen and (max-width: 880px) {
    /*#region header*/

    .header-content-logo {
        left: 100px;
    }

    .header-content-navigation .ef-menu-main {
        left: 100px;
    }

    .header-content-navigation .ef-menu-main-level-0 {
        visibility: visible;
        display: block;
    }

    .header-content-navigation .ef-menu-main-level-1 {
        visibility: collapse;
        display: none;
    }

    .header-content-navigation #search input {
        visibility: collapse;
        width: 0;
    }

    .header-content-main {
        left: 100px;
    }

    .header-content-banners {
        left: 120px;
        top: 155px;
        width: auto;
    }

    .header-content-banners-contacts {
        float: none;
    }

    .header-content-banners-brend {
        float: left;
    }

    /*#endregion*/

    /*#region aside*/

    .body aside {
        display: block;
        float: none;
        right: inherit;
        left: 100px;
    }

    /*#endregion*/

    /*#region body*/

    .body-content {
        left: 100px;
    }

    /*#endregion*/

    /*#region footer*/

    .footer-content {
        background: no-repeat 0 0 url('/Content/Images/Views/Shared/footer.png');
        background-size: 100% 100%;
    }

    .footer-content-text {
        left: inherit;
    }

    .footer-content #ElderForge {
        left: 100px;
    }

    /*#endregion*/

    /*#region last*/

    #cart {
        bottom: 150px;
    }

    /*#endregion*/
}

@media only screen and (max-width: 760px) {
    /*#region header*/

    .header-content-logo {
        left: 10px;
    }

    .header-content-navigation .ef-menu-main {
        left: 10px;
    }

    .header-content-main {
        left: 10px;
    }

    .header-content-banners {
        left: 30px;
    }

    /*#endregion*/

    /*#region aside*/

    .body aside {
        left: 10px;
    }

    /*#endregion*/

    /*#region body*/

    .body-content {
        left: 10px;
    }

    /*#endregion*/

    /*#region footer*/

    .footer-content #ElderForge {
        left: 10px;
    }

    /*#endregion*/
}

@media only screen and (max-width: 710px) {
    /*#region footer*/

    .footer-content {
        background: no-repeat -180px 0 url('/Content/Images/Views/Shared/footer.png');
        background-size: cover;
    }

    .footer-content-text {
        left: inherit;
    }

    /*#endregion*/
}

@media only screen and (max-width: 670px) {
    /*#region header*/

    .header-content {
        height: 200px;
    }

    .header-content-optional {
        right: 0;
    }

    .header-content-logo {
        left: 0;
    }

    .header-content-navigation {
        left: 0;
        width: auto;
    }

        .header-content-navigation .ef-menu-main {
            float: none;
            display: block;
            left: 0;
        }

        .header-content-navigation #search {
            float: none;
            right: 0;
        }

    .header-content-main {
        visibility: collapse;
        display: none;
    }

    .header-content-banners {
        top: 90px;
        left: inherit;
        right: 0;
    }

    .header-content-banners-contacts {
        float: left;
    }

    /*#endregion*/
}

@media only screen and (max-width: 610px) {
    /*#region header*/

    .header-content-optional-phones {
        font-size: 1em;
    }

    /*#endregion*/
}

@media only screen and (max-width: 460px) {
    /*#region header*/

    .header-content {
        height: 255px;
    }

    .header-content-optional {
        top: 190px;
    }

    .header-content-banners {
        top: 0;
        left: inherit;
        right: 0;
        width: 160px;
    }

    .header-content-banners-contacts {
        float: left;
    }

    .header-content-banners-brend {
        float: left;
    }

    /*#endregion*/
}

/*#endregion*/