@media only screen and (max-width: 1024px) {
#home_page #header h1 {
	padding: 6% 0 60px;
}
#contact form input[type="text"], #contact form textarea {
	margin-bottom: 12px;
}
#contact form textarea {
	height: 179px;
}
#gallery .flex-direction-nav .flex-prev {
	left: -10px;
}
#gallery .flex-direction-nav .flex-next {
	right: -10px;
}
#home_page {
	background-position: right top;
}
#home_page > .content{padding-left:0;}
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
.content {
	width: 98%;
}
#home_page {
	width: 100%;
	background-position: right top;
	min-height: 928px;
}
#home_page > img {
	min-height: 928px;
	left: -250px;
}
#home_page #header h1 {
	padding: 8% 0 150px;
}
#navigation_bar li {
	margin: 0 10px;
}
#gallery .flex-direction-nav .flex-prev {
	left: 0;
}
#gallery .flex-direction-nav .flex-next {
	right: 0;
}
#navigation_bar li a {
	letter-spacing: 3px;
}
#social_links li {
	margin-left: 20px;
}
#navigation_bar {
	margin: 0 34px;
}
.banner {
	padding-bottom: 30px;
}
.content_section > h3, .left_section h3 {
	font-size: 21px;
	line-height: 28px;
	padding-bottom: 22px;
}
.left_section {
	margin-right: 3%;
	width: 55%;
}
.right_section {
	width: 42%;
}
.left_section p, .content_section p {
	font-size: 16px;
	line-height: 24px;
}
#services .left_section {
	width: 58%;
}
#services .right_section {
	width: 39%;
}
.right_section .poster img {
	width: 100%;
}
.services > ul > li, .services ul li h6 {
	font-size: 18px;
}
.services > ul > li {
	padding-bottom: 25px;
}
.services ul li ul li {
	padding-top: 18px;
}
#contact .col1 {
	margin-right: 4%;
	width: 32%;
}
.right_info {
	width: 85%;
}
#contact .col2 {
	margin-right: 4%;
	width: 28%;
}
#contact .col3 {
	width: 32%;
}
.contact_info li p, .contact_info li a {
	font-size: 16px;
}
.contact_info li:first-child a {
	font-size: 13px;
	background: url("../images/map_arrow.png") no-repeat scroll 28% 11px;
}
#trading_hours li, #trading_hours li h6 {
	font-size: 15px;
}
#trading_hours h5 {
	font-size: 16px;
}
#contact form textarea {
	height: 194px;
}
.booking h4, .cancellation h4 {
	padding-bottom: 18px;
}
.cancellation li {
	font-size: 16px;
	line-height: 24px;
	padding-left: 16px;
	margin-bottom: 14px;
}
.content_section > h2 {
	padding: 50px 0 24px;
}
.content_section > h6 {
	padding-bottom: 40px;
}
#faq {
	padding-top: 50px;
}
#faq h5 {
	padding-bottom: 30px;
}
#faq li h4 a {
	padding: 16px 0 16px 15px;
	font-size: 18px;
	background-position: 98% 18px;
}
#gallery li > div {
	margin-right: 20px;
	width: 31.5%;
}

.popup {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    padding: 20px 10px;
    width: auto;
}
.before_after li img{
width:100%;	
}
.before_after li{
width:49%;	
}
.fancybox-next span{
right:0;	
}
.fancybox-prev span{
left:0
}
#home_page > .content{padding-left:0;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.content {
	width: 98%;
}
#home_page {
	width: 100%;
	background-position: right top;
	min-height: 1px;
}
#home_page > img {
	min-height: 1px;
	left: 0;
	display: none;
	height: auto !important;
}
#home_page #header h1 {
	background: url("../images/mob_overlay.png") no-repeat scroll 0 bottom / 100% auto;
	padding: 73% 0 45px 22px;
	text-align: left;
}
#navigation_bar li {
	display: block;
	float: none;
	margin: 15px 0;
}
#header .content {
	width: 100%;
}
#gallery .flex-direction-nav .flex-prev {
	left: 0;
}
#gallery .flex-direction-nav .flex-next {
	right: 0;
}
#header {
	
}
.innerHeader{z-index:99;}
#navigation_bar li a {
	letter-spacing: 3px;
	font-size: 16px;

	padding: 10px 18px;
}

#social_links li {
	margin-left: 20px;
}
#navigation_bar {
	float: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	width: 100%;
	display: none;
	z-index: 99;
}
.pop_up, .pop_up1 {
	background: url(../images/overlay.png) repeat;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
	padding: 35px 0 0 0;
	display: none;
}
.pop_up1 {
	background: url(../images/overlay.png) repeat;
}
.maincontent, #footer {
	position: relative;
	z-index: 8;
}
#navigation_bar>span {
	cursor: pointer;
	display: block;
	padding-left: 25px;
	padding-bottom: 4px;
}
.banner {
	padding-bottom: 30px;
}
.content_section > h3, .left_section h3 {
	font-size: 21px;
	line-height: 28px;
	padding-bottom: 22px;
}
.left_section {
	margin: 0 auto 20px;
	float: none;
	width: 100%;
}
.right_section {
	width: 100%;
	float: none;
}
.left_section p, .content_section p {
	font-size: 16px;
	line-height: 24px;
}
#services .left_section {
	width: 100%;
}
#services .right_section {
	width: 100%;
}
.right_section .poster img {
	width: 100%;
height:auto;
}
.services > ul > li, .services ul li h6 {
	font-size: 18px;
}
.services > ul > li {
	padding-bottom: 25px;
}
.services ul li ul li {
	padding-top: 18px;
}
#contact .col1 {
	margin: 0 auto;
	width: 100%;
	float: none;
}
.right_info {
	width: 85%;
}
#contact .col2 {
	margin: 25px auto 0;
	width: 100%;
	float: none;
}
#contact .col3 {
	width: 100%;
	float: none;
	margin: 25px auto 0;
}
.contact_info li p, .contact_info li a {
	font-size: 16px;
}
.contact_info li:first-child a {
	font-size: 13px;
	background: url("../images/map_arrow.png") no-repeat scroll 28% 11px;
}
#trading_hours li, #trading_hours li h6 {
	font-size: 15px;
}
#trading_hours h5 {
	font-size: 16px;
}
#contact form textarea {
	height: 194px;
}
.booking h4, .cancellation h4 {
	padding-bottom: 14px;
}
.cancellation {
	padding-top: 25px;
}
.cancellation li {
	font-size: 16px;
	line-height: 24px;
	padding-left: 16px;
	margin-bottom: 14px;
}
.content_section > h2 {
	padding: 50px 0 24px;
}
.content_section > h6 {
	padding-bottom: 40px;
}
#faq {
	padding-top: 27px;
}
#faq h5 {
	padding-bottom: 20px;
}
#faq li h4 a {
	background-position: 98% 18px;
	font-size: 16px;
	line-height: 24px;
	padding: 12px 32px 12px 15px;
	width: 88%;
}
.wrapper {
	min-height: 1px;
}
#gallery li > div {
	margin-right: 20px;
	width: 31.5%;
}
#header #social_links {
	display: none;
}
#header h1 {
	float: none;

	text-align: center;
}
#footer #social_links {
	display: block;
}
.mob_menu {
	display: block;
	position: absolute;
	top: 14px;
	left: 22px;
	cursor: pointer;
	z-index: 99;
}
#footer #social_links {
	padding-bottom: 28px;
}
#footer h6 {
	display: block;
	font-size:11px;
	color:#aaa;
	text-transform: uppercase;
}
#footer {
	height: auto;
	margin-top: 0;
	padding-bottom: 25px;
	
}
#footer > a {
	display: block;
	color: #aaa;
	font-family: "Open Sans";
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}
#footer > a:hover {
	color: #431442;
}
#footer > a {
	margin-top: 8px;
}
.content_section {
	padding-bottom: 50px;
}
.maincontent .content, #footer {
	width: 90%;
}
#gallery .tabs {
	display: block;
	margin: 30px auto;
	text-align: center;
	width: 300px;
}
.popup {
	padding: 40px 20px 20px;
	width: 90%;
}
.before_after li {
	display: block;
	margin: 0 0 20px;
}
.before_after li span {
	padding: 0 21px;
}
.popup p {
	padding: 0 10px;
	font-size: 16px;
	line-height: 24px;
}
.fancybox-close {
	left: 50%;
	margin-left: -8px;
	right: auto;
	top: 27px;
}
.fancybox-prev span {
	width: 10px;
	height: 18px;
	left: 11px;
	top: 25px;
	position:absolute;
	background: url("../images/left_arrow1.png") no-repeat;
}
.fancybox-next span {
	width: 10px;
	height: 18px;
	right: 11px;
		top: 25px;
	position:absolute;
	background: url("../images/right_arrow1.png") no-repeat;
}
#home_page {
	background: url(../images/mob_poster.jpg) no-repeat;
}
.owl-pagination {
	display: block;
}
.owl-theme .owl-controls .owl-page span {
	background: #fff;
	opacity: 1;
	width: 8px;
	height: 8px;
	margin: 0 8px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #4b034a;
}
#home_page {
	height: 480px !important;
	background-size: 100% auto;
}
#home_page #footer {
	position: static;
	padding: 50px 0 0 22px;
}
#home_page .content {
	width: 100%;
}
#home_page #footer #social_links {
	padding-bottom: 28px;
}
#home_page #footer > a {
	padding-top: 0;
}
#home_page #navigation_bar {
	display: none;
}
#home_page #navigation_bar li {
	background: url("../images/nav_line-old.png") no-repeat scroll 22px bottom;
	display: block;
	margin: 0 0 10px;
	padding-bottom: 10px;
}
#home_page #navigation_bar {
	top: 10px;
}
#navigation_bar li a {
	padding: 10px 22px;
}
#home_page #navigation_bar li a:hover, #home_page #navigation_bar li.active a {
	background: none;
}
#home_page #navigation_bar > span {
	padding-bottom: 14px;
}
.accordin_content{
width:92%;
margin:0 auto;	
} 
.fancybox-lock .fancybox-overlay{
overflow-y:hidden !important;	
}

#mobile_header{
	display:block;
background:url("../images/mob_poster.jpg") no-repeat;
 background-size: 100% auto;
    height: 480px !important;
	position:relative;	
}
#home_page #header h1{
display:none;	
}
#mobile_header h1{
display:block;	
position:absolute;
bottom:0;
padding:0 0 45px 18px;
}
.logo_container{
background:url("../images/mob_overlay.png") no-repeat scroll 0 bottom / 100% auto;
width:100%;
height:100%;	
}
.fancybox-wrap{
width:100% !important;
left:0 !important;	
}
.fancybox-inner{
	width:100% !important;
}

.before_after img {
    width: 90%;
}
.before_after{
padding:40px 0;	
}
.popup{
width:100%;
padding:0;	
}
#home_page > .content{padding-left:0;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.content {
	width: 98%;
}
#home_page {
	width: 100%;
	background-position: right top;
	min-height: 1px;
}
#home_page > img {
	min-height: 1px;
	left: 0;
	display: none;
	height: auto !important;
}
#home_page #header h1 {
	background: url("../images/mob_overlay.png") no-repeat scroll 0 bottom / 100% auto;
	padding: 110% 0 45px 18px;
	text-align: left;
}
#navigation_bar li {
	display: block;
	float: none;
	margin: 15px 0;
}
#header .content {
	width: 100%;
}
#gallery .flex-direction-nav .flex-prev {
	left: 0;
}
#gallery .flex-direction-nav .flex-next {
	right: 0;
}
#header {

}
#navigation_bar li a {
	letter-spacing: 3px;
	font-size: 16px;
	color: #000;
	padding: 10px 18px;
}
#navigation_bar li a:hover, #navigation_bar li.active a {
	
}
#social_links li {
	margin-left: 20px;
}
#navigation_bar {
	float: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 7px;
	width: 100%;
	display: none;
	z-index: 99;
}
.pop_up, .pop_up1 {
	background: url(../images/overlay.png) repeat;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
	padding: 35px 0 0 0;
	display: none;
}
.pop_up1 {
	background: url(../images/overlay.png) repeat;
}
.maincontent, #footer {
	position: relative;
	z-index: 8;
}
#home_page > .content{padding-left:0;}
#navigation_bar>span {
	cursor: pointer;
	display: block;
	padding-left: 20px;
	padding-bottom: 4px;
}
.banner {
	padding-bottom: 30px;
}
.content_section > h3, .left_section h3 {
	font-size: 21px;
	line-height: 28px;
	padding-bottom: 22px;
}
.left_section {
	margin: 0 auto 20px;
	float: none;
	width: 100%;
}
.right_section {
	width: 100%;
	float: none;
}

.left_section p, .content_section p {
    font-size: 14px;
    line-height: 22px;
}
#services .left_section {
	width: 100%;
}
#services .right_section {
	width: 100%;
}
.right_section .poster img {
	width: 100%;
height:auto;
}
.services > ul > li, .services ul li h6 {
	font-size: 16px;
}
.services > ul > li {
	padding-bottom: 18px;
}
.services ul li ul li {
	padding-top: 15px;
}
#contact .col1 {
	margin: 0 auto;
	width: 100%;
	float: none;
}
.right_info {
	width: 85%;
}
#contact .col2 {
	margin: 25px auto 0;
	width: 100%;
	float: none;
}
#contact .col3 {
	width: 100%;
	float: none;
	margin: 25px auto 0;
}
.contact_info li p, .contact_info li a {
	font-size: 16px;
}
.contact_info li:first-child a {
	font-size: 13px;
	background: url("../images/map_arrow.png") no-repeat scroll 28% 11px;
}
#trading_hours li, #trading_hours li h6 {
	font-size: 15px;
}
#trading_hours h5 {
	font-size: 16px;
}
#contact form textarea {
	height: 194px;
}
.booking h4, .cancellation h4 {
	padding-bottom: 14px;
}
.cancellation {
	padding-top: 20px;
}

.cancellation li {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 11px;
    padding-left: 16px;
}

.content_section > h2 {
    font-size: 28px;
    padding: 37px 0 15px;
}
.content_section > h6 {
	padding-bottom: 24px;
}
#faq {
	padding-top: 27px;
}
#faq h5 {
	padding-bottom: 20px;
}

#faq li h4 a {
    background-position: 98% 10px;
    font-size: 14px;
    line-height: 19px;
    padding: 10px 30px 10px 5px;
    width: 88%;
}
.accordin_content{
margin:0 0 24px;
width:100%;	
}
.wrapper {
	min-height: 1px;
}
#gallery li > div {
	margin-right: 20px;
	width: 31.5%;
}
#header #social_links {
	display: none;
}
#header h1 {
	float: none;
	
	text-align: center;
}
#footer #social_links {
	display: block;
}
.innerHeader{z-index:99;}
.mob_menu {
	display: block;
	position: absolute;
	top: 11px;
	left: 18px;
	cursor: pointer;
	z-index: 99;
}
#footer #social_links {
	padding-bottom: 28px;
}
#footer h6 {
	display: block;
	font-size:11px;
	color:#aaa;
	text-transform: uppercase;
}
#footer {
	height: auto;
	margin-top: 0;
	padding-bottom: 25px;
	
}
#footer > a {
	display: block;
	color: #aaa;
	font-family: "Open Sans";
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}
#footer > a:hover {
	color: #431442;
}
#footer > a {
	margin-top: 8px;
}
.content_section {
	padding-bottom: 35px;
}
.maincontent .content, #footer {
	width: 90%;
}
#gallery .tabs {
	display: block;
	margin: 30px auto;
	text-align: center;
	width: 268px;
}
#gallery .tabs li a{
padding:12px 20px;	
}
.popup {
	padding: 40px 10px 20px;
	width: 90%;
}
.before_after li {
	display: block;
	margin: 0 0 20px;
}
.before_after li span {
	padding: 0 10px;
}
.popup p {
	padding: 0 14px;
	font-size: 16px;
	line-height: 24px;
}
.fancybox-close {
	left: 50%;
	margin-left: -8px;
	right: auto;
	top: 27px;
}
.fancybox-prev span {
	width: 10px;
	height: 18px;
	left: 15%;
	top: 25px;
	position:absolute;
	background: url("../images/left_arrow1.png") no-repeat;
}

.fancybox-next span {
    background: url("../images/right_arrow1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 18px;
    right: 15%;
    top: 25px;
    width: 10px;
	position:absolute;
}
#home_page {
	background: url(../images/mob_poster.jpg) no-repeat;
}
.owl-pagination {
	display: block;
}
.owl-theme .owl-controls .owl-page span {
	background: #fff;
	opacity: 1;
	width: 8px;
	height: 8px;
	margin: 0 8px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #4b034a;
}
#home_page {
	height: 480px !important;
	background-size: 100% auto;
}
#home_page #footer {
	position: static;
	padding: 50px 0 0 18px;
}
#home_page .content {
	width: 100%;
}
#home_page #footer #social_links {
	padding-bottom: 28px;
}
#home_page #footer > a {
	padding-top: 0;
}
#home_page #navigation_bar {
	display: none;
}
#home_page #navigation_bar li {
	background: url("../images/nav_line-old.png") no-repeat scroll 22px bottom;
	display: block;
	margin: 0 0 10px;
	padding-bottom: 10px;
}
#home_page #navigation_bar {
	top: 7px;
}
#navigation_bar li a {
	padding: 10px 18px;
}
#home_page #navigation_bar li a:hover, #home_page #navigation_bar li.active a {
	background: none;
}
#home_page #navigation_bar > span {
	padding-bottom: 14px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
margin-right:-8px;	
}
.owl-theme .owl-controls .owl-buttons div.owl-prev{
margin-left:-8px;	
}

.owl-buttons {
    top: 41.5%;
}

#header h1 a {
    display: block;
    margin: 0 auto;
    width: 44%;
}
#header h1 img{
	width:100%;
}
#home_page #header h1 a{
width:auto;	
}
#home_page #header h1 img{
	width:auto;
}
.before_after img{
width:100%;	
}
.fancybox-lock .fancybox-overlay{
overflow-y:hidden !important;	
}

#fancybox-overlay{
position:fixed !important;	
}
#home_page{
background:none;	
}
#mobile_header{
	display:block;
background:url("../images/mob_poster.jpg") no-repeat;
 background-size: 100% auto;
    height: 480px !important;
	position:relative;	
}
#home_page #header h1{
display:none;	
}
#mobile_header h1{
display:block;	
position:absolute;
bottom:0;
padding:0 0 45px 18px;
}
.logo_container{
background:url("../images/mob_overlay.png") no-repeat scroll 0 bottom / 100% auto;
width:100%;
height:100%;	
}
.fancybox-wrap{
width:100% !important;
left:0 !important;	
}
.fancybox-inner{
	width:100% !important;
}

.before_after img {
    width: 90%;
}
.before_after{
padding:40px 0;	
}
.popup{
width:100%;
padding:0;	
}
}