/*##################################################################*/
/*#######################   Mobile Mode ############################*/
/*##################################################################*/

 @media screen and (min-device-width: 300px) and (max-device-width: 720px) {
	
/*----Custom Menu Code--*/
	.active {
        display: block!important;
    }
	.nav-menu li a{
	padding-bottom: 10px;}
    .nav-menu > li {
        float: none!important;
    }
    /*.nav-menu > li > .parent:after  {
        float:right!important;
    }*/
   .nav-menu > li > ul > li > .parent:after {content: "\f0d7"!important;}
    .nav-menu ul {
        display: block!important;
        width: 100%!important;
    }
   .nav-menu > li.hover > ul , .nav-menu li li.hover ul {
        position: static!important;
    }
	.nav-menu ul {
		width: 100%!important;
	}
	.menu-newcustommenu-container{padding-top:0px !important;padding-bottom:0px!important;}
	
	
	/*To move header menu above the page content*/
	#header{
		position:relative;
		z-index:50;
	}
   #container{
	position:relative;
	z-index:30;
	}
	
/*---End Custom Menu Code--*/	 
/*#######################  300px to 720px ############################*/
#mobiletable{display:block;}
.desktoptable{display:none;}

	  .maintab_wrap .contentBox .newsBoxPost:first-child p {
 display: block!important;
}
 .conatctboxcss {
height:150px!important;
}
 .col-md-3.zedmarignright {
width: 100%!important;
position:relative;
}
 #featured-posts .featured-post {
 display: block;
 float: left;
 clear: both;
 width: 100%;
 display: block;
}
h2.homecurrent {
font-size:35px;
line-height:40px;
}
p.basedpara {
text-align:center;
}
.icosubmob {
line-height:40px;
font-size:35px;
}
.icosubhead {
line-height:40px;
font-size:35px;
}
.col-md-4.citycleve p {
margin-left:0px;
text-align: center;
}
 div#sidebar {
width:88%!important;
}
 .maintab_wrap .contentBox .newsBoxPost p {
display:block!important;
}
 ul.tabs.zedtabnav.color {
 height: auto!important;
}
.zedtab .zedtabnav li {
float:none!important;
}
.zedtab .zedtabnav li a {
float:none!important;
}
.zedtab .zedtabnav li a.active {
float:none!important;
}
.socialmediatext {
width:100%!important;
margin-bottom: 20px;
}
.footerSocial {
text-align:center!important;
}
.socialiconmedia {
width:100%!important;
padding-left: 11%;
}
.hedingbox {
font-size:35px;
line-height:40px;
}
.sidecolor {
margin-top:10px;
}
.insidegobut {
width:15%;
}
.mobbidstable {
display:block;
}
.desktopbidtable {
display:none;
}
.span4.footspan1 {
    margin-left: 20px;
}
.SlideHomeBtn{
width:80%;
line-height:1.9;	
}
h3.imageclear {
    clear: both;
}
.acc-trigger a:after {margin-right:-20px}
.col-md-3.sewercol {width:100%;}
.diversityimage a img {
   width: 100%!important;
}

}

/*##################### END  300px to 720px ########################*/

/*#################################################################*/
/*###################  Mobile and Min Tablet ######################*/
/*#################################################################*/
@media screen and (min-device-width: 300px) and (max-device-width: 990px) {
/*#######################  300px to 990px  ########################*/	
	
	  .row.mobileheadsocial {
 padding: 5% 20%;
}
 .row.headcustomermobile {
display:block;
}
.row.headcustomer {
display:none;
}
.sidebar .widget {
width:100%!important
}
.mobileheadsearch {
display:block;
}
.mobileheadlogo {
display:block;
}
.desktophead {
display:none;
}
.mobileheadsocial {
display:block;
}
input#s {
background-position: 90% 10px!important;
}
#showcase-bar {
display:none;
}
/*added here directly 3-1-17*/
.drop {
display:block;
}
.homemainimage {
display:none;
}
.homemainimagenew {
display:none;
}
.careerhomemainimage {
display:none;
}
.industrialhomemainimage {
display:none;
}
.businesshomemainimage {
display:none;
}
.whatcss {
display:none;
}
.wclass {
display:none;
}
.drop {
 padding: 0;
}
.view {
float:none;
}
.col-md-12.testimo {
height:auto!important;
}
.col-md-2.addrrhome {
width:100%;
}
.col-md-2.selecthome {
width:100%;
}
.col-md-3.selectdrop {
width:100%;
}
.col-md-2.gobuthome {
width:20%;
}
.col-md-3.addrrboxhome {
width:100%;
}
.mobilenarrow {
display:block;
}
 .procleansection {
display:none;
}
.acc-trigger a{padding: 11px 30px 11px 20px!important;}
.col-md-3.sewercol {width:100%;}
.col-md-zedoffset-1.col-md-4.zedcol-md-4.col-xs-12 {
    width: 100%;
    margin-left: 0;
    padding: 30px 0;
}
/*---*/
.alignleft, img.alignleft{width:100%}
 .alignright, img.alignright{width:100%}
/*--Custom Menu Code--*/
.menu-newcustommenu-container{padding-top:0px !important;padding-bottom:0px!important;}
/*--End Custom Menu Code--*/									  
  }
 
/*####################### END 300px to 990px  ########################*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	.mobileheadsearch {
display:none!important;
}
.mobileheadlogo {
display:none!important;
}
.mobileheadsocial{display:none;}
.siteCopyrights{width:30%!important;}
.socialmediaside{width:70%!important;}
.socialmediatext{width:35%!important;}
.socialiconmedia{width:65%!important;}

}





@media only screen and (max-width: 767px) and (min-width: 480px) {
/*########################   480px to 767px ########################*/	
.maintab_wrap .contentBox .newsBoxPost:first-child p {
 display: block!important;
}
 #featured-posts .featured-post {
 display: block;
 float: left;
 clear: both;
 width: 100%;
 display: block;
}
}
/*#####################  END 480px to 767px ########################*/


@media only screen and (max-width: 479px) and (min-width: 320px) {
/*#######################   479px to 320px ########################*/	
	/*.container {
width:340px!important;
}*/
#mainContentRight {
width: 90%;
}
}
/*######################   END 479px to 320px ####################*/	
	
	
	
	@media only screen and (device-width: 768px) and (device-height: 1024px) { 
ul.social li {
    float: left;
	
}
.socialmediatext {
    
    text-align: center;
}
.col-md-6.socialiconmedia {
    padding: 10px 0 0 30%;
}
.hedingbox,.hedingbox,.icosubhead{ line-height:1.2;}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after{display:block!important;}
.col-md-3.sewercol {width:100%;}
}


/*##################################################################*/
/*#######################   Tablet / Ipad Mode #####################*/
/*##################################################################*/
  @media screen and (min-device-width: 721px) and (max-device-width: 1024px) {
/*#######################   721px to 1024px #########################*/
	  .text {
 font-size: 16px;
}
 .logoside.span3.test {
 width: 45%!important;
}
.conatctboxcss {
height:140px!important;
}
.col-md-3.zedmarignright {
width: 47%!important;
position:relative;
float:left!important;
}
div#sidebar {
width:94%!important;
}
li.insideactive {
padding-top:8%!important;
}
.tabs .maintab_wrap .maintabNav {
height:auto!important;
}
.whatcss h3 {
line-height:0px;
font-size:20px;
margin-bottom:20px;
}

.col-xs-offset-2{
	padding-top:15px;
}
.businesspad{
	padding-bottom:0px;
}
.Careerpad{
	padding-bottom:0px;
}
.Industrialpad{
	padding-bottom:0px;
}
.contactsewfullwidth {
    background-color: #005b93;
}
    #bidstable{
    overflow:scroll;
    }
    .padding-responsiveipad{
    padding-top:100px;
    }
	#mobiletable{display:block;}
.desktoptable{display:none;}
}

/*#######################   END 721px to 1024px #########################*/

@media screen and (max-width: 950px){
  .homemainimagenew{display:none;}
}

@media screen and (min-width:980px)and (max-width:1200px) {
/*#######################   980px to 1100px  ########################*/	
	.col-md-3.diversityimage{
 width:100%!important;
}
.col-md-3.diversityimagesmall{
 width:100%!important;
}
.diversityimage p{width:73%!important;}
.diversityimagesmall p{width:40%!important;}
}
/*#######################   END 980px to 1100px  ####################*/

@media screen and (max-width:980px)and (min-width:770px) {
	.diversityimage p{width:83%!important;}
    .diversityimagesmall p{width:45%!important;}	
}

@media screen and (max-width:770px)and (min-width:480px) {
	
	.diversityimagesmall p{width:63%!important;}
}
@media screen and (max-width:480px) {
	
	.diversityimagesmall p{width:82%!important;}
}

@media screen and (min-width:980px)and (max-width:1100px) {
/*#######################   980px to 1100px  ########################*/	
	div#ubermenu-main-60-mainnav-2 {
 margin-left: -10px!important;
}
}
/*#######################   END 980px to 1100px  ####################*/
	
	
	
/*##################################################################*/
/*################   Min Desktop / Large Tablet Mode ###############*/
/*##################################################################*/

@media only screen and (max-width: 1200px) and (min-width: 1000px) {
/*#######################   980px to 1100px  #########################*/
	
.slidewidth img {
 /*height: 548px;*/
 height:auto;
}
 li.activehome {
 height: 119.5px;
}
 li.activehome a {/*padding-top: 35px;*/
}
}
/*####################### END 980px to 1100px  ########################*/

/*##################################################################*/
/*#########################   Desktop / Laptop #####################*/
/*##################################################################*/	

@media screen and (max-width: 1360px) and (min-width: 1000px) {
/*#######################  1000px to 1360px  ########################*/
#tribe-events-pg-template {width: 95%;}
}
/*####################### END 1000px to 1360px ######################*/

@media screen and (min-width: 1200px){	
	#mobiletable{display:none;}
.desktoptable{display:block;}
}

@media screen and (max-width: 1199px){	
	#mobiletable{display:table;}
.desktoptable{display:none;}
}

/*##################################################################*/
/*#########################   Desktop / Laptop #####################*/
/*##################################################################*/	

@media screen and (max-width: 1366px) and (min-width: 1361px) {
/*#######################  1361px to 1366px  ########################*/
#tribe-events-pg-template {width: 88%;}
}
/*####################### END 1361px to 1366px ######################*/

/*##################################################################*/
/*#########################   Desktop / Laptop #####################*/
/*##################################################################*/	

@media screen and (max-width: 1400px) and (min-width: 1366px) {
/*#######################  1366px to 1400px  ########################*/
#tribe-events-pg-template {width: 89%;}}
/*####################### END 1366px to 1400px ######################*/

/*##################################################################*/
/*#########################   Desktop #####################*/
/*##################################################################*/	

@media screen and (max-width: 1600px) and (min-width: 1400px) {
/*#######################  1400px to 1600px  ########################*/
  #tribe-events-pg-template {width: 75.8%;}
}
/*####################### END 1400px to 1600px ######################*/


/*##################################################################*/
/*#########################   Desktop / Laptop #####################*/
/*##################################################################*/	

@media screen and (max-width: 1400px) and (min-width: 1201px) {
/*#######################  1201px to 1400px  ########################*/
.slidewidth img {
/*height:540px;*/
height:auto;
}
li.activehome {
height: 117.5px;
}
}
/*####################### END 1201px to 1400px ######################*/


/*#################################################################*/
/*#########################   Desktop #############################*/
/*#################################################################*/
@media screen and (min-width: 1300px) {
/*#######################  1300px Above  ########################*/	

.align-right{width:1147px;}
.align-right1{width:97%;}
}
/*####################### END 1300px Above  ########################*/


/*#################################################################*/
/*#########################   Desktop #############################*/
/*#################################################################*/
@media screen and (min-width: 1600px) {
/*#######################  1600px Above  ########################*/	
.slidewidth img {
 /*height: 580px;*/
 height:auto;
}
 li.activehome {
 height: 134px;
}
 li.activehome a {/*padding-top: 35px;*/
}
}
/*####################### END 1600px Above  ########################*/	




/*#################################################################*/
/*####################  Extra Large Desktop ########################*/
/*#################################################################*/
@media screen and (min-width: 1900px) {
/*#######################  1900px Above  ########################*/	

.slidewidth img {
 /*height: 780px;*/
 height:auto;
}
 li.activehome {
 height: 184px;
}
li.activehome a {/*padding-top: 55px;*/
}
li.activehome a {
padding: 18.4% 17px;
}
}
/*####################### END 1900px Above  ########################*/	








@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape) {
	/*####################### END 481px to 1024px  ########################*/
	aside.sidebar.bigSidebar.span3 {
width:400px;
}
}
 @media screen and (min-device-width: 300px) and (max-device-width: 1120px) {
/*####################### END 300px to 990px  ########################*/
	  .zedtab .zedtabnav li {
float:none!important;
}
.zedtab .zedtabnav li a {
float:none!important;
}
.zedtab .zedtabnav li a.active {
float:none!important;
}
.maintab_wrap .contentBox .newsBoxPost p {
display:block!important;
}
 ul.tabs.zedtabnav.color {
height: auto!important;
width:100%;
}
}
/*####################### END 300px to 1120px  ########################*/   




/*#################################################################*/
/*###################  Tablet and Min Desktop ######################*/
/*#################################################################*/
@media screen and (min-device-width: 1024px) and (max-device-width: 1285px) {
/*#######################  1024px to 1285px  ########################*/	

	  select#selectbasic {
width:75%;
}
 input#gohomebut {
width:25%;
}
 input#jobtex {
width:75%!important;
}
 span.selecthome.isaac {
width:25%!important;
}
}
/*#######################  END 1024px to 1285px  ########################*/	
  
@media (max-width: 1200px) and (min-width: 989px) {
/*####################### 989px to 1200px  ########################*/		
.articleContent img {
 max-width:50%;
}

#stromwaterfeefinder .postcontent-green img {
    max-width: 100%;
}

.diversityimage a img {
   max-width: 100%!important;
}
/*####################### END 989px to 1200px  ########################*/
}
 @media screen and (min-width:980px)and (max-width:1200px) {
/*####################### 980px to 1200px  ########################*/	
	.block.block-block.block-block-6.header {
width:40%;
}
.sidenav.homenav ul li a {
line-height:0px;
}
.sidenav.homenav {
width:20%;
float:right;
margin-top:10px;
margin-right:40px;
height:400px;
padding-top:0px;
}
.sidenav.homenav ul li a {
line-height:30px;
}
}
/*####################### END 980px to 1200px  ########################*/
	
@media screen and (max-width:31.5em) {
 .grid {
padding:10px 10px 100px 10px;
}
.grid li {
width:100%;
min-width:300px;
}
}
@media only screen and (max-width: 479px) and (min-width: 320px){
.articleTitle h1, .articleTitle h1 a {
    font-size: 14px;
    line-height: 1.4;
}}
/*##############################################################################*/
/*###########################               IPAD AIR 2         #################*/
/*##############################################################################*/

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (orientation : landscape){

 .mobileheadsearch {display:none!important;}
.mobileheadlogo {display:none!important;}
.mobileheadsocial{display:none!important;}
.topmobilecontactlink{display:none!important;}
 
 /*To resolve toggle width issue*/
 .accrodation{width: 90%;}
}

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (orientation : portrait){
 
 /*To resolve table width issue*/
 .zedtab .col .s12{overflow-x: scroll;}
}