@media screen and (max-width:1024px) {
.wrapper{  max-width:1024px; margin:auto;}
.features-icons { margin: 0 33px;}
.events-left {width: 48%;}
.events-right { width: 48%;}
.footer-left{  width: 60%;}
.footer-right {  width: 38%;}
.tab-title ul li a{ width: 229.5px;}
.event-box { margin: 0 35px;}
div.events01 .events-right  h6 img{ width:100%; margin-left:0px;}
div.events01 .events-right  h5 img{ width:100%; margin-left:0px;}

}
@media screen and (max-width:800px) {
.shadow img{ width:100%;}
.menu{ height:auto;}
.logo{ float:none; text-align:center;}
.wrapper{ padding:0 5px;}
.nav{ float:none; display: block; border-top: 1px solid #CCCCCC;}
.nav ul{ padding:1px 0 0 0; height:auto;}
.logo{padding:0px 0 15px 0;}
.nav ul li a{ padding-bottom:13px;}
.nav ul li a:hover, .select a {  background: url(../images/nav-bg1.jpg) scroll center bottom repeat-x transparent;  color: #369493!important;}
.dashboard a{ padding-left:20px!important;}
.flexCaptionInner h2{ font-size:33px;   line-height:31px;}
.flexCaptionInner h3{font-size:24px; font-weight:normal;  line-height:23px;}
.pc-img img{ width:100%;}
.pc-img{width:50%;   bottom: -100px;}
.slide1{height: 361px !important;}
.rsv img{ width:100%;}
.rsv { width:18%;}
.flexslider { height: 362px !important;}
.sociyal {padding: 27px 0 0 135px; position: absolute;}
.slider {padding: 0 0 29px;}
.features-icons h6 img{ width:100%;}
.features-icons { margin: 0 15px;  width: 29%;}
.twitter-feed p{ float:none; text-align: center; padding-bottom:10px;}
.donations{ padding:5px 0;}
.donations span{ display:block; padding:0 0 10px 0;}
.footer-left{ float:none; width:auto; text-align:center;}
.footer-right{float:none; width:auto; text-align:center;}
.footer-right p{ float:none;}
.copyright{ text-align:center;}
#footer {  padding: 13px 0;}
.tab-title ul li a{ width:auto;  font-size: 22px;margin: 0 8px 0 0;  padding: 9px 11px;}
.tab-bg, .event-tab{ background:none;}
.tab-content{border-top: 3px solid #398686;  padding: 20px 9px 10px;}
.left-but { padding: 123px 12px 0 0;}
.right-but { padding: 123px 0px 0 12px;}
.event-box {  margin: 0 7px;}
.pc { width:50%;}
.pc img{ width:100%;}
div.form-content .medium{ width: 410px;}
div.form-content .message { width: 410px;}
div.form-content .select-medium {    width: 450px;}
.form-con, .message-area { float:none;}
.message-area{margin-left: 181px;}
}

@media screen and (max-width:768px) {
.nav ul li a{ padding:12px 15px 13px 15px;}
.dashboard a{ padding-left:15px!important;}
.event-box { margin: 0 2px;}
}
@media screen and (max-width:685px) {
.top-link ul{ float:none; text-align:center; padding:10px 0 0 0;}
.top-link ul li{ float:none; display:inline;}
.top-link p{ float:none; text-align:center; padding-bottom:15px;}
.nav ul{ font-size:12px;}
.nav ul li a {   padding: 12px 9px 13px;}
.dashboard a{ padding-left:9px!important;}
.titel h2{ font-size: 23px; line-height: 23px;}
.titel{ background:url("../images/title-bg.png") repeat-x scroll center -3px transparent;}
.welcome-text{ width:auto;}
.features-icons {  margin: 0 12px; width: 29%;}
.events-right h6 img{ width:100%;}
.events-right h5 img{ width:100%;}
.events-row{ padding:0 0 15px 0;}
.createevent h2{ font-size: 34px; line-height: 13px;   padding: 0 0 17px;}
.createevent{ padding:25px;}
.createevent p {  font-family: 'bariol_regularregular'; font-size: 17px;   line-height: 20px;}
.events-banner { padding: 11px 5px;}
.event-box{ width:30%; margin:0 9px;}
.event-box h3 img{ width:100%;}
.event-box h2 a {font-size: 21px; margin: 0 0 15px;}
.left-but{ display:none;}
.right-but{ display:none;}
.buts{ display:block;}
.buts a{ margin:0 10px 0 0;}
.buts{ border-bottom: solid 2px #eee; margin:0 0 15px 0; padding:0 0 10px 0;}
.img01 {   margin: 0 0 0 20px; width: 47%;}
.up p img{ width:60%;}
.click-link img{ width:66%;}
.clickhere-but{font-size: 44px;line-height: 30px;margin: 83px 0 0 -26px; padding: 13px 10px;}
.events-left h6 img{ width:30%;}
.events-left  h4 img{width:30%;}
.form-content label{ text-align:left;  padding: 2px 25px 9px 0;}
.message-area {margin-left: 0;}
.butlabel{ display:none;}

}


@media screen and (max-width:600px) {


}
@media screen and (max-width:568px) {
.nav ul li a {  padding: 12px 6px 13px ;}
.dashboard a{ padding-left:6px!important;}
.features-icons {  margin: 0 10px; width: 29%;}
.event-box { margin: 0 9px;   width: 29%;}
.wedding-disc h2 { font-size: 30px;  line-height: 12px;  padding: 0 0 27px;}
.features-banner{padding: 47px 0 0;}
.pc {  width: 44%;}
.butsignup{ font-size: 17px;line-height: 22px;  margin: -23px 0 0 66px;  padding: 5px 10px;}
.support-content {    padding: 8px 19px;}

}
@media screen and (max-width:515px) {

}
@media screen and (max-width:480px) {
.features-icons{ width: auto; float:none; text-align:center; margin:0 0px 12px 0;}
.features-icons h6 img{ width:auto;}
.event-box {  margin: 0 9px;  width: 29%;}

.up p img {  width: 59%;}
.pc { width: 39%;}
.up{padding: 0 0 0 50px;  width: 47%;}

.events-left h1 {color: #389394;  font-family: 'bariol_boldbold';  font-size: 23px;  line-height: 23px; padding: 0 0 12px;}
.click-link img{ display:none;}
.clickhere-but {   font-size: 44px;  line-height: 30px;  margin: 10px 0 0;  padding: 13px 0; width:100%;}
div.form-content .medium {  width: 373px;}
div.form-content .select-medium {   width: 413px;}
div.form-content .message { width: 373px;}
.footer-right p a{ margin: 0 4px!important;}


}
@media screen and (max-width:320px) {
.events-left{ float:none; width:auto; text-align:center;}
.events-right{float:none; width:auto;text-align:center;}
.events-left h5{ padding:0 0 5px 0;}
.rsv{ display:none;}
.flexCaptionInner h2 { font-size: 18px; line-height: 16px; margin: 11px 0 6px; padding: 15px 20px;}
.flexCaptionInner h3 { font-size: 13px; line-height: 13px;padding:3;}
.pc-img{ display:none;}
.flexslider, .slide1 {  height: 236px !important;}
.donations {  font-size: 20px;  font-weight: normal;  line-height: 18px;}
.event-box{ width:auto; text-align:center; float:none; margin:0 0 15px 0;}
.tab-row {width:auto; text-align:center; float:none;}
.img01{ float:none; margin:0 0 12px 0; width:100%}
.wedding-disc{ text-align:center;}
.createevent h2 { font-size: 24px;  line-height: 10px;   padding: 0 0 11px; text-align:center;}
.createevent p {  text-align:center;}
.tab-title ul li{ float:none;}
.tab-title ul li a{ float:none; border-radius:0px; margin:0 0 1px 0;}
.tab-title ul li a:hover, .select-tab a{ color:#398686!important;  border-bottom: solid 3px #398686!important; background-color:#f9f9f9!important;}
.events-left h6 img{ display:none;}
.events-left h4 img{ display:none;}
.up p img{ display:none;}
.up { float:none; text-align:center; margin:0px; width:auto; padding:0px;}
.features-banner { padding: 12px 0 0;}
.butsignup{ margin:15px 0 10px 0;}
.pc {  width: auto;}
.support-content { padding: 8px 6px;}
div.form-content .medium {   width: 241px;}
div.form-content .message {   width: 241px;}
div.form-content .select-medium {width: 281px;}
}
@media screen and (max-width:295px) {
.top-link p { font-size: 12px;}
.donation-but{ padding:15px 10px;}
div.form-content .medium {width: 216px;}
div.form-content .message {   width: 216px;}
div.form-content .select-medium {width: 256px;}
}
@media screen and (max-width:240px) {
.top-link ul li {  padding: 12px 8px 12px 0;}
.features-icons h6 img {   width: 100%;}
.login-link{ width:213px; font-size:11px;}
.login-box {margin: 12px 0 0 -129px;padding: 15px 16px;width: 184px;}
.titel h2 {font-size: 17px;  line-height: 23px; text-align:center;}
div.form-content .medium {width: 161px;}
div.form-content .message {   width: 161px;}
div.form-content .select-medium {width: 201px;}
}