/******************************************************
/// Lomi ga bejbe
******************************************************/
@media only screen and (min-width: 1280px) and (max-width: 1500px) {
	.sf-menu > li > a { padding: 53px 12px 58px; font-size: 13px; }
}

@media only screen and (min-width: 1151px) and (max-width: 1279px) {
	.sf-menu > li > a { padding: 53px 9px 58px; font-size: 12px; }
}

@media only screen and (max-width: 950px) {
	.bn-reserve-act { width: 90%; overflow: scroll; overflow-x: hidden; }
	.menu-icon { top: -90px; right: 40px; }
	.bn-trigger { top: -200px; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; border:0px; }
	.navbar-default { height: 100%; display:block; border-width:0; }
	.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; }
	.dropdown-menu { height:100%; min-width: 200px; padding: 0px 0; margin: 0px 0 0; font-size: 14px; background-color: #fff; border: 0px solid #ccc; border: 0px solid rgba(0, 0, 0, .15); -webkit-box-shadow: none; box-shadow: none; }
	.navbar-nav > li > .dropdown-menu { border-top: 0px solid 3e276b; padding-top: 10px; padding-bottom: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	.dropdown-menu > li > a { font-size: 14px; border: none; padding: 1px 0px; margin:0; color: #fff; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #ccc; }
	.navbar-collapse.collapse { position: relative; height: 100%; overflow-x: hidden; }
	.navbar { min-height: 0px; }
	.naslov h3 { font-size: 25px; line-height: 35px; padding: 18px 0px; }
	.smjestaj { padding: 100px 0 100px 0; }
	.apartman-wrapper { float: left; width: 100%; padding: 0; }
	.hover-wrapper { position: relative; display:block; border-bottom: 0; }
	.hover-wrapper:after { display:none; }
	.hover { background: rgba(28,42,88,1); 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; }
	.hover-wrapper:hover .hover { background: rgba(175, 154, 95, 1); 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; }
	.hover h2 { font-size: 40px; line-height: 46px; margin: -12px 0 0 0; }
	.hover h2 span { font-size: 19px; line-height: 26px; margin: 0px 0 10px 0; }
	
	
	
	.hover-wrapper h3 { margin: 0px 0 0px;
        position: absolute;
        top: -75px;
        right: unset;
        left: 20px; }
	
	
	
	
	
	
	
	
	
	
	
	.hover-wrapper:hover .hover h2 { margin: 30px 0 10px; }
	.hover p { font-size: 13px; line-height: 22px; color: #ffffff; display: block; padding-right: 0%; opacity: 1; visbility: visible; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; }
	.hover-wrapper:hover .hover p { opacity: 1; visbility: visible; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; transition-delay: .2s; }
	.apartman-wrapper ul li { margin-bottom:15px; padding: 0; }
	.detaljnije { font-weight: 400; font-size: 16px; text-transform:uppercase; line-height: 11px; background: rgba(255,255,255,0.8); padding: 8px 6px; color: rgba(28,42,88,1); transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; opacity: 1; visbility: visible; margin:30px 0 15px 0; display:inline-block; }
	.detaljnije:hover { color: rgba(175, 154, 95, 0.9); }
	.hover-wrapper:hover .detaljnije { opacity: 1; visbility: visible; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; transition-delay: .2s; }
	.flex-wrapper { background: none; padding: 40px 0 40px 0; }
	.flex-wrapper h3 { font-size: 24px; line-height: 66px; font-weight: 600; text-transform: uppercase; width: 100%; display:block; padding: 0 0 12px 0px; }
	
	.lista-usluga ul { -moz-column-rule: 0px solid #ccc; -webkit-column-rule: 0px solid #ccc; column-rule: 0px solid #ccc; column-gap: 0px; -webkit-column-count:1; 
	-moz-column-count:1; -ms-column-count:1; -o-column-count:1; column-count:1; -webkit-column-gap:0px; -moz-column-gap:0px; -ms-column-gap:0px;
	-o-column-gap:0px; column-gap:0px; columns:1; }
	
	.dobrodosli {
    padding: 30px 0;
  

}
	.naslov p {

    padding: 25px;
}
	
.slider .flex-control-nav    {  display: none ;}
	
	.dobrodosli img
{
border:0;
    margin-right: 0px !important;
  padding: 0px;
    border-radius: 0;
    max-width: 100%;
	 width:100%;
	 display: block;
	 float:none;
	 }
	 
	 .dobrodosli::after {

    display: none;

}
	 
	.flex-item-a .heightfix, .flex-sadrzaj .sadrzaj.left-triangle:before,
.flex-item-b .heightfix, .flex-sadrzaj .sadrzaj.right-triangle:before	{ transform: rotate(0deg); }

.flex-sadrzaj figure { border-radius: 0;  }









	.lista-usluga ul li { text-align: center;    font-size: 17px;
    line-height: 19px; }
	.lista-usluga ul li:nth-child(-n+9) { text-align: center; }
	.stranica-wrapper h1 { font-size: 46px; line-height: 38px; margin-bottom: 0px; }
	.kontakt-wrapper { padding: 0; }
	.kontakt-wrapper form { padding: 0 0 230px 0; }
	.kontakt-podatci { text-align: center; margin: 30px 0;    border: 0px solid #ccc; }
	.nopadding_xs { padding-left:0!important; padding-right:0px!important;}
	.flex-sadrzaj .sadrzaj .text p { padding: 0px; }
	.linkovi-wrapper .col-lg-4 { padding:0; }
	.linkovi-wrapper img { padding: 0; margin-bottom:0; border-radius:0;}
	.linkovi-wrapper .btn {     font-size: 22px;width:100%; margin: 0; color:#fff; 
	background-color: #3e276b!important; display: block; padding: 0;border-radius:0; }
	.linkovi-wrapper .btn:hover { background-color: rgba(211,191,221,1)!important; color:#3e276b; }
	.footer-bg:after { display:none; }
	.karakteristike { margin-bottom: 30px; }
	.navbar-default .navbar-nav > li:nth-last-child(4){ margin-left:0; }
	.footer-menu ul li { margin-right: 0px;  }
	.footer-menu ul li a { display: block; padding: 12px 0; }
	.footer-menu ul li::after { display:none; }
}

@media only screen and (min-width: 993px) and (max-width: 1150px) {
	header { height: 90px; }
	.hover { padding: 32px 20px 0px !important; }
	.hover p { padding-right: 0; }
	.sf-menu > li > a { padding: 35px 7px 35px; font-size: 10px; }
	.logo { height:134px; overflow: hidden; }
	.logo a { margin-top: 0px; display: table; }
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
	.nav-tabs > li { float: left; margin-bottom: 0; width: auto !important; }
	.kontakt-sadrzaj .col-lg-7 { width: 45%; }
	.kontakt-sadrzaj .col-lg-5 { width: 55%; }
	.karakteristike .karakteristika p { font-size: 15px; }
}

@media only screen and (max-width: 991px) { 
	.flex-sadrzaj .sadrzaj .text {  padding: 25px 10px 25px 10px; }
	.flex-sadrzaj .sadrzaj {  margin-bottom:30px; }
	.flex-sadrzaj .sadrzaj.left-triangle:before, 
	.flex-sadrzaj .sadrzaj.right-triangle:before { 
	display:none; }
	.flex-sadrzaj figure img { -webkit-transform: scale(5.25); -moz-transform: scale(5.25); -ms-transform: scale(45.25); -o-transform: scale(5.25); transform: scale(5.25); }
	.flex-sadrzaj figure:hover img { -webkit-transform: scale(7.85); -moz-transform: scale(7.85); -ms-transform: scale(7.85); -o-transform: scale(7.85); transform: scale(7.85); }
}

@media only screen and (max-width: 992px)  { 
	#wrapper { border-width: 0; }
	.sticky-menu {
        position: relative;
        left: unset;
        top: unset;
        right: 0;
        height: 50px;
        background: #3e276b;
        z-index: 99999;
        padding: 4px 0;
     }
	.sticky-menu ul {
        display: block;
        width: 100%;
        margin: 0px auto;
        padding: 0;
        text-align: center;
        height: 0px;
		  border-radius: 0; 
    } 
	.sticky-menu ul li {  
        display: inline-block;
        position: relative;
        width: 40px;
        height: 40px;
        padding: 0;
        margin: 0;
		  border:0;
    } 
	.sticky-menu ul li a {
        font-size: 13px;
        line-height: 40px;
        text-transform: uppercase;
        text-align: center;
        width: 40px;
        display: table;
        cursor: pointer;
    } 
	.error-img { background-position: center center; position: relative; top: 0px; left: 0px; width: 100%; height: 600px; }
	header { z-index: 9999; }
	.naslov-bar h2 { float: none !important; }
	header { height: 90px; }
	footer .container { max-width: 100%; width: 90%; }
	.sf-menu ul li a { font-size: 13px; padding: 13px 21px; }
	.sf-menu ul ul { top: 0px; left: 100%; border-top: none; margin-top: 0; padding-top: 0; padding-bottom: 0; box-shadow: none; }
	.logo { top: -120px; }
	.logo a { margin-top: 0px; display: table; }
	.pre-header { display: none; }
	.sf-menu > li::after { display: none; }
	.sf-menu, .sf-menu li.sf-mmenu { position: relative !important; }
	#mobnav-btn { display: block !important; }
	.sf-menu { width: 100%!important; display: none; }
	.sf-menu.xactive { display: block!important; }
	.sf-menu li { float: none!important; display: block!important; width: 100%!important; }
	.sf-menu li a { float: none!important; }
	.sf-menu .sf-mega { display: none!important; position: static !important; }
	.sf-menu ul { position: static!important; display: none!important; }
	.xpopdrop .sf-mega, .xpopdrop ul { display: block!important; }
	.sf-menu { width: 100% !important; position: absolute !important; background: #464646; max-height: 61vh; overflow: auto; overflow-x: hidden !important; }
	.sf-mega-section { float: none; border-right: none; width: 100%; padding: 0; }
	.sf-menu > li > a { padding: 10px 15px; font-size: 13px; }
	.menu-wrap { position: relative; }
	.sf-menu.xactive { display: block !important; width: 275px !important; right: 0px; padding: 15px; max-height: 81vh; top: 78px; }
	.mobnav-subarrow { display: block; }
	.mobnav-subarrow { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; cursor: pointer; }
	.mobnav-subarrow i { color: #FFF; float: right; margin: 7px 0; opacity: 0.4; }
	.sf-menu ul { padding-bottom: 8px; margin-bottom: 7px; }
	.kontakt-sadrzaj h6 { font-size: 11px; }
	.nav-tabs > li { float: left; margin-bottom: 0; width: 50%; }
	.naslov { padding:60px 0 20px 0; }
	.naslov h1 { font-size: 48px; line-height: 48px; }
	.dobrodosli .naslov { padding: 0; }
	.dobrodosli:before { display:none; }
	.apartman-sadrzaj .nav-tabs > li { margin-bottom: 0; }
	.apartman-sadrzaj .nav-tabs > li > a { height: 90px; }
	.apartman-sadrzaj .tab-content { padding: 0; }
	.stranica-wrapper .apartman-sadrzaj .tab-content .lista { padding:0: }
	.stranica-wrapper .apartman-sadrzaj .tab-content ul li { border-bottom:0px; }
	.stranica-wrapper .apartman-sadrzaj .tab-content ul li span.detail { width:18%; font-size:16px; line-height:22px; }
	.stranica-wrapper .apartman-sadrzaj .tab-content ul li span.des { width:82%; font-size:15px; line-height:22px; }

.slider .slides li .flex-caption { transform: translateY(30px); bottom: 35%; }
.slider .slides li .flex-caption h1 { font-size: 20px; line-height: 20px; max-width: 100%; padding: 15px 20px; }



.flex-bg, .img .img-responsive, .hover-wrapper:hover .hover, .hover-wrapper:after, .hover-wrapper, .hover-wrapper .img-responsive,
.hover, .flex-sadrzaj .heightfix img

 { border-radius: 0px; }








}



@media only screen and (max-width: 767px) {
	.flex-sadrzaj { padding: 0; }
	.flex-sadrzaj .sadrzaj.left-triangle:before, 
	.flex-sadrzaj .sadrzaj.right-triangle:before { display:none; }
	.flex-container { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; width:100%; }
	.flex-item-a:nth-of-type(1), .flex-item-b:nth-of-type(2) { order: 1; }
	.flex-item-a:nth-of-type(2), .flex-item-b:nth-of-type(1) { order: 2; }
	.flex-item-a, .flex-item-b { width: 100%; height:auto; }   
	.flex-sadrzaj figure img { -webkit-transform: scale(3.55); -moz-transform: scale(3.55); -ms-transform: scale(3.55); -o-transform: scale(3.55); transform: scale(3.55); }
	.karakteristike .karakteristika { border: 0px solid #eeeeee; }
    .karakteristike .karakteristika { width: 50%; border: 0px solid #eeeeee; }
    .karakteristike .karakteristika + .karakteristika { border-left: 0px solid #ddd; }
	.stranica-wrapper .apartman-sadrzaj .nav > li { text-align: center; width: 25%; overflow: hidden; }
	.stranica-wrapper .apartman-sadrzaj .nav > li > a { padding: 36px 0px 21px; }
	.stranica-wrapper .apartman-sadrzaj .tab-content h2 { font-size: 21px; padding-bottom: 20px; }
	.apartman-sadrzaj .nav > li > a { font-size: 0px; }
	.apartman-sadrzaj .nav > li > a i { font-size: 15px; }
	.apartman-sadrzaj .nav-tabs > li > a { padding-top: 37px; }
	.kontakt-sadrzaj .col-lg-7 { margin-bottom: 35px; }
	.hover-wrapper:hover .hover h2 { margin: 20px 0px 10px; }
	.stranica-wrapper .col-sm-7, .stranica-wrapper .col-md-7 { padding: 0px 0px 40px 15px; }
	.apartman-sadrzaj .nav-tabs > li { margin-bottom: 0; }
	.nav-tabs > li { float: left; margin-bottom: -1px; width: 100%; }
	.kontakt-sadrzaj { padding: 56px 45px 25px 35px; }
	.date { position: relative; width: 100%; }
	#footer .footer-bot p { padding-bottom:20px; line-height:17px; }
	#footer .footer-bot ul { float: none; display: table; margin: 0 auto 15px auto; }
	#footer .footer img { display: block; text-align: center; margin-bottom: 43px; }
	footer .container { max-width: 500px; }
	#footer .footer ul { padding: 0; }
	.prom-offers .prom-block { text-align: center; padding: 0 0 30px; }
	.prom-offers .offer-block { text-align: center; padding: 0; }
	.prom-offers img { display: block; margin: 0 auto; }
	.prom-offers .dark-gold { background-color: #3e276b; }
}

@media only screen and (max-width: 600px) {
	.stranica-wrapper .apartman-sadrzaj .nav > li { text-align: center; width: 25%; overflow: hidden; }
	.stranica-wrapper .apartman-sadrzaj .nav > li > a { padding: 36px 0px 21px; }
	.hover { height: 60%; }
	.kontakt-sadrzaj { padding: 0 0 0px 0; }
	.kontakt-sadrzaj .col-lg-7 { padding: 35px 35px; }
	.sidebar-contact .col-xs-6 { width: 100%; padding: 5px; }
	.sidebar-contact .col-xs-6 .row { margin: 0; }
	.detail ul li p { padding-left: 0; }
	.detail ul li span.category { position: relative; top: -6px; }
	.menu-wrap { position: static; }
	.sf-menu.xactive { right: 0px; left: 0px; margin: 0 auto; }
	.navbar-default { left: 0%; opacity: 1; visibility: visible; z-index: 99; margin-top:80px; }
	.menu-close { display: none; }
	.navheader { opacity: 1; visibility: visible; }

}