
.navbar-toggle{
	margin-right: 0px;	
}

.btn-navbar {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    
    
    padding: 0;
    
    margin-right: 0px !important;
    margin-left: 0px;
    cursor: pointer;
    z-index: 120;
}
    .btn-navbar:hover {
    }
    .btn-navbar .icon-bar {
        display: block;
        width: 20px;
        height: 3px;
        margin: 4px 2px;
        background-color: #FFF;
    }
    .btn-navbar:hover .icon-bar {
        background-color: #FFF;
    }

.unfolded-nav .btn-navbar {
    background-color: transparent;
}
.btn-navbar .icon-bar{
    height: 3px;
    right: 0px;
    width: 22px;
    top: 0px;
    left: 0px;
    z-index: 1000;
    position: relative;
  	transition: all 100ms ease-in-out;
}
.unfolded-nav .btn-navbar .icon-bar:nth-of-type(2) {
	top: 6px;
	transform: rotate(45deg);
}

.unfolded-nav .btn-navbar .icon-bar:nth-of-type(3) {
	  		background-color: transparent;
		}

.unfolded-nav .btn-navbar .icon-bar:nth-of-type(4) {
	  		top: -8px;
	  		transform: rotate(-45deg);
		}

.btn-navbar .icon-bar:nth-of-type(3) {
	  top: 1px;
	}
.btn-navbar .icon-bar:nth-of-type(4) {
  		top: 2px;
	}	




@media (max-width:767px) {
    .logo,
    .container,
    .left-navigation,
    .left-navigation .nav-wrapper,
    .bottom-wrapper,
    .copy,
    .page-image,
    .page-content-wrapper,
    .page-content-wrapper.collapsed,
    .page-text,
    .page-title,
    .bottom-address-wrapper
    {
        position: relative !important;
        top: 0 !important;
        margin-top: 0;
        left:0;
    }

    body{
        overflow: auto;
        background: none;
        background-color: #000;
    }
    .container{
        overflow: auto;
    }

    .btn-navbar {
        display: block;
    }
    .bottom-address-wrapper,
    .bottom-wrapper{
        height: auto;
        text-align: center;
    }
    .left-location-address {
        text-align: center;
        font-weight: bold;
        line-height: 1;
        margin: 10px;
        margin-left: 10px;
        margin-top: 0;
        float: none;
        height: auto;
    }
    .copy{

    }
    .social {
        text-align: center;
    }
    .page-image{
        height: 443px;
    }
    .page-content-wrapper,
    .page-content-wrapper.collapsed{
        height: auto !important;
    }
    .page-title {
        text-align: center;
        padding-left: 0;
    }
    .page-title img{
        display: none !important;
    }
    .page-text{
        width: 100%;
        padding:10px;
        box-sizing: border-box;
    }
    .page-text img,
    .page-text iframe
    {
        max-width: 100% !important;
        height: auto !important;
    }

    .logo{
        left: 0;
        top:0;
        width: auto;
        right:0;
        background-color: rgba(0,0,0, 0.5);
        padding: 10px 55px 10px 10px;
    }
    .logo img{
        width: 100%;
    }
    .left-navigation{
        width: 100%;
        z-index: 10;
    }
    .nav-wrapper{
        display: none;
    }
    .unfolded-nav .nav-wrapper{
        display: block;
    }
    .left-navigation .nav-wrapper{
        width: 100%;
        background-color: rgba(0,0,0, 0.5);
    }
    .page-uid-rooms .page-content-wrapper,
    .page-content-wrapper{
        left:0;
        right: 0;
        width: 100%;
    }
    .left-navigation .nav li, .left-navigation .nav li *{
        font-size: 21px;
    }

    #flipbook{
        position: relative !important;
        left: 0 !important;
    }
    .page-wrapper,
    .page-wrapper > div,
    .page-wrapper > div > div
    {
        position: relative !important;
        float: none !important;
        height: auto !important;
        left: 0 !important;
        width: 100% !important;
    }
    .shadow{
        display: none;
    }

    .winter-activities{

    }
    .winter-activities li{
        width: 100%;
        box-sizing: border-box;
        float: none;
    }
    .private-parties li{
        box-sizing: border-box;
        float: none;
    }
    .rooms-images-wrapper{
        width: 100%;
    }
    .private-party-details-image >div,
    .private-party-details-image img{
        width: 100% !important;
        height: auto !important;
    }
    .private-party-details-image img{
        position: relative !important;
    }
    .private-party-details-wrapper{
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
    }
    #colorbox .eb-slide-show-btn-next,
    #colorbox .eb-slide-show-btn-prev{
        display: none !important;
        /*position: fixed !important;
        z-index: 100;*/
    }
    #colorbox .eb-slide-show-btn-next{
        right: 0;
    }
    #colorbox .eb-slide-show-btn-prev{
        left: 0;
    }
    #colorbox *{
        box-sizing: border-box;
    }
    #cboxClose{
        position: fixed !important;
        top: 3px;
        right: 3px;
        background-color:rgba(0,0,0, 0.5);
        padding: 3px;
    }
    .amenities-wrapper{
        width: auto !important;
        height: auto !important;
    }
    .rooms-images ul{
        text-align: center;
    }
    .rooms-images ul li{
        float: none;
        display: inline-block;
    }


    /*  HOME PAGE */
    .action-index #flipbook{
        height: auto !important;
    }
    /* --- -- -*/
}


