/******************************************************
/// Lomi ga bejbe
******************************************************/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .tooltip { display: none !important; }
 }

@media only screen and (max-width: 950px) {
	.bn-reserve-act { width: 100%; overflow: scroll; overflow-x: hidden; }
	.menu-icon { top:0; right: 19px; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; border:0; }
	.navbar-default { height: 100%; display:block; }
	.navbar-default .navbar-nav > li > a { font-size: 15px; border: none; padding: 8px 16px; color: #fff; font-weight: 400; text-decoration: none; text-transform: uppercase; }
	.navbar-collapse {-webkit-box-shadow: none; box-shadow: none; }
	.navbar-collapse.collapse { position: relative; height: 100%; overflow-x: hidden; }
	.pages .navbar-default.nav-active { top: -200px; transition: .7s; }
	.pages .navbar-default { top: 40px; }
	.navbar { min-height: 0; }
	.title h3 { font-size: 25px; line-height: 35px; padding: 18px 0; }
	.main-room { float: left; width: 100%; padding: 0 }
	.mr-inner { position: relative; display:block; }
	.mr-inner:after { display:none; }
	.mr-overlay { position: relative; bottom: 0%; left: 0; width: 100%; height: 107px; padding: 64px 32px 32px 32px; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; cursor: pointer; z-index:9999999999999; }
	.mr-inner:hover .mr-overlay { position: relative; bottom:0%; left: 0; width: 100%; height: 100%; padding: 32px 32px 32px 32px; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; cursor: pointer; }
	.mr-overlay h2 { color:#252A36; font-size: 23px; line-height: 26px; margin: -12px 0 0 0; }
	.mr-overlay h2 span { color:#252A36; font-size: 15px; line-height: 26px; margin: 0 0 10px 0; }
	.mr-inner h3 { margin: 0 0 0; position:absolute; top:-40px; }
	.mr-inner h3 span { display:inline; font-size: 15px; line-height: 19px; color: #252A36; font-weight: 300; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; text-transform: uppercase; margin:0; padding-right:10px; }
	.mr-inner:hover .mr-overlay h2 { margin: 30px 0 10px; }
	.mr-overlay p { color: #252A36; display: block; padding-right: 0%; opacity: 1; visibility: visible; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; }
	.mr-inner:hover .mr-overlay p { opacity: 1; visibility: visible; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; transition-delay: .2s; }
	.soba-link { font-weight: 400; font-size: 16px; text-transform:uppercase; line-height: 11px; background-color: #252A36; color: #fff; padding: 12px 12px; opacity: 1; visibility: visible; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; opacity: 1; visibility: visible; margin:30px 0 15px 0; display:inline-block; }
	.soba-link:hover { color: #252A36; background: #fff; }
	.mr-inner:hover .soba-link { opacity: 1; visibility: visible; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; transition-delay: .2s; }
	.znacajke-wrapper h3 { text-align:center; font-size: 24px; line-height: 36px; font-weight: 400; color:#252A36; text-transform: uppercase; width: 100%; display:block; padding: 0 0 12px 0; }
	.znacajke-wrapper .btn { display:none; }
	.znacajke-wrapper { float: left; width: 100%; padding: 35px; }
	.znacajke-wrapper .znacajke-ul { margin: 0; padding: 0; }
	.znacajke-wrapper .znacajke-ul ul { margin:0; text-align:center; }
	.znacajke-wrapper .znacajke-ul ul li { margin-bottom: 0; padding: 4px 0 4px 0; display: inline-block; width: 100%; }
	
	
}

@media only screen and (min-width: 993px) and (max-width: 1150px) {
	.soba-link { bottom: 20px; }
	header { height: 90px; }
	.pages #wrapper { padding-top: 90px; }
	.soba-link { bottom: 20px; left: 20px; }
	.mr-overlay { padding: 32px 20px 0 !important; }
	.mr-overlay p { padding-right: 0; }
	.logo { height:134px; overflow: hidden; }
	.logo a { margin-top: 0; display: table; }
	.slika-wrapper { height: calc((100vw - 30px) / 0.974); }
	.slika { height: 400px !important; }
	.sadrzaj-wrapper { position:relative; right:0; left:0; background: #fff; text-align:center; height:auto; display:block; padding: 50px 20px 50px 20px; }

}

@media (max-width: 991px) {
	#popup .modal-dialog { width: auto; }
	.slika-wrapper { height: calc((100vw - 30px) / 0.974); }
	.slika { height: 400px !important; }
	.sadrzaj-wrapper { position:relative; right:0; left:0; background: #fff; text-align:center; height:auto; display:block; padding: 50px 20px 50px 20px; }
	.sadrzaj p,  p.sadrzaj { padding-left: 15px; padding-right: 15px; }
}

@media only screen and (max-width: 992px)  { 
	.ponuda { padding-top: 0px; margin-top: 30px; }
	.modal { top: 70px; }
	#wrapper { border: 0; margin-top: 0; }
	.sticky-menu { position:fixed; top: 0; left: 0; bottom:1%; right:0; height: 60px; background:#fff; }
	.sticky-menu ul { display: block; width:100%; margin:0 auto; padding:0; text-align:center; background:#fff; height:0; }
	.sticky-menu ul li {  display: inline-block; position: relative; width: 40px; height: 60px; background-color: #ffffff; border-bottom: 0 solid #f3ebd7; padding: 10px 0 0 0; margin:0; }
	.sticky-menu ul li a { font-size: 13px; line-height: 40px; text-transform: uppercase; color: #C47117; text-align: center; width: 40px; display: table; cursor: pointer; }
	.menu::after { display: none; }
	.navbar-toggle .txt { display:none; }
	.spinner-menu { background-color: #F1A350; }
	.navbar-toggle .icon-bar { background-color: #F1A350; }
	.menu-list { width: 100%; }
	.sm-share {  margin-top: 0; margin-left: 0; padding: 5px 0; position: absolute; left: 0; top: 60px; border-top-left-radius: 0; border-top-right-radius:0; }
	.sm-share::before, .acess-container::before { display: none; }
	.acess-container { margin-top: 0; left: 0; margin-left: 0; top: 60px; }
	.acess-container i { display:block; width: 100%; }
	header { z-index: 9999; height: 90px; }
	.pages #wrapper { padding-top: 90px; }
	.logo { top: 40px; height: 155px; }
	.logo img { padding: 10px 50px 10px 50px; }
	.top-slider .slides li .flex-caption h1 { padding: 15px 10px 15px; width: 90%; max-width: 90%; margin: 0 5%; }
	.top-slider .slides li .flex-caption p { padding: 15px 15px; width: 90%; max-width: 90%; margin: 0 5%; }
	.panel-img-detail { left: 0px; max-width: 100%; }
	.slika-wrapper { height: calc((100vw - 30px) / 0.974); }
	.slika { height: 500px !important; }
	.sadrzaj-wrapper { position:relative; right:0; left:0; background: #fff; text-align:center; height:auto; display:block; padding: 50px 20px 50px 20px; }
	.sadrzaj p,  p.sadrzaj { padding-left: 15px; padding-right: 15px; }
	.equal-cols { display: block; -webkit-flex-wrap: none; -ms-flex-wrap: none; flex-wrap: none; }
	.reverse { display: flex; flex-direction: column-reverse; }
	.title p { padding: 0 0 !important; }
	.reservation .btn-availble { padding: 0 15px; text-align: center; }
	.panel-wrapper { padding: 0 20px; }
	#footer .footer-bot ul li { display: block; padding: 8px 10px; }
	#footer .footer-bot ul li::after { display:none; }
	.top-slider { margin-top: 195px; }
	.title { margin-top: 100px; }
	.title h1 { font-size: 36px; }
	.menu-list > li { font-size: 20px; }
}

@media only screen and (max-width: 767px) {
	.mr-inner:hover .mr-overlay h2 { margin: 20px 0 10px; }
	.top-slider .slides li .flex-caption { display: none; }
}

@media only screen and (max-width: 600px) {
	.soba-link { bottom: 35px; }
	.mr-overlay { height: 60%; }
	.navbar-default { left: 0%; opacity: 1; visibility: visible; z-index: 99; }
}