@charset "utf-8";
/* CSS Document */
.pc-1024-800{ display: none; }
.pc-800-600{ display: none; }
/*Responsive Style Start*/
@media screen { @media (min-width: 0px) {} }
@media only screen and (min-width: 1500px) and (max-width: 1920px){
    #middle {margin: 10px 20px 20px;width: 99%;}
    #middle_left, #banneleft {width: 198px;}
    #middle_right {width: 78%;}
    #ftr_left1 {width: 25%;}
    #socialicons {width: 20%;}
    #ftrlogo {text-align: center;width: 20%;}
    #ftr_left {text-align: right;width: 15%;}
    #ftr_left li {float: none;}

    .listingheader {padding-left: 0px;width: 100%;}
    #newarivals {width: 95%;}

}
@media only screen and (max-width: 1700px) {
    #middle_right {
        width: 78%;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1500px) {
    #middle {margin: 10px 20px 20px;width: 98%;}
    #middle_left, #banneleft {width: 198px;}
    #middle_right {width: 78%;}
    #ftr_left1 {width: 25%;}
    #socialicons {width: 10%;}
    #ftrlogo {text-align: center;width: 20%;}
    #ftr_left {text-align: right;width: 15%;}
    #ftr_left li {float: none;}
    .listingheader {padding-left: 0px;width: 100%;}
    /* #newarivals1 {width: 89%;margin: 25px 0px;} */
}
@media only screen and (max-width: 1200px) {
    #bannerright {width: 60%;}
    #middle { margin: 10px 20px 20px;width: 98%;}
    #middle_left, #banneleft {width: 198px;
        margin-right:1%;}
    #middle_right {width: 75%;}
    #pagecounting {min-width: inherit;}
    #btn_nav {height: auto;padding-top: 6px;}
    .imagedescriptionarea li {margin: 10px 4px 0px 0px;}
    .imageinformation {margin: 15px auto;}
    #ftr_left1 {width: 29%;}
    #socialicons {width: 28%;}
    #ftrlogo {width: 25%;margin-left: 0px }
    #ftr_left {margin-left: 0px;width: 15%;}
    .bak_btn {width: 7%;margin: 0px;padding: 0px;float: left; text-align:center; position: absolute; top: 50%;}
    .imgdes {width: 85%;padding: 0px; margin: 0 auto;}
    .for_btn {width: 7%;margin: 0px;padding:0px; text-align:center; position: absolute;top: 50%; right: 0;}
    /* #newarivals1 {width: 89%;margin: 25px 0px;} */
}
@media only screen and (max-width: 1024px) {
    #bannerright {width: 50%;}
    #middle_right {margin-top: 15px;width: 70%; margin-left:1%;float:right;}
    #middle_left, #banneleft {width: 198px;margin-right:1%;}
    #ftrlogo {margin-left: 75px;}
    .drawing_image {width: 368px;}
    .bannerimg2{width : 100%;}
    .imagedescriptionarea{width : 100%;}
    .imagedescriptionarea li {padding: 0px 0px;margin: 10px 4px 0px 0px;}
    #newarivals {margin-top: 25px;margin-bottom: 20px;}
    /* @ chengge changge */
	.pagibation{min-width: 100%;}
	.new_rival_ads{display : none;}
	#listingbg .listingmain{width : 100%;min-width: 0px;}
	#listingbg1 .listingmain{width : 100%;min-width: 0px;}
	#newarivals .pagibation {min-width: inherit;display : none;}
	#btn_nav,#listingbg1,#listingbg, #newarivals{width : 100%;}
	.pc-1024{display : none;}
	/* @ chengge changge */
	.listingmaininner li {width: 50%;}
    center {margin-top: 16px;}
    #ftr_left1 {width: 29%;}
    #socialicons {width: 15%;}
    #ftrlogo {width: 38%;margin-left: 0px;text-align: center;}
    #ftr_left {margin-left: 0px;width: 15%;}
    .bannerimg {width: 622px;height: 92px;margin: 10px 0px;padding: 0px;}
    #pagecounting {width: 100%;float: none;text-align: center;margin: 0px;}
    .listingheader1 {width: 100%;float: none;text-align: center;padding: 0px;}
    #btn_nav1 ul li {margin: 5px;}
    .bak_btn {width: 7%;margin: 0px;padding: 0px;float: left; text-align:center; position: absolute; top: 50%;}
    .imgdes {width: 85%;padding: 0px; margin: 0 auto; display: flex;}
    .for_btn {width: 7%;margin: 0px;padding:0px; text-align:center; position: absolute;top: 50%; right: 0;}
    .pc-1024-800{ display: block; }
    .pc-800-600{ display: none; }
}
@media only screen and (min-width:911px) and (max-width: 990px) {
    #ftr_left {width: 15%;}
    #middle {width: 97%;padding: 0px;}
    .listingheader { padding-left: 6px;}
    #middle_right {width: 72%;}
    .bannerimg2{display: none;}
    #newarivals1{width : 100%;}
}
@media only screen and (min-width:801px) and (max-width: 910px) {
    #ftr_left {width: 15%;}
    #middle {width: 97%;padding: 0px;}
    .listingheader { padding-left: 6px;}
    #middle_right {width: 68%;margin : 2% auto;}
    .bannerimg2{display: none;}
    #newarivals1{width : 100%;}
    .imagedescriptionarea li{width : 100%;}
    .imagedescriptionarea .drawing_image{max-width : none !important;}
    .pc{display : none;}
    .mobile{display: block !important;}
    .mobile-table{display: none;}
    .download-link, .advert{width : 100%;}
    .advert .row{width : 90%;margin: 0 auto;}
    .copy-txt{padding : 0 0 0 0;}
}
@media only screen and (max-width: 800px) {
    #newarrivalslisting li {margin: 9px 0px 0px 3px;}
    #middle {width: 95%;padding: 0px;}
    .copy-txt {width: 100%;margin: 0px auto;}
    #ftr_left1 {width: 20%;padding: 0px 10px;}
    #socialicons {width: 20%;margin: 0px;padding: 0px 10px;}
    #ftrlogo {width: 25%;margin-left: 0px;padding: 0px 10px;}
    #ftr_left {margin-left: 0px;width: 20%;padding: 20px 0px 0px 10px;}
    #ftr_left li {margin: -5px 10px 0px 0px;}
    .printbtn {margin: 10px 0px 10px 10px;}
    #btn_nav {height: auto;width: auto;}
    #listingbg {width: 100%;}
    #middle_left, #banneleft {width: 198px;margin-right:3%;}
    #middle_right {width: 64%; margin-left: 0px !important;}
    .bannerimg2{display: none;}
    .listingheader {width: 99%;padding-left: 4px;}
    .imagedescriptionarea .drawing_image{max-width : none !important;}
    .pc{display : none;}
    .mobile{display: block !important;}
    .mobile-table{display: none;}
    .download-link, .advert{width : 100%;}
    .advert .row{width : 90%;margin: 0 auto;}
    #newarivals1{width : 100%;}
    .copy-txt{padding : 0px;}
    .pc-1024-800{ display: block; }
    .pc-800-600{ display: none; }
}
@media screen and (max-width: 680px) {
    #header {padding-bottom: 10px;}
    #headerleft {margin-top: 0;padding-top: 10px;float: left;}
    #headerright {float: right;}
    #headersearcchinputbox {width: 215px;}
    #middle {width: 93%;padding: 0px;}
    #rightnavigation ul {width: 220px;}
    #rightnavigation li {margin: -5px 7px 0px 0px;}
    #homebutton li a {display: inline-block;padding: 0 0px 4px 0px;line-height: 37px;}
    #searhselection li:last-child {margin-left: 0;}
    /*#rightnavigation li a {
    line-height: 41px;
    }*/
    #bannerbg {padding-bottom: 20px;text-align : center;}
    #bannerright {width: 90%;margin-left: 15px;margin-right:0;}
    #facebook {width: 193px;}
    #bannerrightheading {font-size: 20px;}
    #bannerrightheading1 {font-size: 18px;}
    #bannerrightheading1 li {font-size: 13px;}
    #btn_nav li {margin: 0px 5px 5px 5px;}
    #listingbg, #newarivals {width:100%;}
    .arivals_img, .arrivalsimginner {width: auto;height: auto;padding-top: 10px;}
    #newarrivalslisting li {margin: 9px 4px 0px 5px;}
    .bannerimg1 {width: 275px;}
    #rightnavigation {width: 100%;float: none;margin-left: 20px;display: inline-block;}
    #rightnavigation li {margin: 0 7px 0 0;}
    #rightnavigation li a {line-height: 100%;}
    #rightnavigation ul {margin-top: 0;}
    #middle_right {width: 60%;}
    .imagedescriptionarea .drawing_image{max-width : none !important;width : 250px;}
    .pc-1024-800{ display: none; }
    .pc-800-600{ display: block; }
    #headersearch li form {
        border: none;
    }
    #headersearch li input[type=submit] {
        height: 34px;
    }
    #btm-buttons {display: block;}

    .mobile-600 ul , #btm-buttons ul{
        text-align: center;

    }
    .mobile-600 li , #btm-buttons li{
        line-height: 2.5;
        list-style: none;
    }
    .mobile-600 ul li a , #btm-buttons ul li a{

        border: 1px solid #ddd;
        padding: 5px 10px;
    }
}
@media only screen and (min-width: 565px) and (max-width: 692px) {
	/* @chengge wang change*/
	#verticalnav, #banneleft{
		display : none;
	}
	/* @chengge change end*/
    #bannerright {
        width: 90%;
    }
    #facebook {
        margin-left: 5px;
    }
    #middle {
        width: 90%;
        padding: 0px;
    }


}

@media screen and (max-width: 600px) {
	/* @chengge wang change*/
	#middle_left{min-height : 0px;}
	#bannerbg{min-height : 0px;}
	#middle_right {min-height : 0px;}
	.pc-600{display : none;}
	.mobile-600{display : block !important;}
	.mobile-600 .login{ width : 100%;}
	#verticalnav, #banneleft , #bannerrightheading, #bannerrightheading1{
		display : none;
	}
    .imageinformation{padding : 0px;}
    .mobile-ad-600{display : block;}
    .mobile-ad-480{display : none;}
    .pc-1024-800{ display: none; }
    .pc-800-600{ display: block; }
	/* @chengge change end*/
}
@media only screen and (min-width: 380px) and (max-width: 600px) {
    #header {
        text-align: center;
    }

    #headerleft {
        width: 100%;
        margin: 0 auto;

    }
    #headersearch {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        padding: 0px 0px 10px 0px;
    }

    #verticalnav {
        width: 100%;
    }
    #verticalnav ul {
        width: 100%;
    }
    #verticalnav li {
        display: inline-block;
    }
    .login {
        width: 100%;
    }
    #bannerright b {
        float: left;
        clear: right;
    }
    #headerright, #headerleft {
        float: none;
    }
    #headerright {
        margin-left: 20px;
    }
    #middle_left, #middle_right, #btn_nav , #banneleft{
        width: 100%;
        float: none;
        height: auto;
		min-height : 0px;
    }
    #ftr_left1 {
        width: 15%;
        padding: 0px 0px;
    }
    #socialicons {
        width: 23%;
        margin: 0px;
        padding: 0px 10px;
    }
    #ftrlogo {
        width: 23%;
        margin-left: 0px;
        padding: 10px 0px 0px 10px;
    }
    #ftr_left {
        margin-left: 0px;
        width: 26%;
        padding: 25px 0px 0px 12px;
    }
    .drawing_image {
        width: 265px;
    }
    .imagedescriptionarea li.drawing_image img {
        /*width: 100%;*/
        height: inherit;
    }
    .imagedescriptionarea li {
        margin: 10px 27px;
    }
    #newarrivalslisting1 > ul > li > div {
        width: 145px;
    }
    .listingheader {
        padding-left: 2px;
        text-align: center;
        width: 100%;
    }

    .thumbnail {
        margin: 10px 0 0 3px;
        min-height: 190px;

    }
	/* @chengge wang change*/
	#bannerbg{
		min-height : 0px;
	}
	.pc-600{display : none;}
	.mobile-600{display : block !important;}
	.mobile-600 .login{ width : 100%;}
	#verticalnav, #banneleft , #bannerrightheading, #bannerrightheading1{
		display : none;
	}
	/* @chengge change end*/
    .pc-1024-800{ display: none; }
    .pc-800-600{ display: none; }
}
@media only screen and (max-width: 530px) {
    #middle {
        width: 90%;
        padding: 0px;
    }
}
@media screen and (max-width: 480px) {
    #headerleft, #headerright {
        float: none;
    }
    #headerright {
        margin-left: 2px;
        margin-right:0;
        width: auto;
    }
    #headersearch input[type="text"] {
        padding: 5px 3px;
        margin: 0;
    }
    #headersearch li input[type="submit"] {
        height: 32px;
        margin: 0px 0px;
        width: 50px;
        font-size: 13px;
    }
    #homebutton li a {
        padding: 0 3px 4px 3px;
    }
    #banneleft, #bannerright {
        width: 100%;
        float: none;
        margin-top: 15px;
        margin-left: 0;
        text-align: center;
    }
    #headersearch li form {
        background-color: transparent;
    }
    #homebutton {
        margin-left: 0px;
    }
    .ster-jpg, #ster-jpg {
        margin-bottom: 10px;
    }
    #facebook {
        margin: 15px auto;
        float: none;
    }
    #ftr_left1, #socialicons, #ftrlogo, #ftr_left {
        width: 100%;
        float: none;
        margin: 0 auto;
        text-align: center;
        padding: 10px 0px;
    }
    #ftrbtm {
        width: 100%;
        font-size: 10px;
        color: #dddddd;
        padding-top: 10px;
    }
    #socialicons {
        margin: 0 auto;
        width: 100%;
        padding: 10px 0px;
    }
    #socialicons ul {
        width: 100%;
        /* margin: 0 auto; */
        padding: 0px;
    }
    #socialicons li {
        list-style: none;
        float: none;
        margin: 0px;
        padding: 0px 0px;
        opacity: 0.5;
        display: inline-block;
    }
    #ftrlogo {
        margin-left: 0;
    }

    #ftr_left ul {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    #ftr_left li {
        margin: 0 auto;
        width: 100%;
        padding: 0px 0px;
    }
    .pagination_left {
        width: 100%;
    }
    #searhselection li label {
        padding: 0 7px;
    }
    #searhselection li:last-child {
        margin-left: 0;
    }
    #pagecounting, .pagibation {
        width:100%;
        min-width: inherit;
        text-align: left;
    }
    #newarivals_inner_left {
        width: auto;
    }
    .innermainheading {
        font-size: 19px;
    }
    .listingmaininner li {
        width: 90%;
    }
    #ftr {
        padding-bottom: 15px;
    }
    #middle_right {
        width: 100%;
    }
    #pagecounting {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0px;
    }
    .pagination_left #headersearch li input[type="submit"] {
        width: 25%;
    }
	/* @chengge wang change*/
	#bannerbg{
		min-height : 0px;
	}
	.pc-600{display : none;}
	.mobile-600{display : block !important;}
	.mobile-600 .login{ width : 100%;}
	#verticalnav, #banneleft , #bannerrightheading, #bannerrightheading1{
		display : none;
	}
    #btn_nav1{padding : 0px;}
    .downloadarea{width : 100%;}
    .downloadarea p{width : 100px;}
    .mobile-ad-600{display : none;}
    .mobile-ad-480{display : block;}
	/* @chengge change end*/
    .pc-1024-800{ display: none; }
    .pc-800-600{ display: none; }
}
@media only screen and (min-width:320px) and (max-width: 360px) {
    .listingheader1 {
        padding: 0px 0px 35px 0px;

    }
    .drawing_image {
        width: 200px;
    }

    .imagedescriptionarea li {
        margin: 10px 0px;
    }
    .pagination_left #headersearch li input[type="submit"] {
        width: 24%;
    }

    #middle_left, #banneleft {
        margin: 0 auto;
        width: 98%;
    }
    #middle_right {
        margin: 0 auto;
        width: 98%;
    }
    .thumbnail {
        margin: 10px 0 0 3px;
        min-height: 190px;

    }

    #listingbg1 {

        width: 100%;
    }
	#headersearch input[type="text"]{
		width : 200px;
	}
	#headersearch ul{
		margin-left : 20px;
	}
	/* @chengge wang change*/
	#bannerbg{
		min-height : 0px;
	}
	.pc-600{display : none;}
	.mobile-600{display : block !important;}
	.mobile-600 .login{ width : 100%;}
	#verticalnav, #banneleft , #bannerrightheading, #bannerrightheading1{
		display : none;
	}
    #btn_nav1{padding : 0px;}
    .downloadarea{width : 100%;}
    .downloadarea p{width : 100px;}
	/* @chengge change end*/


}
/*Responsive Style End*/