﻿.CategoryTreeView .NavigationCategoryNodeStyle {
    margin: 10px;
}


.CategoryDetail .ProductList .ItemStyle {
    float: left;
    max-height: 244px;
}

#ProductDetail #Tab .CustomTabStyle .ajax__tab_body {
    width: 100% !important;
    max-width: 420px;
}

#ProductDetail .RightContent {
    max-width: 285px;
}

.alink {
    width: 42px;
    margin-right: 10px;
}

.socialMedia {
    height: 32px;
}
.CategoryTreeView .NodeStyle {
    word-wrap: break-word !important;
}

.header-navbar-fixed {
    background-color: #bdbec0;
}

.header-fixed {
    background-color: black;
    height: 178px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.header-navbar-fixed {
    position: fixed;
    top: 175px;
    width: 100%;
    z-index: 1000;
}

.header-space {
    height: 228px;
}

.divvision {
}

@media only screen and (min-width : 320px) {
    .searchDiv {
        position: relative;
        bottom: 0px;
        right: 0px;
    }

    .alink {
        width: 16px;
        margin-right: 10px;
    }

    .socialMedia {
        height: 16px;
    }

    
}
@media only screen and (max-width : 320px) {
    #logoDiv .img-responsive {
        max-height: 85px !important;
    }

    #Header {
        padding-top: 0px !important;
    }

        #Header .Hright {
            width: 635px !important
        }

    .header-fixed {
        height: 189px !important;
    }

    .header-navbar-fixed {
        top: 186px !important;
    }

    .Logincontent {
        margin-top: 0px !important;
    }

    .container {
        padding-right: 11px !important;
    }
}


   

    @media only screen and (min-width : 510px) {
        .header-fixed {
            position: fixed;
            width: 100%;
            z-index: 1000;
            height: 93px;
        }

        .header-navbar-fixed {
            position: fixed;
            top: 90px;
            width: 100%;
            z-index: 1000;
        }

        .header-space {
            height: 143px;
        }

        .searchDiv {
            position: relative;
            bottom: 0px;
            right: 0px;
        }

        .alink {
            width: 24px;
            margin-right: 10px;
        }

        .socialMedia {
            height: 24px;
        }
    }

    @media only screen and (min-width : 768px) {
        .header-fixed {
            position: fixed;
            width: 100%;
            z-index: 1000;
            height: 138px;
        }

        .header-navbar-fixed {
            position: fixed;
            top: 135px;
            width: 100%;
            z-index: 1000;
        }

        .header-space {
            height: 153px;
        }

        .alink {
            width: 24px;
            margin-right: 10px;
        }

        .socialMedia {
            height: 24px;
        }

        .searchDiv {
            position: relative;
            bottom: 0px;
            right: 0px;
        }
        #Header .Hright {
            padding-top:40px !important;
        }
    }


    @media only screen and (min-width : 992px) {
        .header-fixed {
            position: fixed;
            width: 100%;
            z-index: 1000;
            height: 148px;
        }

        .header-navbar-fixed {
            position: fixed;
            top: 145px;
            width: 100%;
            z-index: 1000;
        }

        .header-space {
            height: 190px;
        }

        .alink {
            width: 42px;
            margin-right: 16px;
        }

        .socialMedia {
            height: 32px;
        }

        .searchDiv {
            position: relative;
        }
    }

    /*a {
	z-index:1;position: absolute; left: 45%; top: 5px; background: #FFF; padding: 3px; text-decoration: none;
}*/

    .hide-logo {
    }

    .shrink-header {
    }

    .shrink-header-space {
    }

    .shrink-navbar {
    }

    @media only screen and (max-width : 510px) {
        .hide-logo {
            display: none;
        }

        .shrink-header {
            margin-top: -30px;
        }

        .shrink-header-space {
            height: 243px;
        }

        .shrink-navbar {
            top: 75px;
        }

        #logoDiv .img-responsive {
            max-height: 85px;
        }


        #Header {
            padding-top: 0px !important;
        }

            #Header .Hright {
                width: 635px !important
            }

        .header-fixed {
            height: 189px !important;
        }

        .header-navbar-fixed {
            top: 186px !important;
        }

        .Logincontent {
            margin-top: 0px !important;
        }

        .container {
            padding-right: 11px !important;
        }
    }

    .divvision a {
        z-index: 1;
        position: absolute;
        top: 5px;
        background: #FFF;
        padding: 3px;
        text-decoration: none;
        height: 85px;
        width: 85px;
        right: 15px;
        left: auto;
    }


    @media only screen and (min-width : 510px) {
        .divvision a {
            height: 85px;
            width: 85px;
            left: 38%;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .divvision a {
            height: 100px;
            width: 100px;
            left: 42%;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .divvision a {
            height: 125px;
            width: 125px;
            left: 45%;
        }
    }
