/************************************************************************************
smaller than 980
*************************************************************************************/
@media  (max-width: 1399px) {
#phone a, #email a{
    
    font-size: 18px;
}
ul.genm-menu {
    width: 92%;
}
}
@media  (max-width: 1299px) {
#phoneAndSearchContainer {
    text-align: right;
    width: 50%;
}
.navbar-right {
    
    width: 23%;
}
ul.genm-menu {
    width: 75% !important;
}
.item {
    margin-top: 0px;
}
}
@media (max-width: 1210px){
ul.genm-menu {
    padding-left: 0px;
}
}
@media (max-width: 1200px){
ul.genm-menu {
    width: 100%;
}
div.header_tagline {
        width: 100% ;
        
    }
}
@media (max-width: 1185px){
.genm-menu > li > a {
    padding: 0 8px !important;
}
}
@media (max-width: 1155px) {
    ul.genm-menu {
        width: 77% !important;
    }
}
@media (max-width: 1095px) {
    .genm-menu > li > a {
        font-size: 16px !important;
    }
}
@media (max-width: 1125px) {
    .navbar-right {
        width: 26%;
    }
        ul.genm-menu {
        width: 74% !important;
    }
   
    
    
}
@media (max-width: 990px){
.col-md-3.col-sm-3.col-lg-3.text-center.logimg {
    width: 38%;
    margin: auto;
}
    .genm-menu > li > a {
        font-size: 17px !important;
    }
    ul.genm-menu {
        width: 100% !important;
    }
.col-md-3.col-sm-12.col-lg-3.logon {
    width: 30%;
}
div#headerRight {
    width: 70% ;
}

    .htfix p.spacehead {
        text-align: right !important;
        display: none;
    }
    .htfix .klopob.header_tagline {
        margin: auto;
        width: 90% !important;
        display: none;
    }

#phoneAndSearchContainer {
    text-align: right !important;
    width: 90% !important;
}
        .search_botton_mobile {
        width: 60%;
        clear: both;
    }
    .lef {
    width: 100%;
    clear: both;
}
#phone, #search {
    width: 100%;
    padding-top: 0px;
}
.geta {
        width: 50%;
        text-align: center;
        /* margin: auto; */
        float: right;
    }
.header_certifications {
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

}
@media (max-width: 500px){
    .modal.fade.in {
    z-index: 100000;
}
.main-popup textarea, .quick-form-b .quick-form-con textarea {
    
    margin-bottom: 0px;
    
}
.main-popup form {
    padding: 0 8px;
}
}

@media (max-width: 767px){
.geta {
    width: 40% !important;
    font-size: 16px;
}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 8px;
        height: 8px;
       
    }
    .carousel-indicators li {
    width: 6px !important;
    height: 6px !important;
    margin: 2px !important;
    }
    .carousel-indicators .active {
    width: 6px !important;
    height: 6px !important;
}
#phoneAndSearchContainer {
        text-align: center !important;
        width: 100% !important;
        float: none;
    }
       .wwnxx.search_botton_mobile {
    float: unset !important;
}
.search-input-container {
        width: 240px;
    }
        h4.forres {
        text-align: center !important;
    }
        .getaa button.bnjklop {
        margin-right: 0px !important;
        text-align: center;
        float: none;
    }
p.bro {
        text-align: center !important;
        width: 100% !important;
        float: unset !important;
        
    }
        .search_botton_mobile {
        width: 75%;
        margin: auto;
    }
p.spacehead {
    padding-top: 0px;
        text-align: center !important;
        width: 85%;
        margin: auto !important;
    }
    .col-md-3.col-sm-12.col-lg-3.logon {
        width: 60% !important;
        margin: auto;
    }
        div#headerRight {
        width: 100% !important;
    }
    div.header_tagline {
        width: 100% !important;
        float: unset;
        text-align: center;
    }
       
}

@media (max-width: 600px){
span.fml {
    
    font-size: 20px;
}
    p.spacehead {
        font-size: 20px !important;
        line-height: 31px !important;
    }
    p.bro {
    
    padding-top: 11px !important;
}
.htfix #phone, .htfix #search {
        padding-top: 0px !important;
        margin-top: -9px;
    }
    
}
@media (max-width: 540px) {
        p.nbvfg.hhnj {
        font-size: 18px !important;
        line-height: 26px;
    }
}
@media (max-width: 490px){
.geta {
    width: 45%;
}
    .htfix .header_certifications {
        margin-bottom: 14px;
        margin-top: 10px;
    }
.horlcatelist {
    padding: unset;
}
#main {
   
    width: 100%;
}
.header_tagline {

    padding-top: 0px;
}
h4.forres {
    margin: 0px;
    padding-top: 6px;
}
.col-md-3.col-sm-3.col-lg-3.text-center.logimg {
    width: 45%;
}
p.spacehead {
    padding-left: 0px;
}
.col-md-3.col-sm-3.col-lg-3.text-center.logimg {
    width: 45%;
}
}
@media (max-width: 485px) {
    p.spacehead {
        width: 95% !important;
    }
        p.bro {
       
        margin-top: 0px !important;
    }
        .header_certifications {
        
        margin-top: 13px !important;
    }
        
        .search-input-container {
        width: 218px !important;
    }
}
@media (max-width: 375px) {
    p.spacehead {
        width: 100% !important;
    }
}
@media (max-width: 440px) {
    .search-input-container {
        width: 184px !important;
    }
}
@media (min-width: 1200px){
.container {
    width: 1250px !important;
}
}
div.header_tagline {
    left: 0;
    margin-left: 0px;
    width: 60%;
    display: inline-block;
}
#phoneAndSearchContainer {
    text-align: right;
    display: inline-block;
    padding: 0px;
    width: 40%;
}

@media (min-width: 1272px){

div.header_tagline {
    left: 0;
    margin-left: 0px;
    width: 60%;
    display: inline-block;
}
}
@media (min-width: 992px){
div.header_tagline {
   font-size: 20px;
    color: #73a72c;
    text-align: right;
    width: 50%;
    float: left;
}
.getaa {
    display: none;
}
}
@media screen and (max-width: 1120px) {

	/* pagewrap */
	.wrap {
		width: 100%;
		max-width:960px;
	}
.horservbox .horservlist,.horlslist ul li { width:30.5%;}
.cmprodlist ul li  { width:30%;}
.tsinput { width:68%;}
}
@media screen and (max-width: 1024px) {
#fcmenu { width:75%;}
.tsinput {width:60%;}
.horinadlist {margin: 10px 2.2% 5px 0;}
.bsinput { width:65%;}
#cmsear { width:36%;}
.horinbfaclist ul li { width:47%;}
.horlslist ul li span { padding:5px 5px;}
.hornewslist { width:29.75%;}
.topadbox { top:15%;}
}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 860px) {
#inmtop h3 { font-size:1.15em;}
.tsinput {width:62%;}
.mmincatelist ul li { width:30%;}
#hortopr { width:73%;}
#mmsear { width:25%;}
#botsoc { width:100%; text-align:left;}
.show-only-mobile{display: block ;}
}
@media screen and (max-width: 720px) {

.scrolllist .imglist_w { width:85%;}
.whycontlist ul li { width:30%;}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {
#jktop { padding:10px 0;}
#apddh{ height:42px;}
	/* header */
#jksear { width:18%; margin-top:10px;}
.topadbox { position:inherit; background:#f3f3f3; color:#333;}
.topadbox h5 { font-size:1.5em; line-height:1.35em; padding-top:10px; margin-bottom:0;}
.topadvtext { font-size:1.35em; line-height:1.5em;}
.topadbtn a { margin-bottom:10px; margin-top:0;}
.horadvanbox h5,#horproc h5,#hormaterial h5,.horindustbg h5,#horproj h5,#botreqbox h5 { font-size:2em; line-height:1.5em;}
.horadvanitem .horadvpic,.horadvanitem .horadvwz,.hormaterpic,.hormaterwz { float:none; width:98%; margin:5px auto;}
.horprocbox .horproclist { width:98%; margin:10px 1%;}
.horindustlist ul li { text-align:center;}
.horindustlist ul li img { margin:0 auto; display:block;}
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	#horinserv {
		padding: 0.5em 0 !important;
		width: 98% !important;
	}
	.hortop #hormenu {
        
        height: 0px;
    }
	#horinserv h4 {
		font-size: 20px !important;
		margin-bottom: 10px !important;
	}
	.rbox h1 span {
		line-height: 7px !important;
		font-size: 22px !important;
	}
	.rbox h2 {
		font-size: 20px !important;
	}
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	.wrap { width:100%; margin:0 auto;}
.fl { float:none;}
.fr { float:none;}
#fcsear { width:90%; overflow:hidden;}
#jktop { padding:6px 0px;}
#horlogo ,#hortopr,#cmsear { width:96%; margin:0px 2%; display:block; text-align:center;  padding:0; margin-top:5px;}
#cmtdhl ul li { display:inline-block; float:none;}
#fctdhl { display:none;}
#horlogo { width:45%; margin: 59px auto 0;}
.hortdh ul {}
.hortdh ul li { float:none; display:inline-block;}
.hortdh ul li.tlang { border:none; padding-right:15px; line-height:25px;border-right:solid 1px #ddd;width: 100%;}
.hortdh ul li.tlang img { margin-top:8px;}
.hortop { padding-bottom:1px;}
#fcmenu { float:right; width:55%; margin-top:0;}
#cmdh ,#cmtopr{ width:100%; margin:0px 0;margin-bottom:10px;}

.horinadbox { padding:5px 0;}
.horinadlist { width:46%; margin:1px 1.5%;}
#horinbot { padding:1em 0;}
#horinbnews,#horinbfac,#fcinbnews { width:98%; margin:1em auto;}
.botenqtext { font-size:1.5em; line-height:1.5em;}
#fcinabvid { display:none;}
#fcinabout h4,#fcinprod h4,#fcinbot h4 { font-size:1.5em;}
#fcinbot h4 { margin-top:1em;}
.horservbox .horservlist { width:47.5%; margin:10px 1%;}
.horservbox .horservwz { padding:10px;}
.horservwz h5 { font-size:1.25em; height:auto; border-bottom:none;}
.horservwz h5 span { line-height:25px;}
.horservwz .horservtext { padding-top:5px;}
.horlslist ul li{ width:47%; margin:10px 1%;}
.horlslist ul li span.lstit { font-size:1.35em; line-height:1.5em;}
.hornewslist { width:47%; margin:10px 1%;}
.hornewstext{ padding:5px;}
#newscont { padding-top:10px;}
#lpinabpic,.batincatebox ul li.incatebg { display:none;}
.lpprodpic { float:left;}
.lpprodwz { float:left;}
#locatit { left:1em; top:1em; max-width:90% !important;line-height: 20px;
    font-size: 14px !important;}
.locatitle  { font-size:1.5em; line-height:1.5em; width:98%; padding:5px 1%; display:none;}
.locanr {  width:98%; padding:5px 1%;}

.lpprodwzmore { display:block; clear:both; width:98%;}
.pvinqleft,.pvinqright,.pvinqcode, .pvinqbtn { width:98%;}
.pvinqbtn { padding-top:10px;}
.pvinqbtn input { width:96%;}
.fcprodlist ul li,.fccaselist ul li { width:47%;}
.inbnewslist ul li { width:96%;}
.botsign { margin:0;}
.tsinput {width:62%;}
.bsinput { width:55%;}
.signbox { width:98%;}
.infcabtu,.inbnewslist ul li div.inbpic,.cmincatext { display:none;}
.cmincatit { font-size:1.25em;}
.inapexihlist div.apexbox { width:49%;}
.lpinwhylist,.apdbnewslist ul li { width:98%; margin:10px 1%; padding:5px;}
.balprolist ul li { width:45%;display:inline-block; vertical-align:top;*display:inline;*zoom:1; padding:10px 1.5%;}
#cminabwz,#cminabpic,.lxleft,.lxform {width:98%; padding:0px 1%; padding-top:5px; margin:0;}
.cminabbtn { padding:1em 0;}
.cminprodlist ul li { margin:5px 1%; width:47.5%;}
.inbnewslist ul li div.inbwz { width:98%;}
.cmincawz { padding:5px;}

#botsoc { text-align:center;}
#trfabpic {width:98%; padding:0px 1%; padding-top:5px;}
.cmprodlist ul li,.apdprodlist ul li { width:46%; margin:5px 1%;}
.cmprodlist ul li span { padding:5px;}
#main { padding:1em 0;}
.cmprodlist ul li span.lptext { display:none;}
.facshowbox ul li { width:45%; padding:5px 2%; margin:5px 0;}
.lxbox { padding:10px 0;}
.lxform ,.lxtext {width:98%; padding:0px 1%; padding-top:5px;}
.botnews,#botdh,#botsoc,#botlx,#footer { width:98%; padding:5px 1%;}
.botcate,#botsign,.botcate1 { width:45%;display:inline-block; padding:5px 2%; vertical-align:top;*display:inline;*zoom:1; }
/*.botcate1 .botcatelist ul li { width:47%; padding:5px 1%;display:inline-block; vertical-align:top;*display:inline;*zoom:1;}
.botcate1 .botcatelist ul li a { line-height:1.35em;}*/
.injknewslist { padding:5px 3px;}
.bsinput { width:58%;}
.fcnewspic { display:none;}
.fcnewsr { display:block; padding:5px 1%; width:98%;}
.botnewslist { padding:6px 0px;}
.copy { margin:0px;}
	/* content */
	#right {
		width: 80%;
		float: none;
		margin: auto;
		
	}
#pvtright {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtleft {
		width: 98%;
		float: none;
	}
	/* sidebar */
	#left {
		width: 80%;
		margin: 0;
		float: none;
		margin: auto;
	}
	.fo-nav ul li a:before {
		left: 25% !important;
	}
#lnews {width:98%; padding: 0px 1%;}
#inlianx {width:98%; padding: 0px 1%;}

.inservlist ul li { width:46%; padding:5px 2%; float:left;}


#pvright {width:98% !important; padding: 0px 1%;}


#newslist ul li span.nltit { padding:4px 0px;line-height:18px; border-bottom:dotted 1px #ccc; font-weight:bold; color:#333;}

.lcproductlist ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}
.lcproductlist ul li span { height:4.5em; overflow:hidden;}
#procate ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}

#rpage { width:98%; padding:0px 1%; text-align:left;}
.rcsort { width:98%; padding:0px 1%;}
#ptoptit {height:auto;margin-bottom:10px;}

#copy { width:98%; float:none; padding:5px 1%;}
#bottom { margin-top:10px;}
}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

.prodlist ul li { width:96%; padding:3px 2% 3px 2%; text-align:center;}
#bottom { min-height:60px;}

}


@media (max-width: 375px) {
    p.wecvb.bnxs {
        font-size: 14px !important;
    }
}