@media screen and (max-width: 768px)
{
    #menu-header { padding: 10px 0; }
    .pho-num-block { font-size: 15px; font-weight: 500; padding: 10px 0;}
    .pho-num-block i { font-size: 18px; margin-right: 0px }
    .email-block { font-size: 15px;  font-weight: 500; padding: 10px 0; float: right;}
    .email-block i { font-size: 18px; margin-right: 5px }
    
    .cate-block { width: 380px; height: 142px;}
    .cate-one {  margin-bottom: 58px; }
    .cate-block a span { left: 0px; bottom: 30px; font-size: 13px; padding: 2px 5px;}
    .cate-block-r { width: 250px; height: 343px;}
    .cate-block-r a span { bottom: 35px; font-size: 13px; padding: 2px 5px; } 
}


@media screen and (max-width: 480px)
{
    .pho-num-block { font-size: 15px; font-weight: 500; padding: 10px 0; float: none; text-align: center; }
    .email-block { font-size: 15px;  font-weight: 500; padding: 10px 0; float: none; text-align: center;}
    .cate-block { width: 435px; height: 163px;}
    .cate-block-r { width: 300px; height: 413px; margin: 0px auto;}
    
    .hidden-block { display: none !important}
    .p-pull-right { float: none;}
    table.ShopCart td, table.ShopCart th { border-right: 0 none;display: block !important;float: none !important;text-align: left !important;width: auto !important;}
    table.ShopCart tr td:before {content: attr(data-label);float: left;font-weight: bold;text-align: left;white-space: nowrap;width: 50%;}
    table.ShopCart tr td {text-align: right;display: block;min-height: 20px;border-left: none;background: none;}
    table.ShopCart thead { display: none; }	
    .CartInfo tbody .btn-success { float:right;}
    .CartInfo tbody .productd div { float:left;}
    .desktop-left { display: none;}
    .mobile-left { display: block;}    
    
}