@media (min-width:320px) and (max-width:480px) { /* smartphones, iPhone, portrait 480x320 phones */
    .logo-mobile {
        display: block;
    }

    .logo {
        display: none!important;
    }

    #logo-wrap {
        float: none;
        text-align: center;
    }

    #header-wrap-1 #header-inner h2 {
        font-size: 30px;
    }

    #header-wrap-1 .logo-summary {
        float: none;
        margin-top: 0px;
        text-align: center;
    }

    .promotion-news {
        max-height: initial;
    }

        .promotion-news .contain-title-des, .promotion-news .name, .promotion-news .description {
            padding: 0px!important;
        }

    .shop-item .item-box .item-img {
        height: auto;
    }
}


@media (min-width:481px) and (max-width:640px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .logo-mobile {
        display: block;
    }

    .logo {
        display: none!important;
    }

    #logo-wrap {
        float: none;
        text-align: center;
    }

    #header-wrap-1 #header-inner h2 {
        font-size: 30px;
    }

    #header-wrap-1 .logo-summary {
        float: none;
        margin-top: 0px;
        text-align: center;
    }

    .promotion-news {
        max-height: initial;
    }

        .promotion-news .contain-title-des, .promotion-news .name, .promotion-news .description {
            padding: 0px!important;
        }

    .shop-item .item-box .item-img {
        height: auto;
    }
}

@media (min-width:641px) and (max-width:960px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .logo-mobile {
        display: block;
    }

    .logo {
        display: none!important;
    }

    .promotion-news {
        max-height: initial;
    }

        .promotion-news .contain-title-des, .promotion-news .name, .promotion-news .description {
            padding: 0px!important;
        }

    .shop-item .item-box .item-img {
        height: auto;
    }
}

@media (min-width:961px) and (max-width:1024px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    promotion-news .contain-title-des, .promotion-news .name, .promotion-news .description {
        padding: 0px!important;
    }

    .shop-item .item-box .item-img {
        height: auto;
    }
}

@media (min-width:1025px) and (max-width:1280px) { /* big landscape tablets, laptops, and desktops */
    .news {
        width: calc(33% - 10px);
    }
}

@media (min-width:1281px) { /* hi-res laptops and desktops */
    .news {
        width: calc(33% - 10px);
    }
}