#header, #container{
	max-width: 940px;
	width: 100%;
}
.navbar-toggle {
	display: none;
}

@media (max-width: 980px){
	#header ul{
		padding-left: 20px;
	}
	#container img{
		width: 95%;
		padding: 0 20px;
	}
	.wrapper{
		padding: 0 20px;
	}
	#container ul li img{
		width: 100%;
		padding: 0;
	}
}
@media (max-width: 767px){

    *, :after, :before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .hidden-xs{
        display: none;
    }

   
    /*--nav--*/
    .navbar-toggle {
      position: absolute;
      right: 14px;
      top: 35px;
      display: block;
      background: transparent;
      margin: 0;
	  outline: 0;
	  border: none;
    }
    .navbar-toggle .icon-bar {
        border: 1px solid #fff;;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        transition: all 500ms ease-in-out;
        display: block;
	    width: 22px;
	    height: 2px;
	    border-radius: 1px;
    }
    .navbar-toggle.collapsed .icon-bar {
        border: 1px solid #fff;
    }
    .navbar-toggle.collapsed .icon-bar:nth-of-type(1) {
        top: -2px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
        border-color: #fff;
    }
    .navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
        top: 2px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .navbar-toggle .icon-bar:nth-of-type(1) {
        top: 3px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .navbar-toggle .icon-bar:nth-of-type(2) {
        border-color: transparent;
    }
    .navbar-toggle .icon-bar:nth-of-type(3) {
        top: -1px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .navbar-collapse {
        width: 35%;
        height: 100% !important;
        position: fixed !important;
        right: -80%;
        top: 78px;
        background: rgba(36, 30, 32, .97);
        z-index: 5;
        margin: 0 !important;
        display: block !important;
        z-index: 10;
        transition: right .35s ease !important;
    }
    .collapse.in {
        right: 0;
        transition: right .35s ease;
    }
    .collapsing {
        position: fixed;
        height: 100%;
        overflow: visible;
    }

	#header li:hover .sublevel{
		position: static;
		top: 0;
		padding: 0 20px;
		display: inline-block;
		background: none;
	}
	#header li .sublevel li{
	    width: auto;
	    display: block;
	    float: none;
	    padding: 2px 0;
	}
	#header li .sublevel a{
		font-size: 11px;
	}
	#main-menu{
		overflow-y:auto;
	}
	#main-menu ul li {
  padding: 5px 10px; /* Adjust as needed */
  margin: 0;
}

#main-menu ul li a {
  font-size: 14px;
  padding: 8px 12px;
}
	#header li ul.sublevel{
		height: 250px;
		display: block;
	    top: 0;
	    width: 100%;
	    position: relative;
	    padding: 0 5px !important;
	}
    /*--end nav--*/
    #logo img{
    	float: left;
    	width: 144px;
    }
    #header-container{
    	height: 80px;
    }
    #footer-wrap{
    	position: relative;
    }
    #footer-container{
    	height: auto;
    }
    #container{
    	padding: 90px 0 40px;
    }
}
@media (max-width: 640px){
	table#contact{
	   	max-width: 100% !important;
	   	width: 100% !important;
	   	border-collapse: separate !important;
	}
	table#contact tr td{
	   	width: 90% !important;
		height: auto !important;
		display: inline-block;
	}
	table#contact input, table#contact textarea{
		width: 100%;
	}
	#content, #sidebar{
		width: 100%;
		float: none;
	}
}
@media (max-width: 568px){
	#container img{
		width: 100%;
	}
	table#tableone{
	   	max-width: 100% !important;
	   	width: 100% !important;
	   	border-collapse: separate !important;
	}
	table#tableone tr td{
	   	width: 90% !important;
		height: auto !important;
		padding: 5px 20px;
		display: inline-block;
	}
	#footer-container{
		height: auto;
	}
}
@media (max-width: 480px){
	table#booking{
	   	max-width: 100% !important;
	   	width: 100% !important;
	   	border-collapse: separate !important;
	}
	table#booking tr td{
	   	width: 90% !important;
		height: auto !important;
		display: inline-block;
	}
	table#booking textarea{
		width: 100%;
	}
	#container.booking_wrapper img{
		width: 90%;
	}
	#container.summer_wrap table#tableone, #container.activities table#tableone{
	   	max-width: 100% !important;
	   	width: 100% !important;
	   	border-collapse: separate !important;
	} 
	#container.summer_wrap table#tableone tr td, #container.activities table#tableone tr td{
	   	width: 100% !important;
		height: auto !important;
		padding: 5px 20px;
		display: inline-block;
	}
	.navbar-collapse {
		width: 60%;
	}
	.booking_wrapper h2{
		font-size: 18px;
	}
	#footer-wrap table{
	   	max-width: 100% !important;
	   	width: 100% !important;
	   	border-collapse: separate !important;
	}
	#footer-wrap table tr td{
	   	width: 100% !important;
		height: auto !important;
		display: inline-block;
	}
	#footer-wrap table tr td h4{
		margin-top: 20px;
		margin-bottom: 0;
	}
	#footer{
		padding-bottom: 20px;
	}
}
@media (max-width: 360px){
	.navbar-collapse {
	    width: 65%;
	}
	#container{
		padding: 135px 0 40px;
	}
}
@media (max-width: 320px){
	#container{
		padding: 120px 0 40px;
	}
}