/* ==========================================================================
   01. Responsive Options
   ========================================================================== */
   
   
/* Responsive Boxed Version  
body{ padding-top: 0; }
.outter-wrapper{ max-width: 1440px; width: auto;}
.wrapper { max-width: 1140px; width: auto;}
.feature hr{ opacity: .4; }
*/



/* Responsive Full Width Version */
body{ padding: 0em; }
.outter-wrapper{ max-width: 100%; width: 100%;}
.wrapper { max-width: 1140px; width: auto;}


@media only screen and (max-width: 1896px) { 
.outter-wrapper.header-container, #nav ul, ol.graphs > li div.grey-btn, .btn.grey-btn,  #nav li:hover ul ul {
	background: #485c69;

}
.logo img, .logo-foot img{
	max-width: 100%;
	position:absolute;
	width:146px;
	height:146px;
	left:325px;
	top:0%;
	/*border:1px solid #021A40;*/
}
.nav_button{
	text-align:center;
	/*float: right;*/
	right:375px;
	top:5px;
	position:absolute;
	/*width:15%;*/
	/*margin-left:5%;*/
	/*padding:1%;*/
	
}
.header-container nav{
	/*float: right;*/
	position:relative;
	left:500px;
	/*max-width:650px;*/
}
}

@media only screen and (max-width: 1670px) { 
.outter-wrapper.header-container, #nav ul, ol.graphs > li div.grey-btn, .btn.grey-btn,  #nav li:hover ul ul {
	background:  #485c69;

}
.logo img, .logo-foot img{
	max-width: 100%;
	position:absolute;
	width:146px;
	height:146px;
	left:250px;
	top:0%;
	/*border:1px solid #021A40;*/
	z-index:1;
}
.nav_button{
	text-align:center;
	/*float: right;*/
	right:300px;
	top:5px;
	position:absolute;
	/*width:15%;*/
	/*margin-left:5%;*/
	/*padding:1%;*/
	
}

}
@media only screen and (max-width: 1895px) { 
.outter-wrapper.header-container, #nav ul, ol.graphs > li div.grey-btn, .btn.grey-btn,  #nav li:hover ul ul {
	background:  #485c69;

}
.logo img, .logo-foot img{
	max-width: 100%;
	position:absolute;
	width:146px;
	height:146px;
	left:200px;
	top:0%;
	/*border:1px solid #021A40;*/
	z-index:1;
}
.nav_button{
	text-align:center;
	/*float: right;*/
	right:250px;
	top:5px;
	position:absolute;
	/*width:15%;*/
	/*margin-left:5%;*/
	/*padding:1%;*/
	
}
.header-container nav{
	/*float: right;*/
	position:relative;
	left:375px;
	/*max-width:650px;*/
}

.searchbar{
	position: absolute;
	right:400px;
	top:20px;
	z-index=1;
	/*background:#7794AA;*/
	padding-left:10px;
	padding-right:10px;
}
.search_textbox{
	width: 150px !important;
	//position:relative;
	float:left;
	right:750px;
	margin-top:.75em;
	font-size:12px !important;
	padding:5px !important;

}
.search_button{
	width: 100px;
	float:right;
	padding:1% !important;
	font-family: 'Georgia' !important;
	margin-left:5px;
}


}
@media only screen and (max-width: 1640px) { 
.outter-wrapper.header-container, #nav ul, ol.graphs > li div.grey-btn, .btn.grey-btn,  #nav li:hover ul ul {
	background:  #485c69;

}
.logo img, .logo-foot img{
	max-width: 100%;
	position:absolute;
	width:146px;
	height:146px;
	left:150px;
	top:0%;
	/*border:1px solid #021A40;*/
	z-index:1;
}
.nav_button{
	text-align:center;
	/*float: right;*/
	right:200px;
	top:5px;
	position:absolute;
	/*width:15%;*/
	/*margin-left:5%;*/
	/*padding:1%;*/
	
}
.header-container nav{
	/*float: right;*/
	position:relative;
	left:285px;
	/*max-width:650px;*/
}

.searchbar{
	position: absolute;
	right:340px;
	top:20px;
	z-index=1;
	/*background:#7794AA;*/
	padding-left:10px;
	padding-right:10px;
}
.search_textbox{
	width: 150px !important;
	//position:relative;
	float:left;
	right:750px;
	margin-top:.75em;
	font-size:12px !important;
	padding:5px !important;

}
.search_button{
	width: 100px;
	float:right;
	padding:1% !important;
	font-family: 'Georgia' !important;
	margin-left:5px;
}
}
@media only screen and (max-width: 1490px) { 
.outter-wrapper.header-container, #nav ul, ol.graphs > li div.grey-btn, .btn.grey-btn,  #nav li:hover ul ul {
	background:  #485c69;

}
.logo img, .logo-foot img{
	max-width: 100%;
	position:absolute;
	width:146px;
	height:146px;
	left:75px;
	top:0%;
	/*border:1px solid #021A40;*/
	z-index:1;
}
.nav_button{
	text-align:center;
	/*float: right;*/
	right:100px;
	top:5px;
	position:absolute;
	/*width:15%;*/
	/*margin-left:5%;*/
	/*padding:1%;*/
	
}
.header-container nav{
	/*float: right;*/
	position:relative;
	left:210px;
	/*max-width:650px;*/
}
.searchbar{
	position: absolute;
	right:235px;
	top:20px;
	z-index=1;
	/*background:#7794AA;*/
	padding-left:10px;
	padding-right:10px;
}
.search_textbox{
	width: 150px !important;
	//position:relative;
	float:left;
	right:750px;
	margin-top:.75em;
	font-size:12px !important;
	padding:5px !important;

}
.search_button{
	width: 100px;
	float:right;
	padding:1% !important;
	font-family: 'Georgia' !important;
	margin-left:5px;
}

}
@media only screen and (max-width: 1330px) { 
.outter-wrapper.header-container, #nav ul, ol.graphs > li div.grey-btn, .btn.grey-btn,  #nav li:hover ul ul {
	background:  #485c69;

}
.logo img, .logo-foot img{
	max-width: 100%;
	position:absolute;
	width:146px;
	height:146px;
	left:50px;
	top:0%;
	/*border:1px solid #021A40;*/
}
.nav_button{
	text-align:center;
	/*float: right;*/
	right:5px;
	top:5px;
	position:absolute;
	/*width:15%;*/
	/*margin-left:5%;*/
	/*padding:1%;*/
	
}
.header-container nav{
	/*float: right;*/
	position:relative;
	left: 225px;
	/*max-width:650px;*/
}

.searchbar{
	position: absolute;
	right:150px;
	top:20px;
	z-index=1;
	/*background:#7794AA;*/
	padding-left:10px;
	padding-right:10px;
}
.search_textbox{
	width: 150px !important;
	//position:relative;
	float:left;
	right:750px;
	margin-top:.75em;
	font-size:12px !important;
	padding:5px !important;

}
.search_button{
	width: 100px;
	float:right;
	padding:1% !important;
	font-family: 'Georgia' !important;
	margin-left:5px;
}


}
/* ==========================================================================
   02. Responsive Colors
   ========================================================================== */   
   
/* Responsive Nav - Dark Grey *
@media only screen and (max-width: 950px) { /* 768px *
	#nav, #menu-icon.active{
		background: #5b5246;
}
	.widget-footer .widget{
		border-color: #665f4f;
	}
}

*/


/* ==========================================================================
   03. Media Queries 768
   ========================================================================== */
@media only screen and (max-width: 1250px) { /* 768px */
	body{
		padding: 0;	
	}
	.logo{
		padding-bottom: 1em;
		padding-top: .6em;	

	}
	.logo img, .logo-foot img{
	max-width: 100%;
	position:absolute;
	width:146px;
	height:146px;
	left:25px;
	top:0%;
	/*border:1px solid #021A40;*/
	}


	#nav{ 
		display: none;
		 background-color: #485c69;

	}
	#nav-wrap {
		position: relative;
		left:0px;
		width:75%;
		padding-bottom: .4em;
		height:75px;
	}
	#nav li.nav-parent{
		padding-bottom: 0;
	}
	#menu-icon {
		display: inline-block;
		text-align:center;
		width:102px;
		cursor: pointer;
		padding: 10px;
		margin-right:250px;
		margin-bottom: 20px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:right;
	}
	#menu-icon.active{
		-webkit-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;
	}
	nav #nav{
		margin-top: 0;
	}
	#nav {
		clear: both;
		float:right;
		position: absolute;
		top: 45px;
		min-width: 160px;
		z-index: 10000;
		padding: 5px;
		display: none; 
		left: 500px;
		-webkit-border-radius: 3px 0px 3px 3px;
		border-radius: 3px 0px 3px 3px;
	}
	#nav li {
		clear: both;
		float: none;
	}
	#nav a, #nav ul a {
		background: none;
		display: inline;
		padding: 0;
		border: none;
		font-size:	1em;
	}
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
		-webkit-box-shadow:  none;
		box-shadow:  none;
		height: 100%;
		
	}
	
	
	#nav ul li a{
		padding-left: 0;
		font-size:	.75em;
	}
	#nav li{
		padding: .2em 0!important;
	}
	#nav ul{
		padding: 0!important;
	}
	#nav li > ul li{
		padding-left: 12px!important;
	}
	#nav li > ul li:last-child{
		padding-bottom: 0!important;
	}
	#nav li:hover ul ul{
		display: block!important;
		position: relative;
		left: 0;
		background: transparent;
	}
	#nav li:hover ul ul:before{
		display: none;
	}
	.donate, #nav .donate a:hover{ 
		background: transparent;
	}
	#masthead{
		display: block;
		height: 100%;
	}
	.header-container header{
		padding: 10px 0 5px;
	} 
	.main-content, .right-aside{
		width: 100%;
		float: none;
		border: none;
		padding-left: 0;
		padding-right: 0;
	}
	.main-container{
		padding: 1px 5% 30px;
	}
	.right-aside{
		border-top: 1px solid #cad2d7;
		margin-top: 25px; 
	}
	.third, .half, .fourth, .two-thirds, ol.icon-lists li, ul.flag-lists li, .three-fourths, .foot.left, .foot.right, input.half, input.full, .fifth, .two-fifths,
	.three-fifths, .four-fifths{
		width: 100%;
		margin-right: 0%;
		float: none;
	}
	.third, .half, .fourths, .two-third, .three-fourths{
		margin-bottom: 30px;
	}
	.right-aside .half, .widget-footer .half, .clearfix.gallery .half, .clearfix.gallery .fourth{
		width: 49%;
		margin-right: 2%;
		float: left;
	}
	.last-fold{
		margin-right: 0!important;	
	}
	blockquote.third, blockquote.half, blockquote.fourths, blockquote.two-third{
		width: 100%;
	}
	blockquote, blockquote.right, blockquote.left{
		margin: 0;
	}
	ul.archive li{
		min-width: 28%;
	}
	.foot.left, .foot.right{
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	ul.social-link li{
		border: none;
	}
		
	h6.tags.right, h6.date.left{
		float: none!important;
	}
	ul.sitemap{
		display: inline;
		width: 100%;
	}
	ul.sitemap li{
		display: block;
		padding-left: 0;
		padding: 1px;
	}
	.widget-footer .widget{
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-right: none;
	}
	.widget-footer .widget.last{
		border: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.price-feature{
		top: 0;
	}
	.icon-thirds li{
		width: 48%;
	}
	.tab-nav {display: none;}
	h3.v_nav {
		height:45px;
		line-height:45px;
		margin: 0;
		padding: 0;
		text-align:center;
		margin-top: 1px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		 -khtml-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
		border-bottom-style: solid;
		border-bottom-width: 1px;		
		}
		.tab-content-block {
			clear:both;
			position:relative;
			width: 100%;
			background: #fff;
			border-style: solid;
			border-width: 1px;
		}
		h3.v_nav:first-child {
			margin-top: 0;
		}
		h3.v_active {
			background: #FBFBFB;
			z-index:50;
		}
		hr{
			margin: 1.75em 0;
		}
		ul.timeline{
			width: 98%;
			padding-left: 2%;
		}
		ul.timeline > li{
			width: 100%;
			float: none!important;
		}
		.vert-line{
			left: 1px;
		}
		ul.timeline > li:nth-child(2n+1):before{
			border-color:#fff #e2e2e2 #fff #fff!important;
			left: -14px;
			right: 100%;
		}
 }
 

/* ==========================================================================
   04. Media Queries 600
   ========================================================================== */
@media only screen and (max-width: 880px) { 
 	#nav {
		clear: both;
		position: absolute;
		top: 45px;
		min-width: 160px;
		z-index: 10000;
		padding: 5px;
		display: none; 
		left: 350px;
		-webkit-border-radius: 3px 0px 3px 3px;
		border-radius: 3px 0px 3px 3px;
	}
	}
/* ==========================================================================
   04. Media Queries 600
   ========================================================================== */
	@media only screen and (max-width: 730px) { 
 	#nav {
		clear: both;
		position: absolute;
		top: 50px;
		min-width: 160px;
		z-index: 10000;
		padding: 5px;
		display: none; 
		left: 200px;
		-webkit-border-radius: 3px 0px 3px 3px;
		border-radius: 3px 0px 3px 3px;
	}
	}
	

/* ==========================================================================
   04. Media Queries 600
   ========================================================================== */
@media only screen and (max-width: 600px) { 

	.backstretch{
		opacity: 0.2;
	}
	.cta.two-third{
		width: 100%;
		margin-right: 0%;
		float: none;
	}
	.main table{ 
		border-left: 1px solid #cad2d7;
		border-right: 1px solid #cad2d7;
		border-top: none;
		border-bottom: none;
	}
	
	.feature-heading{
		display: none;
	}	
	
	#nav {
		clear: both;
		position: absolute;
		top: 45px;
		min-width: 160px;
		z-index: 10000;
		padding: 5px;
		display: none; 
		left: 75px;
		-webkit-border-radius: 3px 0px 3px 3px;
		border-radius: 3px 0px 3px 3px;
	}
}



/* ==========================================================================
   05. Media Queries 480
   ========================================================================== */
@media only screen and (max-width: 710px) { 
	
	.outter-wrapper.header-container {
	background:  #485c69;/*#657D96;*/
	height:230px;
}
	.logo img, .logo-foot img{
	max-width: 100%;
	position:absolute;
	width:130px;
	height:130px;
	left:0px;
	top:0%;
	/*border:1px solid #021A40;*/
	}

	
	 input[type=text],  input[type=email], input[type=password], textarea, a.btn, input[type=button], input[type=submit]{
		width: 100%;
	}
	a.btn, input[type=button]{
		text-align: center;
	}
	a.small-btn{
		font-size: 14px;
		padding: .4em 2%;
	}
	a.xsmall-btn{
		font-size: 12px;
		padding: .2em 2%;
	}
	iframe{
		max-height: 320px;
	}
	#menu-icon{
		clear:both;
		margin-top:35px;
		display: block!important;
		padding-left: 3%!important;
		padding-right: 3%!important;
		width: 68%!important;
		position:relative;
		margin-right:5px;
	}
	#nav-wrap {
		position: relative;
		left:0px !important;
		width:100%;
		padding-bottom: .4em;
		height:125px;
	}
	.nav_button{
	text-align:center;
	float: right;
	right:5px;
	width: 68%;
	/*width:15%;*/
	/*margin-left:5%;*/
	/*padding:1%;*/
	}	
	.button1{
		float: right;
		background:#6B1324;
		width:100%;
		margin-bottom:1px;
		color:white;
		font: 18px 'Georgia';
	}
	.button2{
		clear:both;
		float: right;
		background:#D7D8D6;
		width:100%;
		color:black;
		font: 18px 'Georgia';
	}
	.header-container header{
		text-align: center;
	}
	.logo{
		float: none;
	}
	.header-container nav{
		float: none;
		position:relative;
		left:211px;
	}
	#nav{
		padding-left: 3%!important;
		padding-right: 3%!important;
		width: 94%!important;
		left: 0px;
		top: 75px;
	}
	.hide-480{
		display: none;
	}
	.thumb-gallery .third{
		width: 100%;
	}
	.icon-thirds li{
		width: 100%;
		float: none;
	}
	ul.timeline > li:before, .vert-line{
		display: none;
	}
	ul.timeline{
		width: 100%;
		padding-left: 0;
	}
	.searchbar{
		position: absolute;
		top:135px;
		z-index=1;
		padding-left:10px;
		padding-right:10px;
		width:100% !important;
		right:0px !important;
	}
	
	.search_textbox{
		width: 100% !important;
		float:left;
		right:750px;
		margin-top:.75em;
		font-size:12px !important;
		padding:5px !important;
		margin-bottom:0em !important;
	}
	.search_button{
		width: 100%;
		float:right;
		font-family: 'Georgia' !important;
		margin-left:5px;
	}
}

@media only screen and (max-width: 440px) { 
	 input[type=text],  input[type=email], input[type=password], textarea, a.btn, input[type=button], input[type=submit]{
		padding: 10px 2%;
		width: 100%;
	}
	a.btn, input[type=button]{
		text-align: center;
	}
	a.small-btn{
		font-size: 14px;
		padding: .4em 2%;
	}
	a.xsmall-btn{
		font-size: 12px;
		padding: .2em 2%;
	}
	iframe{
		max-height: 320px;
	}
	#menu-icon{
		display: block!important;
		padding-left: 3%!important;
		padding-right: 3%!important;
		width: 65%!important;
	}
	.nav_button{
	text-align:center;
	float: right;
	right:5px;
	width: 65%!important;
	/*width:15%;*/
	/*margin-left:5%;*/
	/*padding:1%;*/
	}	
	.button1{
		float: right;
		background:#6B1324;
		width:100%;
		margin-bottom:1px;
		color:white;
		font: 18px 'Georgia';
	}
	.button2{
		clear:both;
		float: right;
		background:#D7D8D6;
		width:100%;
		color:black;
		font: 18px 'Georgia';
	}
	.header-container header{
		text-align: center;
	}
	.logo{
		float: none;
	}
	.header-container nav{
		float: none;
		
	}
	#nav{
		padding-left: 3%!important;
		padding-right: 3%!important;
		width: 94%!important;
		left: 0;
	}
	.hide-480{
		display: none;
	}
	.thumb-gallery .third{
		width: 100%;
	}
	.icon-thirds li{
		width: 100%;
		float: none;
	}
	ul.timeline > li:before, .vert-line{
		display: none;
	}
	ul.timeline{
		width: 100%;
		padding-left: 0;
	}
}

@media only screen and (max-width: 440px) { 
	.button1{
		float: right;
		background:#6B1324;
		width:75%;
		margin-bottom:1px;
		color:white;
		font: 18px 'Georgia';
	}
	.button2{
		clear:both;
		float: right;
		background:#D7D8D6;
		width:75%;
		color:black;
		font: 18px 'Georgia';
	}
	#menu-icon{
		display: block!important;
		padding-left: 3%!important;
		padding-right: 3%!important;
		width: 50%!important;
	}
}
 
/* ==========================================================================
   06. Media Queries 1140
   ========================================================================== */
@media only screen and (max-width: 1140px) {
	.wrapper { width: 100%; }
}