
@media screen and (max-width: 1200px){
    .digitalPrompt{
        display: none !important;
    }
    #Home_fullpage .Home_Piece ul.ul li{
        width: 33.3333333%;
    }
    #Home_fullpage .Home_Piece ul.ul li .contentTit h4.h4{
        font-size: 40px;
    }
    #Home_fullpage .Home_Piece ul.ul li .contentTit p.p{
        font-size: 30px;
    }
    header div.nav_r div.nav_Sidebar .sildebar_content a.shutDown{
        right: 4%;
    }
    #Home_fullpage .Home_banner div.desc{
        left: 2%;
    }
    .customerService .ServiceNav,.ContactInfo{
        padding-left: 2%;
        padding-right: 2%;
    }
    
    footer div.foorter_L{
        display: none;
    }
    footer div.foorter_R{
        float: none;
        width: 100%;
    }

    .personalPublic .personalRight .personalFFF{
        width: 100%;
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media screen and (max-width: 1000px){
    #Home_fullpage .Home_banner div.desc h2.h2,
    #Home_fullpage div.section .contentTxt h2.h2{
        font-size: 90px;
    }
    #Home_fullpage .Home_banner div.desc p.p{
        font-size: 26px;
    }
    .Home_banner .bx-wrapper .bx-pager span{
        font-size: 70px;
    }
    .Home_banner .bx-wrapper .bx-controls{
        width: 110px;
        height: 110px;
        right: 2%;
        bottom: 2%;
    }
    #Home_fullpage div.section .contentTxt h2.h2 span{
        font-size: 50px;
    }
    #Home_fullpage div.section .contentTxt p.p{
        font-size: 16px;
        margin-top: 20px;
    }
    .Home_NationalStore .select .dropdown{
        width: 25%;
    }

    footer div.foorter_R div.link,
    footer div.foorter_R div.subscription{
        width: 50%;
        margin: 0;
    }
    footer div.foorter_R div.code{
        float: none;
        width: 100%;
        text-align: center;
    }
    footer div.foorter_R div.code ul.ul li{
        float: none;
        display: inline-block;
        max-width: 92px;
    }

    .ProductList .Product_Lists li{
        width: 25%;
    }

    .media_Content .mediaLists{
        margin-top: 80px;
        padding-bottom: 50px;
    }
    .media_Content .mediaLists ul.ul li{
        height: auto;
    }
    .media_Content .mediaLists ul.ul li figure{
        float: none;
        width: 100%;
        height: 335px;
    }
    .media_Content .mediaLists ul.ul li div.des{
        float: none;
        width: 100%;
    }
    .media_Content .mediaLists ul.ul li div.des .more{
        position: inherit;
        left: 0;
        bottom: 0;
        margin-top: 10px;
        display: inline-block;
    }
    .media_Content .mediaLists ul.ul li:before{
        display: none;
    }
    .MyOrder .orderContent1 ul.ul li div.info .orderInfo .Number_Content .Number_right{
        float: none;
    }
    .MyOrder .orderContent1 ul.ul li div.info .orderInfo .Quantity{
        padding-top: 10px;
    }
    .MyOrder .orderContent1 ul.ul li.padd142{
        padding-left: 0;
    }
    .MyOrder .orderContent1 ul.ul li.table div.list1{
        float: none;
    }
    .MyOrder .orderContent1 ul.ul li.table .list2{
        padding-left: 0;
        padding-right: 1%;
    }
    .MyOrder .orderContent1 ul.ul li.table{
        height: auto;
        padding: 10px 0;
    }
    .MyOrder .orderContent1 ul.ul li.tableRight .list3{
        margin-right: 10px;
    }
}

@media screen and (max-width: 769px){
    #Home_fullpage .Home_banner div.desc{
        bottom: 170px;
    }
    #Home_fullpage .Home_banner div.desc h2.h2,
    #Home_fullpage div.section .contentTxt h2.h2{
        font-size: 70px;
    }
    #Home_fullpage div.section .contentTxt h2.h2 span{
        font-size: 40px;
    }
    #Home_fullpage .Home_banner div.desc p.p{
        padding-left: 0;
    }
    #Home_fullpage .Home_Piece ul.ul li{
        width: 50%;
    }
    #Home_fullpage div.section div.aID{
        display: none;
    }
    #Home_fullpage .Home_banner div.desc p.p::after{
        display: none;
    }
    .Home_NationalStore .select .dropdown{
        float: none;
        width: 70%;
    }
    #Home_fullpage .Home_NationalStore .select_box .select .dropdown + .dropdown{
        margin-left: 0;
    }
    footer div.foorter_R{
        text-align: center;
    }
    footer div.foorter_R div.link, footer div.foorter_R div.subscription{
        float: none;
        display: inline-block;
        width: 80%;
    }
    footer div.foorter_R div.subscription{
        margin: 30px 0;
    }
    .ProductList .Product_Lists li{
        width: 33.333333%;
    }

    .ProductList_info .ProductInfo_L{
        float: none;
        width: 100%;
        margin-bottom: 30px;
        padding-top: 0;
    }
    .ProductList_info .ProductInfo_R{
        float: none;
        width: 100%;
    }
    .customerService .ServiceNav{
        padding-top: 10px;
    }
    .customerService .ServiceContent{
        padding-top: 10px;
        padding-bottom: 50px;
    }
    .media_Content .aboutUsLists .about_top .left,
    .media_Content .aboutUsLists .about_top .right,
    .media_Content .aboutUsLists .about_bottom .left,
    .media_Content .aboutUsLists .about_bottom .right{
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .media_Content .aboutUsLists .about_bottom{
        height: auto;
    }
    .media_Content .aboutUsLists .about_bottom .left figure,
    .media_Content .aboutUsLists .about_bottom .right{
        padding: 40px 0;
    }
    .media_Content .aboutUsLists .about_top{
        padding-top: 10px;
    }
    .media_Content .aboutUsLists .about_bottom{
        margin-bottom: 10px;
    }
    .media_Content .mediaBanner .desc h2.h2{
        font-size: 50px;
    }
    .media_Content .mediaBanner .desc p.p{
        font-size: 35px;
    }
    .media_Content .mediaLists ul.ul li div.des{
        padding-left: 2%;
        padding-right: 2%;
    }
    .MyOrder .orderContent ul.ul li{
        max-height: 100%;
    }
    .MyOrder .orderContent ul.ul li figure,
    .MyOrder .orderContent1 ul.ul li div.info{
        float: none;
    }
    .MyOrder .orderContent1 ul.ul li div.info{
        width: 100%;
        max-width: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .MyOrder .orderContent ul.ul li div.info .status{
        width: 90px;
    }
    .PersonalInfo div.form ul.ul li input{
        width: 100%;
    }

    .shoppingCart .shopping_content .left,
    .shoppingCart .shopping_content .right,
    .shoppingInfo .shoppingInfo_content .left,
    .shoppingInfo .shoppingInfo_content .right{
        float: none;
        width: 100%;
    }

    .MyOrder .orderContent ul.ul li div.info{
        float: none;
        width: 100%;
    }

}

@media screen and (max-width: 480px){
    header div.nav_r div.nav_Sidebar .sildebar_content{
        width: 100%;
    }
    #Home_fullpage .Home_banner div.desc h2.h2,
    #Home_fullpage div.section .contentTxt h2.h2{
        font-size: 50px;
    }
    #Home_fullpage .Home_banner div.desc p.p,
    #Home_fullpage .Home_Piece ul.ul li .contentTit p.p{
        font-size: 22px;
    }
    #Home_fullpage div.section .contentTxt h2.h2 span{
        font-size: 30px;
    }
    #Home_fullpage .Home_Piece ul.ul li .contentTit h4.h4{
        font-size: 26px;
    }
    #Home_fullpage .Home_Piece ul.ul li div.more_box .more{
        width: 130px;
        height: 40px;
        line-height: 40px;
        background-size: contain;
    }
    header .logo{
        display: inline-block;
        width: 45%;
    }
    header div.nav_r div.shoppingCart{
        margin-right: 10px;
    }
    header div.nav_r div.search{
        margin-right: 10px;
    }
    .ProductList .Product_Lists li{
        width: 50%;
    }
    .ProductList .more a{
        width: 60%;
    }
    .ProductList .CScreening .Sort .Sort_search{
        float: none;
    }
    .ProductList .CScreening .Sort .Sort_btn{
        float: none;
        padding-top: 20px;
    }

    .ProductList_info .ProductInfo_R div.des ul.ul{
        float: none;
        width: 100%;
    }
    .MyOrder .orderContent1 .payBtn{
        text-align: center;
    }
    .MyOrder .orderContent1 .payBtn a{
        width: 70%;
        margin-bottom: 10px;
    }
    .personalPublic .personalRight .personalFFF .navPersonal ul.ul li a{
        font-size: 18px;
    }
    .personalPublic .personalRight .personalFFF .navPersonal ul.ul li + li{
        margin-left: 4%;
    }
}