@media screen and (max-width: 980px) {
    .container, .footer {
        width: 95%;
    }
    .war {
        background: none repeat scroll 0 0 #ffffff;
        border: 1px dotted #cccccc;
        margin: 26px auto;
        width: 95%;
    }
    .example1 {
        display: block;
        font-family: tahoma;
        font-weight: bold;
        height: 32px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100000;
    }
    .example1 .mainmenutop {
        background: none repeat scroll 0 0 #45b02e;
        height: 32px;
        margin: auto;
        width: 95%;
    }
    .mainproduct-title {
        border-top: 1px solid #cccccc;
        clear: both;
        font-size: 14px;
        height: 100%;
        overflow: hidden;
        padding: 0 10px;
        text-align: left;
    }
    .product {
        margin: 0 auto;
        padding-top: 15px;
        width: 100%;
    }
    #menutop {
        border-right: 1px solid #cccccc;
        color: #ffffff;
        font-family: tahoma;
        font-size: 11px;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
    }
    .topright {
        display: none;
    }
    .topmenu {
        display: none;
    }
    .left-main {
        float: left;
        width: 100%;
        margin-top: 25px;
    }
    .menuleft {
        width: 25%
    }
    .menuleft ul {
        color: #000000;
        font-size: 11px;
        list-style: outside none none;
        margin: 0;
        padding-left: 10px;
        width: 100%;
    }
    .mainproduct-image {
        background: none repeat scroll 0 0 #cccccc;
        height: 50%;
        overflow: hidden;
    }
    .menuleft ul li {
        border-top: 1px dotted #cccccc;
        line-height: 3;
        min-height: 30px;
        overflow: hidden;
        padding: 0;
        text-align: left;
        width: 95%;
    }
    .maincontent {
        border: 1px dotted #cccccc;
        float: right;
        overflow: hidden;
        width: 72%;
    }
    .mainproduct1 {
        box-shadow: 1px 1px 1px 1px #cccccc;
        float: left;
        margin: 10px;
        position: relative;
        width: 45%;
    }
    .mainproduct {
        box-shadow: 1px 1px 1px 1px #cccccc;
        float: left;
        margin: 10px;
        position: relative;
        width: 45%;
        height: 250px;
    }
    .mainproduct-image1 {
        background: none repeat scroll 0 0 #cccccc;
        overflow: hidden;
        height: 155px;
    }
    .mainproduct-title1 h3 {
        color: #333;
        font-family: tahoma;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .mainproduct-image img {
        width: 100%;
    }
    .mainproduct-image1 img {
        width: 100%;
        height: 100%;
    }
    .shoppingcart { display: none; }
    .chitietsp .chitietsp-image {
        float: left;
        height: auto;
        width: 100%;
    }
    .chitietsp .chitietsp-mtangan {
        float: right;
        height: auto;
        text-align: left;
        width: 100%;
    }
    .price img {
        clear: both;
        float: left;
        padding: 20px 0;
        width: 30%;
    }
    .ttrai table {
        width: 50%; }
    .title-new {
        float: left;
        height: 350px;
        margin: 12px;
        overflow: hidden;
        width: 300px;
    }
    .ptmenu01 {
        background-color: #f7f7f7;
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        box-shadow: 0 0 4px #dfdfdf;
        float: left;
        margin: 12px;
        width: 44%;
    }
    .ptmenu01-title {
        font-weight: normal;
        line-height: 0;
        text-align: center;
        text-transform: uppercase;
        font-size: 11px;
    }
    .ptmenu01-image {
        float: left;
        font-size: 100%;
        height: 90%;
        width: 100%;
    }
    .ptmenu01-image img {
        width: 100%;
        height: 70%; }
    .search{
        display: none;
    }
}