﻿@media screen and (max-width: 1000px) {

	#banner
{width: 98%;
 height: auto;
}
#page 
{width: 98%;
 height: auto;
 }
	.slider
	{height: auto
	}
	    
	.slider img, .rpcontent img, .topphoto, #toplogo img
	{width: 100%; /* required to cancel main css width*/
	height: auto;
	margin: 0 auto;
	width: auto\9; /* ie8 */
	}
	
  	.rightpanel 
    {width: 25%;
     float: right;
    }
    #pnlBtmLinks 
    {height: auto;
    }
      
#pnlBtmLinks li 
   {margin: 3px;}
  .gallerycell img, .gallerycellrp img 
{width: 99%; /* required to cancel width on main style sheet */
 max-width: 99%;
 height: auto;}    
 .footerpanel
 {width: 100%;
 }  
}


@media screen and (max-width: 768px) {
.gallerycell {width: 32.8%;}
.gallerycellrp {width: 49%;} 
.gallerycell img, .gallerycellrp img {margin: 0;}

 .leftphoto, .rightphoto
 {max-width: 220px;}
 .googlemap 
{display: none;}
#contactmidcell 
{display: none;}
#contactleftcell {width: 50%;}
#contactrightcell {width: 50%;}
/* Slim Menu */
ul.slimmenu li .sub-collapser
{width: 48px;
}
.ytvid iframe
{width: 100%;
}
.html5vid video
{width: 100%;
}
#footerpanel
{width: 100%;
 height: auto;
}
.logoright 
{display: none;}
#menubar
{width: 100%;
 height: auto;
}
}

    
       
@media screen and (max-width: 612px) 
{

.logoright, #LeftPanel, #pnlBtmLinks
{display: none;}
    
.rightpanel 
{float: none;
width: 100%;
clear: both;
border-left: none;
border-top: solid 1px #CFF0FF;
}
.rpcontent img 
{margin: 0 auto;
width: 220px;
}
	    
    #lblLeftFooter, #lblRightFooter
{ }   
.footerpanel img 
{display: none;}
 .gallerycell, .gallerycellrp {width: 49%;} 
  .leftphoto, .rightphoto
 {max-width: 150px;}
/*####### BRIDGEFORM #########*/
.table2col
{width: 100%;
 display: block;
}
.table2col .td
{width: 100%;
 display: block;
 vertical-align: top;
}
.constructionlogos
{width: 99%; /* required to cancel width on main style sheet */
 max-width: 99%;
 height: auto;
}
 }
   