/* START RESPONSIVE MOBILE NAVIGATION */
.handle {
	width:100%;
	height:65px;
	background-color:#7d6c4c;
	box-sizing:border-box;
	display:none;
	position:relative;
}
.responsive_teak_logo img, #searchteaknav img, #toggleteaknav, #toggle_x {
	height:40px;
	position:absolute;
	top:10px;
	cursor: pointer;
	color: transparent;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.responsive_teak_logo img {
    left: 40%;
    width: 210px;
    top: 12px;
}
.mobile_logo{
    max-width: 227px;
    max-height:65px;
    display:block;
    margin: 0 auto;
    overflow: hidden;
}
#searchteaknav img {
	right:65px;
	width:40px;
	height:40px;
}
#toggleteaknav {
	background: url("../../../../../vspfiles/assets/images/toggle_responsive.png") no-repeat;
	left:10px;
	width:110px;
	border-radius: 4px;
	background-color:#5b4e36;
}
#headerteak_responsive {
	width:100%;
	background-color: #f5f0de;
    height: 65px;
	position: relative;
	display:none;
}
#search_mobile {
	background-color: #f6efe2;
	display:none;
	width:100%;
	height:75px;
	border-bottom: 1px solid #c6b28d;
}

#search_mobile input#search_field {
	max-width: 90%;
	width: 92%;
	margin: 12px 0px 0px 0px;
	padding:15px 5px;
}
#search_mobile input#search_button {
	margin-top:12px;
}
#footerteak_responsive {
	width:100%;
	text-align:left;
	box-sizing:border-box;
	display:none;
}
#header {
	height:auto !important;
}


/* start push menu */
.teak_mask.is-active {
    height: 100%;
    opacity: 0.7;
    transition: opacity 0.3s ease 0s;
    width: 100%;
}
.teak_mask {
    background-color: #000;
    height: 0;
    left: 0;
    opacity: 0;
    top: 0;
    transition: opacity 0.3s ease 0s, width 0s ease 0.3s, height 0s ease 0.3s;
    width: 0;
    z-index: 100;
	position:fixed;
	cursor: pointer;
}
.teak_mask, body.teak_pmenu_push_toright {
    overflow: hidden;
	position:fixed;
}
#push_menu { display:none;}
.teak_pmenu_push {
    left: 0;
    overflow-x: hidden;
    position: relative;
}

.teak_pmenu, .teak_pmenu_push {
    transition: all 0.3s ease 0s;
}

.teak_pmenu_push_toright {
    left: 240px;
}

.teak_pmenu_left.teak_pmenu_open {
    left: 0;
}

.teak_pmenu_left {
    left: -240px;
}

.teak_pmenu_vertical {
    height: 100%;
    top: 0;
    width: 240px;
    z-index: 1000;
}

.teak_pmenu {
    background: #333 none repeat scroll 0 0;
    position: fixed;
}
/* end push menu */
/* start close push menu */
.close_toggle {
	display:block;
	height:50px;
	width:50px;
	position:absolute;
	top:10px;
	right:10px;
	z-index: 1;
}
#toggle_x {
    background: url("../../../../../vspfiles/assets/images/toggle_x.png") no-repeat scroll 0 0;
    right: 10px;
	top: 5px;
    width: 40px;
}
/* end close push menu */
/* END START RESPONSIVE MOBILE NAVIGATION */