@media screen and (min-width: 751px) and (max-width: 1099px) { 

.container {width: 100%;}
.flexslider-one li img {width: 100%; height: auto; display: block;}
#nav ul li {margin: 0 20px 0 0;}
.story h4 {line-height: 35px;}

.services ul li {width: 33.33%; margin: 0;}
.services ul li img {width: 100%; height: auto;}


.about ul { padding: 0 50px;}
.about ul li {width: 45%; margin: 0 10% 0 0;}
.about ul li img {width: 100%; height: auto;}

.sponsor img {width: 100%; height: auto;}
.sponsor .sponsor-inner {top: 40px;}
.sponsor ul {padding: 30px 20px 0; text-align: center;}
.sponsor ul li {display: inline-block; float: none; margin: 0 5px !important;}
#footer {padding: 30px;}
#footer ul li.last form input[type="text"] {width: 77%; font-size: 10px;}
#footer ul li.last form input[type="button"] {background-position: 15px 7px;}

.banner img {width: 100%; height: auto;}
.inner-content {padding: 90px 30px 40px;}
.inner-content .left {width: 45%; padding: 0 5% 0 0;}
#slider img {width: 100%; height: auto;}
.inner-content .right {width: 45%;}


}

@media screen and (min-width: 421px) and (max-width: 750px) { 

h1											{font-size:35px; line-height: 35px;}
h2											{font-size:28px;}
h3											{font-size:24px;}
h4											{font-size:20px;}
h5											{font-size:16px;}
h6											{font-size:14px; line-height: 14px;}

.mob_title {display: block; background: #555555; color: #ffffff; padding: 10px; font-style: normal; font-size: 18px;}
.mob_title em {font-style: normal; line-height: 25px;}
#nav {height: auto; z-index: 100000000;}
#nav ul {display: none; position: absolute; width: 100%; background: #555555; padding: 0; z-index: 10000000000; float: none;}
#nav ul li {float: none; padding: 5px 0 5px 0 !important; border: 0 !important; text-align: center; margin: 0;}
#nav ul li a {padding: 0; font-size: 17px; color: #ffffff; text-align: center;}
.mob_title a.menubtn {background: url("../images/menu-bg.png") no-repeat scroll right 2px rgba(0, 0, 0, 0); display: block; float: right; height: 24px; width: 34px;}

#nav ul li ul {position: relative; width: auto; top: 0; left: 0; background: none;}

.container {width: 100%;}
#logo {float: none; padding: 20px 0; display: block;}
#logo img {display: block; margin: 0 auto;}
#header .right-header {float: none;}
.social {width: 80px; margin: 0 auto;}
#header .right-header .social ul {float: none;}

#footer {background: #cdd2d2;}
#footer ul li {float: none !important; width: 100% !important; background: none !important; text-align: center; padding: 0 0 20px 0 !important;}
#footer ul li.last li { float: left !important;}
#footer .social {width: 85px;}
#footer ul li.last ul {float: none;}

.flexslider-one li img {width: 100%; height: auto; display: block;}
.flexslider-one .flex-direction-nav a.flex-prev {left: 10px;}
.flexslider-one .flex-direction-nav a.flex-next {right: 10px;}

.story {padding: 20px;}
.story h4 {line-height: 30px; text-align: center;}

.services ul li {float: none; margin: 0 auto !important; width: 90%; text-align: center; padding: 10px 0;}

.about ul {padding: 0 5%;}
.about ul li {float: none; margin: 0 auto !important; width: 90%;}

.sponsor img {width: 100%; height: auto;}
.sponsor .sponsor-inner {display: none;}

.flexslider-one .flex-direction-nav {z-index: 1;}

.banner img {width: 100%; height: auto;}
.inner-content {padding: 90px 30px 40px;}
.inner-content .left {width: 100%; float: none; padding: 0;}
#slider img {width: 100%; height: auto;}
.inner-content .right {float: none; width: 100%;}

}

@media screen and (min-width: 320px) and (max-width: 420px) { 

h1											{font-size:35px; line-height: 35px;}
h2											{font-size:28px;}
h3											{font-size:24px;}
h4											{font-size:20px;}
h5											{font-size:16px;}
h6											{font-size:14px; line-height: 14px;}

.mob_title {display: block; background: #555555; color: #ffffff; padding: 10px; font-style: normal; font-size: 18px;}
.mob_title em {font-style: normal; line-height: 25px;}
#nav {height: auto;}
#nav ul {display: none; position: absolute; width: 100%; background: #555555; padding: 0; z-index: 100000000000; float: none;}
#nav ul li {float: none; padding: 5px 0 5px 0 !important; border: 0 !important; text-align: center; margin: 0;}
#nav ul li a {padding: 0; font-size: 17px; color: #ffffff; text-align: center;}
.mob_title a.menubtn {background: url("../images/menu-bg.png") no-repeat scroll right 2px rgba(0, 0, 0, 0); display: block; float: right; height: 24px; width: 34px;}

#nav ul li ul {position: relative; width: auto; top: 0; left: 0; background: none;}

.container {width: 100%;}
#logo {float: none; padding: 20px 0; display: block;}
#logo img {display: block; margin: 0 auto;}
#header .right-header {float: none;}
.social {width: 80px; margin: 0 auto;}
#header .right-header .social ul {float: none;}

#footer {background: #cdd2d2;}
#footer ul li {float: none !important; width: 100% !important; background: none !important; text-align: center; padding: 0 0 20px 0 !important;}
#footer ul li.last li { float: left !important;}
#footer .social {width: 85px;}
#footer ul li.last ul {float: none;}

.flexslider-one li img {width: 100%; height: auto; display: block;}
.flexslider-one .flex-direction-nav a.flex-prev {left: 10px;}
.flexslider-one .flex-direction-nav a.flex-next {right: 10px;}

.story {padding: 20px;}
.story h4 {line-height: 30px; text-align: center;}

.services ul li {float: none; margin: 0 auto !important; width: 90%; text-align: center; padding: 10px 0;}
.services ul li img {width: 100%; height: auto;}


.about ul {padding: 0 5%;}
.about ul li {float: none; margin: 0 auto !important; width: 90%;}
.about ul li img {width: 100%; height: auto;}

.sponsor img {width: 100%; height: auto;}
.sponsor .sponsor-inner {display: none;}

.flexslider-one .flex-direction-nav {z-index: 1;}

.banner img {width: 100%; height: auto;}
.inner-content {padding: 90px 30px 40px;}
.inner-content .left {width: 100%; float: none; padding: 0;}
#slider img {width: 100%; height: auto;}
.inner-content .right {float: none; width: 100%;}

}


/*********** Dave CSS ***************/
@media screen and (min-width: 320px) and (max-width: 639px) { 

.our_story .our_left, .our_story .our_right{
	width:99%;
	margin:0 0.5%;
}
.my_gallery_item{
	width:99%;
	margin:10px 0.5% 20px 0.5%;
	float:none;
	text-align:center;
}


}