﻿.mainContentClass
{
    min-height: 500px;
    text-align: left;
    width:100%;
    max-width: 1920px;
    margin: 0 auto;
    padding-left:10px;
    padding-right:10px
}
.mainAdImg
{
    width: 1004px;
}
.bannerPic
{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 300px;
    float: left;
}
.orderDetailList
{
    width: 100%;
}
img
{
    border:0px;
}

.CategoryList,.DeviceList,.CarrierList,.OurBrandList {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.CategoryList li,.DeviceList li,.CarrierList li,.OurBrandList li{
    float: left;
    padding: 10px;
    border-top: 1px solid #ddd;
    font-weight: bold;
    text-align: center;
    /*max-width: 50%;*/
    flex-grow: 1;
    flex-shrink: 0;
    width:33.3%
}

@media screen and (min-width:768px) and (max-width:900px){
    .CategoryList li,.DeviceList li,.CarrierList li,.OurBrandList li{width:25%}
}

@media screen and (min-width:901px) {
    .CategoryList li,.DeviceList li,.CarrierList li,.OurBrandList li{width:20%}
}

