/* Basic Styles */
.topwrap nav {margin:30px 0px 0px 0px; padding:0px 0px; font-family: 'Open Sans', sans-serif;}
.topwrap nav ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none; text-align:right;}
.topwrap nav ul li{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline-block; font-family: 'Open Sans', sans-serif;}
.topwrap nav ul li a{ margin:0px 0px; padding:10px 10px; display:inline-block; color:#FFF; font-size:15px; font-weight:600; text-transform:uppercase; text-decoration:none;}
.topwrap nav ul li a:hover{color:#ebcea1; text-decoration:none;}
.topwrap nav ul li.active a{color:#ebcea1; text-decoration:none;}

.topwrap nav ul li:last-child a{padding:10px 0px 0px 10px;}

.topwrap nav a {display:block; color:#ebcea1; font-size:16px; text-decoration:none; padding:0px 0px; line-height:36px;  height:36px; margin:0px;}
.topwrap nav a:hover, nav a:active {color:#FFF; text-decoration:none;}
.topwrap nav a#pull {display:none;}

/*-------------------------*/
.topwrap nav ul li.current-menu-item > a,
.topwrap nav ul li.current-menu-ancestor > a,
.topwrap nav ul li.current_page_item > a,
.topwrap nav ul li.current_page_ancestor > a {color:#ebcea1; text-decoration:none;}

.topwrap nav ul ul{display:none; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:absolute; width:200px; z-index:99999; background:#4c5b1d; text-align:left;}
.topwrap nav li:hover > a, nav ul li:hover > ul{ display: block; }

.topwrap nav ul ul li{display:inline-block; padding:0px 0px; background:none;}
.topwrap nav ul ul li a{display:block; color:#FFF; font-size:14px; text-decoration:none; padding:10px 10px; line-height:normal; height:auto; width:180px; text-transform:uppercase;}
.topwrap nav ul ul li:last-child a{padding:10px 10px;}

.topwrap nav ul li ul li a:hover{color:#FFF; text-decoration:none; background:#768644;}
.topwrap nav ul ul li.current-menu-item > a,
.topwrap nav ul ul li.current-menu-ancestor > a,
.topwrap nav ul ul li.current_page_item > a,
.topwrap nav ul ul li.current_page_ancestor > a {color:#FFF; text-decoration:none; background:#768644;}

.topwrap nav ul ul li:hover > ul,
.topwrap nav ul ul li.focus > ul {
		left: 100%;
	}

.topwrap nav .menu-item-has-children > a,
.topwrap nav .page_item_has_children > a {
		padding-right: 20px;
	}

.topwrap nav .menu-item-has-children > a:after,
.topwrap nav .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f502";
		display: inline-block;
		font: normal 12px/1 Genericons;
		right:-5px;
		top:4px;
		position:relative;
		vertical-align:baseline;
		display:inline-block;
		color:#ebcea1;
	}

.topwrap nav li .menu-item-has-children > a,
.topwrap nav li .page_item_has_children > a {
		padding-right: 20px;
		width:170px;
	}

.topwrap nav .menu-item-has-children li.menu-item-has-children > a:after,
.topwrap nav .menu-item-has-children li.page_item_has_children > a:after,
.topwrap nav .page_item_has_children li.menu-item-has-children > a:after,
.topwrap nav .page_item_has_children li.page_item_has_children > a:after {
		content: "\f501";
		right:-95px;
		top:0px;
	}
.topwrap nav ul ul ul {
		left: -999em;
		top:38px;
	}  
        
/* Media Queries */
@media only screen and (max-width: 320px) {
.topwrap nav{width:100%; display:block; margin:10px 0px 10px; padding:0px 0px;}

.topwrap nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; color:#FFF;}
.topwrap nav ul li a{border-top:1px solid #fff7ea; border-bottom:1px solid #ebcea1; display:block; outline:none; padding:10px 4px 10px 2px; height:auto; line-height:normal; font-size:15px; text-transform:uppercase; width:auto; color:#FFF;}

.topwrap nav ul li:last-child a{padding:10px 0px 10px 0px;}

.topwrap nav a{text-align:left;	width:100%; text-indent:10px; text-decoration:none; font-size:15px; color:#ebcea1; text-transform:uppercase; outline:none; font-weight:600;}
.topwrap nav a:hover{color:#FFF; text-decoration:none;}		

.topwrap nav ul{display:none; height:auto;}
.topwrap nav a#pull {display:block;	width:100%; position:relative; color:#ebcea1; outline:none; text-decoration:none; font-weight:600;}  
.topwrap nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:20px; height:20px; display: inline-block; position: absolute;right:10px; top:10px; color:#ebcea1; outline:none; text-decoration:none; font-weight:400;} 
 
/*----------------Sub Menu---------------*/
.topwrap nav ul ul{display:block !important; float:none; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; position:relative; width:100%; background:none;}
.topwrap nav ul ul li {display:block; padding:0px 0px; background:none; float:none; position:relative; color:#FFF;}
.topwrap nav ul ul li a {display:block; color:#FFF; font-size:14px; text-decoration:none; padding:10px 15px 10px 15px; line-height:normal;  height:auto; width:auto; position:relative !important;}
.topwrap nav ul ul li:last-child a {border-bottom:none;} 
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
.topwrap nav{width:100%; display:block; margin:10px 0px 10px; padding:0px 0px;}

.topwrap nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; color:#FFF;}
.topwrap nav ul li a{border-top:1px solid #fff7ea; border-bottom:1px solid #ebcea1; display:block; outline:none; padding:10px 4px 10px 2px; height:auto; line-height:normal; font-size:15px; text-transform:uppercase; width:auto; color:#FFF;}

.topwrap nav ul li:last-child a{padding:10px 0px 10px 0px;}

.topwrap nav a{text-align:left;	width:100%; text-indent:10px; text-decoration:none; font-size:16px; color:#ebcea1; text-transform:uppercase; outline:none; font-weight:600;}
.topwrap nav a:hover{color:#FFF; text-decoration:none;}		

.topwrap nav ul{display:none; height:auto;}
.topwrap nav a#pull {display:block;	width:100%; position:relative; color:#ebcea1; outline:none; text-decoration:none; font-weight:600;}  
.topwrap nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:20px; height:20px; display: inline-block; position: absolute;right:10px; top:10px; color:#ebcea1; outline:none; text-decoration:none; font-weight:600;} 
 
/*----------------Sub Menu---------------*/
.topwrap nav ul ul{display:block !important; float:none; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; position:relative; width:100%; background:none;}
.topwrap nav ul ul li {display:block; padding:0px 0px; background:none; float:none; position:relative; color:#FFF;}
.topwrap nav ul ul li a {display:block; color:#FFF; font-size:14px; text-decoration:none; padding:10px 15px 10px 15px; line-height:normal;  height:auto; width:auto; position:relative !important;}
.topwrap nav ul ul li:last-child a {border-bottom:none;} 
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 480px) and (max-width : 767px) {    
.topwrap nav{width:100%; display:block; margin:10px 0px 10px; padding:0px 0px;}

.topwrap nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; color:#FFF;}
.topwrap nav ul li a{border-top:1px solid #fff7ea; border-bottom:1px solid #ebcea1; display:block; outline:none; padding:10px 4px 10px 2px; height:auto; line-height:normal; font-size:15px; text-transform:uppercase; width:auto; color:#FFF;}

.topwrap nav ul li:last-child a{padding:10px 0px 10px 0px;}

.topwrap nav a{text-align:left;	width:100%; text-indent:10px; text-decoration:none; font-size:15px; color:#ebcea1; text-transform:uppercase; outline:none; font-weight:600;}
.topwrap nav a:hover{color:#FFF; text-decoration:none;}		

.topwrap nav ul{display:none; height:auto;}
.topwrap nav a#pull {display:block;	width:100%; position:relative; color:#ebcea1; outline:none; text-decoration:none; font-weight:600;}  
.topwrap nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:20px; height:20px; display: inline-block; position: absolute;right:10px; top:10px; color:#ebcea1; outline:none; text-decoration:none; font-weight:600;} 
.footer .frgt ul { float: none;}
 
/*----------------Sub Menu---------------*/
.topwrap nav ul ul{display:block !important; float:none; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; position:relative; width:100%; background:none;}
.topwrap nav ul ul li {display:block; padding:0px 0px; background:none; float:none; position:relative; color:#FFF;}
.topwrap nav ul ul li a {display:block; color:#FFF; font-size:14px; text-decoration:none; padding:10px 15px 10px 15px; line-height:normal;  height:auto; width:auto; position:relative !important;}
.topwrap nav ul ul li:last-child a {border-bottom:none;} 
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.topwrap nav{width:100%; display:block; margin:10px 0px; padding:0px 0px;}

.topwrap nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; color:#FFF;}
.topwrap nav ul li a{border-top:1px solid #fff7ea; border-bottom:1px solid #ebcea1; display:block; outline:none; padding:10px 4px 10px 2px; height:auto; line-height:normal; font-size:15px; text-transform:uppercase; width:auto; color:#FFF;}

.topwrap nav ul li:last-child a{padding:10px 0px 10px 0px;}

.topwrap nav a{text-align:left;	width:100%; text-indent:10px; text-decoration:none; font-size:15px; color:#ebcea1; text-transform:uppercase; outline:none; font-weight:600;}
.topwrap nav a:hover{color:#FFF; text-decoration:none;}		

.topwrap nav ul{display:none; height:auto;}
.topwrap nav a#pull {display:block;	width:100%; position:relative; color:#ebcea1; outline:none; text-decoration:none; font-weight:600;}  
.topwrap nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:20px; height:20px; display: inline-block; position: absolute;right:10px; top:10px; color:#ebcea1; outline:none; text-decoration:none; font-weight:600;} 
 
/*----------------Sub Menu---------------*/
.topwrap nav ul ul{display:block !important; float:none; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; position:relative; width:100%; background:none;}
.topwrap nav ul ul li {display:block; padding:0px 0px; background:none; float:none; position:relative; color:#FFF;}
.topwrap nav ul ul li a {display:block; color:#FFF; font-size:14px; text-decoration:none; padding:10px 15px 10px 15px; line-height:normal;  height:auto; width:auto; position:relative !important;}
.topwrap nav ul ul li:last-child a {border-bottom:none;} 
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {

	.topbg{
		background:#839155 url(../images/mob_bg01.jpg) left top repeat;
	}
	
	.topwrap .logo{
		width:100%;
		text-align:center;
		margin:20px 0px 0px 0px;
	}
	
	.topwrap .toprgt{
		width:100%;
		margin:20px 0px 0px 0px;
		float:left;
	}
	
	.topwrap .toprgt .social{
		width:80%;
		margin:0% 10%;
	}
	
	.topwrap .toprgt .mail{
		width:80%;
		margin:0% 10%;
		float:left;
	}
	
	.topwrap .toprgt .phone{
		width:80%;
		margin:0% 10%;
		float:left;
	}
	
	.topwrap .nav {
		width:100%;
		margin:20px 0px 0px 0px;
		float:left;
	}
	
	.topwrap .nav ul {
		float:left;
	}
	
	.topwrap .nav ul li {
		width:100%;
		display:inherit;
		margin:0px 0px 0px 0px;
	}
	
	.topwrap .nav ul li a {
		width:100%;
		text-align:center;
		height:30px;
		line-height:30px;
	}
	
	.topwrap .nav ul li a span {
		display:none;
		width:0px;
	}
	
	.slide img {
		height: 170px;
	}
	
	.slidecnt{
		width:100%;
		position: inherit;
		margin:0px 0px 0px 0px;
		float:left;
	}
	
	.pnl {
		width:100%;
		display:none;
		margin:0px 0px 0px 0px;
	}
	
	.pnl span.a {
		width:98%;
		text-align:center;
		height:inherit;
		line-height:30px;
		padding:2% 1%;
	}
	
	.pnl span.b {
		width:98%;
		text-align:center;
		height:inherit;
		line-height:50px;
		padding:2% 1%;
	}
	
	.pnl span.c {
		width:98%;
		text-align:center;
		height:inherit;
		line-height:60px;
		padding:2% 1%;
	}
	
	.hsrvcwrp{
		height:inherit;
		margin:0px 0px 0px 0px;
		padding:20px 0px 0px 0px;
		background:#936e40;
		position:inherit;
		float:left;
		display:none;
	}
	
	.hsrvcwrp h1{
		line-height:40px;
		font-size:22px;
	}
	
	.hsrvcwrp .arl{
		width:5%;
		margin:120px 0px 0px 0px;
		float:left;
	}
	
	.hsrvcwrp .arr{
		width:5%;
		margin:120px 0px 0px 0px;
		float:left;
	}
	
	.hsrvcmid{
		width:90%;
		float:left;
	}
	
	.hsrvc ul li{
		width:44%;
		margin:0% 3% 3% 3%;
		float:left;
	}
	
	.hsrvc ul li img{
		width:100%;
	}
	
	.hsrvc ul li div{
		width:100%;
		position:inherit;
		z-index:150;
		bottom:none;
		margin:0px 0px 0px 0px;
		float:left;
	}
	
	.hsrvc ul li div a {
		width:100%;
		letter-spacing:inherit;
		font-size:14px;
		line-height:34px;
		box-shadow: 0px -2px 10px #000000;
		-webkit-box-shadow: 0px -2px 10px #000000;
		-moz-box-shadow: 0px -2px 10px #000000;
		-o-box-shadow: 0px -2px 10px #000000;
	}
	
	.topspace{
		display:none;
	}
	
	.yellowwrp h1{
		line-height:40px;
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.welcome{
		width:94%;
		padding:3%;
		float:left;
	}
	
	.welcome h1{
		text-align:center;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	/*.welcome a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		padding:0px;
	} */
	
	.info{
		width:94%;
		padding:3%;
		float:left;
	}
	
	.info h1{
		text-align:center;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	.info ul li input[type="submit"]
	{
		width:100%;
		font-size:18px;
		letter-spacing:inherit;
		padding:0px;
	}
	
	.tstm{
		height:inherit;
		background:#502100;
	}
	
	.tstm h3{
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.tsarl{
		width:5%;
	}
	
	.tsarr{
		width:5%;
	}
	
	.test{
		width:100%;
		/* padding:5%; */
		margin:0px 0px 0px 0px;
	}
	
	
	.videowrp{
		background: #fdfaf2;
	}
	
	.videobot{
		display:none;
	}
	
	.videowrp .col1{
		width:100%;
	}
	
	.videowrp .col2{
		width:100%;
		margin:10px 0px 0px 0px;
		float:left;
	}
	
	.videowrp .col1 a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		padding:0px 0px;
	}
	
	.videowrp .col2 .video img{
		border:none;
	}
	
	.videowrp .col2 .bot{
		display:none;
	}
	
	.footer .why{
		width:94%;
		padding:3%;
	}
	
	.footer .why h5{
		font-size:22px;
		text-align:center;
		line-height:30px;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	.footer .why .more a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		padding:0px 0px;
	}
	
	.footer .cnt{
		width:94%;
		padding:3%;
		float:left;
	}
	
	.footer .cnt h5{
		width:100%;
		text-align:center;
		font-size:22px;
		line-height:30px;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	.contact ul li input.shrt[type="text"]
	{
		width:97%;
		margin:0px 0px 5px 0px;
	}
	
		.contact ul li input.shrt[type="email"]
	{
		width:97%;
		margin:0px 0px 5px 0px;
	}
	
	.contact ul li input[type="submit"]
	{
		width:99%;
		font-size:18px;
		letter-spacing:inherit;
		padding:0px 0px;
	}
	
	.footbg{
		padding:20px 0px 20px 0px;
		background: #5f7123;
	}
	
	.footer .flft {
		width:96%;
		text-align:center;
	}
	
	.footer .frgt {
		width:100%;
		margin:20px 0px 0px 0px;
		float:left; 
	}
	
	.footer .frgt ul li{
		width:100%;
		border-right:none;
		float:left; 
	}
	
	.footer .frgt ul li a{
		width:100%;
		line-height:26px;
		text-align:center;
		padding:0px 0px 0px 0px;
		float:left; 
		font-size: 18px;
	}
	
	/******-----------------------------INNER PAGE-------------------*****/
	
	
	.slidein img {
		width: 100%;
		max-width:2067px;
		height: 120px;
	}
	
	.slidecntin{
		width:100%;
		position:inherit;
		float:left;
	}
	
	.content h1{
		line-height:40px;
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.content p{
		width:96%;
		padding:0% 2%;
	}
	
	.offer ul li{
		display:inline;
		width:80%;
		margin:4% 10%;
	}
	
	.offer ul li img{
		width:100%;
		float:left;
	}
	
	.offer ul li div{
		width:100%;
		position:inherit;
		z-index:120;
		bottom:none;
		float:left;
	}
	
	.offer ul li div a {
		width:100%;
	}
	
	.menuimg{
		width:94%;
		padding:3%;
		margin:3% 0% 3% 0%;
	}
	
	.menutxt{
		width:94%;
		padding:3%;
		margin:3% 0% 3% 0%;
		float:left;
	}
	
	.menutxt h1{
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.menutxt a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		line-height:30px;
		padding:0px 0px;
	}
	
	.quotebg{
		background: #f0e0b7;
	}
	
	.quote{
		padding:3%;
		margin:0% 0%;
	}
	
	.quote div{
		width:100%;
		margin:0% 0%;
	}
	
	.quote h1{
		line-height:30px;
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.quote ul li input[type="submit"]
	{
		width:100%;
		font-size:18px;
		letter-spacing:inherit;
		padding:0px 0px;
	}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
/* Styles */

	.topbg{
		background:#839155 url(../images/mob_bg01.jpg) left top repeat;
	}
	
	.topwrap .logo{
		width:100%;
		text-align:center;
		margin:20px 0px 0px 0px;
	}
	
	.topwrap .toprgt{
		width:100%;
		margin:20px 0px 0px 0px;
		float:left;
	}
	
	.topwrap .toprgt .social{
		width:90%;
		margin:0 auto;
		float:none;
		text-align:center;
	}
	
	.topwrap .toprgt .mail{
		width:90%;
		margin:0 auto;
		float:none;
		text-align:center;
	}
	
	.topwrap .toprgt .phone{
		width:90%;
		margin:0 auto;
		float:none;
		text-align:center;
	}
	
	.topwrap .nav {
		width:100%;
		margin:20px 0px 0px 0px;
		float:left;
	}
	
	.topwrap .nav ul {
		float:left;
	}
	
	.topwrap .nav ul li {
		width:100%;
		display:inherit;
		margin:0px 0px 0px 0px;
	}
	
	.topwrap .nav ul li a {
		width:100%;
		text-align:center;
		height:30px;
		line-height:30px;
	}
	
	.topwrap .nav ul li a span {
		display:none;
		width:0px;
	}
	
	.slide img {
		height: 250px;
	}
	
	.slidecnt{
		width:100%;
		position: inherit;
		margin:0px 0px 0px 0px;
		float:left;
	}
	
	.pnl {
		width:100%;
		display:none;
		margin:0px 0px 0px 0px;
	}
	
	.pnl span.a {
		width:98%;
		text-align:center;
		height:inherit;
		line-height:30px;
		padding:2% 1%;
	}
	
	.pnl span.b {
		width:98%;
		text-align:center;
		height:inherit;
		line-height:50px;
		padding:2% 1%;
	}
	
	.pnl span.c {
		width:98%;
		text-align:center;
		height:inherit;
		line-height:60px;
		padding:2% 1%;
	}
	
	.hsrvcwrp{
		height:inherit;
		margin:0px 0px 0px 0px;
		padding:20px 0px 0px 0px;
		background:#936e40;
		position:inherit;
		float:left;
		display:none;
	}
	
	.hsrvcwrp h1{
		line-height:40px;
		font-size:22px;
	}
	
	.hsrvcwrp .arl{
		width:5%;
		margin:120px 0px 0px 0px;
		float:left;
	}
	
	.hsrvcwrp .arr{
		width:5%;
		margin:120px 0px 0px 0px;
		float:left;
	}
	
	.hsrvcmid{
		width:90%;
		float:left;
	}
	
	.hsrvc ul li{
		width:44%;
		margin:0% 3% 3% 3%;
		float:left;
	}
	
	.hsrvc ul li img{
		width:100%;
	}
	
	.hsrvc ul li div{
		width:100%;
		position:inherit;
		z-index:150;
		bottom:none;
		margin:0px 0px 0px 0px;
		float:left;
	}
	
	.hsrvc ul li div a {
		width:100%;
		letter-spacing:inherit;
		font-size:14px;
		line-height:34px;
		box-shadow: 0px -2px 10px #000000;
		-webkit-box-shadow: 0px -2px 10px #000000;
		-moz-box-shadow: 0px -2px 10px #000000;
		-o-box-shadow: 0px -2px 10px #000000;
	}
	
	.topspace{
		display:none;
	}
	
	.yellowwrp h1{
		line-height:40px;
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.welcome{
		width:94%;
		padding:3%;
		float:left;
	}
	
	.welcome h1{
		text-align:center;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	/*.welcome a {
		width:100%;
		text-align:center;
		font-size:18px;
		padding:8px 10px;
	} */
	
	.info{
		width:94%;
		padding:3%;
		float:left;
	}
	
	.info h1{
		text-align:center;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	.info ul li input[type="submit"]
	{
		width:100%;
		font-size:18px;
		letter-spacing:inherit;
		padding:8px 10px;
	}
	
	.tstm{
		height:inherit;
		background:#502100;
	}
	
	.tstm h3{
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.tsarl{
		width:5%;
	}
	
	.tsarr{
		width:5%;
	}
	
	.test{
		width:100%;
		/*padding:5%;*/
		margin:0px 0px 0px 0px;
	}
	

	.videowrp{
		background: #fdfaf2;
	}
	
	.videobot{
		display:none;
	}
	
	.videowrp .col1{
		width:100%;
	}
	
	.videowrp .col2{
		width:100%;
		margin:10px 0px 0px 0px;
		float:left;
	}
	
	.videowrp .col1 a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		padding:8px 10px;
	}
	
	.videowrp .col2 .video img{
		border:none;
	}
	
	.videowrp .col2 .bot{
		display:none;
	}
	
	.footer .why{
		width:94%;
		padding:3%;
	}
	
	.footer .why h5{
		font-size:22px;
		text-align:center;
		line-height:30px;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	.footer .why .more a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		padding:8px 10px;
	}
	
	.footer .cnt{
		width:94%;
		padding:3%;
		float:left;
	}
	
	.footer .cnt h5{
		width:100%;
		text-align:center;
		font-size:22px;
		line-height:30px;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	.contact ul li input.shrt[type="text"]
	{
		width:97%;
		margin:0px 0px 5px 0px;
	}
	
	.contact ul li input.shrt[type="email"]
	{
		width:97%;
		margin:0px 0px 5px 0px;
	}
	
	.contact ul li input[type="submit"]
	{
		width:99%;
		font-size:18px;
		letter-spacing:inherit;
		padding:0px 0px;
	}
	
	.footbg{
		padding:20px 0px 20px 0px;
		background: #5f7123;
	}
	
	.footer .flft {
		width:96%;
		text-align:center;
	}
	
	.footer .frgt {
		width:100%;
		margin:20px 0px 0px 0px;
		float:left; 
	}
	
	.footer .frgt ul li{
		width:100%;
		border-right:none;
		float:left; 
	}
	
	.footer .frgt ul li a{
		width:100%;
		line-height:26px;
		text-align:center;
		padding:0px 0px 0px 0px;
		float:left; 
		font-size: 18px;
	}
	
	/******-----------------------------INNER PAGE-------------------*****/
	
	
	.slidein img {
		width: 100%;
		max-width:2067px;
		height: 200px;
	}
	
	.slidecntin{
		width:100%;
		position:inherit;
		float:left;
	}
	
	.content h1{
		line-height:40px;
		font-size:18px;
		letter-spacing:inherit;
	}
	
	.content p{
		width:96%;
		padding:0% 2%;
	}
	
	.offer ul li{
		display:inline;
		width:80%;
		margin:4% 10%;
	}
	
	.offer ul li img{
		width:100%;
		float:left;
	}
	
	.offer ul li div{
		width:100%;
		position:inherit;
		z-index:120;
		bottom:none;
		float:left;
	}
	
	.offer ul li div a {
		width:100%;
	}
	
	.menuimg{
		width:94%;
		padding:3%;
		margin:3% 0% 3% 0%;
	}
	
	.menutxt{
		width:94%;
		padding:3%;
		margin:3% 0% 3% 0%;
		float:left;
	}
	
	.menutxt h1{
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.menutxt a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		line-height:30px;
		padding:0px 0px;
	}
	
	.quotebg{
		background: #f0e0b7;
	}
	
	.quote{
		padding:3%;
		margin:0% 0%;
	}
	
	/*
.quote div{
		width:100%;
		margin:0% 0%;
	}
*/
	
	.quote h1{
		line-height:30px;
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.quote ul li input[type="submit"]
	{
		width:100%;
		font-size:18px;
		letter-spacing:inherit;
		padding:0px 0px;
	}
	/* --- Al's fixes 2017  ----------- */
	.drink-content h1 
	{
		font-size: 18px;
		margin-bottom: 0px;
	}
	#wrapper 
	{
		padding-left: 1%;
		padding-right: 1%;
	}
	
	#wrapper h3,
	#wrapper h2 { 
		font-size: 16px;
		margin-bottom: 5px;
	}
	.tabcontent p,
	.tabcontent h2
	{
		text-align: center !important;		
	}

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 480px) 
and (max-width : 767px) {
/* Styles */

	.topbg{
		background:#839155 url(../images/mob_bg01.jpg) left top repeat;
	}
	
	.topwrap .logo{
		width:100%;
		text-align:center;
		margin:20px 0px 0px 0px;
	}
	
	.topwrap .toprgt{
		width:100%;
		margin:20px 0px 0px 0px;
		float:left;
	}
	
	.topwrap .toprgt .social{
		width:90%;
		margin:0 auto;
		float:none;
		text-align:center;
	}
	
	.topwrap .toprgt .mail{
		width:90%;
		margin:0 auto;
		float:none;
		text-align:center;
	}
	
	.topwrap .toprgt .phone{
		width:90%;
		margin:0 auto;
		float:none;
		text-align:center;
	}
	
	.topwrap .nav {
		float:left;
	}
	
	.topwrap .nav ul {
		width:100%;
		float:left;
	}
	
	.topwrap .nav ul li {
		width:100%;
		margin:0px 0px 0px 0px;
	}
	
	.topwrap .nav ul li a {
			width:100%;
			text-align:center;
			height:30px;
			line-height:30px;
	}
	
	.topwrap .nav ul li a span {
		width:0px;
		display:none;
	}
	
	.slide img {
		height: 270px;
	}
	
	.slidecnt{
		width:100%;
		position: inherit;
		margin:0px 0px 0px 0px;
		float:left;
	}
	
	.pnl {
		width:100%;
		display:none;
		margin:0px 0px 0px 0px;
	}
	
	.pnl span.a {
		width:98%;
		text-align:center;
		height:inherit;
		line-height:30px;
		padding:2% 1%;
	}
	
	.pnl span.b {
		width:98%;
		text-align:center;
		height:inherit;
		line-height:50px;
		padding:2% 1%;
	}
	
	.pnl span.c {
		width:98%;
		text-align:center;
		height:inherit;
		line-height:60px;
		padding:2% 1%;
	}
	
	.hsrvcwrp{
		height:inherit;
		margin:0px 0px 0px 0px;
		padding:20px 0px 0px 0px;
		background:#936e40;
		position:inherit;
		float:left;
		display:none;
	}
	
	.hsrvcwrp h1{
		line-height:40px;
		font-size:22px;
	}
	
	.hsrvcwrp .arl{
		width:3%;
		margin:200px 0px 0px 0px;
		float:left;
	}
	
	.hsrvcwrp .arr{
		width:3%;
		margin:200px 0px 0px 0px;
		float:left;
	}
	
	.hsrvcmid{
		width:94%;
		float:left;
	}
	
	.hsrvc ul li{
		width:44%;
		margin:0% 3% 3% 3%;
		float:left;
	}
	
	.hsrvc ul li img{
		width:100%;
	}
	
	.hsrvc ul li div{
		width:100%;
		position:inherit;
		z-index:150;
		bottom:none;
		margin:0px 0px 0px 0px;
		float:left;
	}
	
	.hsrvc ul li div a {
		width:100%;
		letter-spacing:inherit;
		font-size:14px;
		line-height:34px;
		box-shadow: 0px -2px 10px #000000;
		-webkit-box-shadow: 0px -2px 10px #000000;
		-moz-box-shadow: 0px -2px 10px #000000;
		-o-box-shadow: 0px -2px 10px #000000;
	}
	
	.topspace{
		display: none;
	}
	
	.yellowwrp h1{
		line-height:40px;
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.welcome{
		width:94%;
		padding:3%;
		float:left;
	}
	
	.welcome h1{
		text-align:center;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	/* .welcome a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		padding:8px 10px;
	} */
	
	.info{
		width:94%;
		padding:3%;
		float:left;
	}
	
	.info h1{
		text-align:center;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	.info ul li input[type="submit"]
	{
		width:100%;
		font-size:18px;
		letter-spacing:inherit;
		padding:8px 10px;
	}
	
	.tstm{
		height:inherit;
		background:#502100;
	}
	
	.tstm h3{
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.tsarl{
		width:5%;
	}
	
	.tsarr{
		width:5%;
	}
	
	.test{
		width:100%;
		/*padding:5%;*/
		margin:0px 0px 0px 0px;
	}
	
	
	.videowrp{
		background: #fdfaf2;
	}
	
	.videobot{
		display:none;
	}
	
	.videowrp .col1{
		width:100%;
	}
	
	.videowrp .col2{
		width:100%;
		margin:10px 0px 0px 0px;
		float:left;
	}
	
	.videowrp .col1 a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		padding:8px 10px;
	}
	
	.videowrp .col2 .video img{
		border:none;
	}
	
	.videowrp .col2 .bot{
		display:none;
	}
	
	.footer .why{
		width:94%;
		padding:3%;
	}
	
	.footer .why h5{
		font-size:22px;
		text-align:center;
		line-height:30px;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	.footer .why .more a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		padding:8px 10px;
	}
	
	.footer .cnt{
		width:94%;
		padding:3%;
		float:left;
	}
	
	.footer .cnt h5{
		width:100%;
		text-align:center;
		font-size:22px;
		line-height:30px;
		letter-spacing:inherit;
		background:url(../images/line-brown.jpg) center bottom no-repeat;
	}
	
	.contact ul li input.shrt[type="text"]
	{
		width:97%;
		margin:0px 0px 5px 0px;
	}
	
		.contact ul li input.shrt[type="email"]
	{
		width:97%;
		margin:0px 0px 5px 0px;
	}
	
	.contact ul li input[type="submit"]
	{
		width:99%;
		font-size:18px;
		letter-spacing:inherit;
		padding:0px 0px;
	}
	
	.footbg{
		padding:20px 0px 20px 0px;
		background: #5f7123;
	}
	
	.footer .flft {
		width:96%;
		text-align:center;
	}
	
	.footer .frgt {
		width:100%;
		margin:20px 0px 0px 0px;
		float:left; 
	}
	
	.footer .frgt ul li{
		width:100%;
		border-right:none;
		float:left; 
	}
	
	.footer .frgt ul li a{
		width:100%;
		line-height:26px;
		text-align:center;
		padding:0px 0px 0px 0px;
		float:left; 
		font-size: 18px;
	}
	
	/******-----------------------------INNER PAGE-------------------*****/
	
	
	.slidein img {
		width: 100%;
		max-width:2067px;
		height: 220px;
	}
	
	.slidecntin{
		width:100%;
		position:inherit;
		float:left;
	}
	
	.content h1{
		line-height:40px;
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.content p{
		width:96%;
		padding:0% 2%;
	}
	
	.offer ul li{
		display:inline;
		width:44%;
		margin:2% 3%;
	}
	
	.offer ul li img{
		width:100%;
		float:left;
	}
	
	.offer ul li div{
		width:100%;
		position:inherit;
		z-index:120;
		bottom:none;
		float:left;
	}
	
	.offer ul li div a {
		width:100%;
	}
	
	.menuimg{
		width:94%;
		padding:3%;
		margin:3% 0% 2% 0%;
	}
	
	.menutxt{
		width:94%;
		padding:3%;
		margin:0% 0% 3% 0%;
		float:left;
	}
	
	.menutxt h1{
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.menutxt a {
		width:100%;
		text-align:center;
		letter-spacing:inherit;
		font-size:18px;
		line-height:30px;
		padding:0px 0px;
	}
	
	.quotebg{
		background: #f0e0b7;
	}
	
	.quote{
		padding:3%;
		margin:0% 0%;
	}
	
	.quote div{
		width:100%;
		margin:0% 0%;
	}
	
	.quote h1{
		line-height:30px;
		font-size:22px;
		letter-spacing:inherit;
	}
	
	.quote ul li input[type="submit"]
	{
		width:100%;
		font-size:18px;
		letter-spacing:inherit;
		padding:0px 0px;
	}
/* --- Al's fixes 2017  ----------- */
	.drink-content h1 
	{
		font-size: 18px;
		margin-bottom: 0px;
	}
	/* #wrapper 
	{
		padding-left: 1%;
		padding-right: 1%;
	} */
	
	#wrapper h3,
	#wrapper h2 { 
		font-size: 16px;
		margin-bottom: 5px;
	}
	.drink-content p,
	{ 
		font-size: 12px;
	}
	.tabcontent p,
	.tabcontent h2
	{
		text-align: center !important;		
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
/* Styles */
	.topbg{
		background:#839155 url(../images/mob_bg01.jpg) left top repeat;
	}

	.topwrap .logo{
		width:100%;
		margin:20px 0px 20px 0px;
		text-align:center;
	}
	
	.topwrap .toprgt{
		width:100%;
		float:left;
	}
	
	.topwrap .toprgt .social{
		margin:20px 40px 0px 0px;
	}
	
	.topwrap .toprgt .mail{
		margin:20px 40px 0px 0px;
	}
	
	.topwrap .toprgt .phone{
		margin:20px 40px 0px 0px;
	}
	
	.topwrap .nav {
		width:80%;
		display:table;
		padding:0% 10%;
		margin:0% auto;
		float:none;
	}
	
	.topwrap .nav ul {
		float:left;
	}
	
	.topwrap .nav ul li {
		width:25%;
		margin:0px 0px 0px 0px;
	}
	
	.topwrap .nav ul li a {
		height:40px;
		line-height:40px;
	}
	
	.topwrap .nav ul li a span {
		margin:17px 0px 0px 6px;
	}
	
	.slide img {
		height: 410px;
	}
	
	.slidecnt{
		margin:50px 0px 0px 0px;
	}
	
	.pnl {
		width:670px;
		margin:50px 0px 0px 0px;
		float:left;
		display:none;
	}
	.topspace{ display:none;}
	.hsrvcwrp{
		height:392px;
		margin:570px 0px 0px 0px;
		padding:120px 0px 0px 0px;
		display:none;
	}
	
	.hsrvc ul li{
		width:162px;
	}
	
	.hsrvc ul li img{
		width:160px;
	}
	
	.hsrvc ul li div{
		width:132px;
		margin:0px 0px 160px 15px;
	}
	
	.hsrvc ul li div a {
		width:132px;
		font-size:16px;
	}
	
	.topspace{
		display: none;
	}
	
	.tstm h3{
		font-size:26px;
		margin:20px 0px 0px 0px;
	}
	
	.tsarl{
		width:5%;
	}
	
	.tsarr{
		width:5%;
	}
	
	.test{
		width:100%;
		color:#FFFFFF;
		margin:0px 0px 0px 0px;
		float:left;
	}
	
	
	.videowrp .col1 h1{
		font-size:22px;
		line-height:30px;
	}
	
	.videowrp .col1 p{
		font-size:16px;
		line-height:18px;
	}
	
	.videowrp .col1 a {
		font-size:18px;
		line-height:30px;
	}
	
	.footer .flft {
		width:96%;
		clear:both;
		text-align:center;
	}
	
	.footer .frgt {
		display:table;
		width: auto;
		float:none;
		margin:0px auto;
	}
	
	.footer .frgt ul li{
		display: inline;
		margin:20px 0px 0px 0px;
	}
	
	/******-----------------------------INNER PAGE-------------------*****/
	
	
	.slidein img {
		width: 100%;
		max-width:2067px;
		height: 292px;
	}
	
	.offer ul li{
		width:172px;
	}
	
	.offer ul li img{
		width:172px;
	}
	
	.offer ul li div{
		width:172px;
	}
	
	.offer ul li div a {
		width:172px;
		font-size:14px;
	}


}

/*------------------New CSS---------------------*/
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.faq_bar{
	width:100%;
	}
	
.faqs_content{
	width:98%;
	margin:0px auto;
	padding-bottom:0px 0px 20px 0px;
	}
	
.faqs_content img{
	margin:0px;
	}
	
.faqs_content p{
	margin-bottom:0px;
	}
	
.faqs_content p span{
	margin-bottom:5px;
	}
	
.testimonials{
	width:98%;
	margin:0px auto;
	padding:0px 0px 15px 0px;
	text-align:center;
	}
	
.testimonials span{
	margin-top:5px;
	padding:0px;
	}
	
.contactus{
	margin:0px auto;
	padding:0px;
	width: 97%;
	}
	
.contact_left{
	width: 49%;
	float:left;
	}
	
.contact_right{
	width: 49%;
	float:right;
	}
	
.visitor_info{
	width: 98%;
	}
	
.guest_info{
	width: 98%;
	}
	
.visitor_message{
	width: 98%;
	}
	
.submit_button{
	margin-bottom:10px;
	padding:9px 0px 9px 0px;
	}
	
.map{
	width: 100%;
	}
	
.map{
	width: 100%;
	margin-left:5px;
	}
	


}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {	

.faq_bar{
	width:100%;
	}
	
.faqs_content{
	width:95%;
	text-align:center;
	margin:0px auto;
	padding-bottom:15px;
	}
	
.faqs_content img{
	margin:0px;
	}
	
.faqs_content p span{
	margin-bottom:5px;
	}
	
.testimonials{
	width:95%;
	margin:0px auto;
	padding:0px 0px 10px 0px;
	text-align:center;
	}

.testimonials span{
	margin-top:5px;
	padding:0px;
	}
	
.contactus{
	margin:0px auto;
	padding:0px;
	width: 98%;
	}
	
.contact_left{
	padding:0px;
	width: 97%;
	float:inherit;
	}
	
.contact_right{
	margin-left:7px;
	padding:0px;
	width: 97%;
	float:inherit;
	}
.visitor_info{
	width: 95%;
	}
	
.guest_info{
	width: 95%;
	}
	
.visitor_message{
	width: 95%;
	}
	
.submit_button{
	width: 98%;
	margin-bottom:10px;
	}
	
.map{
	width: 100%;
	}
	
.map{
	width: 100%;
	}


}


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

.faq_bar{
	width:100%;
	}
	
.faqs_content{
	width:95%;
	text-align:left;
	margin:0px auto;
	padding-bottom:15px;
	}
	
.faqs_content img{
	margin:0px;
	}
	
.faqs_content p span{
	margin-bottom:5px;
	}
	
.testimonials{
	width:95%;
	margin:0px auto;
	padding:0px 0px 10px 0px;
	text-align:center;
	}
	
.testimonials span{
	margin-top:5px;
	padding:0px;
	}
	
.contactus{
	margin:0px;
	padding:0px;
	width: 100%;
	}
	
.contact_left{
	margin-left:7px;
	padding:0px;
	width: 97%;
	float:inherit;
	}
	
.contact_right{
	margin-left:7px;
	padding:0px;
	width: 97%;
	float:inherit;
	}
.visitor_info{
	width: 95%;
	}
	
.guest_info{
	width: 95%;
	}
	
.visitor_message{
	width: 95%;
	}
	
.submit_button{
	width: 99%;
	margin-bottom:10px;
	}
	
.map{
	width: 100%;
	}
	
.map{
	width: 100%;
	}

																																												
}

/* Dirty hack to fix this quick */
@media only screen and (min-width: 1850px) {
    .topspace {height: auto !important;}
}
@media only screen and (min-width: 1750px) and (max-width: 1850px) {
    .topspace {height: 3rem !important;}
}
@media only screen and (min-width: 1640px) and (max-width: 1750px) {
    .topspace {height: 6rem !important;}
}
@media only screen and (min-width: 1530px) and (max-width: 1640px) {
    .topspace {height: 9rem !important;}
}
@media only screen and (min-width: 1400px) and (max-width: 1530px) {
    .topspace {height: 12rem !important;}
}
@media only screen and (min-width: 1240px) and (max-width: 1400px) {
    .topspace {height: 15rem !important;}
}
@media only screen and (min-width: 1210px) and (max-width: 1240px) {
    .topspace {height: 18rem !important;}
}
@media only screen and (min-width: 1110px) and (max-width: 1210px) {
    .topspace {height: 19rem !important;}
}
@media only screen and (min-width: 960px) and (max-width: 1110px) {
    .topspace {height: 24em !important;}
}


/* CUSTOM */

@media only screen and (max-width: 959px) {
    .content-column {
        float: none; 
        margin-left: auto; 
        margin-right: auto;
    }
}

@media only screen and (min-width: 481px) and (max-width: 959px) {
    #blog .blog-post .blog-thumbnail {
        margin: 1% 2%;
        width: 35%; 
    }
    #blog .blog-post .blog-intro {
        margin: 1% 2%;
        width: 57%;
    }
}

@media only screen and (max-width: 480px) {
    #blog .blog-post .blog-intro, #blog .blog-post .blog-thumbnail {
        margin: 1% 5%;
        width: 90%;
    }
}



/* BM NBW EDITS & FIXES
******************************************************************************************/
@media only screen and (max-width: 767px) {
	/* footer form */
	.footer .wpcf7-form-control-wrap.Name, .footer .wpcf7-form-control-wrap.Surname, .footer .wpcf7-form-control-wrap.Phone, .footer .wpcf7-form-control-wrap.Email, .contact ul li input.shrt[type="text"], .contact ul li input.shrt[type="email"], .contact ul li input[type="submit"]{
		width: 100%;
		float: none;
	}
	.contact ul li span.wpcf7-form-control-wrap+span.wpcf7-form-control-wrap{ margin: 0px }
	
	/* contact page */
	.contactus{
		width: 94%;
		padding: 3%;
	}
	.contact .leftbx, .quote .leftbx{
		width: 100%;
		margin: 0px;
	}
	.contact .leftbx+.leftbx, .quote .leftbx+.leftbx{ margin-left: 0px; }
}