.res-menu{display: none;}

@media (max-width: 1350px){
	h1{line-height: 60px}
	.container{width: 96%}
	.home .slides li .container{width: 80%}
	.home .header .nav .logo{width: 200px; height: 180px; background-size: cover}
	.cabin ul li{width: 33%;}
	.featured-cabins ul li{width: 28%;}
	.featured-cabins ul li img{height: auto;}
	.findus {padding: 5px 20px; width: auto;}
	.findus img	{margin: 10px 30px 10px 110px;}
	.findus ul li{width: 100%!important}
	.testimonials .slides li .container p{padding: 0px;}
	.home .slides li .container p{line-height: 40px; margin: 20px 0px;}
	.service-sec li{display: inline-block; float: none!important; width: 22%; vertical-align: top}
	.guest-sec ul li strong{line-height: 30px}
	.directon-exact .view{width: 50%}
	.directon-exact .right-sec{width: 50%}
	.directon-exact .right-sec #map{width: 100%!important}
	.directon-exact .view ul li{width: 45%; margin-right: 5px}
	.directon-exact .view .add{line-height: 20px; line-height: 30px}
	.cont-form .half{width: 32%; margin-right: 14px}
	.proprietor-sec{text-align: center; margin: 0px!important}
	.proprietor-sec ul li{display: inline-block;width: 46%!important; margin: 0px 10px!important; float: none!important;}
	.margin-res{margin: 0px!important}
	.special-occassion ul li{width: 28%}
	.story-sec{text-align: center; margin: 0px!important}
	.story-sec .content li{display: inline-block;width: 46%!important; margin: 0px 10px!important; float: none!important;}
	.story-sec .container{width: 100%}
	.nearby-section ul li .content{padding-top: 15px}
	.nearby-section ul li h2{line-height: 30px}
	.article .left-sec{width: 48%}
	.article .right-sec{width: 50%}
	.inner-container{width: 100%}

}

@media (max-width: 1200px){
	.service-full > .container > li{ float: none !important; width: 90%; margin: 0 auto; }
	.service-full > .container > li:last-child { margin-top: 40px; }
	.service-full li ul { width: 100%; }
	.findus img	{margin: 10px 30px 10px 25px;}
}

@media (max-width: 1120px){
	.intro p{padding: 0px 50px}
	.home .slides li .container{margin-top: 250px}
	.testimonials .slides li .container{margin-top: 30px}
	.cabin strong{padding: 20px 50px 80px 50px; position: relative;}
	.featured-cabins ul li{width: 29%; margin: 0px 10px}
	.featured-cabins ul li h3{line-height: 20px}
	.cabin:after{background: none}
	.findus{margin: 500px 20px 90px 20px; background-size: cover}
	.findus img{margin: 10px 30px 10px 10px;}
	.findus ul{width: 60%}
	.featured-cabins h2{width: 60%; margin: 50px 0px 30px 0px}
	.home .slides li .container{width: 80%}
	.testimonials ul li .info{line-height:30px }
	.footer .footer-box{width: 33%}
	.reservation p{width: 50%}
	.reservation a{text-align: center; width: 300px; line-height: 22px}
	.header .nav ul li a{padding: 0px 3px}
	.inner-intro p{padding-right: 0px;}
	.service-sec li{margin-right: 0px; width: 45%; margin-bottom: 20px;}
	.service-rates li{width: 50%}
	.service-rates:after{display: none;}
	.service-rates{margin-top: 50px;}

	.service-full .service-left{margin-left: 380px;}
	.service-full li h3{line-height: 60px; margin-bottom: 20px;}
	.service-full .cabin-intro {clear: both;margin: 0;

	.special-rates:before{display: none;}
	.special-rates:after{display: none;}
	.special-rates{margin-top: 40px}
	.special-occassion h4{line-height: 80px}
	.special-occassion{padding: 50px 0px}
	.coupon {padding: 50px 0px}
	.special-occassion ul{margin-top: 0px}
	.bottom h4{padding: 0px}
	.bottom ul{width: 33%}
	.bottom ul li{margin: 0px; line-height: 40px; float:none;}
}



@media (max-width: 980px){
	.res-menu{display: block;background: #8b6135;color: white;font-weight: bold;text-align: right;padding: 8px;cursor: pointer;font-size: 25px;border-radius: 3px; width: 38px; float: right; z-index: 9999; position: relative;}
	.header .menu{display: none;}
	.nav {width: 50%; margin-top:50px;position: relative;}
	.header .nav ul{position: absolute; padding: 10px; border-radius: 4px;z-index: 999999; top: 40px; background:#8c6131}
	.header .nav ul li.directions ul.sub-menu{position: static; left: 0}
	.header .nav ul li{width: 100%}
	.header .nav ul li a{text-align: left; color: #fff}
	.header .nav ul li a:hover{color: #000}
	.header .nav ul ul li a:hover{color: #000}
	.home .inner-logo{display: block;}
	.home .nav{float: right;     margin-top:0px; position: absolute; top: 0; right: 20px;}
	.home .header .nav .logo{display: none!important;}
	.home .nav{margin-top: 70px}
	.header .nav ul ul{display: block; position: static;padding: 0;width: 100%; box-sizing:border-box; padding: 0 10px; margin-bottom: 20px;}
	.header .nav ul li:hover ul{background: none; box-shadow: none!important; position: inherit;  margin: 0;margin-bottom: 20px;width: 100%; box-sizing:border-box; padding: 0 10px}
	.header .nav ul ul li a{text-transform: uppercase;}
	.header .nav ul li{height: auto; padding: 7px 0px; text-align: left;}
	.header .nav ul ul:before{display: none;}
	.header .nav ul li a{display: block;}
		.inner-logo img{height: 140px; width: auto;}
	.header{height: auto; position: static;}
	.inner-logo{float: none; display: inline-block;}

	.service-fullX li img { float :none; }
	.service-fullX .service-left { margin-left: 0; }
	.service-full > .container > li { width: 100%;}
	.coupon {padding: 50px 0px}
	.special-occassion ul li { width: 26%; }
	.findus img { margin: 10px 25px 10px 5px;width: 35%; }
}

@media (max-width: 768px){
	h1{font-size: 32px; line-height: 40px}
	.flex-direction-nav .flex-next{right: 0px!important}
	.flex-direction-nav .flex-prev{left: 0px!important}
	.home .slides li .container p{font-size: 24px;}
	.home .slides li .container a{padding: 5px 20px; width: auto; line-height: 30px}
	.intro h2{font-size: 30px;}
	.intro{padding: 0px 0px 40px 0px}
	p{font-size: 16px;}
	.cabin{padding-top: 40px;}
	.cabin ul li{width: 100%; height: 350px; border-right: 0px!important;border-bottom: 24px solid white;}
	.cabin ul li:nth-child(3) {height: 350px;border-left: 0px!important;border-bottom: 24px solid white;}
	.cabin ul li:nth-child(4) {height: 350px;border-left: 0px!important;border-bottom: 24px solid white;}
	.featured-cabins ul{position: inherit;}
	.featured-cabins ul li{width: 90%; margin-bottom: 20px;}
	.findus{margin:inherit; padding-bottom: 40px; width: 80%}
	.featured-cabins h2{font-size: 30px; width: 100%}
	.findus img{width: 100%; margin-bottom: 15px;}
	.findus ul{width: 100%}
	.featured-cabins{padding-top:20px; padding-bottom: 20px }
	.findus ul li{margin-bottom: 0px; font-size: 16px;}
	.testimonials .slides li .container p{font-size: 23px; line-height: 33px; margin-bottom: 30px}
	.payment .pay-left{width: 100%; text-align: center;}
	.payment .pay-right{width: 100%; text-align: center;}
	.reservation {text-align: center;}
	.reservation p{width: 100%; font-size: 20px;}
	.reservation a{display: inline-block; margin-top: 20px;}
	.footer .footer-box{width: 100%}
	.footer{padding: 20px 0px 0px 0px}
	.cabin:before{background: none; width: 100%}
	.service-sec li{width:90%}
	.service-rates{padding: 30px 0px; padding-bottom: 0px}
	.service-rates li{width: 100%; margin: 20px 0px}
	.service-rates li h3{line-height: 10px}
	.inner-intro p{line-height: 28px; font-size: 18px}

	.service-full li {width: calc(100% - 40px); }
	.service-fullX li:last-child{float: left; width: 250px}
	.service-full{padding: 40px 0px}
	.service-full li img{width: 100%; margin-bottom: 20px}
	.service-full .service-left{width: 100%; margin-left: 0px}
	.service-full a{margin-bottom: 20px}
	.service-full .service-right {margin-left: 50px; position: relative; clear:both;}
	.service-full .service-right h2 {line-height: 24px; }
	.phoneOnly {display:block;}
	.coupon {padding: 50px 20px}

	.service-rates li h3{font-size: 40px}
	.inner-intro{margin-bottom: 40px}
	.guest-sec{padding: 0px}
	.guest-sec ul li{margin-bottom: 30px}
	.directon-exact .view{width: 100%; text-align: center;}
	.directon-exact .view ul li{width: 40%; float: none; margin:0px 20px; display: inline-block; }
	.directon-exact .view .add{width: 100%;margin-top: 30px; margin-bottom: 30px}
	.directon-exact .right-sec{width: 100%}
	.enq-form h2{font-size: 40px;}
	.enq-form{ padding: 40px 0px}
	.enq-form ul{padding: 30px 0px}
	.enq-form ul li{margin: 20px 0px}
	.cont-form .half{width: 100%; margin-right: 0px; margin: 0px}
	.cont-form span{margin: 5px}
	textarea{margin-top: 5px;}
	.wpcf7-submit{margin: 0px;}
	.directon-exact .left-sec h3{height: auto; line-height: 30px}
	.directon-exact .view ul li{width: 80%}
	.proprietor-sec .wpb_single_image img{width: 80%}
	.proprietor-sec .wpb_single_image .vc_figure{width: 100%}
	.proprietor-sec .wpb_single_image .vc_single_image-wrapper{width: 100%}
	.proprietor-sec .content li{width: auto!important; margin-bottom: 20px!important}
	.special-rates{padding: 40px 0px}
	.special-rates li h3{font-size: 40px}
	.special-rates li h3 strong{font-size: 20px}
	.special-rates li p{font-size: 18px; line-height: 35px}
	.special-occassion h3{line-height: 50px; height: auto; font-size: 40px}
	.special-occassion ul li{width: 90%}
	.special-occassion h3 strong{font-size: 20px}
	.special-occassion h4{margin-top: 0px}
	.special-occassion h4{line-height: 30px}
	.coupon h3 {line-height: 50px; height: auto; font-size: 30px}
	.coupon a {margin-top:30px;}
	.story-sec h2{line-height: 40px; height: auto;}
	.story-sec .content li{width: 94%!important}
	.story-sec .wpb_single_image .vc_figure{width: 100%}
	.story-sec .wpb_single_image .vc_single_image-wrapper{width: 100%}
	.story-sec .wpb_single_image img{width: 100%}
	.story-sec .gallery{padding-top: 10px}
	.story-sec .gallery h3{font-size: 40px; margin-bottom: 40px; margin-top: 20px; line-height: 45px;}
	.img-res .vc_col-sm-4{width: 80%; margin: 0 auto; }
	.bottom{padding: 20px 0px}
	.bottom h4{font-size: 20px}
	.bottom ul{width: 100%; margin-bottom: 10px;}
	.bottom ul li{width: 100%; text-align: left; font-size: 18px}
	.policies-sec ul{width: 100%}
	.policies-sec h3{font-size: 30px}
	.article .left-sec{width: 100%}
	.article .right-sec{width: 100%}
	.inner-container h2{font-size: 35px}
	.inner-container ul li{font-size: 16px; line-height: 30px}
	.wpb_single_image.vc_align_right{text-align: center!important;}
	.home .home-banner .slides li{height: 700px;}
	.home .flex-direction-nav{display: none;}

	.inner-logo img{height: 120px; width: auto;}
	.header{height: auto; position: static;}
	.inner-logo{float: none; display: inline-block;}

	.home .nav{margin-top: 60px}
	.story-sec .content{overflow: hidden;}
	body .vc_row{margin: 0}
	.testimonials .slides li .container {margin:0 auto!important; margin-top: 20px !important}
	body .container{padding: 0 15px}
	.meet-and-greet .vc_column-inner, .our-story .vc_column-inner{padding: 0 !important}
	.vc_empty_space{display: none;}
	.meet-and-greet .margin-res .vc_single_image-img.attachment-full{margin-top: 0}
	.policies-sec {
    height: auto;
    padding-bottom: 40px;
}

}

@media (max-width: 500px){
	.top-bar-left{text-align: center; width: 100%}
	.top-bar-left a{width: 100%; display: inline-block; margin-right: 0px; line-height: 22px;}
	.top-bar .top-bar-right{text-align: center; width: 100%}
	.top-bar .top-bar-right ul li{display: inline-block; float: none; margin-top: 8px;}
	.home .slides li .container h1{font-size: 35px; line-height: 40px;}
	.home .slides li .container a{line-height: 20px; font-size: 14px}

	.home-banner #butn {    font-size: 14px;}

	.intro p{padding: 0px;}
	.cabin strong{padding: 20px 0px; font-size: 20px}
	.testimonials h1{line-height: 30px;}
	.payment img{width: 80px;}
	.reservation a{width: auto; font-size: 12px; padding: 10px 15px; letter-spacing: 1px;}
	.footer hr{margin: 0px;}
	.footer-last .footer-copyrights{text-align: center;}
	.footer-last .footer-copyrights .textwidget{line-height: 25px;}
	.footer-last .footer-copyrights ul{text-align: center; float: none;}
	.footer-last .footer-copyrights ul li{display: inline-block; float: none; margin-top: 10px;}
	.testimonials hr{width: 100%}
	.inner-intro{padding: 0px 0px 50px 0px}

	.service-full li h3{font-size: 40px; margin: 0px;}
	.service-full a {padding: 5px 20px}
	.service-full li ul {width: 100%}
	.service-full li ul li {width: calc(100% - 40px);}
	.service-full .service-right {margin-left: 50px; position: relative; clear:both;}
	.service-full .service-right h2 {line-height: 24px; }
	.phoneOnly {display:block;}
	.coupon {padding: 10px 10px}
	.coupon h3 {line-height: 30px; height: auto; font-size: 24px}

	.proprietor-sec .wpb_single_image img{width: 100%}
	.nearby-section ul li img{width: 100%}
	.nearby-section ul li .content{width: 100%; margin-left: 0px; clear: both;}
	.nearby-section ul li span{float: left;}
	.nearby-section ul li h2{margin-bottom: 30px; border: 0px}
	.policies-sec .more{font-size: 20px}
	.inner-logo{width: 100%; text-align: center;}
	.nav{width: 100%; margin-top: 0px; float: none;}
	.res-menu{width: 100%;text-align: center;}
	.header{height: auto; margin-bottom: 10px;}
	.inner-logo{margin-bottom: 10px}
	.home .slides li .container{margin-top: 300px}
	.testimonials .slides li .container{margin-top: 30px}
	/*.home .header{overflow: inherit;}*/
	/*.header .nav ul{position: inherit;}*/
	.home .nav{margin-top: 0px}
	.res-menu{float: none;}
	.home .nav{position: relative;left: 0; right: 0}

	.inner-intro h1{font-size:45px;text-align: center; }
	.inner-intro p{text-align: center; font-size: 16px; line-height: 22px;}
	.story-sec h2{font-size: 24px; line-height: 30px;}
	.story-sec .gallery h3{font-size: 30px; line-height: 40px;}

	.home .slides li .container{width: 90%}

}
@media (max-width: 420px){
.service-full {margin-left: 0px;}
.service-full .service-right {margin-left: 0px;}
.service-full .service-right h2 {line-height: 24px; }
.coupon {padding: 0px 0px}
.coupon h3 {line-height: 30px; height: auto; font-size: 24px}
.phoneOnly {display:block;}
.bigOnly   {display:none;}

.home .slides li .container{margin-top: 220px}
.inner-intro h1{font-size:35px;}
.inner-intro p{ font-size: 15px;}
.home .slides li .container{width: 100%}
}