/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 700px){ 

}
@media all and (min-width: 0px) and (max-width: 479px){
body, html{ max-width: 479px; min-width: 240px;  padding: 0px; font-size: 100%; margin: 0px;  }
#wrapper, .footcontent { min-width: 100%; width: 100%; margin-bottom: 0px; height: auto; }
#container, #content { padding: 0px; }
.table, .tablerow, #sidebar, #container, .slider, #footer, .subnav { display: block; width: 100%; height: auto; margin: 0px; }
#sidebar { margin-top: 120px; width: 100%; }
.hometabs { margin: 0;  width: 96%; padding: 0px;  }
.hometabs article,.hometabs article.pagecontent,  .sociolinks, .footabout, #content, #rightside { float: none; width:96%; margin: 0 2%; height: auto;  }
.navigate { display: block; line-height: 25px;padding: 0px 8px; color: #FFF;  text-align: center;  }
.navigate a { color: #FFF; }
.subnav { padding: 0;  }
.masternav:hover ul { display: block;  } 
.slider, .footnav, .masternav  ul{ display: none; }
.sociolinks { text-align: center; }
.logo img { height: 140px; margin: auto; }
.logotext, .clearfoot { display: none; }
#nav { margin-top: 30px; }
.hometabs article.pagecontent { margin-top: 20px;}
.sociolinks, .footabout { padding: 0px; }
#footer { border-top: 0px; position: relative;}
#nav ul li ul { top: 0px; left: 0px; position: relative; z-index: 0; width: 100%; }
}

/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 700px){
body, html{ max-width: 700px; min-width: 480px;  padding: 0px; font-size: 100%; margin: 0px;  }
#wrapper,.footcontent { min-width: 100%; width: 100%;margin-bottom: 0px; height: auto;  }
#container, #content { padding: 0px;}
#nav ul li { width: 46%; display: inline-block; vertical-align:top; }
#nav ul li:hover ul, #nav ul li a:hover ul { display: none;  }
.subnav { padding: 0;  }
.logotext, .clearfoot { display: none; }
.navigate { display: block; line-height: 25px;padding:0 8px; color: #FFF;  text-align: center;  }
.navigate a { color: #FFF; }
.masternav:hover ul { display: block;  } 
.table, .tablerow, #sidebar, #container, .slider, #footer, .subnav { display: block; width: 100%; height: auto;  }
.hometabs article, .sociolinks,.hometabs article.pagecontent, .footabout, #content, #rightside  { float: none; width:96%; margin: 0 2%; height: auto;  }
.slider, .footnav,.masternav  ul { display: none; }
#sidebar { margin-top: 150px; width: 100%; }
.sociolinks { text-align: center; }
.searchbox { position: absolute; top: 20px; right: 0px; padding: 20px; text-align: center; }
.searchbox input[type=text] { width: 208px;}
.logo img { height: 140px;}
.sociolinks, .footabout {float: left; width: 45%; margin: 2%; padding: 0px; }
#footer {border-top: 0px;}
.box { width: 45%; margin: 1%; display: inline-block; vertical-align: top; }
}
/* mobiles width 480 or above width */
@media all and (min-width: 701px) and (max-width: 800px){
body, html{ max-width: 800px; min-width: 701px;  padding: 0px; font-size: 100%; margin: 0px;  }
#wrapper,.footcontent { min-width: 100%; width: 100%; margin-bottom: 0px; height: auto; }
#container{ padding: 0 0px; width: 100%;}
#nav { margin: 0px;  padding-left: 100px; }
#content { width: 70%; padding: 0 2%;}
#rigthside { width: 18%; }
.clearfoot { display: none; }
#nav ul li { display: inline-block; margin: 1px; margin: 0px; background: none; font-size: 0.82em; vertical-align:top; }
.table, .tablerow, #sidebar,.slider, #footer { display: block; width: 100%; height: auto;  }
.footnav { display: none; }
.sociolinks { text-align: center; }
.searchbox { position: absolute; top: 80px; right: 0px; padding: 10px; text-align: center; }
.searchbox input[type=text] { width: 208px;}
.logo img { height: 110px; float: left; z-index: 1; position: absolute; }
.sociolinks, .footabout {float: left; width: 45%; margin: 2%; padding: 0px; }
#footer {  border-top: 0px;}
}
/* mobiles width 480 or above width */
@media all and (min-width: 801px) and (max-width: 900px){
body, html{ max-width: 900px; min-width: 801px;  padding: 0px; font-size: 100%; margin: 0px;  }
#wrapper { min-width: 100%; width: 100%; }
#container{ padding: 0 0px; width: 80%;}
#content { width: 70%; padding: 0 1%;}
#rigthside { width: 18%; }
#sidebar { width: 18%; }
.sliderContent div { width: 33%; }
.table, .tablerow, .slider { display: block; width: 100%; height: auto;  }
.footnav { display: none; }
.sociolinks { text-align: center; }
.searchbox {  padding: 10px; text-align: right; }
.searchbox input[type=text] { width: 208px;}
.logo img { height: 120px; float: left; }
.sociolinks, .footabout {float: left; width: 45%; margin: 2%; padding: 0px; }
}
@media all and (min-width: 901px) and (max-width: 969px){
body, html{ max-width: 969px; min-width: 901px;  padding: 0px; font-size: 100%; margin: 0px;  }
#wrapper { min-width: 100%; width: 100%; }
#container{ padding: 0 0px; width: 75%;}
#content { width: 70%; padding: 0 1%;}
#rigthside { width: 18%; }
#sidebar { width: 25%; }
.sliderContent div { width: 35%; }
.table, .tablerow, .slider { display: block; width: 100%; height: auto;  }

}