@media (min-width:0px) and (max-width:979px) { /* smartphones, iPhone, portrait 480x320 phones */
.main-container {
	width:98%;
}
.logowraper {
	height:auto;
	background:#cfc068;
}
.logowraper h3 {
	 font-family: 'bookosb';
color: rgba(0,0,0,1);
text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF,2px 2px 1px #FFF, -2px -2px 1px #FFF,2px -2px 1px #FFF, -2px 2px 1px #FFF,3px 3px 1px #FFF,-3px -3px 1px #FFF,3px 3px 3px #FFF,-3px -3px 3px #FFF,-3px 3px 3px #FFF,-3px 3px 3px #FFF;
font-size: 18px;
line-height: 24.24px;
margin-bottom: -100px;
}
.logo {
	float: left;
padding-top: 0px;
margin-left: 0;
margin-bottom: 0px;
margin-top: 40px;
}
.logo h1 {
	font-size: 36px;
line-height: 44px;
font-family: 'Timeb';
color: #282728;
padding-left: 20px;
margin-top: 28px;
}
.menuwrapper {
	padding-left: 20px;
width: 300px;
height: auto;
margin-top: -155px;
float: right;
}
.bannertext1 {
	margin-top: -35px;
}
.wrapper .img img {
    width: 100%;
  height:100%;;
}
.wrapper .imgage img {
    width: 100%;
  height:100%;;
}
.center {
	margin-left:auto;
	margin-right:auto;
}
.wrapper .img {
	margin:20px auto;
    border:none;
    float:none;
   
}
.content .headline {
    background: none;
}
.content .headline h3{
color:#000;
}
.wrapper .img1 {
	padding-right:0%
	
}
.wrapper .img2 {
	padding-left:0%;
	
}
.arrowleft {
	padding-top:12px;
	padding-left:30px;
	float:left;
}

	.menu {
	position: relative;
	background:#282728;
	z-index:99999;
	width:100%;
	padding:0px 3px;

	margin-top:0px;
	display:none;
	}
	.menu ul {
		list-style-type: none;
    margin: 0;
    padding: 0;


	}
	.menu ul li {
		
		padding:12px;
		 display:block;
		 border-bottom:solid thin #abaaaa;
	}
	.menu ul li a, .tmenu ul li a {
		color:#FFF;
		text-decoration:none;
	}
	.menu ul li:hover{
		background:#d27832;
		border-radius:0px 0px 0px 0px;
	}
	.menu ul .active{
		
		background:#d27832;
		border-radius:0px 0px 0px 0px;
	}
	
	.bars {
	color:rgba(255,255,255,1);
		float:right;
		margin-top:5px;
		padding-right:10px;
		cursor: pointer;
		display:block;
}
	.right {
	padding:12px;
	float:right;
	}
	


#hide {
	display:block;
}
#show {
	display:none;
}
.barwrap {
	display:block;
}
.barwrap1 {
	display:block;
}
.headerimg {
	background:url(../images/headerimg.jpg);
	height:295px;
	margin:0;
	padding:0;
	
	
}
.header-text {
	font-size:38px;
	line-height:36px;
	font-family: 'pakenham';
	color:rgba(255,255,255,1);
	margin-top: 150px;
	margin-left:32px;
	width:700px;
	
	
}
.header-text span {
	color:#e8b54a;
}
.wraper {
	background:#f1efd7;
	padding-top:20px;
	padding-bottom:20px;
}
.banner {
	background:#c0c0c0;
	height:110px;
	
}
.bannerimg {
	float:left;
	width:25%;
	padding:15px;
}
.bannertext {
	color:#140a66;
	float:left;
	width:75%;
	padding:15px 0px;
	font-size:16px;
	line-height:24px;
}


.footerleft{
	float:left;
	width:100%;
	padding:10px;
}
.footerright{
	text-align:center;
	float:right;
	width:100%;
	padding:10px;
}
.submenu {
	display:none;
}
}
@media (min-width:0px) and (max-width:359px) {
.btn-default {
    
    margin-top: -91px;
    margin-left: 214px;
}
}
@media (min-width:360px) and (max-width:479px) {
.btn-default {
    margin-top: -91px;
    margin-left: 252px;
}
}
@media (min-width:480px) and (max-width:639px) {
.btn-default {
    margin-top: -91px;
    margin-left: 370px;
}
}
@media (min-width:640px) and (max-width:767px) {
.btn-default {
    margin-top: -91px;
    margin-left: 527px;
}
}
@media (min-width:440px) and (max-width:767px) {
	.logo {
   
    margin-top: -6px;
}
.menuwrapper {
   
    margin-top: -110px;
   
}
.logowraper h3 {
    
    font-size: 24px;
    line-height: 24.24px;
}

}
@media (min-width:768px) and (max-width:979px) {
.logo {
	float: left;
padding-top: 0px;
margin-left: 0;
margin-bottom: 0px;
margin-top: -15px;
}
.menuwrapper {
    width: 339px;
    height: auto;
    margin-top: 23px;
    float: right;
}
.bannertext1 {
    margin-top: -21px;
}
.logowraper h3 {
    font-family: 'bookosb';
    color: rgba(0,0,0,1);
    text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF,2px 2px 1px #FFF, -2px -2px 1px #FFF,2px -2px 1px #FFF, -2px 2px 1px #FFF,3px 3px 1px #FFF,-3px -3px 1px #FFF,3px 3px 3px #FFF,-3px -3px 3px #FFF,-3px 3px 3px #FFF,-3px 3px 3px #FFF;
    font-size: 24px;
    line-height: 24.24px;
    margin-bottom: -80px;
}
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }