/*********************************************** IE *********************************************************************/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */




    input[type="checkbox"], input[type="checkbox"]:focus, input[type="checkbox"]:hover { border-bottom: transparent !important; padding: 0px !important; }
    .ts-sec .ts-box { width: 70% !important; float: left; }
    .ts-sec .ts-img { overflow: hidden; }
}

@media screen and (min-width:0\0) {
    .ie910 { property: value\9; }




    /* backslash-9 removes ie11+ & old Safari 4 */

    /*
	.ie910 .main_nav > li > a, header .header a
{
	background: red;
}
	
	.ie910 .f-border:nth-child(4) {
    border-top: 1px #33b48c solid;
    padding-top: 20px;
    clear: both;
		width: 100% !important;
		float: left;
}
	
	
	.ie910 .f-border:nth-child(3), .ie910 .f-border:nth-child(2), .ie910.f-border:nth-child(1) {
    border-right: none!important;
    margin: 15px 0;
    width: 33.3% !important;
    float: left;
}
	
	.ie910 .f-border:nth-child(4) {
    border-top: 1px #33b48c solid;
    padding-top: 20px;
    clear: both;
		width: 100% !important;
		float: left;
}
	.ie910 .f-last {
    border-top: 1px #33b48c solid!important;
    padding-top: 20px;
    width: 100%;
    float: left;
}
	
*/

}




@media (max-width:1024px;) and (-ms-high-contrast: none), (-ms-high-contrast: active) {


    .nav-top li .input-group { }

    .f-border:nth-child(3), .f-border:nth-child(2), .f-border:nth-child(1) { border-right: none !important; margin: 15px 0; width: 33.3% !important; float: left; }

    .f-border:nth-child(4) { border-top: 1px #33b48c solid; padding-top: 20px; clear: both; width: 100% !important; float: left; }
    .f-last { border-top: 1px #33b48c solid !important; padding-top: 20px; width: 100%; float: left; }
}


@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {

    .home-section-3 .data-1:hover .data-2, .home-section-3 .data-1:active .data-2, .home-section-3 .data-1:focus .data-2 { background:; margin-top: 0px; transition: 0.5s ease; top: 0; }
}

@media (min-width:992px) and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {

    .mybannerbg { margin-bottom: 50px !important; }

    .banner-text1 { font-size: 20px; padding-right: 101px; left: 33.3%; position: absolute; bottom: 30%; }
}


@media (max-width:1024px) and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {


    .mybanner i { right: 6% !important; }
}
/*
	@media only screen and (max-width:768px)

		{
			.mybannerbg
	{
		margin-bottom: 0px;
	}
	}
*/







/*
	.ts-sec
	{
		display: inline-block !important;
	}
	.ts-sec .ts-box
	{
		display: inline-block !important;
		width:70% !important;
		float:left;
		
	}
	.ts-img
	{
		display: inline-block !important;
		width:30%;;
		float:left;
		
	}
*/

}

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

input[type="checkbox"], input[type="checkbox"]:focus, input[type="checkbox"]:hover { border-bottom: transparent !important; padding: 0px !important; }



/************************|all 2k 4k 8k Fixed|****************************/


@media(min-width:2561px) and (max-width:80000000px) {
    body, html { position: relative; width: 2561px !important; margin: 0 auto !important; overflow-x: hidden !important; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.24) !important; -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.24) !important; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.24) !important; }
    header { width: 2561px !important; }
    header nav { width: 2561px !important; margin: 0 auto; }
    .main_nav { width: 75% !important; float: left !important; }
    * { font-size: 1em; }
    header.homeheader img { width: 100%; }
    .container.mybanner { margin-top: 300px; }
}


@font-face { font-family: 'FontAwesome'; src: url(../fonts/FontAwesome.otf), url(../fonts/fontawesome-webfont.eot), url(../fonts/fontawesome-webfont.svg), url(../fonts/fontawesome-webfont.ttf), url(../fonts/fontawesome-webfont.woff); font-weight: 400; font-style: normal }

@font-face { font-family: 'fontawesome-webfont'; src: url(../fonts/fontawesome-webfont.eotv=4.7.0); src: url(../fonts/fontawesome-webfont.woff2v=4.7.0) format("woff2"), url(../fonts/fontawesome-webfont.eot?#iefixv=4.7.0) format("embedded-opentype"); font-weight: 400; font-style: normal }

@font-face { font-family: 'robotoregular'; src: url(../fonts/Roboto-Regular-webfont.eot); src: url(../fonts/Roboto-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Regular-webfont.woff) format("woff"), url(../fonts/Roboto-Regular-webfont.ttf) format("truetype"), url(../fonts/Roboto-Regular-webfont.svg#robotoregular) format("svg"); font-weight: 400 !important; font-style: normal }

@font-face { font-family: 'robotobold'; src: url(../fonts/Roboto-Bold-webfont.eot); src: url(../fonts/Roboto-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Bold-webfont.woff) format("woff"), url(../fonts/Roboto-Bold-webfont.ttf) format("truetype"), url(../fonts/Roboto-Bold-webfont.svg#robotobold) format("svg"); font-weight: 600 !important; font-style: normal }

@font-face { font-family: 'robotoblack'; src: url(../fonts/Roboto-Black-webfont.eot); src: url(../fonts/Roboto-Black-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Black-webfont.woff) format("woff"), url(../fonts/Roboto-Black-webfont.ttf) format("truetype"), url(../fonts/Roboto-Black-webfont.svg#robotoblack) format("svg"); font-weight: 900 !important; font-style: normal }

@font-face { font-family: 'robotolight'; src: url(../fonts/Roboto-Light-webfont.eot); src: url(../fonts/Roboto-Light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Light-webfont.woff) format("woff"), url(../fonts/Roboto-Light-webfont.ttf) format("truetype"), url(../fonts/Roboto-Light-webfont.svg#robotolight) format("svg"); font-weight: 300 !important; font-style: normal }
@font-face { font-family: 'robotothin'; src: url(../fonts/Roboto-Thin.eot); src: url(../fonts/Roboto-Thin.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Thin.woff) format("woff"), url(../fonts/Roboto-Thin.ttf) format("truetype"), url(../fonts/Roboto-Thin.svg#robotolight) format("svg"); font-weight: 100 !important; font-style: normal }


/****************************************************************************************************************************/

.message .rfq_form { width: 300px; float: none; margin: 0 auto; }
.message .rfq_form input { margin-bottom: 0px !IMPORTANT; }
.input-group-btn { position: relative; font-size: 14px !Important; }

.ts-img { position: relative; display: flex; align-items: stretch; }

.ts-sec { display: flex; overflow: hidden; }
.container.mybanner { width: 100% !important; position: absolute; bottom: 0; }
table.tbl-cc tr:nth-child(even) { background: white !important; }

table.tbl-cc tr:nth-child(odd) { background: whitesmoke !important; }
ul.pager .dropdown-menu { min-width: auto; }
.pagination_top.default { float: right; }
.lhs .table_view tr:nth-child(odd) { background: #fff !important; }
body { overflow-x: hidden !IMPORTANT; }
.contactform textarea.inputText { min-height: 60px; }
.lhs table.table.table-bordered.wfull tr td { background: white !important; }
td.text-center.td-btn.alllistbtn { width: 100% !IMPORTANT; }
.rhs { margin-bottom: 1em; }
.container .container { width: 100% !important; }
.Home-Section-4 span.HS6-text1 { color: #1e1a86; }
table.table.tbl-2.wfull tr td { background: white; }
.banner-text1 strong { font-family: 'robotoblack'; }
.nav-top span.fa.fa-mobile-phone { font-size: 17px; }
.rfq table.table_form.table.table-bordered { border: 1px solid #ddd !IMPORTANT; }
textarea.inputText { width: 100%; }
section.contactform label.floating-label.move_up { top: -18px !important; }
.mybanner { position: absolute; /*    top: 0;*/ }
.banner-search-box { z-index: 9; bottom: 0; }

.rfq table.table_form.table.table-bordered tr:nth-child(odd) { background: whitesmoke; }
.message > i.fa.fa-close { color: #a92a2e; font-size: 30px; border: 3px solid #a92a2e; padding: 3px 7px; border-radius: 50px; }
.top-search:hover, .input-group-btn.mic:hover, .top-search:focus, .input-group-btn.mic:focus { background-color: transparent !important; background-size: 37%; transition: 0.5s ease; }
.sprite2.yes { background-position: 100%; width: 100px; height: 100px; background: url(../images/spritesheet2.png) -118px -220px; margin: 0 auto; }
.sprite2.no { background-position: 100%; width: 100px; height: 100px; background: url(../images/spritesheet2.png) -7px -220px; margin: 0 auto; }
.cap3 button#cfix i { left: 1em; }
button.owl-dot.active, button.owl-dot:hover { background: transparent !IMPORTANT; }
.message i.fa.fa-check-circle-o { color: #33b48c; font-size: 51px; }
.fsc-content { box-shadow: none !important; padding: 0px !IMPORTANT; }
.lhs .HS1-text0 { color: #17b8d8; font-weight: bold; }
.cap3 button#cfix { padding-left: 43px !IMPORTANT; }
ul.gray_table.bg li a strong { color: black; }

ul.gray_table.bg li a { color: #01017a; font-weight: bolder; }

.inner-pages .floating-label.move_up { top: -15px; display: block; transition: 1s all ease; }
.floating-label.move_up { top: -20px;  left: 20px; font-size: 11px; opacity: 1; color: #33b48c; font-weight: 700; transition: 0.5s ease; position: absolute; margin-bottom: 5px !important; display: block; transition: 1s all ease; }
.floating-label.move_up ~ input { /*    margin-bottom: 21px !important;*/ }
h2.HS4-text2 { margin-top: 0; }
h1.HS2-text2 { margin-top: 0px; }
div#captchax { width: 100%; float: left; }
button#viewdtl:hover { border: 1px solid #33b48c; background: #ffffff !important; color: #33b48c !IMPORTANT; }
button#viewdtl { border: 1px solid #33b48c; background: transparent !important; color: #33b48c !IMPORTANT; margin-top: 10px !IMPORTANT; }
a#viewdtl { border: 1px solid #33b48c; background: transparent !important; color: #33b48c !IMPORTANT; margin-top: 10px !IMPORTANT; display: inline-block; }
a#viewdtl:hover { border: 1px solid #33b48c; background: #ffffff !important; color: #33b48c !IMPORTANT; }
.f-one, .f-two, .f-three { display: flex; justify-content: center; align-items: center; }
.Home-Section-2 h2.heading2 { text-transform: capitalize; }
.f-download { justify-content: center; }
.f-last strong { position: relative; margin-bottom: 26px; display: inline-block; padding-right: 20px; }
.inner-pages.rfq .search-panel select { line-height: 2 !important; }
.f-top { justify-content: center; }
section#demos.home-section-3 { BACKGROUND-color: #ebebeb; }
.inner-fb .columns.two { width: 100%; float: left; }
.search-panel select:focus { border: none !important; }
section#demos .columns.two { padding: 0; }
.owlf button.owl-prev { background: url(../images/left-arroww.png) 152px 152px !IMPORTANT; width: 38px; height: 38px; background-repeat: no-repeat; }
.frlast { border: none !important; }
.owlf button.owl-next { background: url(../images/right-arroww.png) 152px 152px !IMPORTANT; width: 38px; height: 38px; background-repeat: no-repeat; }
.owlf button.owl-prev span, .owlf button.owl-next span { display: none; }
.sub-btn { width: 30px; height: 30px; background: url(../images/css_sprites.png) -205px -172px; position: absolute; left: 10px; top: 8px; }
.sub-btn-txt { padding-left: 40px !IMPORTANT; }

.bg-arrowb { width: 30px; height: 30px; background: url(../images/css_sprites.png) -241px -227px; position: absolute; left: 20px; }
#mySearchModal button.input-group-btn.top-search, #mySearchModal button.input-group-btn.mic { background: #25a9e9; width: 101px; background-position: left 16px center !important; background-size: 1em; border-radius: 0px; margin: 3px; }
#mySearchModal button.input-group-btn.top-search:before { content: "Search"; color: white; z-index: 99999; font-size: 1em; margin-left: 30px; }
#mySearchModal button.input-group-btn.mic:before { content: "Speak"; color: white; z-index: 99999; font-size: 1em; margin-left: 30px; }
#mySearchModal .button-group { width: 100%; float: left; display: flex; justify-content: center; }
#mySearchModal .input-group-btn.search-panel { float: left; width: 100%; margin-bottom: 10px; }
#mySearchModal input.form-control, #mySearchModal select { border: none; background: transparent; border-bottom: 1px solid #333 !important; border-radius: 0px; margin-bottom: 20px; color: #333; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#mySearchModal input.form-control:hover, #mySearchModal select:hover,
#mySearchModal input.form-control:active, #mySearchModal select:active,
#mySearchModal input.form-control:focus, #mySearchModal select:focus { border-top: none !important; border-right: none !important; border-left: none !important; }
#mySearchModal input.form-control::placeholder { color: #333; font-size: 1em !IMPORTANT; }
#mySearchModal .input-group-btn.search-panel select { width: 100% !important; float: left; background: transparent; background-repeat: no-repeat; background-position: right; }
.breadcrumb .container { padding: 0px; }

#mySearchModal button.input-group-btn.top-search:hover, #mySearchModal button.input-group-btn.mic:hover { background-color: #33b48c !important; background-size: 1em; }
h3.text-fp { color: white; position: absolute; z-index: 99; padding: 15px; font-size: 1.5em; }
li.left-etc a, li.right-etc a { color: transparent !important; }
.uploadmark { width: 30px; height: 30px; background: url(../images/uploadmark.png); position: absolute; left: 10px; background-size: 17px; background-repeat: no-repeat; top: 11px; }
.owlf .owl-nav:before { text-align: left; margin-right: 30px; color: white; }
.owlf .owl-nav { background: rgba(51, 180, 140, 0.7607843137254902); padding: 25px 20px; position: absolute; top: -10px; width: 100%; display: flex; justify-content: flex-end; }
.inner-fb .heading1 { font-size: 18px; font-family: "robotobold"; color: #fff; line-height: 2.833; text-align: left; padding: 1em; text-transform: uppercase; position: absolute; top: 1px; background: #33b48c92; z-index: 999; width: 100%; }

.breadcrumb_links, .active { color: #22a7e8 !IMPORTANT; }
.bg-bnr_1 { width: 17px; height: 16px; background: url('../images/css_sprites.png') -170px -228px; position: absolute; right: 11px; top: 9px; display: none; }


.bg-bnr_1g { width: 17px; height: 16px; background: url('../images/css_sprites.png') -207px -228px; position: absolute; right: 11px; top: 9px; display: block; }


.bg-bnr_2 { width: 20px; height: 17px; background: url('../images/css_sprites.png') -311px -226px; position: absolute; right: 11px; top: 9px; display: NONE; }

.ts-sec3 span { width: 100% !IMPORTANT; }
.bg-bnr_2g { width: 20px; height: 17px; background: url('../images/css_sprites.png') -311px -189px; position: absolute; right: 11px; top: 9px; display: block; }


.default.fsc-head, .default.fsc-head strong { background: #17b8d8; color: white !important; padding: 7px 5px; font-size: 1em; }
.Home-Section-2 .container .show-grid { padding: 0 15px !important; }
.pad0 { padding: 0px !IMPORTANT; }
.bg-bnr_3 { width: 19px; height: 19px; background: url('../images/css_sprites.png') -311px -150px; position: absolute; right: 11px; top: 9px; display: none; }
.rfq_form.row select { background: transparent; }

.search_formx input, .search_formx input:focus { background: transparent; border: none !important; }
.search_formx { width: 100%; float: left; position: relative; border: 1px solid whitesmoke; height: 40px; margin-bottom: 10px; border-radius: 3px; background: whitesmoke; }
.upload-box .content span strong { padding: 7px; }

.upload-box .content span { color: #17b8d8; font-size: 21px; }
.upload-box span.pull-right { font-size: 1em; width: 60%; color: #17b8d8; }
form button.pulse.btn.more_btn:hover { background: #d1d1d1 !important; color: white !important; }
a.view_all.more_btn:hover { background: #d1d1d1 !important; color: white !IMPORTANT; }

form.input-group.moveinmobile input.form-control { width: 50% !important; float: left; height: 30px; margin-bottom: 0px !IMPORTANT; border-bottom: none !IMPORTANT; }
.moveinmobile .input-group-btn.search-panel { width: 100px; margin-top: 5px; float: left; }
.moveinmobile .form-group { margin-bottom: 0px !important; }

input:focus ~ .bg-bnr_1g, input:focus ~ .bg-bnr_2g, input:focus ~ .bg-bnr_3g { display: none; }
input:focus ~ .bg-bnr_1, input:focus ~ .bg-bnr_2, input:focus ~ .bg-bnr_3 { display: block; }
.moveinmobile .input-group-btn.search-panel { border-left: 1px #7cffd6 solid; }

.upload-box { width: 100%; float: left; }
.main_paging li.open:last-child > .dropdown-menu { /*    top: 100%;*/ /*    max-width: 45%;*/ right: 0px; left: auto; /* display: inline-flex; */ display: flex; justify-content: flex-end; padding: 0px; border: none; }
.bg-bnr_3g { width: 19px; height: 19px; background: url('../images/css_sprites.png') -311px -111px; position: absolute; right: 11px; top: 9px; display: block; }


.bg-fpoint1 { width: 61px; height: 61px; background: url('../images/css_sprites.png') -10px -91px; }


.bg-fpoint2 { width: 61px; height: 61px; background: url('../images/css_sprites.png') -10px -10px; }
.formbox .floating-label { padding-left: 10px; }

.bg-fpoint3 { width: 61px; height: 61px; background: url('../images/css_sprites.png') -91px -10px; }


.bg-fpoint4 { width: 61px; height: 47px; background: url('../images/css_sprites.png') -91px -91px; }


.bg-left_arrow { width: 51px; height: 51px; background: url('../images/css_sprites.png') -172px -81px; }



.bg-right_arrow { width: 51px; height: 51px; background: url('../images/css_sprites.png') -172px -10px; }


.bg-soc_1 { width: 38px; height: 34px; background: url('../images/css_sprites.png') -304px -60px; float: left; margin: 10px; }
.part_list tr td { text-align: left !important; }

.f-social { width: 100%; float: left; justify-content: center; align-items: center; display: flex; }
.bg-soc_2 { width: 38px; height: 31px; background: url('../images/css_sprites.png') -243px -60px; float: left; margin: 10px; }


.bg-soc_3 { width: 30px; height: 30px; background: url('../images/css_sprites.png') -243px -111px; float: left; margin: 10px; }

.bg-pay_1 { width: 60px; height: 20px; background: url('../images/css_sprites.png') -90px -228px; float: left; margin: 7px; }
.alllistbtn { width: 100% !important; }
.alllistbtn a.more_btn { border: #1e1a86 1px solid; color: #1e1a86 !IMPORTANT; background: transparent !IMPORTANT; }
.Home-Section-2 { padding: 0 10px; }
.alllistbtn a.more_btn:hover { border: #33b48c 1px solid; color: #33b48c !IMPORTANT; background: transparent !IMPORTANT; }

.f-payment { width: 99%; float: left; justify-content: center; align-items: center; display: flex; }
ul.gray_table.bg { width: 100%; float: left; margin: 0; padding: 0; }

ul.gray_table.bg li { list-style: none; width: auto; float: left; padding: 15px; margin: 0px 8px 8px 0; background: #edf1fd; font-size: 13px; border-radius: 10px; text-transform:capitalize !important;}

.bg-pay_2 { width: 61px; height: 36px; background: url('../images/css_sprites.png') -10px -172px; float: left; margin: 7px; }
.inner-pages.rfq div.contentbox > .text-center { border-right: none; border-bottom: 1px solid #cecece; padding-right: 0px !IMPORTANT; }
.inner-pages div.contentbox { padding-right: 0px !IMPORTANT; padding: 5px !important; }
.inner-pages.rfq .search-panel select, .inner-pages.rfq .nav-top input { border: 0px !important; line-height: 1; }

.bg-pay_3 { width: 61px; height: 29px; background: url('../images/css_sprites.png') -91px -172px; float: left; margin: 7px; }


.bg-pay_4 { width: 60px; height: 21px; background: url('../images/css_sprites.png') -10px -228px; float: left; margin: 7px; }


.bg-soc_4 { width: 48px; height: 30px; background: url('../images/css_sprites.png') -243px -10px; float: left; margin: 10px; }

.box-heading { line-height: 1.5; }

.bg-soc_5 { width: 25px; height: 31px; background: url('../images/css_sprites.png') -311px -10px; float: left; margin: 10px; }


.bg-soc_6 { width: 25px; height: 31px; background: url('../images/css_sprites.png') -243px -161px; float: left; margin: 10px; }
/********************************** sprite images*******************/

footer.container-fluid .container, footer.container-fluid .container-fluid, footer.container-fluid div { padding-right: 3px !IMPORTANT; padding-left: 3px !IMPORTANT; }

.box-heading hr { text-align: left; width: 72px; border: 1px solid; margin: 0; margin-bottom: 1em; }
.box-lists span { width: 50%; float: left; font-family: 'robotolight'; }
.sprite { background-image: url(../images/spritesheet.png); background-repeat: no-repeat; display: block }
ul.gray_table.bg li.black a { color: black !important; }
.sprite-download-exe { width: 46px; height: 60px; position: absolute; right: -25px; top: -6px; }
.main_nav li:nth-child(7) ul { right: 0; }
.sprite-org { width: 36px; height: 1em; background-position: -61px -5px }

.sprite-social { width: 23px; height: 22px; background-position: -5px -94px }
.owlf .data-2 { background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(29,85,149,0) 1%, rgba(0,0,0,0.78) 35%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(29,85,149,0) 1%,rgba(0,0,0,0.78) 35%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(29,85,149,0) 1%,rgba(0,0,0,0.78) 35%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=0 ); font-size: 1em; position: absolute; width: 100%; height: 100%; top: 0; color: #33b48c; }
.inputText::placeholder { color: #333; opacity: 1; }
.inner-dt { padding: 20px; width: 100%; float: left; position: absolute; bottom: 0; }
.top_links.padLR0 ul { margin-right: 0; }
.head-r { padding: 0; }
i.sprite.sprite-payment.a { width: 60px; height: 36px; background-position: -5px -53px; float: left }
.inner-pages .logo img { max-width: 100%; }
i.sprite.sprite-payment.b { width: 60px; height: 36px; background-position: -89px -53px; float: left }
.nav-search-wrap.padLR0 { padding: 0px; }

table td a, table td { text-align: left !IMPORTANT; }
.search-panel select { margin: 0; padding: 0 7px; width: 110px !IMPORTANT; float: left; color: #fff; background-color: transparent; border: none; margin-bottom: 0px !IMPORTANT; }
li.left-etc a { background: url(../images/arrowlw.png); background-color: #17b8d8 !IMPORTANT; width: 32px; height: 32px; background-repeat: no-repeat; text-align: center; background-position: center; }
li.right-etc a { background: url(../images/arrowrw.png); background-color: #17b8d8 !IMPORTANT; width: 32px; height: 32px; background-repeat: no-repeat; text-align: center; background-position: center; }

i.sprite.sprite-payment.c { width: 60px; height: 36px; background-position: -176px -53px; float: left }

i.sprite.sprite-payment.d { width: 60px; height: 36px; background-position: -256px -53px; float: left }

.f-payment { }

.modal-footer { padding: 15px; text-align: center }

.modal-body { margin-top: 20px; padding-top: 5px }
.change-bg .head-r { background: white !important; }
.inner-pages .head-r { background: #33b48c; border-radius: 0 0 0 97px; padding-right: 10px !IMPORTANT; }


.head-r { padding: 0; /*
    background: #33b48c;
    border-radius: 0 0 0 97px;
*/ }
#myModal button.btn.btn-default { color: #fff; background-color: #17b8d8; border-color: #17b8d8; width: 178px; height: 40px; border-radius: 101px }
.f-top { margin-bottom: 20px; }
#myModal input.form-control { border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-bottom: 1px solid #ccc; border-radius: 0; margin-bottom: 10px }


#return-to-top i { color: #fff; position: relative; left: 13px; top: 5px; font-size: 26px; margin: 0; transition: all .3s ease 0 }
.breadcrumb { margin-bottom: 0px; }
#return-to-top { position: fixed; bottom: 3px; right: 17px; width: 40px; height: 40px; display: none; z-index: 999999; background: #333; text-decoration: none; border-radius: 35px; transition: all .3s ease 0 }
h1.rfqh1 { margin-top: 5px; }

* { font-family: robotoregular }

.breadcrumb_links { color: #333; }

button.serbtn:hover { color: #33b48c !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }

td.text-center.td-btn { padding: 10px 0; text-align: center !IMPORTANT; }

button.serbtn { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }

button.top-search-btn { display: none }

.vmark i.fa-check { color: #2fb131 }

.vmark i.fa-close { color: #b12f2f }

.vmark { position: absolute; top: 7px; right: 22px }

nav ul.dropdown-menu li { width: 100% }

nav ul.dropdown-menu li a { padding: 7px }

.HS1-text0 { font-size: 23px; font-family: "robotolight"; color: rgb(83, 83, 83); line-height: 1.333; text-align: center; padding: 20px; }
nav ul.dropdown-menu { padding: 0 }

ul.dropdown-menu li:hover > a { background: #33b48c !important; color: #fff !important }
.input-group-btn.search-panel:hover button { background: white; color: #17b8d8; border: none; }
button.serbtn:hover { background: none !IMPORTANT; }
.breadcrumb { background-color: #fff; border-radius: 0px; /*	box-shadow: 1px 6px 3px 0px #33333317;*/ }

.breadcrumb a { color: #333; }
.pagination { margin: 0px !important; }
a,
a:focus,
a:hover, select { text-decoration: none; cursor: pointer }

.topsec { margin-top: 1em }

.content_section.content_section2.dataview > .row:nth-child(2) { margin-top: 20px; }
.content_section.content_section2.dataview > .row.top-margin { margin-top: 20px; }
.rfq_form button { margin-top: 30px }
.change-bg .main_nav li a:hover, .change-bg .main_nav li a:focus, .change-bg .main_nav li.active a { color: #17b8d8; /*    border-bottom: #17b8d8 solid;*/ }

.change-bg .main_nav > li > a { color: #333; }
input[type="checkbox"] { width: 15px !important; float: left }

.page-rfq .navbar-inverse { background-color: #fff !important; border-color: #fff !important; margin-bottom: 0 }

.page-rfq nav.navbar.navbar-inverse.affix-top { padding-bottom: 1em; box-shadow: 0 0 3px 3px #3333334f; -webkit-box-shadow: 0 0 3px 3px #3333334f; -moz-box-shadow: 0 0 3px 3px #3333334f; }

.affix { position: fixed; width: 100%; z-index: 999; top: 0 }

.ts-sec1 .ts-box { /*	background-image: url(../images/ts1.png) !important;*/ }

.ts-sec2 .ts-box { /*	background-image: url(../images/ts2.png) !important;*/ }
.ts-sec3 .ts-box { /*	background-image: url(../images/ts3.png) !important;*/ }
.ts-box span { color: #333 !important; }
.ts-sec .ts-box { background: #ebebeb; padding: 10px; color: #333; width: 100%; float: left; /*
    padding-left: 133px;
    
        background-position: left top;
    background-repeat: no-repeat;
    min-height: 198px;
    background-size: 120px;
*/ }

.ts-head { color: #33b48c; font-family: 'robotobold'; margin-bottom: 10px; }

.ts-box span { color: #333; width: 100%; float: left; font-size: 1em; font-family: 'robotobold'; }

:focus { outline: none }

.dropdown-menu > li > a { font-size: 1em }

body { width: 100% !important; overflow-x: hidden !important }

li.instantrfq:hover,
li.instantrfq:hover a { /*
    background: #fff !important;
    color: #17b8d8!important;
	    border-radius: 50px;
*/ }

.rfqh1 { font-family: "robotoregular"; color: #333; font-weight: 700; text-transform: capitalize; line-height: 1.5; text-align: left; padding-left: 1em; font-size: 17px; }
.banner-search-box .form-group { width: 100%; margin: 1em 0; }


.banner-search-box .banner-text2 { margin-bottom: 15px; text-transform: uppercase; }

.banner-search-box button { margin: 0 auto; }

.dataview table tr td { text-align: center }
.input-group-btn.search-panel.open ul li a { color: #333; }
input:focus, textarea:focus, select:focus { border: 1px solid #33b48c !important; transition: 0.1s ease; }
body.page-rfq input,
body.page-rfq select { }
.mybanner button:hover, .more_btn:hover, .mybanner button:focus, .more_btn:focus { background: #333 !important; cursor: pointer; color: white !important; }
.lhs .formbox { margin-top: 23px; }
.formbox i { right: 23px; }

body.page-rfq input,
select,
textarea, .contactform input, .contactform select { border: none; border: 1px solid #ccc; line-height: 2; width: 100%; padding: 5px 30px 4px 10px; margin-bottom: 33px !important; font-size: 1em; border-radius: 50px; }
.contactform input,
.contactform select,
.contactform textarea, .contactform input, .contactform select { background: white; margin-bottom: 33px !important; }

.nav-top { right: 0; top: 0; display: block; float: left; height: 50px; /*    background: #594a9c;*/ text-align: center; position: absolute; margin: 0 10px 0 0; font-size: 20px; text-decoration: none; color: #fff; z-index: 999; }

.nav-top:before { content: ""; border-top: 0 solid transparent; border-bottom: 50px solid transparent; /*border-right: 40px solid #594a9c;*/ position: absolute; left: -38px; top: 0 }

.nav-top a { color: #fff; font-size: 12px }

.nav-main a { color: #333 !important }

.nav-main { margin-top: 60px; font-size: 16px }
.inner-fb { width: 100%; float: left; margin-top: 30px; }

a.navbar-brand { margin-top: 20px; margin-left: 20px !important }

nav.navbar.navbar-inverse.affix { background-color: #fff; padding-bottom: 10px; box-shadow: 0 0 3px 3px #3333334f; -webkit-box-shadow: 0 0 3px 3px #3333334f; -moz-box-shadow: 0 0 3px 3px #3333334f; }

.navbar-inverse { background-color: transparent; border-color: transparent }

li .input-group { width: 485px }

li .input-group .btn { border-radius: 0 !important; line-height: 2.5 }

li .input-group .btn-default { color: #fff; background-color: transparent; border-color: transparent; }

li .input-group .form-control { height: auto; line-height: 2.5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; background-color: transparent; background-image: none; border: 1px solid transparent; font-size: 0.8em; }
.nav-top > li > a:focus, .nav-top > li > a:hover { text-decoration: none; background-color: transparent !important; color: white; }

li .input-group .btn-default.active,
li .input-group .btn-default:active,
li .input-group .open > .dropdown-toggle.btn-default { color: #fff; background-color: #17b8d8; border-color: #17b8d8 }

li .input-group .btn-default,
li .input-group .btn-default,
li .input-group .open > .dropdown-toggle.btn-default { color: #fff; background-color: #17b8d8; border-color: #17b8d8 }

li .input-group .input-group-btn:last-child > .btn,
li .input-group .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; background: transparent; border: transparent }

li .input-group input.form-control::placeholder { color: #fff }

.nav-main .navbar-inverse .navbar-nav > li > a { color: #fff }

li.instantrfq,
li.instantrfq a { /*    background: #17b8d8;*/ color: #fff !important; padding: 0px 10px; text-transform: uppercase; font-size: 0.8em; line-height: 1.5 !IMPORTANT; height: auto; margin: 0 7px; }


.input-group-btn.mic { background-image: url(../images/top-mic.png) !important; background-repeat: no-repeat !important; background-position: center !important; /*    padding-right: 30px;*/ width: 33px; height: 33px; background-color: transparent; border: transparent; }
.top-search { background-image: url(../images/top-search.png) !important; background-repeat: no-repeat !important; background-position: center !important; padding-right: 30px; width: 33px; height: 33px; background-color: transparent; border: transparent; }

.mainbox .owl-item.active:hover { color: #fff; cursor: pointer }

.mainbox .owl-item.active:hover .data-2 { color: #fff; border-top: 1px solid #fff; background: rgba(51, 180, 140, 0.8588235294117647); margin-top: 0px; transition: 0.5s ease; top: 0; }
.mainbox .owl-item.active:hover a { color: #fff; }
.featured-parts .box-heading a { color: #33b48c; }
.featured-parts a { color: whitesmoke; }
.mainbox .owl-item.active:hover strong { color: #fff; }

.owl-item.active:hover h4.img-circle { background-position: 50px 1px !important }

.navbar-inverse .navbar-nav > li > a { color: #fff; font-size: 16px }

.main-menu { font-size: 16px; font-family: "robotoregular"; color: #33b48c; font-weight: 700; line-height: 1.125; text-align: center }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover { color: #fff !important; background-color: #17b8d8 }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover { color: #fff !important; background-color: #333 }

header.homeheader { /*    background-image: url(../images/banner.jpg);*/ background-repeat: no-repeat; background-position: right; background-size: cover; position: relative; }

.banner-text1 { font-size: 40px; font-family: "robotolight"; color: #535353; line-height: 1.3; text-align: left; padding-bottom: 60px }

.mybanner .form-group { margin-right: 15px }
.banner-search-box form { padding: 20px !important; box-shadow: 0px 3px 7px 2px rgba(51, 51, 51, 0.27058823529411763); -webkit-box-shadow: 0px 3px 7px 2px rgba(51, 51, 51, 0.27058823529411763); -moz-box-shadow: 0px 3px 7px 2px rgba(51, 51, 51, 0.27058823529411763); /*    margin: 20px 20px 20px 0;*/ background: white; border-radius: 12px; }
.banner-text2 { font-size: 30px; font-family: "robotobold"; color: #33b48c; font-weight: 700; line-height: 1.2; text-align: left; text-transform: uppercase; }

.mybanner { }

.mybanner input::placeholder { font-size: 1em; font-family: "robotoregular"; color: #929292; line-height: 2 }

.mybanner input { width: 100%; border-radius: 50px; color: #333; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 1px solid #ccc; padding: 0 33px 0 17px; }

.form-control:focus { border-color: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: 1px solid #17b8d8 }

.mybanner form.form-inline { padding: 40px 0 100px }
.home-section-3 .heading1, .home-section-3 .heading2 { color: #17b8d8 !important; }

.mybanner form.form-inline button { color: #fff; background-color: #33b48c; /*    border-color: #33b48c;*/ width: 178px; height: 40px; border-radius: 101px; margin-top: 30px; box-shadow: 0px 3px 11px 3px #00000047; -moz-box-shadow: 0px 3px 11px 3px #00000047; -webkit-box-shadow: 0px 3px 11px 3px #00000047; border: none; }
.change-bg a { color: #333 !important; }
.change-bg li .input-group { background: #33b48c; }
.change-bg li.instantrfq, .change-bg li.instantrfq a { color: #333333 !important; border-radius: 50px; margin: 0 3px; }

.Home-Section-1 { color: #fff; /*    padding-bottom: 30px*/ }

@media only screen and (min-width:992px) {

    div.contentbox > .text-center { /*
		padding-top: 70px;
		margin-top: -94px;
*/ }
    .Home-Section-1 .HS1-text0 { z-index: 9; position: relative; }
    .rhs .fsc-content tr td { width: 50%; float: left; border: none; }

    .row.captchabox { display: flex; align-items: center; /*   flex-direction: column;
*/ }

    .banner-text1 { margin-top: 92px; }

    .upload-box { background: #f1f1f1; padding: 10px 0; }

    .cmemberships .item { display: inline-block; padding: 10px; width: 9%; }
    .col-md-1-4 { width: 20% }
    .col-md-2-4 { width: 40% }
    .col-md-3-4 { width: 60% }
    .col-md-4-4 { width: 80% }
    .col-md-5-5 { width: 100% }
}

@media (min-width:1200px) {


    .main_nav > li:nth-child(6) ul { right: 0; }
    .ts-box span { color: #333; }

    form.input-group.moveinmobile input.form-control:focus { border: none !important; }
    .col-lg-1-5 { width: 20% }
    .col-lg-2-5 { width: 40% }
    .col-lg-3-5 { width: 60% }
    .col-lg-4-5 { width: 80% }
    .col-lg-5-5 { width: 100% }
}

.show-grid [class^=col-] span { display: block; padding: 5px 0; background-color: #fff; text-align: center; border-radius: 1em }

.Home-Section-1 .show-grid [class^=col-] span { /*    min-height: 192px*/ }

.container-fluid .show-grid [class^=col-] { display: block; padding: 3px; background-color: transparent; text-align: center }

.HS1-text1 { font-size: 18px; font-family: "robotoregular"; color: #fff; text-transform: uppercase; line-height: 1.703; text-align: center; margin: 20px 0 3px }

.HS1-text2 { font-size: 25.546px; font-family: "robotobold"; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 1.2; text-align: center; margin: 0 0 20px }

div.contentbox img { margin: 0 auto }
div.contentbox { width: 100%; float: left; min-height: 110px; padding-right: 20px !IMPORTANT; }
div.contentbox > .text-center { width: 100%; border-right: 1px solid #d2f0f3; float: left; padding-right: 20px; min-height: 120px; }
div.contentbox .inner-box img { width: 78px; float: left; }

.contentbox .inner-box img { width: 60px !important; }

div.contentbox div div { font-size: 18px; font-family: "robotobold"; color: #33b48c; font-weight: 700; text-transform: uppercase; line-height: 1.2; text-align: center; margin-top: 20px }
div.contentbox .inner-box span, div.contentbox .inner-box p { padding: 0 0px 0 75px; text-align: left; }
div.contentbox .inner-box span { font-family: 'robotolight'; text-transform: capitalize; font-size: 1.5em; color: #33b48c; margin-bottom: 7px; }
div.contentbox .inner-box p { font-family: robotolight; text-transform: capitalize; font-size: 1em; color: #777; }

.HS2-text1 { text-transform: CAPITALIZE; margin: 51px 0 0; background-image: url(../images/asaplogo.png); background-repeat: no-repeat; background-position: 0 43px; font-size: 2.5em; font-family: "robotolight"; color: rgb(23, 184, 216); line-height: 1.5; text-align: left; padding-bottom: 25px; }
.Home-Section-2 { background-image: url(../images/bg-sec-2.png); background-position: center right 35%; padding: 20px 0; background-size: 100% 100%; padding: 20px 0; background-repeat: no-repeat; }
.HS4-text1 { font-size: 18px; font-family: "robotoregular"; color: #17b8d8; text-transform: CAPITALIZE; line-height: 1.703; text-align: left; margin: 51px 0 0 }
.HS2-text2 ~ p { font-size: 1.1em; font-family: robotoregular; color: rgb(105, 108, 114); line-height: 1.7; text-align: left; }

.HS2-text2,
.HS4-text2 { font-size: 2.5em; font-family: "robotobold"; color: #17b8d8; line-height: 1; text-align: left; padding-bottom: 24px; TEXT-TRANSFORM: uppercase; }

.hsn-box { /*    margin: 50px 20px 40px;*/ padding-right: 40px !important; z-index: 3; }

.hsn-box .heading { font-size: 17px; font-family: "robotobold"; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 1.2; text-align: left }

.Hot_Stock_Numbers_ { font-size: 24px; font-family: "robotobold"; color: #333; font-weight: 700; text-transform: uppercase; line-height: 1.2; text-align: left; margin: 7px 0 20px }

.hsn-box .heading ul li { list-style: none !important; }


.hsn-box ul li { font-size: 1.1em; margin: 15px auto; list-style: none; padding-left: 20px; color: #fff; background: url(../images/arrowb.png); background-size: 1em; background-repeat: no-repeat; }

.hsn-box ul { padding-left: 0 }



.hsn-box-bg { color: #fff; height: 100%; z-index: 1; margin-top: 30px; margin-bottom: 67px; }

.hsn-box-bg .heading1,
.one .heading1 { font-size: 18px; font-family: "robotobold"; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 0; text-align: left }
.Home-Section-2 .hsn-box-bg .heading1, .Home-Section-2.one .heading1 { font-family: "robotolight"; color: #fff; line-height: 0; text-align: left; TEXT-TRANSFORM: capitalize; font-weight: 100; }
.home-section-0 .heading1, .home-section-0 .heading2 { color: #17b8d8 !important; }
.hsn-box-bg .heading1, .one .heading1 { font-family: "robotolight"; color: #333; line-height: 0; text-align: left; TEXT-TRANSFORM: capitalize; }
.Home-Section-2 .hsn-box-bg .heading2,
.Home-Section-2 .one .heading2 { width: 150px; color: white; }


.hsn-box-bg .heading2,
.one .heading2 { font-family: "robotobold"; color: #333; text-align: left; margin-top: 10px; text-transform: uppercase; }
.Home-Section-2 .show-grid { background: url(../images/jet.png); background-position: top -20px left 35%; background-repeat: no-repeat; background-size: 351px; }


.hsn-box-bg div { }

.mainbox .columns.two { }

.mainbox .one { color: #333; padding: 30px 0; }

.mainbox { position: relative; padding-bottom: 30px }

.mainbox .owl-item.active { background: #fff; height: 392px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18); }

.mainbox .one div { }

.mainbox .owl-nav { }

.mainbox span { color: #fff; }

.mainbox .owl-theme .owl-nav [class*=owl-] { padding: 9px !important }

.mainbox .owl-dots { display: none }

.home-section-3 .data-1 { height: auto; text-align: center; margin: 0 auto; }

.home-section-3 .data-2 { text-align: left; margin: 0 auto; padding: 20px 1em; font-size: 18px; font-family: "robotobold"; color: #33b48c; font-weight: 700; text-transform: uppercase; line-height: 2.667; border: none !IMPORTANT; }

.data-2 + h4 { margin: 0 auto; width: 51px; background: url(../images/arrows.png) !important; background-repeat: no-repeat; height: 40px; background-position: 3px -1px !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; border: none !important }

.point-box { background: #fff; box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12941176470588237); -moz-box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12941176470588237); -webkit-box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12941176470588237); padding: 60px 70px }

.point1 { background-image: url(../images/point1.png); background-repeat: no-repeat; background-position-x: 0; padding: 0 92px 50px }

.point2 { background-image: url(../images/point2.png); background-repeat: no-repeat; background-position-x: 0; padding: 0 92px 50px }

.point3 { background-image: url(../images/point3.png); background-repeat: no-repeat; background-position-x: 0; padding: 0 92px 50px }

.point4 { background-image: url(../images/point4.png); background-repeat: no-repeat; background-position-x: 0; padding: 0 92px 50px }

.hs5-1 { font-size: 24px; font-family: "robotoregular"; color: #333; text-align: left }

.hs5-2 { font-family: "robotoregular"; color: #333; line-height: 1.294; text-align: left }

.point3,
.point4 { padding-bottom: 0; margin-bottom: 0 }

.point-box .point1,
.point-box .point2,
.point-box .point3,
.point-box .point4 { min-height: 125px }

.HS6-text1 { text-transform: uppercase; margin: 51px 0 0; background-image: url(../images/asaplogo.png); background-repeat: no-repeat; background-position-x: 0; padding-left: 160px; background-size: 150px; font-size: 30px; font-family: "robotoregular"; color: #3e3d3d; line-height: .967; text-align: center }

.owl2 div { margin: 0 auto }

.download-exe { color: #b31e03 !important; font-size: 1.4em; float: right; margin-top: 30px; margin-right: 40px }

.nchanddown .nochina { overflow: hidden; margin-bottom: -8px; z-index: 100 }

.nchanddown .nochina img { margin-left: -40px; width: 100% }

address p { color: #fff }

.bigcall { font-size: 2em; font-family: "robotobold" }

.main_nav { float: right; border-left: none }

.Home-Section-4 { padding: 50px 0 }

.Home-Section-4 .owl2 { margin-top: 40px }

.Home-Section-4 .owl-prev span { display: none }

.Home-Section-4 .owl-next span { display: none }

.Home-Section-4 .owl-prev { width: 51px; background: url(../images/arrows.png) !important; background-repeat: no-repeat; height: 30px; background-position: 0 -77px !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; border: none !important }

.Home-Section-4 .owl-next { width: 51px; background: url(../images/arrows.png) !important; background-repeat: no-repeat; height: 30px; background-position: -41px -77px !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; border: none !important }

.home-section-3 .owl-prev span { display: none }

.home-section-3 .owl-next span { display: none }

.home-section-3 .owl-prev { width: 52px; height: 52px; background: url(../images/css_sprites.png) -171px -340px !IMPORTANT; }
.home-section-3 .owl-prev:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.home-section-3 .owl-next:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

.home-section-3 .owl-next { width: 52px; height: 52px; background: url(../images/css_sprites.png) -171px -269px !IMPORTANT; }

.owl1 .data-1 img { background: #fff; }
.owl0 .owl-nav { position: absolute; right: 0; top: -107px; }
.socialicon a { display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% }

.socialicon a:hover { opacity: .9 }

.socialicon a:focus { animation: pulse 1s ease-in-out }

footer { position: relative; background-image: -webkit-linear-gradient(45deg, #5a4a9d 0%, #392d6c 67%, #33b48c 100%); background-image: -ms-linear-gradient(45deg, #5a4a9d 0%, #392d6c 67%, #33b48c 100%); color: #fff; padding: 50px 0 0 }

footer p { padding-top: 8px; padding-bottom: 5px }

footer a, footer p { color: #33b58d !important; text-decoration: none !important; cursor: pointer; }

footer a:hover { color: #fff !important }

footer h4 { color: #fff; text-align: center; font-size: 1.7em }

footer strong { color: #33b58d; font-size: 13px; }

footer h4 span { background-color: #54dbd0; display: block; width: 50px; margin: 0 auto; height: 3px; margin-top: 15px }

footer iframe { /*position: absolute;*/ top: 0; left: 0 }

.map_over { position: relative; top: 0; bottom: 0; left: 0; right: 0; padding: 30px 10px; overflow: hidden; z-index: 900 }

.map_over .container { padding: 0 }

.footer_nav { margin: 0; padding: 0; list-style: none; overflow: hidden; margin-bottom: 15px }

.footer_nav li { width: 100%; display: block; float: left; padding-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }

.gaq { position: fixed; bottom: 0; right: 80px; background-color: #d9e973; padding: 10px 20px; z-index: 1000; color: #525c10; font-weight: 700; text-decoration: none !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }

footer { background: #114233; }

.gaq:hover,
.gaq:focus { background-color: #616167; color: #fff }

.footer_line { text-align: center; color: #cacad1; padding: 20px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #10362a; padding-bottom: 10px; font-size: 1em }

.footer_line p { margin: 0 auto; width: 60% }

.footer_line2 { text-align: center; color: #fff; padding: 20px; padding-bottom: 10px; font-size: 1em; padding-top: 0 }

.footer_line a { color: #cacad1 }

footer i { color: #fff !important }

.map_over { padding-bottom: 0; padding-top: 0 }

.map_over > div > div { display: flex; width: 100%; overflow: hidden; position: relative; top: 0; display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row }

.f-border { border-right: 1px #10362a solid; margin: 10px 0 }

.map_over > div > div div:last-child { border: none }

.f-download img { padding: 10px 25px }

.f-survey.text-center img { width: 86% }

i.sprite.b { background-position: -77px 0 }

i.sprite.c { background-position: -161px 0 }

i.sprite.d { background-position: -243px 0 }

.f-social i.a { background-position: -5px -94px; float: left }

.f-social i.b { width: 30px; height: 22px; float: left; background-position: -48px -94px }

.f-social i.c { width: 34px; height: 22px; float: left; background-position: -98px -94px }

.f-social i.d { width: 36px; height: 22px; float: left; background-position: -148px -94px }

.f-social i.e { width: 30px; height: 22px; float: left; background-position: -201px -94px }

.f-social i.f { width: 30px; height: 22px; float: left; background-position: -248px -94px }

.f-border ul { padding-left: 33px }

.f-last div { width: 100%; float: left }

@media only screen and (max-device-width:520px) {


    .ts-img { display: none; }


    .fixed02.main_paging .open > .dropdown-menu li { padding: 0 7px; }

    .f-border:nth-child(2),
    .f-border:nth-child(3) { /*        width: auto!important;*/ float: left }
    .navbar-brand > img { width: 173px !important }
}

.cta { display: none }

@media only screen and (min-device-width:767px) {




    .captchabox .cap1 { width: 33.33%; }

    .pagination_top.main_paging { float: right; }
}

@media only screen and (max-device-width:520px) {

    .ts-sec .ts-box { /*    margin: 10px 0;*/ background-image: none !important; padding-left: 24px; }
    .nchanddown .nochina img { margin-left: 0; width: 100% !important; }
    ul.gray_table.bg li { width: 100%; }
}

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

    .contactform .row div { padding: 0px; }
    table.tbl-cc tr td { width: 50% !important; float: left; }
    table.tbl-cc tr td:nth-child(1), table.tbl-cc tr td:nth-child(2), table.tbl-cc tr td:nth-child(5), table.tbl-cc tr td:nth-child(6) { background: #fff !IMPORTANT; }

    table.tbl-cc tr td:nth-child(3), table.tbl-cc tr td:nth-child(4), table.tbl-cc tr td:nth-child(7), table.tbl-cc tr td:nth-child(8) { background: whitesmoke !IMPORTANT; }

    .row.captchabox { display: block; }


    .box11, .box22 { margin: 10px 0; }

    /*
	.rfq input:focus ~ .floating-label, .rfq textarea:focus ~ .floating-label, .rfq select:focus ~ .floating-label, .rfq input:not(:focus):valid ~ .floating-label, .rfq select:not(:focus):valid ~ .floating-label, .rfq textarea:not(:focus):valid ~ .floating-label {
    top: -3px;
	}
*/
    .nchanddown .nochina img { margin-left: 0; width: 80%; }
    .f-social i, .f-payment i { margin: 10px 3px; }

    .banner-search-box { padding: 0px; }

    .banner-search-box form { margin: 0px; }
    div.contentbox > .text-center { width: 100%; border-bottom: 1px solid #ccc; }
}

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



    table.tbl-2 tr td { width: 50% !IMPORTANT; float: left; }
    .inner-fb { margin-top: 0px; }
    .container-fluid .container, .container-fluid .container-fluid { padding-right: 3px !IMPORTANT; padding-left: 3px !IMPORTANT; }


    .box-lists span { /*    width: 100%;*/ }

    .mybannerbg { margin-bottom: 203px; }

    .footer_line p { margin: 0 auto; width: 100%; }
    .f-last strong { padding-left: 51px; justify-content: center; display: flex; margin-bottom: 10px; }
    .sprite-org, address { text-align: center; margin: 0 auto; }

    .f-border ul { padding-left: 0px; text-align: center; margin-bottom: 0px; }
    .sprite-download-exe { position: static !important; }
    .Home-Section-1 { color: #fff; padding-bottom: 0px; }
    .Home-Section-2 { background: #ffffff; padding-top: 0px; }

    .mainbox .one { color: #333; padding: 0 0; }

    .home-section-3 .data-2 { font-size: 9px !IMPORTANT; /*    padding-top: 50%;*/ margin-top: 0; }

    input[type="checkbox"] { margin: 0 auto; justify-content: center; align-self: center; display: flex; float: none; margin-bottom: 0px !important; }

    .mybanner { padding-left: 50px; padding-top: 92px !important; }

    .banner-text1 { font-size: 20px; }
    .banner-search-box .form-group { width: 100%; margin: 20px 0; }

    .pagination_top.main_paging { margin-bottom: 33px; }

    .modal ul.dropdown-menu { width: 100% }
    span.input-group-btn.top-search + button[TYPE="submit"] { width: auto; display: block; margin: 0 auto; color: #fff !important; background-color: #17b8d8 !important; border-color: #17b8d8 !important; border-radius: 101px; padding: 7px 23px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 10px }
    button.top-search-btn a i { font-size: 17px }
    .modal-body button,
    .modal-body input { width: 100%; margin-bottom: 3px }
    button.top-search-btn { display: block; border: 1px solid #333; background: #fff; border-radius: 3px; padding: 7px 1em; position: absolute; right: 20%; top: 18px }
    .rhs .gray_table { box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12156862745098039); -moz-box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12156862745098039); -webkit-box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12156862745098039); padding: 10px 15px; width: 100%; margin-bottom: 15px }
    div#myNavbar { overflow: scroll; bottom: 40px; position: fixed; width: 100%; z-index: 100000; top: 69px; padding-bottom: 20px !important }
    .instantrfqf i.pull-right { margin-right: 60px }
    ul.nav.navbar-nav.navbar-right.nav-main.main-menu { overflow: scroll !important }
    .cta { display: block; position: fixed; bottom: 0; background: #33b48c; width: 100%; padding: 3px 0; margin: 0 !important; left: 0; z-index: 999 }
    .cta a i { padding: 10px 10px; float: left; font-size: 20px; }
    .cta a span { display: none }
    form.search_form { width: 170px; float: left }
    .modal-content form.search_form { width: 100%; float: left; }
    #mySearchModal .search_form button.voice { width: 100px; }

    .cta h4 { font-size: 1em; line-height: 3; padding-left: 10px; float: left }
    .instantrfqf i { background: #fff; color: #110739 !important; font-weight: 700; font-family: robotobold; font-style: normal; text-transform: uppercase; margin-left: 20px }
    footer.container-fluid { /*        padding-bottom: 33px*/ padding-right: 7px; padding-left: 7px; }
    select.inputText { margin-bottom: 20px }
    .f-last div.text-center { text-align: left }
    .f-survey.text-center img { width: 86%; text-align: left; float: left }
    .nav-top { display: none !important }
    .nchanddown .nochina { /*        margin-bottom: 20px*/ }
    .upload-box .content div { text-align: center !important; margin-top: 10px }
    .navbar-nav .open .dropdown-menu { background-color: #00000092 }
    .mybanner { padding: 0 20px !important; margin-top: 59px !important }
    .main-menu li a,
    .main-menu .dropdown.open li a { text-align: left; padding-left: 10% }
    .owl1 .owl-item img { display: block; width: auto !important; margin: 0 auto }
    .f-download img { width: auto }
    .nav-main { margin-top: 0 !important }
    a.navbar-brand { width: 200px !important; margin-top: 10px !important }
    .mainbox .columns.two { left: 0 !important; margin: 25px 0; margin-bottom: 0px; }
    .mainbox .owl-nav { position: static !important; margin: 23px 0 !important }
    .hsn-box-bg { width: 100%; position: static; height: auto; padding-top: 15px }
    .hsn-box-bg div { text-align: center !important; position: static; padding: 10px }
    .mainbox .one { height: 150px; position: static; width: 100% }
    .mainbox .columns.two { z-index: 1; top: 0; left: 0 }
    .map_over > div > div { display: block !important }
    a.navbar-brand { margin-top: 0; margin-left: 0; float: left; height: auto; padding: 5px }
    .navbar-inverse .navbar-toggle { border-color: #333; background: #fff }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover { background-color: #110739 }
    .navbar-inverse .navbar-toggle:focus .icon-bar,
    .navbar-inverse .navbar-toggle:hover .icon-bar { background-color: #fff }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #110739 !important }
    .nav-main { margin-top: 0 }
    .banner-text1 { font-size: 20px !important; width: 92%; padding-bottom: 15px; margin-top: 20px; }
    .banner-text2 { font-size: 20px }
    .mybanner form.form-inline { padding: 15px 0 }
    .mybanner form.form-inline button { margin-top: 0 }
    .mybanner input { width: 92% }
    header.homeheader { background-position: right; }
    .f-border:nth-child(3),
    .f-border:nth-child(2),
    .f-border:nth-child(1) { border-right: none !important; margin: 15px 0; width: 33.3%; float: left }
    .f-border:nth-child(4) { border-top: 1px #33b48c solid; padding-top: 20px; clear: both; }
    .f-border { margin: 0px; border-right: none !important }
    .f-last div:first-child { width: auto; margin: 0 auto; float: none; }
    .f-last { border-top: 1px #33b48c solid !important; padding-top: 20px; width: 100%; float: left }
    ul.dropdown-menu { text-align: center }
    .mainbox { position: relative; padding-bottom: 0 }
    .Home-Section-4 { padding: 0 0 30px }
    ul.nav.navbar-nav.navbar-right.nav-top li:nth-child(1),
    ul.nav.navbar-nav.navbar-right.nav-top li:nth-child(2) { display: none }
    .nav-top:before { border-bottom: none; border-right: none; position: static; left: 0; top: 0 }
    ul.nav.navbar-nav.navbar-right.nav-top li { width: auto; float: left }
    .navbar-header { margin-top: 10px }
    .nav-top { display: none }
    .main-menu { background: #110739; color: #fff }
    .main-menu li a { color: #fff !important }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover { color: #fff !important; background-color: #33b48c }
    .HS6-text1 { padding-left: 80px; background-size: 78px; font-size: 15px }
    .navbar-brand > img { width: 251px }
    .download-exe { font-size: 12PX; text-align: center; float: none; margin: 10px auto }
    .nchanddown .nochina img { margin-left: 0; width: 100% }
    body { overflow-x: hidden !important }
    .owl-carousel .owl-item img { display: block; /*        width: auto!important;*/ text-align: center; margin: 0 auto }
    .mainbox .owl-item.active { /*        border: 1px solid #333*/ }
    .mainbox .owl-nav { position: static; margin: 0; }
    .point-box { padding: 10px; margin-top: 30px }
    .point-box .point1,
    .point2,
    .point3,
    .point4 { min-height: auto; padding: 0 0 30px 78px; margin-bottom: 10px }
    .point-box .point1 { margin-top: 20px }
    .point-box { margin: 10px }
}

@media only screen and (min-device-width:1024px) {

    .banner-search-box { position: absolute; left: 2%; }


    address { padding-left: 33px; }
}


@media (min-device-width:992px) and (max-device-width:1024px) {
    .banner-search-box { z-index: 9; bottom: 0; position: absolute; left: 2%; }
}

@media (min-device-width:601px) and (max-device-width:992px) {
    table.table.table-bordered.wfull tr td:nth-child(1), table.table.table-bordered.wfull tr td:nth-child(2) { background: white; }
    table.table.table-bordered.wfull tr td:nth-child(3), table.table.table-bordered.wfull tr td:nth-child(4) { background: whitesmoke; }
}

@media (max-device-width:1200px) and (min-device-width:1024px) {
    .banner-search-box { }
}

@media (max-device-width:1500px) and (min-device-width:1200px) {

    .Home-Section-2 .show-grid { background-size: 287px; }
    .banner-search-box { }
}

@media (min-device-width:00px) and (max-device-width:1024px) {

    footer { font-size: 12px; }

    .Home-Section-2 .show-grid { background: none !important; }

    .f-border ul, address { padding-left: 10px; }

    .sprite-download-exe { width: 27px; height: 24px; position: absolute; right: -10px; top: 0px; background-size: 150px; }
    .nchanddown .nochina { }
    .nchanddown .nochina { background: #f04c4d; }
    .nchanddown .nochina img { margin-left: 0; width: 70%; background: #f04c4d; margin: 0 auto; text-align: center; justify-content: center; display: flex; }

    .Home-Section-2 .hsn-box-bg .heading2, .Home-Section-2 .one .heading2 { width: 100%; color: white; margin-top: 0; }
    .HS2-text1 { background-position: center 44px; /*    padding-top: 31px;*/ }
    .HS2-text2 ~ p { padding: 0 10px; text-align: left; }
    .ts-sec { margin-bottom: 10px; }

    .HS2-text1, .HS2-text2, .hsn-box-bg .heading1, .one .heading1, .hsn-box-bg .heading2, .one .heading2, .HS2-text2, .HS4-text2, .HS4-text1, .heading2 { text-align: center !important; }
    .hsn-box-bg { margin-bottom: 0; }

    .Home-Section-2 .bg-left { background: #17b8d8 !important; }

    .Home-Section-2 { background: #ffffff; padding: 0 10px; }
    .HS2-text2, .HS4-text2 { padding-bottom: 0px; }
}

@media (min-device-width:767px) and (max-device-width:1024px) {


    header.homeheader { background-position: left }
    .nav-top { height: 33px !important }
    a.navbar-brand { width: 200px !important; margin-left: 0 !important }
    .nav-main { margin-top: 0 !important; width: 100% }
    .nav > li > a { position: relative; display: block; padding: 3px 5px }
    a.navbar-brand { width: 292px; margin-top: 30px }
    .nav-top li .input-group { width: 310px !important }
    a.navbar-brand { margin-top: 35px !important }
}

@media only screen and (max-device-width:1200px) {
    .Home-Section-2 .bg-left { background: #17b8d8 !important; padding: 0 15px !important; }
    .Home-Section-2 .bg-right { padding: 0 15px !important; }
    .Home-Section-2 { background-image: none !important; }
    .Home-Section-2 .container .show-grid { padding: 0 5px !important; }

    .HS1-text0 { margin-top: 20px; }

    .fixed02 { padding-bottom: 31px !IMPORTANT; position: fixed; top: 43px !important; }


    .breadcrumb { padding-top: 65px; margin-top: 0px !important; }
    .slidehead2.bg { text-align: center; }

    .owlf .owl-stage-outer { padding-top: 115px; }
    .owlf .owl-nav { top: 0px; }
    .owlf .owl-nav:before { }
    .hsn-box .heading { font-size: 1em }
}

@media (min-device-width:769px) and (max-device-width:1500px) {

    .mybanner { padding-left: 50px; padding-top: 61px; }
}

@media only screen and (min-device-width:1800px) {


    .nav-top li .input-group { width: 470px !important; }

    .logo img { max-width: 100% !important; }
    .main_nav > li > a, header .header a { font-size: 1.2em !IMPORTANT; }
    form.input-group.moveinmobile input.form-control::placeholder { font-size: 1em !important; }
    .logo img { margin-left: 20px; max-width: 501px; }
    .banner-search-box { position: absolute; left: 2%; }
    .banner-text1 { margin-top: 192px; font-size: 55px !important; position: absolute; bottom: 110px; margin: 0 33px; }
    .ts-head { font-size: 20px !important; }

    .ts-box span { font-size: 16px !important; }
}

@media only screen and (max-device-width:1500px) {

    h3.text-fp { padding: 20px; font-size: 1.2em; }

    .ts-box span { font-size: 1em; word-wrap: break-word; word-break: break-all; padding: 3px 5px; }
    .download-exe { margin-top: 0 }
    .nav-top { height: 33px !important }
    .HS6-text1 { padding-left: 92px; background-size: 92px; font-size: 23px; line-height: 3; background-position: 0; }
    .Home-Section-4 { padding: 20px 0 }
    .owl2 .item div { width: 102px; height: 92px }
    footer p,
    footer a { font-size: 1em }
    .f-last { padding-left: 33px }
    .footer_nav li { padding-bottom: 3px }
    .f-download img { padding: 10px; width: 123px; }
    .point1,
    .point2,
    .point3,
    .point4 { padding: 0 0 0 78px }
    .hs5-1 { font-size: 17px }
    .hs5-2 { font-size: 1em }
    .point-box .point1,
    .point-box .point2,
    .point-box .point3,
    .point-box .point4 { min-height: auto; margin: 23px 0; padding-bottom: 25px !important; padding-right: 3px }
    .owl-theme .owl-nav { margin-top: 0 }
    .HS4-text1 { margin: 0 }
    .point1,
    .point2,
    .point3,
    .point4 { background-size: 51px }
    .point-box { padding: 10px }
    .owl1 .owl-item img { display: block; width: 100%; margin: 0 auto }
    .mainbox .columns.two { }
    .owl0 .owl-item img { display: block; width: 100% !important; margin: 0 auto }
    .mainbox .owl-item.active { height: auto; }
    .home-section-3 .data-1:hover .data-2, .home-section-3 .data-1:active .data-2, .home-section-3 .data-1:focus .data-2 { background: rgba(51, 180, 140, 0.8588235294117647); margin-top: 0px; transition: 0.5s ease; top: 0; }
    .home-section-3 .data-2 { font-size: 1em; /*		    padding-top: 50%;*/ position: absolute; width: 100%; /*    height: 100%;*/ bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,000000+35,000000+100&0+1,0.78+35,1+100 */ background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(29,85,149,0) 1%, rgba(0,0,0,0.78) 12%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(29,85,149,0) 1%,rgba(0,0,0,0.78) 12%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(29,85,149,0) 1%,rgba(0,0,0,0.78) 12%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
    .mainbox .one { height: 100% }
    .mainbox .owl-nav { }
    .hsn-box-bg .heading1,
    .one .heading1 { font-size: 18px }
    .hsn-box-bg .heading2,
    .one .heading2 { font-size: 23px }
    li.instantrfq,
    li.instantrfq a { padding: auto }
    .navbar-inverse .navbar-nav > li > a { color: #fff; font-size: 1em }
    .nav-top { height: 33px }
    .search-panel input,
    .search-panel span,
    input.form-control::placeholder { font-size: 10px !important }
    .nav-top li .input-group { width: 350px }
    .nav-top button.btn.btn-default.dropdown-toggle { height: 33px; line-height: 20px }
    li .input-group .form-control { height: auto; line-height: 1 }

    li.instantrfq,
    li.instantrfq a { background: transparent; padding: 0px 10px; line-height: 0 }
    .nav-top:before { border-bottom: 33px solid transparent; /*border-right: 38px solid #594a9c*/ }
    .navbar-nav > li > a { padding-top: 5px; padding-bottom: 5px; margin: 0px; }

    .navbar-nav > li:last-child > a { margin: 3px 0px; text-shadow: 0px 3px 3px rgba(51, 51, 51, 0.12941176470588237) }

    a.navbar-brand { width: 292px; margin-top: 1em }
    .nav-main { margin-top: 50px }
    .banner-text1 { font-size: 37px; left: 27.3%; }
    .banner-text2 { font-size: 20px }
    .HS1-text1 { font-size: 1em }
    .HS1-text2 { font-size: 17px }
    div.contentbox div div { font-size: 1em }
    .HS2-text1 { margin: 23px 0 0 }
}



@media only screen and (min-device-width:1500px) {

    .ts-box span { color: #333; width: 50%; float: left; }

    .tpage { }
    .search-panel select { font-size: 14px !important; }

    .search-panel select { margin: 0; padding: 0 5px; width: 120px !IMPORTANT; }


    .nav-top li .input-group { width: 392px; }
    .nav-top { margin-top: 3px; }
    .nav-top li a span { padding: 0 6px; }

    .nav-top li a { align-items: center; justify-content: center; display: flex; }

    .nav-top span.fa.fa-mobile-phone { font-size: 24px; }
    .HS1-text0 { font-size: 30px !important; }

    .mybannerbg img { width: 100%; }

    .search_formx { width: 100%; float: left; position: relative; }


    .mybanner { }

    .nchanddown { position: relative; margin-top: 50px; }
    .nchanddown div:last-child { position: absolute; bottom: 0; right: 0; }
    .nchanddown div:first-child { position: absolute; bottom: -3px; left: 0; }

    .download-exe { font-size: 30px; }

    .download-exe { margin-top: 30px; }
    .nav-top { height: 33px !important }
    .HS6-text1 { padding-left: 127px; font-size: 2em; background-position: 0; background-size: 120px !IMPORTANT; }
    .Home-Section-4 { padding: 15px 0 }
    .owl2 .item div { width: 102px; height: 92px }
    footer p,
    footer a { font-size: 1em }
    .f-last { padding-left: 33px }
    .footer_nav li { padding-bottom: 3px }
    .f-download img { padding: 10px; float: left }
    .point1,
    .point2,
    .point3,
    .point4 { padding: 0 0 0 78px }
    .hs5-1 { font-size: 17px }
    .hs5-2 { font-size: 1em }
    .point-box .point1,
    .point-box .point2,
    .point-box .point3,
    .point-box .point4 { min-height: auto; margin: 23px 0; padding-bottom: 25px !important; padding-right: 3px }
    .owl-theme .owl-nav { margin-top: 0 }
    .HS4-text1 { margin: 0 }
    .point1,
    .point2,
    .point3,
    .point4 { background-size: 51px }
    .point-box { padding: 10px }
    .owl1 .owl-item img { display: block; width: 100%; margin: 0 auto }
    .mainbox .columns.two { }
    .owl0 .owl-item img { display: block; width: 100% !important; margin: 0 auto }
    .mainbox .owl-item.active { height: auto; padding-bottom: 25px }
    .home-section-3 .data-2 { font-size: 1em }
    .mainbox .one { height: 100% }
    .mainbox .owl-nav { /*
        position: absolute;
        left: -127px;
        margin: 0;
        bottom: 20px
*/ }
    .hsn-box-bg .heading1,
    .one .heading1 { font-size: 2.5em; padding-bottom: 7px; }
    .hsn-box-bg .heading2,
    .one .heading2 { font-size: 2.5em }
    li.instantrfq,
    li.instantrfq a { padding: auto }
    .navbar-inverse .navbar-nav > li > a { color: #fff; font-size: 1em }
    .nav-top { height: 33px }
    .search-panel input,
    .search-panel span,
    input.form-control::placeholder { font-size: 10px !important }
    .nav-top li .input-group { width: 350px }
    .nav-top button.btn.btn-default.dropdown-toggle { height: 33px; line-height: 20px }
    li .input-group .form-control { height: auto; line-height: 1 }

    .floating-label.move_up ~ input { /*    margin-bottom: 21px !important;*/ }
    .floating-label.move_up { top: -20px; left: 20px; font-size: 11px; opacity: 1; color: #33b48c; font-weight: 700; transition: 0.5s ease; /* position: absolute; */ margin-bottom: 5px !important; }
    li.instantrfq,
    li.instantrfq a { /*        background: #17b8d8;*/ padding: 0px 10px; line-height: 0; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.62); }
    .nav-top:before { border-bottom: 33px solid transparent; /*border-right: 38px solid #594a9c*/ }
    .navbar-nav > li > a { padding-top: 5px; padding-bottom: 5px; margin: 0px; }
    a.navbar-brand { width: 292px; margin-top: 1em }
    .nav-main { margin-top: 50px }
    .banner-text1 { font-size: 43px; left: 27.3%; }
    .banner-text2 { font-size: 20px }
    .HS1-text1 { font-size: 1em }
    .HS1-text2 { font-size: 17px }
    div.contentbox div div { font-size: 1em }
    .HS2-text1 { margin: 23px 0 0 }
}

@media (min-width:1224px) {
    .container { width: 98% !important }
    .main-menu li a { font-size: 1em !important }
    .mybanner input::placeholder { font-size: 1em !important }
    .d-flex.justify-content-center { display: flex !important; justify-content: center }
    .d-flex.justify-content-left { display: flex !important; justify-content: left }
}

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

    .row.captchabox { display: flex; }

    .home-section-3 .data-2 { font-size: 10px; /*    padding-top: 30%;*/ margin-top: 50px; }

    .dropdown-submenu { position: relative }
    .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px }
    .main-menu li { float: none; list-style: none; display: inline-block }
}

@media (min-width:0px) and (max-width:992px) {

    .banner-text1 { left: 0% !important; padding-top: 20px; padding-bottom: 20px; }


    .container.mybanner { top: 0; }

    .fixed02.main_paging .open > .dropdown-menu { top: 103px !important; }

    .tpage { margin: 0 auto; }
    .search_formx { width: 96% !important; margin: 0 auto !IMPORTANT; }

    .rhs .fsc-content tr td:nth-child(odd) { background: white !important; }
    .rhs .fsc-content tr td:nth-child(even) { background: whitesmoke !important; }
    .table_view tr td:nth-child(1), .wfull tr td:nth-child(2), .lhs table tr:nth-child(odd) td { background: whitesmoke; }
    .rhs .fsc-content tr td { width: 100% !important; float: left; }

    .ts-sec .ts-box { background-image: none !important; padding-left: 20px; }
    .main_paging .open > .dropdown-menu { background: transparent !important; border: none; box-shadow: none; text-align: center; }
    body { padding-bottom: 43px; }

    .upload-box button#cfix { position: relative; padding: 10px 20px 10px 40px !IMPORTANT; width: auto; }
    .uploadmark { left: 15px; top: 10px; }

    .upload-box button#cfix { float: right; }

    .upload-box .content span { color: #17b8d8; font-size: 21px; text-align: left; float: left; }
    .upload-box span.pull-right { font-size: 1em; width: 100%; color: #17b8d8; text-align: left; }
    .cap2 { padding-bottom: 10px !important; padding-top: 10px !important; }



    .search_formx, .content_section.content_section2.dataview .row .default, .pagination_top.main_paging, .pagination_top { margin: 0 auto; text-align: center; float: none !important; display: block; overflow: hidden; padding-left: 7px; }
    .pagination_top.main_paging, .pagination_top { padding: 23px 0px 0px !IMPORTANT; overflow: visible; }


    .owlf .owl-nav { padding: 1em 20px; }
    .owlf .owl-stage-outer { padding-top: 0px; }
    .cta a i { padding: 10px 10px; float: left; font-size: 20px; }

    .cta { display: block; position: fixed; bottom: 0; background: #33b48c; width: 100%; padding: 3px 0; margin: 0 !important; left: 0; z-index: 999; }


    /*.part_list table td:nth-child(2), .part_list table td:nth-child(4), .part_list table th:nth-child(2), .part_list table th:nth-child(4) { display: none }*/

    .part_list tr:nth-child(odd) td { background: white; }
    .part_list tr:nth-child(even) td { background: whitesmoke; }


    table.table.table-bordered.wfull tr td { width: 50%; float: left; }


    .f-top { padding-bottom: 20px; margin-bottom: 0px; border-bottom: 1px solid #33b48c; }

    footer { padding: 23px 0 0; }
    .cta { display: flex; align-items: center; }
    .cmemberships .item { display: inline-block; padding: 10px; width: 23%; }
    div.contentbox > .text-center { width: 100%; border-right: none; }

    .owlf { padding-top: 92px; }
    .owlf .owl-nav { top: 0px; }
}

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

    .mybannerbg { margin-bottom: 375px !important; }
    .main_paging .open > .dropdown-menu { top: 33px !important; }
}

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


    .mybannerbg { margin-bottom: 300px !important; }
}


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

    .ts-box span { color: #333; width: 100%; }
    .container.mybanner { bottom: 0; top: 0px; }

    .main_paging .open > .dropdown-menu { background: transparent !important; }

    ul.pager > li:first-child a { margin: 0; padding: 7px 10px !IMPORTANT; }

    .content_section.content_section2.dataview { padding-left: 0 !important; padding-right: 0 !important; }

    table.table.table-bordered.wfull tr td:nth-child(odd) { background: white; }
    table.table.table-bordered.wfull tr td:nth-child(even) { background: whitesmoke; }

    h1.rfqh1 { margin-top: 5px; font-size: 1em; }
    .mainbox .columns.two { margin-top: 0px !important; }
    .mybannerbg { opacity: 0.3; }
    .hsn-box-bg { padding-top: 30px; }
    .HS1-text0 { padding: 5px; margin-top: 20px; }

    .banner-search-box .banner-text2 { font-size: 1em; }
    .Home-Section-4 span.HS6-text1 { font-size: 1em; line-height: 1; padding-top: 10px; padding-bottom: 10px; }
    input::placeholder, option, select, textarea::placeholder { font-size: 1em !IMPORTANT; }
    .Home-Section-1, .home-section-3 { padding: 0 30px !important; }
    .hsn-box { padding: 0 15px !important; }
    .mybannerbg img { position: static; right: 0; top: 51px; width: 100%; }

    .mybannerbg { margin-bottom: 255px; }

    .default.fsc-head, .default.fsc-head strong { padding: 0px 5px; }
    /*.part_list table td:nth-child(2), .part_list table td:nth-child(4), .part_list table td:nth-child(3), .part_list table th:nth-child(2), .part_list table th:nth-child(4), .part_list table th:nth-child(3) { display: none; }*/

    table.table.table-bordered.wfull tr td { width: 100%; float: left; border: 1px solid whitesmoke; }
    .part_list tr:nth-child(odd) td { background: white !important; }
    .part_list tr:nth-child(even) td { background: whitesmoke !important; }
}

@media (min-width:0px) and (max-width:400px) {
    .home-section-3 .data-2 div, .home-section-3 .data-2 span { font-size: 13px; }
}

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

    .mybannerbg { margin-bottom: 186px; }

    .ts-box span { font-size: 1em; width: 50% !important; }
}

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



    table.tbl-cc tr td { width: 25%; float: left; }
    table.tbl-cc tr td:nth-child(1), table.tbl-cc tr td:nth-child(2), table.tbl-cc tr td:nth-child(3), table.tbl-cc tr td:nth-child(4) { background: #fff !IMPORTANT; }

    table.tbl-cc tr td:nth-child(5), table.tbl-cc tr td:nth-child(6), table.tbl-cc tr td:nth-child(7), table.tbl-cc tr td:nth-child(8) { background: whitesmoke !IMPORTANT; }

    table.table.table-bordered.wfull tr td:nth-child(3), table.table.table-bordered.wfull tr td:nth-child(4) { background: white; }

    table.table.table-bordered.wfull tr td:nth-child(1), table.table.table-bordered.wfull tr td:nth-child(2) { background: whitesmoke; }

    .mainbox .columns.two { margin-top: 0px !important; }
    .Home-Section-1, .home-section-3 { padding: 0 30px !important; }
    .home-section-3 .data-2 div, .home-section-3 .data-2 span { font-size: 1.2em; }
    .box-heading { line-height: 1.5; font-size: 1.5em !important; }

    .search_formx button { right: 56px; }
    .hsn-box-bg { width: 100%; position: static; height: auto; padding-top: 15px }
    .hsn-box-bg div { text-align: center !important; position: static; padding: 10px; padding-right: 0px !important; }
    .hsn-box { width: 48%; float: left; margin: 1%; padding: 10px }
}

.content_section.content_section2.dataview { box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12156862745098039); -moz-box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12156862745098039); -webkit-box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12156862745098039); padding: 20px 15px }

input,
input::placeholder,
option,
select,
textarea { color: #333; font-size: 1em; width: 100% !important; width: -webkit-max-content }

.slidehead2 { font-size: 14px; font-family: "robotobold"; color: #333; padding: 7px; text-align: left; text-transform: capitalize; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: 300 !important; }

.inner-pages.rfq h4.slidehead2.light { background: #17b8d8; border-top-right-radius: 4px; color: white; font-size: 15px; border-top-left-radius: 4px; margin: 0px; padding: 1em 25px; }

.inner-pages.rfq .inh { MARGIN: 0 3PX; }
.inner-pages.rfq input[type="text"], .inner-pages.rfq select, .inner-pages.rfq textarea { border-bottom: 1px solid #ccc !IMPORTANT; line-height: 2; border-radius: 0px; border: none; }
.inner-pages.rfq input[type="text"]:focus, .inner-pages.rfq textarea:focus, .inner-pages.rfq select:focus { border-bottom: 1px solid #33b48c !important; transition: 0.1s ease; border-left: none !important; border-top: none !important; border-right: none !important; }

.box11, .box22 { box-shadow: 0px 2px 3px 3px rgba(51, 51, 51, 0.12941176470588237); -moz-box-shadow: 0px 2px 3px 3px rgba(51, 51, 51, 0.12941176470588237); -webkit-box-shadow: 0px 2px 3px 3px rgba(51, 51, 51, 0.12941176470588237); width: 100%; float: left; }

.inner-pages.rfq h4.slidehead2.dark { background: #33b48c; border-top-right-radius: 4px; color: white; font-size: 15px; border-top-left-radius: 4px; margin: 0px; padding: 1em 7px; }
.slidehead2.bg { color: #fff; background: url(../images/in-bg.png); padding: 20px; margin-bottom: 0; background-repeat: no-repeat; background-position: inherit; background-size: 100%; }
.slidehead2.bg.bg-rfq { color: #fff !important; background: url(../images/in-bg.png) !important; padding: 20px !important; margin-bottom: 0; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; margin-top: 10px !important; background-repeat: no-repeat !Important; background-size: cover !Important; }

input[type="checkbox"] { float: left; width: 33px }

button#cfix { background-color: #33b48c; width: 123px; height: 40px; border-radius: 62px; color: #fff; border: none; position: relative; }

a.more_less { font-size: 16px; font-family: "robotoregular"; color: #33b48c; font-weight: 700; line-height: 1.5 }

.topsec p { font-size: 1em; color: #333 }

.table_view a,
table td,
table td strong { color: #333; font-size: 1em }

table td { padding: 8px; border: none !important; }



.upload-box img { margin: 0 auto }

.upload-box .content div { font-size: 19px; font-family: "robotoregular"; color: #fefeff; font-weight: 400; line-height: 1.5; text-align: left }

.upload-box button#cfix { background-color: #33b48c !important; color: #ffffff !important; font-weight: 700; padding-left: 35px; position: relative; }
.upload-box button#cfix:hover { background-color: #fff !important; color: #33b48c !important; font-weight: 700 }


.fourpoints .point-box .point1,
.fourpoints .point-box .point2,
.fourpoints .point-box .point3,
.fourpoints .point-box .point4 { min-height: auto; margin: 0; padding-top: 7px !important; padding-bottom: 7px !important; padding-right: 5px }

.upload-box .content { margin-top: 10px }

.lhs .table-responsive { box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12156862745098039); -moz-box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12156862745098039); -webkit-box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.12156862745098039); padding: 10px 15px }

table.gray_table td { line-height: 2 }

.table_view tr:nth-child(odd) { background: whitesmoke; }

.more_btn, .message a.view, .message a.red_btn { background-color: #33b48c !important; color: #fff !important; padding: 7px 27px; text-align: center; border-radius: 50px !important; margin: 3px; border: none; }

section.fourpoints { margin-top: 20px }

table.table_form { width: 100% }

.search_formx input { width: 87% !important; float: left; }

.search_formx button { background: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; color: #17b8d8; position: absolute; right: 4px; top: 7px; }

.pager { margin: 0; border-radius: 0 !important; }

.pager li > a,
.pager li > span { border-radius: 0; }

.main_paging .pager li { position: relative; }

.pager li { display: inline-block !important }

.main_paging .open > .dropdown-menu { padding: 0 20px; margin-top: -1px; left: 0; }

.main_paging .open > .dropdown-menu { background: #333; top: 34px; border-radius: 0; z-index: 1; padding: 0; margin: 0; left: -112%; font-size: 1em; display: inline-flex; border: none; }
.main_paging li:last-child > .dropdown-menu { /*    left: -160px;*/ }

.pagination > li > a,
.pagination > li > span { color: #17b8d8; font-weight: 700; border: none; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { z-index: 3; color: #fff; cursor: default; background-color: #d1d1d1; border-color: #d1d1d1; }

.table_title strong { padding: 5px 10px; background: #33b48c; color: #fff; margin: 10px 0; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { border-radius: 0px }

td.td-btn { line-height: 2 !important }

span.pagination_top.default ul { margin: 5px }

thead a { color: #fff !important }

thead,
thead tr,
thead tr th { background: #17b8d8; color: #fff }

.cage-box .txt { color: #333; line-height: 2; margin-right: 1em; font-weight: bold; font-family: 'robotobold'; }

.cage-box { margin-bottom: 10px; }
.cage-box .list a { color: #333; }
.button__holder { position: relative; width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #1a1a1a }

.button__holder:after { content: ""; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; background: rgba(26, 26, 26, 0.7) }

.plus { position: relative; z-index: 1; width: 80px; height: 80px; color: #1a1a1a; background: #ed1c5b; border-radius: 50%; border: none; transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1); transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1); transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1) }

.plus:after { content: "+"; font-size: 2.5em; line-height: 1.1em }

.plus:hover { -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 0 1px 15px rgba(138, 59, 88, 0.4), 0 0 1px 30px rgba(138, 59, 88, 0.1), 0 0 1px 45px rgba(138, 59, 88, 0.1); -moz-box-shadow: 0 0 1px 15px rgba(138, 59, 88, 0.4), 0 0 1px 30px rgba(138, 59, 88, 0.1), 0 0 1px 45px rgba(138, 59, 88, 0.1); -webkit-box-shadow: 0 0 1px 15px rgba(138, 59, 88, 0.4), 0 0 1px 30px rgba(138, 59, 88, 0.1), 0 0 1px 45px rgba(138, 59, 88, 0.1); }

.button__holder { position: relative; width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #1a1a1a }

.button__holder:after { content: ""; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; background: rgba(26, 26, 26, 0.7) }

span.input-group-btn.mic,
span.input-group-btn.top-search { position: relative; z-index: 1; border-radius: 50%; border: none; transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1); transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1); transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1) }

span.input-group-btn.top-search:after,
span.input-group-btn.mic:after { content: "+"; font-size: 2.5em; line-height: 1.1em }

span.input-group-btn.mic:hover,
span.input-group-btn.top-search:hover { cursor: pointer; box-shadow: 0 0 1px 15px rgba(255, 255, 255, 0.09); -webkit-box-shadow: 0 0 1px 15px rgba(255, 255, 255, 0.09); -moz-box-shadow: 0 0 1px 15px rgba(255, 255, 255, 0.09); }

button:hover,
button:hover a,
button:hover span,
button#cfix:hover,
.more_btn:hover { color: #fff !important; cursor: pointer; }

button:hover,
.more_btn:hover, .message a.view:hover, .message a.red_btn:hover { cursor: pointer; /*    box-shadow:0px 3px 11px 3px #00000047;*/ background-color: #d1d1d1 !important; color: white !IMPORTANT;; }

.pagination > li:hover > a,
.pagination > li:hover > span { z-index: 3; color: #fff; cursor: pointer; background-color: #17b8d8; border-color: #17b8d8; }

.main_paging .pager li.open,
.main_paging .pager li.open a { background: #333 !important; color: #fff; /*    border: none*/ }

.main_paging .pager li.open ul li:hover a { background: #fff !important; color: #33b48c !important }
/*

input:focus ~ .floating-label,
textarea:focus ~ .floating-label,
select:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label,
select:not(:focus):valid ~ .floating-label,
textarea:not(:focus):valid ~ .floating-label {
    top: -17px;
    bottom: 10px;
    left: 20px;
    font-size: 11px;
    opacity: 1;
    color: #33b48c;
    font-weight: 700
}
*/

.inputText { font-size: 1em; width: 200px; height: 35px }
.box11 p, .box22 p { padding: 5px 8px; }
.inner-pages.rfq .captchabox { margin-top: 20px; /*		    text-align: center;*/ }

.floating-label { top: -10px;left: 20px; font-size: 11px; opacity: 0; color: #33b48c; position: absolute; font-weight: 700; display: none; }

.mybanner form .form-group { position: relative; border-radius: 50px; }

i.fa.fa-caret-up { z-index: 99999 }


/* Trigger bootstrap navbar collapse pada viewport <= 1200px */

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

    table.tbl-2 tr td { width: 50% !IMPORTANT; float: left; }
    table.tbl-2 tr { width: 50% !IMPORTANT; float: left; }


    section#demos .columns.two { }


    .banner-text1 { font-size: 20px; padding-right: 101px; left: 33.3%; }

    a.navbar-brand { width: 233px !important; margin-top: 10px !important; }
    .navbar-toggle { display: block; }
    button.top-search-btn { display: block; border: 1px solid #333; background: #fff; border-radius: 3px; padding: 7px 1em; position: absolute; right: 70px; top: 18px; }
    .navbar-header { margin-top: 10px; }
    header.homeheader { background-position: left; }
    div#myNavbar { overflow: scroll; bottom: 40px; position: fixed; width: 100%; z-index: 1000; top: 69px; padding-bottom: 20px !important; margin: 0; left: 0; padding-left: 0; padding-right: 0; }
    ul.nav.navbar-nav.navbar-right.nav-main.main-menu { overflow: scroll !important; }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover { color: #fff !important; background-color: #33b48c; }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-inverse .navbar-toggle { border-color: #333; background: #fff; }
    .main-menu li a { color: white !important; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #110739 !important; }

    .collapse.in { display: block !important; }
    .main-menu li a,
    .main-menu .dropdown.open li a { text-align: left; padding-left: 10%; line-height: 20px; }
    .nav-main { margin-top: 0 !important; width: 100%; }
    .main-menu { background: #110739; color: #fff; width: 100% !IMPORTANT; margin: 0; }
    .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .main-menu li { float: none; list-style: none; display: block; text-align: left; }
    a.navbar-brand { width: 200px !important; margin-top: 10px !important; }
    .navbar-inverse .navbar-toggle { border-color: #333; background: #fff; right: 0; position: absolute; }
}

@media (max-width: 1199px) {
    ul.nav.navbar-nav.navbar-right.nav-top { display: none; }
}

@media (max-width: 317px) {
    a.navbar-brand { width: 100% !important; margin: 0 !important; padding: 10px; float: left; }
    .navbar-header { padding-bottom: 60px; }
    .navbar-inverse .navbar-toggle { border-color: #333; background: #fff; right: 0; position: static; }
    .navbar-brand > img { width: 100% !important; float: left; }
}

.rhs .gray_table { box-shadow: 0px 0px 0px #333; -moz-box-shadow: 0px 0px 0px #333; -webkit-box-shadow: 0px 0px 0px #333; width: 100%; float: left; margin-bottom: 1em; }

div#myModal { z-index: 9999999; }

li.dropdown.open > a > span.caret { transform: rotate(180deg); transition: 0.1s ease; }
section.custom1 .owl-nav.disabled { display: none; }




/********************/
@media (max-width: 1279px) and (min-width: 0px) {

    .pagination_top.default.main_paging.fixed02 { justify-content: center; align-items: center; margin-top: 1em !important; display: flex; padding-top: 7px !important; }
    .pagination_top, .pagination_top.default.main_paging { padding-top: 3px !IMPORTANT; }
    .main_paging .pager li.open, .main_paging .pager li.open { background: #333 !important; color: #fff; border: 1px solid #333 !important; }
    .main_paging .pager li.open, .main_paging .pager li.open a { background: #333 !important; color: #fff; border: none; }
    .fixed02.main_paging .open > .dropdown-menu { justify-content: center !important; align-self: center !important; }

    .fixed02 { position: fixed; top: 50px; padding: 7px !important; width: 100%; background-color: #ffffff !important; display: block; left: 0px !important; right: 0px !important; z-index: 1000; border-bottom: 1px #cccccc solid; padding-top: 27px !important; padding-right: 10px !important; }
}


@media only screen and (max-width: 992px) {
    .content_section.content_section2.dataview .row .default { margin-top: 10px; }

    .upload-box { background: #ededed; padding: 10px; color: #fff; background-size: 100%; align-items: center; display: flex; width: 100%; float: left; text-align: center; margin: 0 auto; flex-direction: column; }
    .upload-box .content div { margin-top: 10px; text-align: center !important; float: none; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
    .upload-box .content div span { text-align: center !important; }
    .upload-box button#cfix { margin: 0 auto; float: none; }
}


@media (max-width: 520px) and (min-width: 0px) {

    ul.dropdown-menu li a { padding: 5px 5px !important; }

    .f-border:nth-child(3),
    .f-border:nth-child(2),
    .f-border:nth-child(1) { border-right: none !important; margin: 0px 0; width: 100%; float: left }

    .search_formx button { position: absolute; right: 10px; }
    .upload-box { background: #ededed; padding: 10px; color: #fff; background-size: 100%; justify-content: center; align-items: center; display: block; width: 100%; float: left; }

    .more_btn, .message a.view, .message a.red_btn { background-color: #33b48c !important; color: #fff !important; padding: 7px 20px !important; text-align: center; margin: 3px; }
    .pager li > a, .pager li > span { display: inline-block; padding: 5px 3px; background-color: #fff; border: 1px solid #ddd; border-radius: 0px; }
}

.modal-backdrop { display: none !important; }

.search-panel select { font-size: 12px; }


@media only screen and (min-device-width: 1500px) {

    .inner-pages.rfq .captchabox { margin-top: 20px; /* text-align: center; */ width: 80%; margin: 20px auto 20px; }

    .banner-search-box { position: absolute; left: 2%; z-index: 9; padding: 0 40px !important; }

    .search_formx { width: 100%; float: left; position: relative; }
    .upload-box { display: flex; justify-content: center; align-items: center; }
    .upload-box .content > div span:last-child { font-size: 21px; }

    .upload-box .content > div span:first-child { color: #17b8d8; font-size: 30px; }
    .box-lists span { font-size: 15px; /*    padding-left: 30px;*/ }
    .box-heading { font-size: 20px; /*    padding-left: 30px;*/ }
    .owlf .owl-nav { font-size: 20px; }
    .owlf.owl-theme .owl-nav { margin-top: 10px; display: flex; }

    .home-section-3 .data-2 { font-size: 1em; /*    padding-top: 30%;*/ position: absolute; width: 100%; bottom: 0; /*    top: 0;*/ background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(29,85,149,0) 1%, rgba(0,0,0,0.78) 35%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(29,85,149,0) 1%,rgba(0,0,0,0.78) 35%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(29,85,149,0) 1%,rgba(0,0,0,0.78) 35%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=0 ); }
}

.capitalize { text-transform: capitalize !important; }
.h2 { font-size: 16px !important; margin-top: 10px; font-weight: 900; padding-left: 5px; }
.no-top-margin { margin-top: 0px !important; }
.top-margin { margin-top: 20px; }
.h3 { font-size: 15px !important; font-weight: 900; padding-left: 5px; }
.cfix { padding-left: 35px !important; position: relative; background-color: #33b48c; width: 123px; height: 40px; border-radius: 62px; border: none; }
.table_form th { background-color: #d1d9f0; padding: 10px; }
.inner-pages.rfq h3.headernsn { background: #17b8d8; border-top-right-radius: 4px; color: white; font-size: 15px; border-top-left-radius: 4px; margin: 0px; padding: 1em 25px; }
.headernsn { font-size: 14px; font-family: "robotobold"; color: #333; padding: 7px; text-align: left; text-transform: capitalize; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: 300 !important; }


.foot-disc p, .no-china p, .fallenheroes p { line-height: 1.2; font-size: 1em }

.no-china img, .no-china p, .fallenheroes p { vertical-align: middle }

.pre-footer { padding: 0; margin: 0 }

.foot-disc, .no-china, .fallenheroes { position: relative; background-color: #fff; color: #6a7582; padding: 4px 20px 0 40px; border-top: 2px #d4333c solid; border-bottom: 3px solid #ccc; overflow: hidden; min-height: 150px; margin-bottom: 30px; border-radius: 10px; }

.no-china-content, .fallenheroes-content { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; margin: 0 auto; padding-top: 2em }

.foot-disc ul li { width: 100%; float: none; text-align: left; margin: 0; padding: 0; /*border-bottom: 1px dashed #ccc*/ }

.foot-disc p { margin-bottom: 0; padding: 5px 0; color: #000 }

.no-china p, .fallenheroes p { padding-left: 14px; padding-top: 1.2em; margin-left: 18% }

.no-china img, .fallenheroes img { width: 80px; float: left }

@media(min-width:768px) and (max-width:980px) {
	.foot-disc, .no-china, .fallenheroes { min-height: 138px }
}

@media(min-width:1024px) and (max-width:1280px) {
	.no-china-content, .fallenheroes-content { position: absolute; width: 100%; height: 100%; padding-left: 10px; padding-right: 10px }

	.no-china p, .fallenheroes p { margin-left: 29%; padding-left: 2px }

	.mobipfix { margin-top: -10% !important }

	.foot-disc, .no-china, .fallenheroes { min-height: 187px }
		.foot-disc ul { margin-top: 11%; }
}

@media(min-width:768px)and (max-width:991px) {
	.no-china-content, .fallenheroes-content { padding-left: 30px; padding-right: 30px }

	.mobipfix { margin-top: 0 !important }

	.no-china p, .fallenheroes p { margin-left: 14% }
	.foot-disc ul { margin-top: 3%; }
}

@media(max-width:767px) {
	.no-china p, .fallenheroes p { line-height: 1.2; font-size: 1em; display: block; vertical-align: middle; margin-left: 95px; padding-top: 1.2em }
}

@media(max-width:480px) {
	.no-china-content, .fallenheroes-content { position: absolute; width: 100%; height: 100%; padding-left: 15px; padding-right: 10px; padding-top: 20px }

	.no-china p, .fallenheroes p { margin-left: 79px; padding-top: .4em; margin-top: 12px; font-size: 13px; }

	.fallenheroes { min-height: 165px }
	.foot-disc, .no-china { min-height: 120px; }

	.mobipfix { margin-top: -4% !important }
	.foot-disc ul { margin-top: 3%; }
	.mobiimg-fix { margin-top: 2%; }
}

.mobipfix { margin-top: -6%; }

@media(min-width:1367px) and (max-width:1920px) {
	.mobipfix { margin-top: -1% }

	.foot-disc, .no-china, .fallenheroes { min-height: 167px }

		.no-china p, .fallenheroes p { margin-left: 17% }

	.no-china-content { left: 21%; }

	.foot-disc ul { margin-top: 6%; }
	.fallenheroes p { padding-right: 29px; }
}

@media(min-width:1025px) and (max-width:1366px) {
	.no-china-content { left: 12%; }

	.foot-disc ul { margin-top: 6%; }
	.fallenheroes p { padding-right: 29px; }
}


@media(max-width:360px) {
	.fallenheroes { min-height: 170px; }
}

@media(max-width:330px) {
	.fallenheroes { min-height: 220px }
	.foot-disc, .no-china { min-height: 120px; }
	.mobiimg-fix { margin-top: 10%; }
}

@media(min-width:1920px) and (max-width:800000px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 130px
    }
}

@media(min-width:1680px) and (max-width:1919px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 140px
    }
}

@media(min-width:1440px) and (max-width:1679px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 140px
    }
}

@media(min-width:1366px) and (max-width:1439px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 145px
    }
}

@media(min-width:1280px) and (max-width:1365px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 140px;
    }
}

@media(min-width:1024px) and (max-width:1279px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 240px
    }
}

@media(min-width:980px) and (max-width:1023px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 240px
    }
}

@media(min-width:800px) and (max-width:979px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 245px
    }
}

@media(min-width:768px) and (max-width:799px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 345px
    }
}

@media(min-width:600px) and (max-width:767px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 340px
    }
}

@media(min-width:480px) and (max-width:599px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 445px
    }
}

@media(min-width:400px) and (max-width:479px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 441px
    }
}

@media(min-width:410px) and (max-width:412px) {
    .certificate {
        height: 337px
    }
}

@media(min-width:413px) and (max-width:415px) {
    .certificate {
        height: 337px
    }
}

@media(min-width:0px) and (max-width:399px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 544px
    }
}

@media (max-width: 80000px) and (min-width: 0px) {
    .content_section {
        padding-bottom: 0px !important;
    }
}