/*==========================================
Old Screen
==========================================*/
.mobileShow{display: none;}
.news-content img{max-width: 100%; max-height: 100%; height: auto;}

@media screen and (max-width: 1280px ) and (min-width: 1000px) {
	.wrap {width:1000px}
	/* header */
	.product-img{height: 192px;}
	.mainNav li{padding: 15px 15px; margin:0 5px;}
	.nav-sub-mask{margin-left: -15px; /*top:147px;*/ top: 126px;}
	.nav-sub-mask li{padding:  10px 43px;}
	header.fixed.index .nav-sub-mask{top:113px; top:119px;}
	header.fixed .nav-sub-mask{top:113px; top:120px;}
	
	/* product - list */
	.rel-products ul.products_list li{width: 29%;}

	/*product - detail */
	.rel-products ul.rel_list li{width: 22%;}
}

@media screen and (max-width: 1280px){
	.allBrand li{width: 20%;}
}

@media screen and (max-width: 1200px){
	.fancybox-inner{width: 1100px !important;}
}

@media screen and (max-width: 1100px){
	/* enqiury box*/
	.fancybox-inner{width: 1000px !important; height: auto !important;}
	#enquiry-box .index-contact-form{padding-right: 30px;}
	.index-contact-form .fLeft{width: 46%;}
}

/*==========================================
Tablet
==========================================*/

@media screen and (max-width: 1060px){
	.swiper-pagination{display: block !important;}
	.swiper-button-next, .swiper-button-prev{display: none !important;}
}

@media screen and (max-width: 1000px) and (min-width: 900px){
	/* enqiury box*/
	.fancybox-wrap{left: 0px !important; width: 100% !important;}
}

@media screen and (max-width: 1000px){
	.newBack{padding-left: 25px;}

	#news-list hr{margin: 30px 0px;}
	
	.fancybox-inner{max-width: 1000px !important; width: auto !important;}
	#enquiry-box .index-contact-form .table-tr > div:nth-of-type(2) input{width: 100%;}
	#enquiry-box .index-contact-form .table-tr > div:nth-of-type(2) textarea{width: 100%;}
	#enquiry-box .index-contact-form .fLeft:nth-child(2) .table-tr > div:nth-of-type(1){width: 165px;}
	#enquiry-box .index-contact-form .rightside{width: 48%; margin-right: 0px;}

	.wrap {width:100% !important;}

	/* header */
	header{padding-top: 0px; height: 60px;}
	header .mainLogo{width: 200px; margin-left: 30px; margin-top: 3px;}
	.mobileIcon{display: block; top:0px; right: 20px;}
	header .topNav{width: auto;}
	header .nav{display: none;}
	.mainNav{display: none;}
	.mobile-btn-search{display: block; top:-6px;}
	#header-top {height: 50px; background-color: #3b2272;}
	.header-top-right {width: 100%;}
	.header-top-right > * {float: left; border-left: 1px solid #ca7512;}
	.header-top-right .search {border-left: 0; width: 100%; margin-top: 5px; position: relative; padding: 0 5px;}
	.header-top-right .search input {height: 35px; width: 100%; border: 0; margin: 2px 0;}
	.header-top-right .search .btn-search {top: 10px; position: absolute; right: 10px; display: block; width: 17px; height: 17px; background: url(../images/icon_search.png);}
	header .innerContainer{height: 60px; background: #fff; padding-top: 13px;}

	/*footer*/
	.footerNav{display: none;}
	footer p, footer p a, footer p a:hover{padding-top: 10px; text-align: center; padding-bottom: 15px;}
	#back-to-top{text-align: center; float: none; margin-top: 0px; padding-top:20px;}

	/*common */
	.pageContainer{margin-top: 60px;}
	.breadcrumb{margin: 20px 30px; line-height: 25px; }
	h2{margin-left: 30px;}
	.banner img{width: 100%;}
	.btn-back{margin-left: 30px; margin-bottom: 0px; line-height: 25px; background-position-y: 7px; }
	.mobileArrow{margin-right: 10px; position: relative;top:-1px; display: block;}
	#product-cate-nav{display: none;}
	#brand-cate-nav{display: none;}
	#brand-cate-nav-container{margin: 0px 0px 0px 0px;}
	#news-cate-nav{display: none;}

	/* index */
	.index-brands li{margin:0px; width: 40%; margin:0px 15px; margin-bottom: 20px; }
	.index-brands h2{margin-left: 0px;}
	.index-brands li img{width: 100%;}
	.profile-product a:nth-child(1){margin-right: 0px;}
	.profile-product a:nth-child(2){/*float: right;*/}
	.profile-product img{width: 100%;}
	.index-contact h2{margin-left: 0px;}
	.index-contact li{width: 30%; vertical-align: top;}
	.swiper-slide img{width: 100%;}

	.index-contact-form .fLeft{width: 48%; margin-right: 20px;}
	.index-contact-form .fLeft:nth-child(2){margin-right: 0px;}
	.index-contact-form .fLeft:nth-child(2) .table-tr > div:nth-of-type(1){width: 112px;}

	/* about-us*/
	#about-us{margin: 0px 30px; width: auto;}
	#about-us .fLeft{width: 48%}
	#about-us img{width: 48%;}

	/* faq */ 
	#faq{margin: 0px 30px; width: auto;}
	.faq-title{line-height: 25px; font-size: 18px;}

	/* news */
	.news-nav{width: auto; float: none; margin: 0 30px;}
	.news-nav h2{margin-left: 0px;}
	.news-list h2{margin-left: 0px;}
	.news-list{width: auto; float: none; margin: 20px 30px; max-width: none;}
	#news-list .news-item .news-img{width: 100%; text-align: center; height: 250px;}
	#news-list .news-item .news-detail{width: 100%; padding: 0px; margin-top: 15px;}

	/* news-detail */
	#news-detail{width: auto; margin: 0 30px;}
	.news-title{margin-left: 0px; margin-bottom: 20px; text-align: center;}
	.news-date{position: initial; width: 100%; text-align: center; margin-bottom: 15px;}
	.news-content img{width: 100%;}

	.content-left{width: 100%;}
	#news-detail{width: auto; margin: 0 30px !important;}
	.news-content{margin-bottom: 0}

	.content-right{width: 90%; margin: 0 auto; float: none;}
	.related-article-list{/*margin-left: 30px;*/}
	.related-product-list{/*margin-left: 30px;*/ margin-bottom: 30px; display: table;}

	/* product - list */
	.product-nav{width: auto; float: none; margin: 0 30px;}
	.product-nav h2{margin-left: 0px;}
	.product-list h2{margin-left: 0px;}
	.product-list{width: auto; float: none; margin: 20px 30px; max-width: none; padding-top: 0px;}
	.product-item{width: 30%;}
	.product-item .product-img img{width: 100%;}
	.product-img{height: 272px;}


	/* product - deatil */
	#product-detail{width: auto; float: none; margin: 0 30px;}
	#product-photos li{width: 16%; height: 60px;}
	#product-photos ul li img{height: auto; width: 100%;}
	#product-photos{width: 40%;}
	#product-description{width: 60%;}
	.rel-products ul.rel_list li{width: 21%;}

	/* contact -us */
	#contact-us{margin: 0 30px; width: auto;}
	#contact-us .fLeft{width: 47%; margin-bottom: 20px; width: 100%;}
	#contact-map{width: 47%;}

	#news-list .news-item .news-detail .news-date{text-align: left;}

	.mobileShow{display: block;}
	.contact-map{display: none;}

	.product-detail-left{width: 100%; display: inline-block;}
	.new-related{width: 100%; max-width: initial;}
	#product-description{width: 100%;}
	.right-side{width: 100%; max-width: initial;}
	.related-article ul{width: 100%;}
}


@media screen and (max-width: 900px){
	/*enqiury box */
	#enquiry-box .enquiry-title{margin-right: 0px;}
	#enquiry-box .index-contact-form .rightside{width: 100%;}
	#enquiry-box .index-contact-form .rightside .table-tr > div:nth-of-type(1){width: 165px;}

	/* index */
	.index-contact-form .fLeft{width: 100%; margin-right: 0px;}
	.index-contact-form .table-tr > div:nth-of-type(2) input{width: 100%;}
	.index-contact-form .fLeft:nth-child(2) .table-tr > div:nth-of-type(1){width: 165px;}
	.index-contact-form .table-tr > div:nth-of-type(2) textarea{width: 100%;}
	.index-contact-form .form-submit{margin-top: 20px;}
	.index-contact-form .fLeft:nth-of-type(2){width: 100%; float: right;}
	.index-contact-form .fLeft:nth-of-type(2) .table-tr > div:nth-of-type(1){width: 165px; text-align: left}
	.index-contact-form .fLeft:nth-of-type(2) .table-tr > div:nth-of-type(2){width: calc(100% - 165px;)}

	/* product - detail */
	#product-photos{width: 100%; float: none; margin: 0 auto;}
	#product-photos li{width: 17.5%; height: 85px;}
	#product-description{width: 100%; padding: 0px;}
	.rel-products.clear h2{margin-left: 0px;}
	.product-button{text-align: center;}

	.product-button{margin-top: 40px;}
}

@media screen and (max-width: 767px){
	/* index */ 
	.index-brands li{width: 30%; min-height: auto; margin-bottom: 20px;}
	.index-brands{padding-bottom: 0px;}

	/* about-us*/
	#about-us .fLeft{width: 100%;}
	#about-us img{width: 100%;}

	/* product-list */
	.rel-products ul.products_list li{width: 47%;}
	.rel-products ul.products_list li{margin-right: 35px !important;}
	.rel-products ul.products_list li:nth-child(2n){margin-right: 0px !important;}

	/* product - detail */
	.rel-products ul.rel_list li{width: 30%;}
	.rel-products ul.rel_list li{margin-right: 35px !important;}
	.rel-products ul.rel_list.products_list li{margin-right: 35px !important;}
	.rel-products ul.rel_list.products_list li:nth-child(3n){margin-right: 0px !important;}

	/* contact-us */
	#contact-us .fLeft{width: 100%;}
	#contact-map{width: 100%;}
}

@media screen and (max-width: 767px){
	/* product - detail */
	.rel-products ul.rel_list li{width: 29%;}
}

@media screen and (max-width: 700px){
	.allBrand li{width: 25%;}
}

@media screen and (max-width: 650px){
	/* product-list */
	.rel-products ul.products_list li{width: 46%;}

	/* product - detail */
	.rel-products ul.rel_list li{width: 29%;}
}

@media screen and (max-width: 600px){
	/* index */ 
	.profile-product a{width: 100%;}
	.profile-product a:nth-child(1){margin-bottom: 20px;}
	.index-contact li{width: 100%; vertical-align: top; margin-bottom: 20px;}
	.index-contact li img{width: 100px;}
	#about-us > .fLeft p{margin-bottom: 30px;}

	/* product - detail */
	.rel-products ul.rel_list li{width: 46%;}
	.rel-products ul.rel_list.products_list li{margin-right: 35px !important;}
	.rel-products ul.rel_list.products_list li:nth-child(3n){margin-right: 35px !important;}
	.rel-products ul.rel_list.products_list li:nth-child(2n){margin-right: 0px !important;}
}

@media screen and (max-width: 550px){
	/* index */ 
	.index-brands li{width: 49%; width: 40%;}

	/* news */
	#news-list .news-item .news-img{height: auto;}

	/* product - detail */
	#product-photos li{width: 17%;}
}

@media screen and (max-width: 500px){
	/*enqiury-box*/
	#enquiry-box .enquiry-title{line-height: 25px; margin-bottom: 20px;}


	/* index */
	.index-contact-form .table-tr > div:nth-of-type(1){width: 100%; margin-bottom: 0px;}
	.index-contact-form .table-tr > div:nth-of-type(2){width: 100%; margin-bottom: 15px;}
	.index-contact-form .form-submit{margin: 0px;}
	.index-contact-form .form-submit .table-tr > div:nth-of-type(1){width: auto;}
	.index-contact-form .form-submit .table-tr > div:nth-of-type(2){width: auto; float: right}

	/* product-list */
	.rel-products ul.products_list li{width: 45%;}
	#product-description{margin-top: 0px;}
	.product-title{font-size: 12px; text-align: left; line-height: 16px;}
	.product-detail-title{font-size: 16px; margin-top: 0px; width: 84%;}
	#product-photos{width: 80%}
	.product-detail-desc table{width: 100%;}
	.product-detail-desc p{font-size: 14px;}
	.news-content-container p{margin-bottom: 5px;}
}

@media screen and (max-width: 450px){
	/* product - detail */
	#product-photos li{width: 16%; height: 60px;}
	.btn_download1{background-size: 100%; padding: 11px 80px;}
	.btn_enquiry1{background-size: 100%; padding: 11px 50px;}
	.btn_download2{background-size: 100%; padding: 11px 80px;}
	.btn_enquiry2{background-size: 100%; padding: 11px 50px;}
	.btn_download3{background-size: 100%; padding: 11px 80px;}
	.btn_enquiry3{background-size: 100%; padding: 11px 50px;}
	.product-button{height: 25px;}

	.product-button{height: auto;}
	.btn_download1{display: block; padding: 0px; width: 70%; margin: 0 auto; height: 50px;}
	.btn_download2{display: block; padding: 0px; width: 70%; margin: 0 auto; height: 50px;}
	.btn_download1:hover{background-size: 100%;}
	.btn_download2:hover{background-size: 100%;}
	.btn_enquiry1{display: block; padding: 0px; width: 45%; margin: 0 auto; height: 50px;}
	.btn_enquiry2{display: block; padding: 0px; width: 45%; margin: 0 auto; height: 50px;}
	.btn_enquiry1:hover{background-size: 100%;}
	.btn_enquiry2:hover{background-size: 100%;}

	.allBrand li{width: 39%;}
}

@media screen and (max-width: 410px){
	/* product-list */
	.rel-products ul.products_list li{width: 44%;}
}

@media screen and (max-width: 370){
	/* product-list */
	.rel-products ul.products_list li{width: 100%;}
}

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



}

/*==========================================
Mobile
==========================================*/

@media screen and (max-width: 767px ) {
.wrap {width:94%}

.mobileIcon {display:block}

.flexFloatL li {width:48%; margin-right:4%}
.flexFloatL li:nth-child(even) {margin-right:0}




}


@media screen and (max-width: 460px ) {
.flexFloatL li {width:100%; margin-right:0}

}

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

	/* index */ 
	.index-brands{padding: 0px;}
	.index-brands li{width: 49%; width: 40%; width: 25%; margin: 0 10px;}
	.profile-product{display: none;}
	.index-contact li{width: 32%; }
	.index-contact li img{max-width: 65%; }
	.index-contact li a.email, .index-contact li a.email:hover{word-wrap: break-word;}
	.index-contact li span,.index-contact li a, .index-contact li a:hover{font-size: 12px;}
	.index-contact-form .table-tr > div:nth-of-type(1){line-height: 20px;}
	.index-contact-form .table-tr > div:nth-of-type(2) input{height: 30px;}


	/* news */
	#news-list .news-item .news-img{height: auto;}

	/* product - detail */
	#product-photos li{width: 17%;}

	#contact-us .fLeft p span{font-size: 14px;}
	#contact-us .fLeft p{font-size: 14px; line-height: 20px; margin-bottom: 10px;}
	#contact-map, .contact-map{width: 100%;}

	.faq-title{font-size: 14px; line-height: 20px;}
	.faqicon{width: 20px; height: 20px; background-size: 100%; margin-left: 4px;}
	.faq-title.active .faqicon{background-size: 100%;}
	.faq-answer p{font-size: 14px; line-height: 20px;}
	.faq-list > li{padding: 0px;}

	.allBrand li{width: 26%; text-align: center; margin: 0px 10px; min-height: 50px;}
}