@media screen and (max-width: 1000px){
.Gallery .section2 ul.gallery, .Gallery .section2 .title{
width: 720px;
}

.special.main_content{

width:90%;

}


}

@media screen and (max-width: 959px){
.main_content{
width: 100%;
}

.Menu.main_content{
width: 90%;
}


.footer{
height: auto;
padding-bottom: 10px;
}

}

@media screen and (max-width: 899px){
.bottom .hours{
 left: 38%;
}
}

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

.About .section2{
width: 90%;
}

.About .section2 .content{
width: 90%;
padding: 5%;
margin: auto;
}

.Events .section2{
width: 90%;
}
.Events .section2 .content{
width: 90%;
padding: 5%;
margin: auto;
}


}




@media screen and (max-width: 700px){
.special .part2 .left, .special .part2 .right {
width: 100%;
float: left;
margin-right:0px;
}
#logo{
background: url(../images/logo_02.png);
}

.Page .header{
padding-bottom: 0px;
}

.header .top{
background: #EC5238;
height: auto;
position: relative !important;
}

.header .top .address{
float: none;
width: 160px;
margin: auto;
text-align: center;
margin-top: 20px;
}

.header .top .address img{
margin-left: 20px !important;
}

.sliders .text{
bottom: 100px;
}

.responsive{
overflow: hidden;
margin: auto;
margin-top: 20px;
width: 550px;
}

.header .bottom{
width: 100%;
margin-top: 0px;
}

.header .bottom>div{
float: left !important;
margin-left: 5%;
}

.bottom .hours{
margin-left: 0px;
right: 5%;
left: auto;
}

.responsive .address{
background: #F38C7A;
width: 200px;
padding: 5px;
float: left;
margin-top: 20px;
border-radius: 6px;
box-shadow: 0px 1px 1px #C94C37;
}

.responsive .bottom .hours{
position: relative;
margin-left: 0px;
margin-top: 0;
left: 0;
}

.responsive .bottom .facebook{
clear: both;
margin-top: -25px;
}

.responsive .bottom .twitter{
margin-top: -25px;
margin-left: 30px;
}

.responsive{
width: 100%;
}

.header .top .main_content{
width: 100%
}

.header .main_menu{
float: none;
overflow: hidden;
clear: both;
width: 150px;
margin: auto;
text-align: center;
margin-top: 138px;
}

#logo{
float: none;
left: 50%;
margin-left: -132px;
}


.responsive .address{
float: none;
margin: auto;
margin-top: 25px;
margin-bottom: 10px;
text-align: center;
}

.responsive .bottom{
float: none !important;
width: 312px;
margin: auto !important;
overflow: hidden;
}

.sliders .text{
display: none;
}

.mobile_text{
display: block;
color: #FFF;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 100px;
}

.mobile_text .title{
font-size: 35px;
}

.mobile_text p{
text-align: center !important;
}

.responsive .main_menu{
width: 210px;
margin: auto;
float: none;
background: #F38C7A;
overflow: hidden;
border-radius: 6px;
margin-bottom: 10px;
text-align: center;
}

.header .main_menu li{
float: none;
}

.header .main_menu li a{
height: auto;
padding-top: 10px;
padding-bottom: 10px;
}


.Gallery .section2 ul.gallery, .Gallery .section2 .title{
width: 480px;
}


.Menu #menu .left{
float: none;
width: 100%;
}

.Menu #menu .right{
width: 100%;
}


}


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

.footer .address, .footer .copyright{
float: none;
text-align: center;
}

}


@media screen and (max-width: 500px){
.Gallery .section2 ul.gallery, .Gallery .section2 .title{
width: 240px;
}

.Menu.main_content{
margin-bottom: 100px;
}
}

@media screen and (max-width: 360px){
.bottom .hours{
width: 100%;
background: #F38C7A;
left: 0;
}

.bottom a.facebook,
.bottom a.twitter{
position: relative;
z-index: 1;
}

.bottom .hours ul{
margin: 0;
}

.bottom .hours ul li span,
.bottom .hours ul li span.date{
margin: auto;
width: auto;
text-align: center;
float: none;
display: block;
}


}