.elem {
                display: inline-block;
                font-size: 0;
                   width: 33.033333%;
                /*border: 10px solid transparent;*/
                border-bottom: none;
                background: #fff;
                padding: 0;
                height: auto;
                background-clip: padding-box;
        }
        .elem > span {
                display: block;
                cursor: pointer;
                height: 0;
                padding-bottom:	70%;
                background-size: cover;	
                background-position: center center; border:5px solid #fff
        }

          .nav-tabs[role="tablist"] li a{
            color: #444;
            font-size: 17px;
            position: relative;
			font-weight: 600;
			
    border-color: transparent;
        }
		
		.nav-tabs[role="tablist"] li a:after {
    position: absolute;
    right: 0;
    top: 10px;
    content: '';
    width: 2px;
    height: 60%;
    background: #949494;
}

.nav-tabs[role="tablist"] li:last-child a::after{
    display: none;
}
        
        .nav-tabs[role="tablist"] li.active a{
            background: #fff ;
            color:  var(--primary-light)
        }
		
		.nav-tabs[role="tablist"] li a:hover {
    background: none;
    border-color: transparent;
    color: var(--primary);
}
        
        .lcl_fade_oc.lcl_pre_show #lcl_overlay,
        .lcl_fade_oc.lcl_pre_show #lcl_window,
        .lcl_fade_oc.lcl_is_closing #lcl_overlay,
        .lcl_fade_oc.lcl_is_closing #lcl_window {
                opacity: 0 !important;
        }
        .lcl_fade_oc.lcl_is_closing #lcl_overlay {
                -webkit-transition-delay: .15s !important; 
                transition-delay: .15s !important;
        }	
        .glyphicon{top:3px;}
        .room_home{margin:0; display:inline-block; color:#475a20; cursor:pointer;}
        .room_home:hover{color:#475a20; text-decoration:none;}
        .inner_res .home_collapse {top: 50px;}
        .sign_bg{background:none;}
        .MT_5{ margin-top:-6px}
        @media screen and (min-width: 320px) and (max-width: 1199px) {
        .mobiletop-box-divs{display:block !important;}
        }
        @media screen and (min-width: 320px) and (max-width: 767px) {
        .reservation label, .panel-body{ color:#475a20;} .elem{width:49.40%}
        }
        @media screen and (min-width: 768px) and (max-width: 1200px) {
                .elem{width:33%}
        }
        .elem, .elem * {
        box-sizing: border-box;
        margin: 0 !important;	
    }

    
	@media (max-width: 767px) {
	
.fancybox-thumbs__list a {
    max-width: calc(51% - 8px)!important;
    width: 185px !important;
}
	

		.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt, .lcl_fullscreen_mode.lcl_txt_over #lcl_txt {
			bottom: 150px !important;
			top: auto !important;
		}
        .lcl_hidden_txt.lcl_fullscreen_mode.lcl_txt_over #lcl_txt, .lcl_hidden_txt.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt {
			transform: translateX(-110%);
        }
    }
	
	@media (max-width: 375px) {
		.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt, .lcl_fullscreen_mode.lcl_txt_over #lcl_txt {
			bottom: 100px !important;
        }
	}
@media (min-width: 1200px) {
	.gallHide{display:block !important} .list-box-icon-2ftrd{display:none}
}
@media (max-width: 1199px) {	
        .gallHide{display:none;} .list-box-icon-2ftrd1.fa-stream{display:none !important;}
        .gallShow{display:block;} .nav-tabs>li{float:none !important} .list-box-icon-2ftrd{font-size:20px; display:inline-block}
		
}
.mob-ftrd-roomtext{display:flex}
.moblightboxfixed{background:var(--primary) !important; padding:10px 20px; color:var(--white) !important} .fa-stream{background:#4e4e4e; padding:10px 20px; display:flex !important; align-items:center; color:var(--white) !important}		
.list-box-icon-2ftrd1{cursor:pointer; background:var(--primary) !important; position:absolute; right:0; bottom:0; padding:15px 20px} .gallarynavtab1{position:absolute; right:0; z-index:1; background:var(--primary) !important;} .gallarynavtab1 li{float:none} .gallarynavtab1 li a{color:var(--white) !important; border-radius:0; margin:0; border:0} .gallarynavtab1 li a:hover{color:var(--primary) !important; background:var(--white) !important;} .gallarynavtab1 li.mobile-nav-tab a:hover{color:var(--white) !important;}


ul.gallarynavtab.gallHide {
    text-align: center;
    margin: 0 auto;
    float: none;
	border: none;
}

ul.gallarynavtab.gallHide li{float: none; display : inline-block;}

/* placing thumbnails to bottom */

@media all and (max-width: 360px) {

.fancybox-thumbs__list a {
    max-width: calc(50% - 10px) !important;
}

}


@media all and (max-width: 991px) {
	.fancybox-show-thumbs .fancybox-inner {
    right: 0px !important;
}
	

.fancybox-thumbs {
    top: auto !important;
    width: 100% !important;
    bottom: 0 !important;
    left: 0;
    right: 0 !important;
    height: 160px;
    padding: 10px 10px 5px 10px !important;
    box-sizing: border-box !important;
    background: rgba(0, 0, 0, 0.3) !important;
}
  
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
}


@media only screen and (max-width:767px) {
.boxes:hover .glyphicon {
    top: 0;
}
}


@media only screen and (min-width:768px) and (max-width:991px) {
.boxes:hover .glyphicon {
    top: -150px;
}
}


@media only screen and (min-width: 992px) and (max-width:1199px) {
.boxes:hover .glyphicon {
    top: -210px;
}
}