﻿
/*=====================================================
    
    TABLETS LANDSCAPE & NETBOOKS

=====================================================*/
@media screen and (max-width:1010px) and (min-width:871px){
	#whitebackground{padding:20px;}
    #tqual{background-image: url("../images/omni/T-Qual_sm.png");width:169px;}
	.col-1{ width: 50%;}
	#maincentrecol {float:none;width:100%;padding:0;}
	#mainrightcol{float:none;width:95%;}
	.rightcolcontainers{width:93%;}
	.headimage img{width:100%; height:auto;}
	#attrow1{display:block;}
	#attrow2{display:none;}
	.boxlinks {font-size: 18px;}
}


/*=====================================================
    
   INBETWEENERS!

=====================================================*/
@media screen and (max-width:870px) and (min-width:769px){
	
	#whitebackground{padding:20px;}
    #tqual{display:none;}
	.headimage img{width:100%; height:auto;}
	.footer{background-image:none;background:#222222;padding: 0 20px;}
	.col-1{ width: 50%;}
	#maincentrecol {float:none;width:100%;padding:0;}
	#mainrightcol{float:none;width:95%;}
	.rightcolcontainers{width:93%;}
	#attrow1{display:block;}
	#attrow2{display:none;}
	.boxlinks {font-size: 18px;}
}



/*=====================================================
    
    TABLETS PORTRAIT & SMARTPHONES LANDSCAPE

=====================================================*/
@media screen and (max-width:768px) and (min-width:481px){

    /*Header area*/
	#whitebackground{padding:20px;}
    #header{min-height:180px;}
    #header .logo{float:none;padding-top:10px;margin:0 auto;max-width:258px;}
	.headimage img{width:100%; height:auto;}
    #tqual{display:none;}
	#contacttext{float:none;margin:0 auto;max-width:760px;text-align:center;}
	.location{float:none;margin: 0;}
	.Phnumber{float:none;margin: 0;}
	.fax{display:none;}
	.boxlinks {font-size: 18px;}
    #facebook{margin-bottom:8px;
	height:90px;
	padding-top:3px;
	padding-left:10px;
	border-image: none;
	border-width: 15px 1px 1px;
	border-style: solid;
	border-color:#222;
	background:#FFF;}
    #youtube{display:none;}
    .locph{display: inline-block;float:none;text-align:left;margin-left: 50px;}
    .locph .location{margin-left:5px;}


     /*MOBILE TOP MENU*/
    .mainnav .menu{display:none;}
    ul.egmenu { height: auto;padding-left:0;background-image:none; }
    ul.egmenu > li {  float: none; width: 100%;border-bottom:1px solid #000; }
    ul.egmenu a { line-height: 40px; padding: 0 10px;}
    .menusep{display:none;}

      /*Main Columns*/
    #maincentrecol {float:none;width:100%;padding:0;}
	#mainrightcol{float:none;width:95%;}
	.rightcolcontainers{width:87%;}
    .latestvideo {background-color:none;}
    /*img{width:100%; height:auto;}*/
    .widgetzone img.rssButton {display:none;}
    #blogmenu ul li a.feed img{display:none;}
    .bikelinks{height:auto;width:82%;margin-bottom: 8px;}
    div.widgetzone{display:none;}
    #blogmenu {display:none;}
	
	
	.footer{background-image:none;background:#222222;padding: 0 20px;}
	
	.col-1{ width: 100%;}
	.actiontext{background-image:url(../images/home/action-text-bg.jpg);background-repeat:repeat-x;height:142px;padding:5px 10px;overflow:hidden;}
	#contact_text{width:400px;}
	#facebook{display:none;}
  	
}
/*=====================================================
    
    SMALLER MOBILE DEVICES

=====================================================*/
@media screen and (max-width:480px){

    .blogdata h1{letter-spacing:0;}

    /*Header area*/
	#whitebackground{padding:20px;}
    #header{min-height:180px;}
    #header .logo{float:none;padding-top:10px;margin:0 auto;max-width:258px;}
	.headimage img{width:100%; height:auto;}
    #tqual{display:none;}
	#contacttext{float:none;margin:0 auto;max-width:470px;text-align:center;}
	.location{float:none;margin: 0;}
	.Phnumber{float:none;margin: 0;}
	.fax{display:none;}
	.boxlinks {font-size: 18px;}
    #facebook{margin-bottom:8px;
	height:90px;
	padding-top:3px;
	padding-left:10px;
	border-image: none;
	border-width: 15px 1px 1px;
	border-style: solid;
	border-color:#222;
	background:#FFF;}
    #youtube{display:none;}
    .locph{display: inline-block;float:none;text-align:left;margin-left: 50px;}
    .locph .location{margin-left:5px;}

     /*MOBILE TOP MENU*/
    .mainnav .menu{display:none;}
    ul.egmenu {height: auto;padding-left:0;background-image:none; }
    ul.egmenu > li {  float: none; width: 100%;border-bottom:1px solid #000; }
    ul.egmenu a { line-height: 40px; padding: 0 10px;}
    .menusep{display:none;}

    /*Columns*/
    .blogtitlebar {width:98%;height:35px;background-image:none;background-color:#222;padding:7px 0 0 7px;}
    .righttitlebars{height:35px;background-image:none;background-color:#990000;padding:7px 0 0 7px;width:80%}
    .taggedlink{font-size:.8em;}
    iframe {display:none;}
    #mep_0{display:none;}

    /*FlexSlider*/
    .flex-nav-next{display: none;}
    .flex-nav-prev{display: none;}

    /*Main Columns*/
    #maincentrecol {float:none;width:100%;padding:0;}
	#mainrightcol{float:none;width:95%;}
	.rightcolcontainers{width:75%;border:0;padding:0;}
    .latestvideo {background-color:none;}
    .rightcolcontainers img{width:100%; height:auto;}
	.butterfly{display:none;}
    .widgetzone img.rssButton {display:none;}
    #blogmenu ul li a.feed img{display:none;}
    .bikelinks{height:auto;width:82%;margin-bottom: 8px;}
    div.widgetzone{display:none;}
    #blogmenu {display:none;}
    .blogdata img{display:none;}
	
	.footer{background-image:none;background:#222222;padding: 0 20px;}
	
	.col-1{ width: 100%;}
	#contact_text{width:195px;}
	.videowrapper{display:none;}
	#facebook{display:none;}
}
/*@media screen and (max-width:481px){
    ul.egmenu li:hover { background: #555;  }
    ul.egmenu li:hover ul { display: block;  }
}*/


/* ---------------------------------------------
				
			 STUPID SMALL
			 
------------------------------------------------ */

@media screen and (max-width:370px){
	#whitebackground{padding:20px;}
	#maincentrecol {float:none;width:100%;padding:0;}
.actionimage {display:none;}
.actiontext{text-align:center;}
.featuretext{text-align:center;}
}