/**/


.mobile {display: none;}

@media (max-width: 479px) {
/* CSS Document */
body { background:none;}
.header_wrap {background:#fff;}
.frame.header {background:url(../images/header_bg.png) center right no-repeat;}
#header {height:100px; margin-top:0;}
.header_info { float:right;}
.header_info .donate{ margin:30px 10px 0 0; border-radius:10px;}

#logo {margin-top:5px;  width:150px !important;}
#logo img{width:150px;}

.buttons {background:#5f9933; height:40px; line-height:40px; text-align:center; box-shadow:2px 2px 5px 0px rgba(62,62,62,1);}
.buttons a{display:inline-block; color:#fff; font-size:16px;}
.buttons img{vertical-align:middle; margin-right:4px;}
.buttons .menubutton{ width:200px; }
.buttons .call{ width:100px; background:#f7e440; color:#414040;}

#menu { width: 320px !important; max-width:320px; padding: 0; position: absolute; z-index: 10; top: 0px; left:0px; display: none;  }
.dropmenu {margin: 0; padding:0; height:auto; list-style:none; background:#53852c; box-shadow:2px 2px 5px 0px rgba(62,62,62,1);}
.dropmenu li {margin: 0; padding:0; color: #fff; list-style:none; float:none; border-bottom:1px solid #578c2f;}
.dropmenu li span {display:inline;}
.dropmenu > li:before {content:""; }
.dropmenu > li:first-child > a{  background-image:none; width:auto; height:auto; padding:0;}
.dropmenu > li:last-child {display:block;}
.dropmenu > li:last-child > a{text-align:right; padding-right:10px; font-size:12px;}
.dropmenu li a { background:#53852c; display: block; padding:0; font-size:16px; color: #fff; text-decoration: none; text-align:left; text-indent:10px; line-height: 40px; font-style:normal;}
.dropmenu li ul {margin:0; padding:0; position:relative; visibility:visible !important; box-shadow:none; display:block; top:0;}
.dropmenu li ul li{margin:0; padding:0px; width:auto; border:0;}
.dropmenu li ul li a { background:#578c2f;  padding:0 0 0 20px; font-size:16px; padding:0px; text-indent:20px; width:auto; line-height: 40px; font-style:normal;}

.dropmenu li.desktop {display:none;}
.dropmenu li.mobile {display:block;}
.hidden {display: none;}

.mobilecontent {}

html {overflow-y: scroll;}

h1 {display:block; font: 24px 'Trebuchet Ms', Arial, sans-serif; color:#183b61; margin:0 0 5px 0;padding:0; line-height:30px; }
h2 {font: 22px 'Trebuchet Ms', Arial, sans-serif; color:#7bad34; margin:0 0 5px 0;}
h3 {font: 20px 'Trebuchet Ms', Arial, sans-serif; color:#183b61; margin:0 0 5px 0;}
h4 {font: 18px 'Trebuchet Ms', Arial; color:#c70808; margin:0 0 5px 0; padding:0; font-weight:bold; }
h5 {font:bold 16px 'Trebuchet Ms', Arial, sans-serif; color:#7bad34; margin:0 0 5px 0; padding:0;}
h6 {font:bold 16px 'Trebuchet Ms', Arial; color:#183b61; margin:0 0 5px 0; padding:0; }

p {padding: 5px 0 20px 0; font-size:14px; color:#403e3e; line-height:18px; }

ul {list-style-position: outside; padding: 5px 0 20px 20px; font-size:14px; color:#403e3e; list-style-type:disc; line-height:18px; }
ul li {padding:0 0 15px 0; line-height:20px;}

ol {list-style-position: outside; padding: 5px 0 20px 20px; font-size:14px; color:#403e3e; list-style-type:circle; line-height:18px; }
ol li {padding:0 0 5px 0;}

hr {color:#999; background:#999; height:1px;}


.container_16 {
	  margin-left: auto;
	  margin-right: auto;
	  width: 320px;
	}
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16 {
	  margin-left: 10px;
	  margin-right: 10px;
	  width: 300px !important;
	}
	
	.grid_1 img,
	.grid_2 img,
	.grid_3 img,
	.grid_4 img,
	.grid_5 img,
	.grid_6 img,
	.grid_7 img,
	.grid_8 img,
	.grid_9 img,
	.grid_10 img,
	.grid_11 img,
	.grid_12 img,
	.grid_13 img,
	.grid_14 img,
	.grid_15 img,
	.grid_16 img {
		max-width: 100% !important;
		height: auto !important;
		margin-left:0 !important;
		margin-right:0 !important;
		margin-bottom:10px !important;
		float:none !important;
		display:block; 
	}
	
	.alpha,
	.omega {
	  margin-left: 0;
	  margin-right: 0;
	}
	
	.prefix_1, .prefix_2, .prefix_3 { padding:0 !important;}
	
	.overlay {position:fixed; background:rgba(255,255,255,0.75); display:none; height:1200px; width:100%; z-index:10;}
	.frame {  width: 320px; margin: 0 auto; padding:0; position:relative;}/*url(../images/frameback.png) repeat-y top;*/
	.frame.main {padding:10px 0 80px 0; box-shadow:none; background:none;}/*url(../images/frameback.png) repeat-y top;*/
	.frame div {max-width: 310px;}
	.gallerybox > div {width: 300px !important; max-height: 200px;}
	.desktop {display: none;}
	.mobile {display: block;}
		
	#cboxContent div {max-width: 260px;}
	
	.deliverydetails .fleft{ width: 50% !important; margin-left: 0 !important;}
	.sys_paymentbox div { width: 50% !important; margin-left: 0 !important; padding: 0 !important;}
	.sys_paymentbox input[type=text],.sys_paymentbox select {width: 96% !important;}	
	
	.footer_wrap { width:auto; float:none; background:#537334;
		-webkit-box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,0.3);
		box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,0.3);}
	.footer_wrap .grass {position:absolute; width:100%; height:auto; min-height:87px; top:-80px;}
	
	.footer_info { margin-top:10px; text-align:center; font:14px Arial; color:#464646; line-height:28px;}
	
	.sitedoc_wrap {background:#f6ec92; padding:10px 0; box-shadow:inset 0px 2px 4px rgba(0, 0, 0, 0.5);}
	.sitedocs { padding:5px 0; margin:5px auto; float:none; width:300px;}
	.sitedocs li{ float:none;}
	.sitedocs li:before { content:"";}
	.sitedocs li a {color:#515050; text-align:left; padding:0; }
	
	.byline_wrap { background:#d9d9d8; width:auto; float:none; box-shadow:none;}
	.byline_wrap .byline{ float:none; text-align:center; width:100% !important; display:block; background:none; padding:8px 0; text-align:center; color:#a2a2a1;}
	.byline_wrap .byline a{ color:#a2a2a1;}
		
	.twitter-timeline {display:none !important;}
}