/*  MEDIA QUERIES */
@media only screen and (max-width: 1199px)
{
#logo img
{
width: 100%;
height: auto;
}

.menu
{
display: block;
top: 270px;
right: 2px;
}

#navigation_menu
{
position: absolute;
display: none;
top: 305px;
right: 0;
width: 100%;
height: 210px;
overflow: hidden;
float: none;
padding: 0;
margin: 0;
z-index: 9999;
background-color: #F3F3F3;
}

#navigation_menu ul li a
{
text-decoration: none;
font-size: 14px;
font-weight: normal;
}

#navigation_menu ul li a:link, 
#navigation_menu ul li a:visited
{
display: block;
text-decoration: none;
padding: 10px;
padding-bottom: 10px;
margin-right: 0;
color: #000000;
text-align: left;
}

#navigation_menu ul li a.lastbox:link, 
#navigation_menu ul li a.lastbox:visited
{
display: block;
text-decoration: none;
padding: 10px;
padding-bottom: 10px;
margin-right: 0;
color: #000000;
text-align: left;
}

#navigation_menu.active
{
display: block;
}

#navigation_menu ul
{
display: block;
width: 100%;
text-align: left;
margin: 0;
padding: 0;
}

#navigation_menu ul li
{
display: block;
font-weight: normal;
width: 100%;
float: none;
padding: 0;
margin: 0 0 5px 0;
}

#navigation_menu ul li a:hover,
#navigation_menu ul li a.selected
{
background-color: #BBC51C;
font-weight: normal;
color: #FFFFFF;
}

#container
{
top: 310px;
}

#content .span_1_of_2
{
width: 100%;
padding: 0 5px 20px 5px;
margin: 0;
text-align: left;
background-color: #FFFFFF;
clear: both;
}

#content .span_2_of_2
{
width: 100%;
padding: 0;
margin: 0;
text-align: left;
background-color: #FFFFFF;
clear: both;
}

#content .span_2_of_2 img
{
width: 100%;
}

.c_business_hours
{
margin: 25px 0 0 0;
padding-bottom: 0;
}

.onlineForm
{
width: 100%;
padding: 0 5px 0 5px;
margin: 0;
text-align: left;
background-color: #FFFFFF;
}

#footer
{
padding: 5px;
margin: 15px 0 0 0;
}

#footer .span_1_of_3
{
width: 100%;
margin: 15px 0 0 0;
clear: both;
}

#footer .span_2_of_3
{
width: 100%;
margin: 30px 0 0 0;
clear: both;
}

#footer .span_3_of_3
{
width: 100%;
text-align: left;
margin: 30px 0 0 0;
clear: both;
}

.copyright
{
padding: 0 0 10px 0;
margin: 10px 0 0 0;
clear: both;
}

.copyright ul
{
text-align: left;
}
}

@media only screen and (max-width: 850px)
{
.menu
{
display: block;
top: 200px;
right: 2px;
}

#navigation_menu
{
position: absolute;
display: none;
top: 235px;
right: 0;
width: 100%;
height: 210px;
overflow: hidden;
float: none;
padding: 0;
margin: 0;
z-index: 9999;
background-color: #F3F3F3;
}

#container
{
top: 240px;
}
	
#footer,
#footer .span_3_of_3,
#footer .span_4_of_4,
.copyright ul
{
width: 100%;
text-align: center !important;
}
	
#footer .span_4_of_4
{
margin-top: 20px;
margin-bottom: 5px;
}
}

@media only screen and (max-width: 650px)
{
.menu
{
display: block;
top: 150px;
right: 2px;
}

#navigation_menu
{
position: absolute;
display: none;
top: 185px;
right: 0;
width: 100%;
height: 210px;
overflow: hidden;
float: none;
padding: 0;
margin: 0;
z-index: 9999;
background-color: #F3F3F3;
}

#modal {
position: absolute;
left: 0;
right: 0;
top: 5px;
margin: 0 auto;
width: 96%;
}

#modal h2 {
font-size: 16px;
font-weight: bold !important;
}

#container
{
top: 195px;
}
}

@media only screen and (max-width: 480px)
{
.menu
{
display: block;
top: 105px;
right: 2px;
}

#navigation_menu
{
position: absolute;
display: none;
top: 140px;
right: 0;
width: 100%;
height: 210px;
overflow: hidden;
float: none;
padding: 0;
margin: 0;
z-index: 9999;
background-color: #F3F3F3;
}

#container
{
top: 150px;
}

.col
{
margin: 1% 0 1% 0%;
}

#content .span_1_of_2,
#footer .span_1_of_2,
#footer .span_4_of_4
{
width: 100%;
text-align: center !important;
}
}

@media only screen and (max-width: 320px)
{
.menu
{
display: block;
top: 70px;
right: 2px;
}

#navigation_menu
{
position: absolute;
display: none;
top: 105px;
right: 0;
width: 100%;
height: 210px;
overflow: hidden;
float: none;
padding: 0;
margin: 0;
z-index: 9999;
background-color: #F3F3F3;
}

#container
{
top: 115px;
}
}