

@media only screen and (min-width: 768px) and (max-width: 960px){
	.logo{ width:100%; max-width:100%;text-align:center;}
	.social{text-align: center;margin: 0px auto; width:29% !important; float:none;}
	.inner_banner{ margin-top:0px;}
	.info{ width:100%;text-align:center;max-width:100%;}
	.top_header{  width:100%; margin:10px 0 !important;}
	.menu{ width:100%; margin-top:20px;}
	.text{ position:static;}
	.inner_page{ margin-top:30px;}
	.show_photo{ margin-bottom:30px;}
	.text_2{ top:15px; font-size:32px;}
	.form_main{ width:95% !important; margin-bottom:20px !important;} .area{ width:99%; margin-top:0px !important;}
	.map{ margin-top:25px;}
	.contact_details{ margin-top:0px;}
	.detail{margin-left:0px;}
	
	.block_pic img{ width:100%; height:auto;}
.map iframe{ width:100%; height:auto;}
.top_header{ width:100%; float:none; clear:both;} .social{ margin-top:20px;} 
.toll{ max-width:100%;text-align:center; float:none !important; padding:15px 0;}
.create{ background:#000;} .book{ float:left; margin-bottom:25px;}
.callbacks .caption{ width:100% !important; color:#fff !important; font-size:21px !important;
text-shadow:1px 1px 0px #000 !important; -moz-text-shadow:1px 1px 0px #000 !important; -webkit-text-shadow:1px 1px 0px #000 !important;}
.appear{ width:100% !important; margin:0px !important; padding:0px !important;}
.content h2{ line-height:36px;} .block_desc{ width:100%;}
.show_block{ margin-bottom:35px;} .down{ margin-top:0px;} .section{ max-width:100%;margin-bottom:20px;} .down2{ margin-top:0px;}
.map{ width:100%;margin-top:25px; float:left;} 
.get{ padding-left:0px !important;}
.down3{ margin-bottom:0px;} .content3 h1{ padding-right:0px;} .foot{ width:100%;}
.links{ width:100%; margin-bottom:15px;} .links  li{ font-size:14px;}.links  li a{ font-size:14px;}
.book{ margin-left:15px;}
.cottages_pics{ margin-bottom:0px;}
.room_pic3{ margin-bottom:25px;} .room_pic4{ margin-bottom:25px;}
.room_pic3 img { width:100%; height:auto;} .room_pic4 img{ width:100%; height:auto;}
.room_desc{ float:left;} .room_pic2{float:left; margin-top:25px;}
.sequel{ margin-right:10px; width:165px;}
.image2 img{ width:100%; height:auto;}
.go-top{margin-top:-20px;}
.holder{ margin-bottom:25px;}
.go-top h3{ font-size:20px; margin-top:2px;}
.offer_image{ width:100%;max-width:100%; height:auto; text-align:center;}
.offer_image img{width:100%; height:auto;text-align:center;}
.offer_box{max-width:100%;}
.offer_box p{ font-size:22px; line-height:36px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	.logo{ width:100%; max-width:100%;text-align:center;}
	.inner_banner{ margin-top:0px;}
	.info{ width:76%;}
	.top_header{  width:100%; margin:10px 0 !important;}
	.menu{ width:100%; margin-top:20px;}
	.text{ position:static;}
	.inner_page{ margin-top:30px;}
	.show_photo{ margin-bottom:30px;}
	.text_2{ top:-5px; font-size:26px;}
	.form_main{ width:95% !important; margin-bottom:20px !important;} .area{ width:99%; margin-top:0px !important;}
	.map{ margin-top:25px;}
	.contact_details{ margin-top:0px;}
	.detail{margin-left:0px;}
	.style_menu{ border:none !important;}
	.style_menu li a{ color:#000 !important;}  .style_menu li a:hover{ color:#064800 !important;}
	.block_pic img{ width:100%; height:auto;}
.map iframe{ width:100%; height:auto;}
.top_header{ width:100%; float:none;} .social{ margin-top:20px;} .toll{ text-align:center; margin:10px 0;}
.create{ background:#000;} .book{ float:left; margin-bottom:25px;}
.callbacks .caption{ width:100% !important; color:#fff !important; font-size:12px !important;
text-shadow:1px 1px 0px #000 !important; -moz-text-shadow:1px 1px 0px #000 !important; -webkit-text-shadow:1px 1px 0px #000 !important;}
.appear{ width:100% !important; margin:0px !important; padding:0px !important;}
.content h2{ line-height:36px;} .block_desc{ width:100%;}
.show_block{ margin-bottom:35px;} .down{ margin-top:0px;} .section{ max-width:100%;margin-bottom:20px;} .down2{ margin-top:0px;}
.map{ width:100%;margin-top:25px;} .develop{ float:none; width:100%; text-align:center; clear:both;}
.all{ width:100%; text-align:center;clear:both; padding:10px 0 10px 0;} .copyright{ width:100%; text-align:center;} .copy{ width:100%; text-align:center;}
.get{ padding-left:0px !important;}
.down3{ margin-bottom:0px;} .content3 h1{ padding-right:0px;} .foot{ width:100%;}
.navigation{ border:solid 2px #494949 !important;}
.links{ width:100%; margin-bottom:15px;} .links  li{ font-size:14px;}.links  li a{ font-size:14px;}
.cottages_pics{ margin-bottom:0px;}
.room_pic3{ margin-bottom:25px;} .room_pic4{ margin-bottom:25px;}
.room_pic3 img { width:100%; height:auto;} .room_pic4 img{ width:100%; height:auto;}
.amenities h1{ font-size:22px; line-height:35px; text-align:center;}
.sequel{width:100%; margin-bottom:20px;} .one{ margin:0px;}
.for{ width:100%; font-size:18px; line-height:30px;}
.book3{ width:100%; text-align:center;}
.book{ width:100%; text-align:center;}
.room_pic img{ width:100%; height:auto;} .room_pic2{ margin-top:20px;}.room_pic2 img{ width:100%; height:auto;}
.for{text-align:center;}
.image2 img{ width:100%; height:auto;}
.go-top{margin-top:-50px;}
.holder{ margin-bottom:25px;}
.go-top h3{ font-size:20px; margin-top:2px;}
.offer_image img{width:100%; height:auto;}
.offer_box{width:100%;position:static;}
.offer_box p{ font-size:22px; line-height:36px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px)
{
	.logo >a > img{
     max-height: 125px;
    }

.logo{ width:100%; text-align:center;}
.logo img{ width:100%; height:auto;}
.inner_banner{ margin-top:0px;}
.menu {background:#eeeeee; float: left;margin-top: 10px; width: 100%;margin-bottom: 10px;} 
.news img{ width:100%; height:auto;}
.style_menu{ border:none !important; padding-left:15px !important;} .style_menu li{padding-left:15px !important;}
.style_menu li a{ color:#000 !important;}  .style_menu li a:hover{ color:#064800 !important;}
.active{ color:#3c6502;}
.callbacks .caption{ position:static !important; font-size:18px !important; text-shadow:none !important; color:#450000 !important;
padding:10px 0 10px 0 !important; clear:both;}
.right_one{ margin-top:30px;}
.text{ position:static; font-size:28px; line-height:45px; margin-top:10px;}
.text_2{ position:static; text-shadow:none; margin-top:15px; font-size:30px;display:none;}
.inner_page{ margin-top:30px;}
.inner_page h2{ font-size:25px !important; line-height:35px;}
.show_title{ padding-top:12px; margin-bottom:40px;}
.footer1 li{ line-height:32px;}
.copyright{ line-height:26px;}
.developed{float:left; margin-top:15px;}
.triangle img{ width:100%; height:auto;} .triangle1 img{ width:100%; height:auto;}
.infoline{ width:100%;display:block; padding:15px 10px;} .detail{ clear:both;}
.detail{ margin-left:0px;} .detail a{font-size:14px;}
.write{ margin-top:15px;}
.show_photo img{ width:100%; height:auto; margin-bottom:25px;}
.amenities li{ line-height:32px;}
.form_bg{padding: 15px 0 15px 15px;}.form_field{ width:94% !important;}
.area{ width:98%; margin:15px 0 !important;}
.form_main{ width:100% !important;}
.contact_details{ line-height:35px;}
.gallery_left img{ width:100%; height:auto;}
.gallery_left li{ margin-bottom:25px;}
.info{ width:75%; float:none; margin:0px auto;}
.write1{ margin-left:0px;}
.block_pic img{ width:100%; height:auto;}
.map iframe{ width:100%; height:auto;}
.top_header{ width:100%;margin-top: 0; /*float:none; margin-top:25px;*/} .social{ margin-top:20px;} .toll{ text-align:center; margin:10px 0 0 0;}
.create{ background:#000;} 
/*.book{width:100%; text-align:center;float:left; margin-top:15px;margin-bottom:25px;}*/
.book{display: none;}
.callbacks .caption{ width:100% !important; color:#fff !important;background:#3e620a !important; font-size:12px !important;
text-shadow:1px 1px 0px #000 !important; -moz-text-shadow:1px 1px 0px #000 !important; -webkit-text-shadow:1px 1px 0px #000 !important;}
.appear{ width:100% !important; margin:0px !important; padding:0px !important;}
.content h2{ line-height:36px;} .block_desc{ width:100%;}
.show_block{ margin-bottom:35px;} .down{ margin-top:0px;} .section{ margin-bottom:20px;} .down2{ margin-top:0px;}
.map{ width:100%;margin-top:25px;} .develop{ float:none; width:100%; text-align:center; clear:both;}
.all{ width:100%; text-align:center;clear:both;padding:10px 0 10px 0;} .copyright{ width:100%; text-align:center;} .copy{ width:100%; text-align:center; margin: 0 0 20px 0!important;}
.get{ padding-left:0px !important;}
.down3{ margin-bottom:0px;}
.home{ padding-left:15px !important; margin-left:15px !important;}
.navigation{ border:solid 2px #494949 !important;}
.room_pic img{ width:100%; height:auto;} .room_title{ width:100%; padding:15px;} .room_title2{ width:100%; padding:15px;} .room_icon{width:100%; text-align:center;} .room_name{width:100%; text-align:center; margin:15px 0 0 0;}
.home2{ margin-left:0px;}

.sub_links li a{ font-size:18px; padding: 0px 5px;}.sub_links li{ font-size:18px;}
.room_pic2{ margin-top:25px;}
.room_pic2 img{ width:100%; height:auto;} 
.foot{ width:100%;}
.amenities h1{ font-size:22px; line-height:35px; text-align:center;}
.sequel{width:100%; margin-bottom:20px;} .one{ margin:0px;}
.for{ width:100%; font-size:18px; line-height:30px;}
.book3{ width:100%; text-align:center;}
.cottages_pics{ margin-bottom:0px;}
.room_pic3{ margin-bottom:25px;} .room_pic4{ margin-bottom:25px;}
.room_pic3 img { width:100%; height:auto;} .room_pic4 img{ width:100%; height:auto;}
.image2 img{ width:100%; height:auto;}
.go-top{margin-top:-100px;}
.holder{ margin-bottom:25px;}
.go-top h3{ font-size:20px; margin-top:2px;}
.offer_image img{width:100%; height:auto;}
.offer_box{width:100%;position:static;}
.offer_box p{ font-size:22px; line-height:36px;}
}
@media only screen and (max-width: 479px)
{
	.info{display: none;}
	.inner_page{
		margin-top: 0px;
	}
	.inner_banner > img{
		display: none;
	}
}
@media only screen and (min-width: 767px) 
{
   .navbar-brand{
   	display: none;
   }
}