section.inner{overflow:auto;}
section.inner .products{ margin:20px auto; font-size:16px;max-width:1600px; overflow:hidden;width:96%;}
section.inner .products.open{height:auto; background-color:#eee;}
section.inner .products span{display:block;  background-color:var(--main); color:#fff; width:40%; text-align:left; padding-left: 10px; margin-right:10px;float: left;}
section.inner .products p,section.inner .products .Qty,section.inner .products .Price{padding: 0; text-align:left; margin:0; line-height: 40px;}
section.inner .products .Parts{ background-color:#eee;}
.btnMore{ margin-bottom:60px; cursor:pointer; text-align:center;}
.btnMore p.more,.btnMore.open p.less{display:block; color:var(--main);}
.btnMore:hover p.more,.btnMore.open:hover p.less{color:var(--secondary);}
.btnMore.open p.more,.btnMore p.less{display:none;}
.list-desktop{display:block;}
.list-mobile{display:none;}


.itemBtn.btnNoInfo{margin: 0 auto; height: 60px; width: 84px;}
section.inner .wrapper p.subtitle.noInfo{text-align: center; max-width: 1600px; width: 90%; color:var(--main); padding: 10px 20px;margin:auto;}
section.inner .wrapper p.subtitle.noInfo a{color: var(--secondary); margin:auto;}
section.inner .wrapper p.subtitle.noInfo a:hover{color: var(--word);}


.RFQ_steps{position: relative; z-index: 3;}
.RFQ_steps:before{position: absolute; height: 6px; content: ""; width: 66.667%; background-color: var(--white2); top: 53px; left: 16.7%; z-index: 1;}
.RFQ_steps:after{position: absolute; height: 6px; content: ""; width: 0px; background-color: var(--secondary); top: 53px; left: 16.7%; z-index: 2;}
.RFQ_steps.RFQ_steps2:after{width: 33.33%;}
.RFQ_steps.RFQ_steps3:after{width: 66.66%;}
.RFQ_steps_parts{text-align: center; position: relative; z-index: 3;}
.RFQ_steps_points{float: none; width: 20px; height: 20px; background-color: var(--white); margin: auto; border: 1px solid var(--main); border-radius: 20px;}
.RFQ_steps_parts.RFQ_steps_parts_wrote .RFQ_steps_points{background-color: var(--secondary);  border: 4px solid var(--main);}
.RFQ_steps_parts.RFQ_steps_parts_active p{font-weight: 600;}

.RFQForm_btnMore{width: fit-content; height: 52px; margin: auto auto 60px;}
.RFQForm_btnMore a{float: none; margin: 0px 20px;}
.step1-next .btnMore .btnArrow{background-image: url('/images/other/icon-btnNext.png'); margin: 0px 3px 0px 7px;}
.step1-pre .btnMore .btnArrow{background-image: url('/images/other/icon-btnPre.png'); margin: 0px 7px 0px 3px;}
.btnMore p{margin-bottom:0; padding:0 30px;}

.RFQ_steps{position:relative;}
.RFQ_steps_parts{text-align:center; }
.RFQ_steps_points{margin:auto;float:none;width:20px; height:20px; border:1px solid var(--main); border-radius:20px;}
.RFQ_steps_parts p{margin:10px 0;}
section.inner .content{width:100%; margin:40px auto 0;position:relative;float:right}
section.inner .listHeader{background-color:var(--main); padding:0 20px; font-size:24px;}
.listHeader p{margin-top:10px; color:#fff;}
.listHeader  .amount p{float:right;}
.listHeader  p.amount{float:right;}
.products .list p.amount{text-align:right;}
.listBtn{cursor:pointer;display:block; width:fit-content;}
.list a{margin:0 auto;}
.list{border-bottom:1px solid var(--secondary); padding:10px 0;background:var(--BG2);}
.list p{line-break:anywhere;}
.list .productsGarphic{text-align:center;}
.list img{width:100%; max-width:150px; border:1px solid #bbb;}
.list .one-col{ padding-top:8px;}
.list p.break{display:none;}
.list .listDescription p{float:initial;}
.list .listBtn{width:100%;}
.list .listBtn.btnBlue{border-radius:6px; min-height: 40px;}
.list .listBtn.btnBlue p{font-size:18px;}
.list .listBtn.marked{background-color:#333333;cursor:pointer;}
.list .listBtn.marked:hover{background-color:#fff; color:#2e3092; border:1px solid #bbb;}
.listBtn p{margin: auto; text-align: center; width: inherit; float:none;}
.list .listBtn p.add{display:block;}
.list .listBtn p.added{display:none;}
.list .listBtn.marked p.add{display:none;}
.list .listBtn.marked p.added{display:block; color:#fff;}
.list .listBtn.marked:hover p.added{display:block; color:#333;}
.list input{text-align: left;width: 100%; height: 30px; border: 1px solid #bbb;}
.list .amount input{text-align: right;}
.list .btn-icon{height:30px; width:36px; background-position:top; background-repeat:no-repeat; float: none; margin: auto;}
.list .btn-icon:hover{background-position:bottom;}
.list .btnDel{background-image:url(/images/other/btn-del.png);}
.list .btnEdit{background-image:url(/images/other/btn-edit.png);}
.list .btnDel{}
.list .btnUpload{height:27px; width:27px; background-position:top; background-repeat:no-repeat; float: left; margin: auto; background-image:url(/images/products/btn-upload.png);}
.products .moreBtn{float:left;width:auto; margin-top:20px;}
section.inner .wrapper .products .moreBtn p{line-height: unset;}
.listBtn:hover p{color:var(--secondary)}
a.step1-next{margin:0 auto; float:none;}

.contentsArea{margin:80px auto; display:block;}
.contactFormBG{padding:80px 0;}
.contactForm{ position: relative; max-width: 1600px; width: 96%; padding: 60px 0px 0px; margin: 0px auto; overflow: auto;  border-radius: 4px;}
.contactForm .infoArea p.subtitle{text-align: center;}
.contactForm .infoArea p{ margin:12px 0 0;float:left;}
.contactForm p span{color:#f77}
.contactForm p.note{color:#2e3092; float:none;}
.contactForm .infoArea{width:48%;}
.contactForm .infoArea.instantMessagingInfoArea select{width:38%; float:left;}
.contactForm .infoArea.instantMessagingInfoArea input{width:58%; float:left;}
.verificationCode{overflow:visible;float:left;}
.contactForm .verificationCode img{float:left; padding:7px}
.contactForm .verificationCode p.addation{ padding:7px;float: left;line-height:normal;cursor:pointer;}
.contactForm .verificationCode p.addation:hover{color:var(--secondary);}
.contactForm .verificationCode .infoArea{float:none;}
.contactForm .verificationCode input{float:left;max-width:80px;}
.contactForm .verificationCode p.formLabel{line-height:normal;float: none;}
.contactForm .verificationCode table tr td:first-of-type{width:80px;}

.contactForm .messagesArea{width:100%; padding-top:20px;overflow: auto;float: none;}
.contactForm textarea{width: 100%; border: 1px solid #bbb; height:40px; resize: none;}
.contactForm input,.contactForm select,.contactForm option{width: 100%; border: 1px solid #bbb; height:40px;padding-left: 5px;}
.contactForm input{color:#777;}
.contactForm select option:nth-of-type(1),.contactForm select option:nth-of-type(2){color:#ccc;}
.contactForm select{color:#ccc;}
.contactForm option{color:#777;}
.contactForm select::placeholder{ color:#ccc;}
.contactForm .messages{ height:300px;  margin-bottom: 40px;}
.submit{float:left; width:100%;}
.btnSubmit{float:none; text-align:left; width:110px;  }
.btnSubmit a{ margin:0 auto;}
section.inner .wrapper .btnSubmit p{margin:0 auto;line-height:unset;}

section.inner .wrapper p.errorMessages{display:none; color:#f77; float:left; font-size:12px;padding-top: 5px;line-height:40px;margin:0;}
section.inner .wrapper p.errorMessages.error{display:block;}



a:hover .btnMore{ border:1px solid var(--secondary);}
.btnMore .btnArrow{width:20px; height:30px; background-image:url('/images/icon-btnMore.png'); margin:0 3px 0 7px;}
a:hover .btnMore .btnArrow{background-position:bottom;}

.RFQFormComplete p.subtitle.center{text-align:center;}
.RFQFormComplete .contactForm{padding:30px; background-color:var(--white2); margin:30px auto;}
.ContactUsComplete p.subtitle.center{text-align:center;}
.ContactUsComplete .contactForm{padding:30px; background-color:var(--white2); margin:30px auto;}
.contactUs_page_Email_Verification{width:100%;}

@media screen and (max-width: 1600px){
	.contactFormBG,.contactForm{padding:20px;}
}

@media screen and (max-width: 1400px){
	section.inner p.title{ font-size:48px; color: var(--main); margin-bottom:12px;margin:60px auto 30px;padding:0 40px;text-align: left;}
	section.inner .topBanner{width:100%; height:160px; background:url('/images/inner-banner01.jpg') right; overflow-x: auto; overflow-y: hidden;margin-bottom:60px;position:relative;}
	section.inner .content{width:90%; float:none;}
}

@media screen and (max-width: 991px){
	.contentsArea{padding:15px;}
	.contactFormBG{padding:0 15px;}
	.contactForm{padding:60px 15px}
    .contactForm .infoArea{width:100%; float:left;}
	section.inner .wrapper .contactForm p.formLabel{ float: none;}
	section.inner .wrapper .contactForm p.errorMessages{line-height:unset;}
	.list-desktop{display:none;}
	.list-mobile{display:block;}
	.contentsArea{margin:80px auto; padding:0; display:block;}
	section.inner .products span.USD{font-size:9px;background-color:transparent; color:var(--word);padding:0;line-height: normal;float:none;margin-top:-10px;}
}

@media screen and (max-width: 510px){
	section.inner .products span.USD{line-height: normal;}
}