﻿#logo a {
    display: block;
    height: 98px;
}

    #logo a .logo_body {
        width: 360px;
        height: 98px;
        display: block;
    }

.nav_mobile {
    display: none;
}

    .nav_mobile a {
        font: normal normal normal 14px/1 FontAwesome !important;
        border: 0 none !important;
        font-size: 20px !important;
        color: black !important;
        padding: 0 !important;
    }

@media (max-width: 768px) {
    #header-top,
    #header-bottom-box,
    #portal-center,
    #footer-news-wrapper,
    #footer-wrapper,
    .container_skitter {
        width: 100% !important;
        padding: 0;
        height: 120px;
    }

    .box_skitter,
    .box_skitter img {
        width: 100% !important;
    }

    #header-top-right {
        margin-right: 10px;
        margin-top: 30px;
    }

    #footer-left {
        margin-left: 10px;
        display: none;
    }

    #footer-right,
    #menu-bottom {
        float: none;
        text-align: center;
    }

    .nav-bottom {
        display: none;
    }

    #nav_mobile_menu_top {
        z-index: 99999;
    }

    .nav_mobile {
        display: block;
        margin-left: 10px;
    }

        .nav_mobile a {
            color: white !important;
            text-decoration: none;
        }

            .nav_mobile a span {
                display: inline !important;
            }

    #menu-top li.parent {
        display: none;
    }

    #left {
        display: none;
    }

    #right {
        float: none !important;
        margin: 0;
        width: auto !important;
    }

    #hot-products li, #product-list li, #product-others li {
        height: 290px;
        width: 24%;
        display: inline-block;
        text-align: center;
        float: none !important;
        margin: 0 !important;
    }

    .product-img {
        max-width: inherit;
    }

    .product-title a, .product-title a:visited {
        width: initial;
    }

    #shopping-cart table.cart {
        overflow-x: auto;
        display: block;
    }
}

@media screen and (max-width: 650px) {
    #hot-products li, #product-list li, #product-others li {
        width: 25%;
    }
}

@media screen and (max-width: 480px) {
    #adv-top-skitter {
        width: 70%;
        display: none;
    }

    #home-product-cycle {
        width: 100%;
        float: none;
    }

    #hot-products li, #product-list li, #product-others li {
        width: 46%;
        margin-left: 4% !important;
    }

    .blockPage {
        width: 100% !important;
        left: 0 !important;
    }

        .blockPage #login_popup {
            width: 80% !important;
        }
}

@media screen and (max-width: 400px) {
    #header-bottom-box, .container_skitter {
        display: none;
    }

    #logo a .logo_body {
        width: 111px;
    }

    #header-top-right {
        margin-left: 10px;
        margin-top: 40px;
    }

    .cart-search {
        width: 45%;
        min-width: 170px;
    }

    .login-support {
        width: 46%;
        margin-left: 4%;
    }

    #search-box .txtKeyword {
        width: 98%;
    }

    .icon_hotline {
        width: 49px;
    }

    #hot-products li, #product-list li, #product-others li {
        width: 45%;
    }

    #hot-products, #product-list, #product-detail {
        padding: 10px 0;
    }
}
