/* ===========================
   ===== Main Navigation ===== 
   =========================== */
#logo img {
	width: 80%;
	height: auto;
	margin-right: 10px;
}
#logo2{
	width: 60%;
	height: auto;
	padding-top: 80px;
	/*margin: 0 10px;*/
	border: 5px solid  #b15b08;
}
	

#head-box{
	width: 55%;
	padding: 0 10px;
}
.Top-Header{
    padding: 10px;
    background-color: #fff;
    height: 100px;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.headContent {
	background-color: #FFF;
	padding: 1% 3%;	
	margin-bottom: 1%;
    border-bottom: 10px solid #f1f1f1;
}

.mainHeader nav {
	font-size: 1.143em;
	height: 40px;
	line-height: 30px;
	margin: 0 auto 0px auto;
	text-align: center;

}
	
/*.mainHeader nav ul {
	list-style: none; 
	margin: 0 auto;
}

.mainHeader nav ul li {
	float: right; 
	display: inline; 
}
	*/
.mainHeader nav a:link, .mainHeader nav a:visited {
	color: #fff;
	display: inline-block;
}
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
	/*background: #b15b08;*/
	color: #fff;
	/*text-shadow: none !important;*/
}

.mainHeader img.link_img {
	width: 98%;
/*	min-height: 150px;
	height: auto;*/
	margin: 0 0.72% 0 0%  ;
	/*border:1px solid #dedcdc;*/
	/*border-top: 1px solid #dedcdc;*/
	/*border-bottom: 5px solid #dedcdc;*/
	max-height: 152px;

}
.mainHeader img.link_img:hover {
	/*border:1px solid #E8E8E8;*/
}
.mainHeader img.no_margin{
	margin: 0;
}
.mainHeader img{
	height: 152px;
}
#main_links{
	width: 30%;
}

#banner{
	margin: 2% 0;
}
#banner a{
	/*line-height: 170px;*/
}
.main_item{
	height: 160px;
    margin-right: 13.5px;
    /* border: 1px solid #ccc; */
    /*background-color: #D0D0D0;*/
    width: 9.6%;
    float: left;
}


.mainHeader .main_img {
    min-height: 160px;
    width: 30%;
    height: auto;
}
/* ===========================
   ====== Media Queries ====== 
   =========================== */
@media only screen and (min-width : 780px) and (max-width : 980px)
{
	.mainHeader img.link_img {
		width: 90%;
		/*height: auto;*/
		margin: 0 0 0 0.5%  ;
		/*height: 120px;*/

	}
	#logo img {
		width: 50%;
	}
}

@media only screen and (min-width : 150px) and (max-width : 780px)
{
	#logo img {
		width: 95%;
	}
	.headContent {
		margin-bottom: 3%;
	}
	 
	 .main_item{
	 	width: 13%;
	 	height: 90px;
	 }
	.mainHeader nav {
		background: #666;
		font-size: 1.143em;
		line-height: 30px;
		margin-bottom: 0;
	}

	.mainHeader img.link_img {
		width: 90%;
		/*height: auto;*/
		margin: 0 0 10px 0  ;
		/*height: 80px;*/
	}
	.mainHeader nav a:link, .mainHeader nav a:visited {
		color: #FFF;
		display: block;
	}
	
	.mainHeader nav a:active,
	.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
		background: #5d4834;
		color: #fff;
		text-shadow: none !important;
	}
		
	.mainHeader nav li a {

	}
	
	.mainHeader .main_img {
		width: 100%;
		/*height: auto;*/
		margin: 3% 0;
		/*max-height: 80px;*/
	}
	.mainHeader .link_img {
		width: 15%;
		/*height: auto;*/

	}
	.mainHeader img{
		height: 90px;
	}
}