/************************************************************************************
smaller than 780
*************************************************************************************/
@media screen and (max-width: 780px) {

	/* pagewrap */
	#pagewrap {
		width: 95%;
	}

	/* content */
	#content {
		width: 60%;
		padding: 3% 4%;
	}


	/* sidebar */
	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

.menu_container {
	padding-left: 0;
	}


 #g_map {
                width: 600px;
	}
 #googleMap {
                display:none;
	}
 #googleMap5 {
                display:none;
	}


}








/************************************************************************************
smaller than 620
*************************************************************************************/
@media screen and (max-width: 620px) {


.alternative_menu
{
	display: inline-block;
	margin: 0 auto;

}
.alternative_menu ul{
    	list-style:none;
}
.alternative_menu ul li{
    	font-family: Verdana, Geneva, sans-serif;
	float:left;
    	padding:0;
    	margin: 0;
}

 #g_map {
                width: 200px;
	}
 #googleMap {
                display:none;
	}
 #googleMap2 {
                display:none;
	}
 #googleMap3 {
                display:none;
	}
 #googleMap4 {
                display:none;
	}
 #googleMap5 {
                display:none;
	}
 #googleMap6 {
                display:none;
	}
 #googleMap8 {
                display:none;
	}






	/* content */
	#content {
		width: auto;
		float: none;
		margin: 20px 0;
	}

	/* sidebar */
	#sidebar {
		display:none;
	}







	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}



        .fixed_menu ul
        {
                display:none;
        }
        .menu_container
        {
		text-align: center;
		left: 0;
		position: absolute;
 		width: 600px;
		background-image: url("../images/gray.jpg");
		background-color: #000;
        }

/************************************************************************************
smaller than 500
*************************************************************************************/
@media screen and (max-width: 500px) {
.alternative_menu
{
        width: 450px;

}
}

/************************************************************************************
smaller than 450
*************************************************************************************/
@media screen and (max-width: 450px) {
.alternative_menu
{
        width: 400px;

}
}

/************************************************************************************
smaller than 400
*************************************************************************************/
@media screen and (max-width: 400px) {
.alternative_menu
{
        width: 350px;

}
}

/************************************************************************************
smaller than 350
*************************************************************************************/
@media screen and (max-width: 350px) {
.alternative_menu
{
        width: 300px;

}
}