/* Max Media Screen ==========================================================*/

/*True*/
@media screen and (max-width: 1680px) {

.aboutus-value figure { left:-200px; }

}

@media screen and (max-width: 1599px) {

.top-search { width:350px; }

.home-about .name-text {     padding: 20px 50px; }


.aboutus-overview figure { top:-400px; }
.aboutus-vision figure { top:-450px; }
.aboutus-vision figure img { max-width:550px; }
.aboutus-ourservice figure img { max-width:500px; }




.footer .nav-footer { width:20%; }
.footer .category-footer { width:40%; }


}

/*True*/
@media screen and (max-width: 1440px) { 

.aboutus-overview .box-content { margin-top:50px; }

.aboutus-value figure { left:-150px; top:-350px; }
.aboutus-value figure img { max-width:500px; }

.aboutus-ourservice figure { right:-100%; }

.aboutus-value .box-content { padding:40px; }

.photo-title h2 { font-size:36px; }


}

/*True*/
@media screen and (max-width: 1366px) { 

.logo { width:200px; }

.top-search { width:320px; }

.category-list { margin:20px 0; }

.brands-box-list { margin:20px 0; }

.brands-list { margin: 0 0 40px 0; }

.product-detail .box-left { max-width:516px; }

.relate h2 { font-size:24px; }

.pointpage { margin-bottom:40px; }

.pagenumproduct { padding:20px 0; }


.rows { margin-left:-15px; margin-right:-15px; }
.column-4 { padding:15px; }


}

@media screen and (max-width: 1365px) {

.photo-title header { left:30px; width:90%; }

.product-detail .box-left { max-width:480px; }
	

.aboutus-overview { max-width:70%; }
.aboutus-overview figure { left:inherit; top:-380px; right:-30%; }
.aboutus-overview figure img { max-width:500px; }


.aboutus-vision { max-width: 60%; }
.aboutus-vision figure { left:-100%; top:-220px; }


.aboutus-value { max-width:90%; }
.aboutus-value figure { left:-80px; }

.aboutus-ourservice figure { right:-120%; }

.products-list .column-left { padding:20px; }


}

/*True*/
@media screen and (max-width: 1280px) {
	

	
	
}

@media screen and (max-width: 1279px) {

main { margin-top:60px; }

h2 { font-size:26px; }

.header { height:60px; }
.header-less .logo img ,.header .logo img { width:100px !important; }
.logo { width:120px !important; }

.top-search { width:300px; }

.nav li a { padding:0 15px; font-size:16px; }

.home-about .photo { height:450px; }



.product-box .items { width:33.3333%; }

.product-detail .box-left aside { margin-left:auto; margin-right:auto; left:0; right:0; }

.product-detail .box-left { float:left; width:100%; max-width:100%; }
.product-detail .box-right { float:left; width:100%; padding:30px; background:#fff; border-bottom:1px solid #ddd; }

.product-detail .gallery { float:none; margin:0 auto; margin-top:50px; margin-bottom:5px; width:758px; }
.product-detail #product-photo img { margin:0 auto; display:block; width:70%; }
.product-detail .lSSlideOuter .lSPager.lSGallery { position:static; }

.relate .product-box .items:last-child { display:none; }


.aboutus-ourservice { max-width:90%; margin-top:280px; }
.aboutus-ourservice figure { right:-15%; top:-380px; }

.aboutus-vision figure { left:-110%; top:-220px; }
.aboutus-vision figure img { max-width:450px; }

.aboutus-value figure { top:-300px; }
.aboutus-value figure img { max-width:400px; }



.contact-address .list-contact .b-left { width:100%; padding-right:0; }
.contact-address .list-contact .b-right { width:100%; padding-left:0; }

.footer .category-footer { width:30%; }
.footer .category-footer dl { width:50%; }

.footer .address-footer h3 { font-size:18px; }

.column-4 { width:33.3333%; }

}
/*True*/
@media screen and (max-width: 1024px) {


}

@media screen and (max-width: 1023px) {

h1 { font-size:30px; }

.warpper,.header-warpper { padding:0 15px; }

.top-search { width:400px; }

.nav { display:none; }

.list-nav { display:block; }

.nav-mobile { opacity:1; visibility:visible; float:left; position:fixed; width:50%; height:100%; right:-50%; top:60px; z-index:99; overflow:hidden;  transition-timing-function: cubic-bezier(0.76, 0.22, 0.38, 0.9); transition-duration: 0.5s; 
webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.nav-mobile-box { float:right; position:relative; width:100%; min-width:300px; height:100%; background:#333; z-index:99;  }
.nav-mobile-list { float:left; width:100%; position:relative; padding:30px 20px 20px 20px; }
.nav-mobile-list li { float:left; width:100%; position:relative; padding:0; border-bottom:1px solid #555 }
.nav-mobile-list li:first-child {  border-top:1px solid #555  }
.nav-mobile-list li a { display:block; padding:6px 0 8px 10px; font-size:18px; font-weight:400; color:#fff; text-transform:uppercase; }
.nav-mobile-list li a:hover,.nav-mobile-list li a.current { color:#fff; background:#222; }

.nav-mobile .subplus { position:absolute; width:35px; height:35px; text-align:center; vertical-align:middle; cursor:pointer; z-index:1; top:7px; right:0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.nav-mobile .subplus .fa { margin-top:4px; font-size:20px; color:#fff; }

.nav-mobile ul ul { display:none; float:left; position:relative; width:100%; padding-left:15px;  }
.nav-mobile ul ul li { display:inline-block; position:relative; width:100%;/* height:36px;*/ padding-left:13px; text-align:left; vertical-align:top; }
.nav-mobile ul ul li:before { content:''; position:absolute; width:10px; height:2px; background:#999; left:0; top:16px; }
.nav-mobile ul ul li:first-child { border-top:none; }
.nav-mobile ul ul li:last-child { border-bottom:none; }
.nav-mobile ul ul a { display:block; width:100%; padding:10px 10px 10px 5px; font-size:14px; font-weight:300; color:#999; line-height:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav-mobile ul ul a:hover,.nav-mobile ul ul a.current { color:#fff; background:none;  }
.nav-mobile .sub-nav { float:left; width:100%; position:relative; border-top:1px solid #333; }
.nav-mobile .sub-nav a { width:auto; }
.nav-mobile .sub-nav span a { display:block; font-size:16px; font-weight:300; padding-left:18px; background:#444; }
.nav-mobile .sub-nav span a:hover { background:#555; }

.arrow-up {  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.nav-overay {  position:fixed; width:100%; height:100%; left:0; top:60px; background:rgba(0,0,0,0.5); z-index:8; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.active-nav-overay  { opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.new-product-home .see-category { display:inline-block; }

.new-product-home header { padding:10px 15px; }

.slick-prev { right:inherit !important; top:50% !important; }
.slick-next { right:0 !important; top: 50% !important; }

.photo-title h3 { color:#fff; }

.category-list .photo { float:left; display:inline-table; width:100%; }
.category-list .name-text { float:left; display:inline-table; width:100%; min-height:180px; padding:20px;  }
.category-list .text { padding:0; vertical-align:top; }


.brands-box .items { width:25%; }


.products-list .column-left { display:none; }
.products-list .column-right { float:left; width:100%; }

.product-detail .box-right { padding:30px 15px; }

.product-detail .gallery { width:650px; }



.resp-tab-content { font-size:16px !important;  }


.home-about .name-text { padding:20px 30px; }
.home-about .text { padding:0; }
.home-about .text h1 { padding-bottom:0; }

.aboutus-detail { max-width:90%; margin-left:auto; margin-right:auto; }

.aboutus-overview { max-width:90%; margin-left:auto; margin-right:auto; }
.aboutus-overview figure { right:-20%; }


.aboutus-vision { max-width:90%; margin-left:auto; margin-right:auto;  }
.aboutus-vision .box-content { margin-top:200px; }
.aboutus-vision figure { left:0; right:0; margin-left:autol; margin-right:auto; top:-320px; z-index:0; }
.aboutus-vision figure img { max-width:400px; }


.aboutus-value { margin-top:180px; }
.aboutus-value .box-core { width:50%; }

.aboutus-ourservice { max-width:100%; }
.aboutus-ourservice figure { right:-10%; }

.photo-title { display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical; }
.photo-title header { position:relative; width:100%; height:inherit; background:#333; left:0; 
	-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2; }
.photo-title figure {  width:100%; 
	-webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1; }
.photo-title .text { vertical-align:top; }
.photo-title .box { padding:25px 15px; width:100%; }
.photo-title .box-table { height:inherit; }
.photo-title h2 { color:#fff; padding-bottom:15px; }
.photo-title p { color:#bbb; }

.footer .nav-footer { float:left; display:block; width:100%; padding:20px; border-bottom:1px solid #ddd; }
.footer .nav-footer li { display:inline-block; width:auto; padding-right:20px; }
.footer .nav-footer li:last-child { padding-right:0; }
.footer .category-footer { float:left; width:50%; padding:20px; border-left:none; }
.footer .address-footer { float:left; width:50%; padding:20px; }

.rows { margin-left: -10px; margin-right: -10px; }
.column-2 { padding:10px; }
.column-4 { padding:10px; }

.lSAction > .lSPrev { left:15px !important; }
.lSAction > .lSNext { right:15px !important; }

.pointpage { margin-bottom:30px; }


.for-all { display:none !important; visibility:hidden; }
.for-mobile { display:block !important; visibility:visible; }


}



@media screen and (max-width: 768px) {

.product-detail .gallery { width: 730px; }

.contact-address { max-width: 90%; }	
.inquiry { max-width:80%; }




}

@media screen and (max-width: 767px) {

.top-search { width:50px; background:none; }
.top-search input[type="text"] { display:none; }
.top-search button[type="submit"] { display:none; }
.pop-search { display:block; }
.pop-search .fa { padding-top:16px; }

.category-list .photo { height:210px; }
.category-list .name-text { min-height:210px; }

.brands-box h2 { font-size:20px; }
.brands-box .items { height:70px; }


.home-about .photo { float:left; width:100%; height:inherit; }
.home-about .photo img { position:static; height:inherit; width:100%; top:-50%; bottom:-50%; margin-top:auto; margin-bottom:auto; }
.home-about .name-text { float:left; width:100%; padding:60px 30px; }

.photo-title p { font-size:20px; }


.product-detail .gallery { width:580px; }



.aboutus-detail { margin-top:-70px; max-width:100%; }
.aboutus-detail h2 { min-height:70px; font-size:30px;  }
.aboutus-detail .box-content { margin-top:70px; padding:20px; }
.aboutus-detail .box-content:before,.aboutus-detail .box-content:after { display:none; }
.aboutus-detail .box-detail { margin:0; padding:0; }
.aboutus-detail .box-detail h3 { font-size:24px; }

#aboutus-overview { padding-top:0; }
.aboutus-overview { max-width:100%; }
.aboutus-overview .box-content { margin-top:10px; padding:20px; }
.aboutus-overview .box-content:before,.aboutus-overview .box-content:after { display:none; }
.aboutus-overview .box-content p { text-align:center !important; line-height:1.5 !important; font-size:30px !important; }
.aboutus-overview .box-detail { margin:0; }
.aboutus-overview figure { position:static; padding-top:20px; left:inherit; right:inherit; margin:inherit; }
.aboutus-overview figure img { max-width:100%; }


.aboutus-vision { max-width:100%; }
.aboutus-vision .box-content { margin-top:10px; padding:20px;  }
.aboutus-vision .box-content:before,.aboutus-vision .box-content:after { display:none; }
.aboutus-vision .box-detail { margin:0; }
.aboutus-vision figure { position:static; padding-top:20px; left:inherit; right:inherit; margin:inherit; }
.aboutus-vision figure img { max-width:100%; }


.aboutus-value { max-width:100%; margin-top:0; }
.aboutus-value .box-content { margin-top:10px; padding:20px;  }
.aboutus-value .box-content:before,.aboutus-value .box-content:after { display:none; }
.aboutus-value .box-detail { margin:0; }
.aboutus-value figure { display:none; }


.aboutus-ourservice { margin-top:10px; }
.aboutus-ourservice .box-content { margin-top:0; padding:20px; }
.aboutus-ourservice .box-content:before,.aboutus-ourservice .box-content:after { display:none; }
.aboutus-ourservice .box-detail { margin:0; }
.aboutus-ourservice figure { position:static; padding-top:20px; left:inherit; right:inherit; margin:inherit; }
.aboutus-ourservice figure img { max-width:100%; }



.contact-address { margin-top:-70px; max-width:100%; }
.contact-address h2 { min-height:70px; font-size:30px; }
.contact-address .address-name { margin-top:70px; padding:20px; }
.contact-address .address-name:before,.contact-address .address-name:after { display:none; }
.contact-address .address-name h3 { font-size:24px; }
.contact-address .box-detail { margin:0; padding:0; }
.contact-address .list-contact { padding:15px 0 0 0 ; margin-bottom:60px; font-size:16px; text-align:center; border-bottom:1px solid #ddd; }
.contact-address .list-contact .left { float:left; width:100%; margin-right:0; }
.contact-address .list-contact .right { float:left; width:100%; padding-left:0; }
.contact-address .list-contact span.left { padding-top:15px;  border-top:1px solid #ddd; }
.contact-address .list-contact span.right { float:left; width:100%; text-align:center; padding-left:0; padding-bottom:15px; }
.contact-address .list-contact span.right:before { display:none; }
.contact-address .list-contact i { display:block; width:35px; margin:0 auto; padding-right:0; }

.contact-box { padding:20px; }
.contact-box:before,.contact-box:after { display:none; }

.inquiry { max-width:100%; margin-top:0; margin-bottom:0; }
.inquiry ul { margin-left:-15px; }
.inquiry li { padding-left:15px; }

.google-text { height:60px; top:-30px; }






.footer .category-footer { width:100%; border-right:none; border-bottom:1px solid #ddd; }
.footer .category-footer dl { width:33.3333%;  }
.footer .category-footer dt { padding:4px 0; }
.footer .category-footer dl a { line-height:1; }
.footer .address-footer { width:100%; }

.column-4 { width:50%; }

}

@media screen and (max-width: 600px) {

.product-detail .gallery { width: 560px; }

}


@media screen and (max-width: 599px) {

.nav-mobile { width:300px; right:-300px; }

.brands-box-list .name-text { min-height:inherit; padding:20px; }

.product-box .items { width:50%; }

.product-detail .gallery { margin-top:70px; width:374px; }

.product-detail .lSAction > .lSNext { background: url(../images/icon-slide.png) no-repeat right center !important; right: 0 !important; }
.product-detail .lSAction > .lSPrev { background: url(../images/icon-slide.png) no-repeat left center !important; left: 0 !important; }

.photo-title h2 { font-size:30px; }
.photo-title h3 { font-size:24px; }
.photo-title p { font-size:16px; }

.new-product-home h2 { font-size:20px; }

.relate .product-box .items:last-child { display:block; }

.relate h2 { font-size:20px; }


.resp-tab-content { border-bottom:1px solid #eee; }
.tabs-first { padding:0 10px 15px 10px; }

.column-4 { width:100%; }

.hide-navigation { display:none; }

} 


@media screen and (max-width: 425px) {
	
h2 { font-size:24px; }

.brands-box .items { width:33.3333%; }

.category-list .photo { height:inherit; }
.category-list .photo img { position:static; width:100%; height:inherit; top:-50%; bottom:-50%; margin-top:auto; margin-bottom:auto; }
.category-list .name-text { min-height:inherit; }

.aboutus-value .box-core { width:100%; }

.footer .nav-footer li a { font-size:14px; }

.column-2 { width:100%; }

}

@media screen and (max-width: 375px) {

.top-lang { display:none; }
.m-lang { display:block; }
.hilights { padding-bottom:160px; }

.brands-box h2 { font-size:16px; }
.brands-box .items { height:60px; }

.product-detail .gallery { width:334px; }

.footer .nav-footer li { padding-right:5px; }
.footer .address-footer span.right { font-size:14px; }

}

@media screen and (max-width: 320px) { 

.product-detail .gallery { width:284px; }

.inquiry li { width:100%; }

.footer .nav-footer li { width:100%; text-align:center; padding-right:0; }
.footer .nav-footer li a { font-size:18px; }

.footer .address-footer .left { width:70px; }
.footer .address-footer span.right:before { width:10px; left:0; }

}