@media (max-width: 1199px) {
.btn-continue {float: none; display: block; width: 100%; margin: 0 0 10px;}
}

@media (min-width: 1200px) {
.modal-dialog {width: 900px !important;}
}

@media (min-width: 992px) {

#header .header-nav-main nav > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 5px 7px 10px 7px;
	letter-spacing:0px;
}

#header .header-nav-main nav > ul > li > a.ruski {
    font-size: 12px !important;
    padding: 5px 7px 10px 7px !important;
}

#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
    background: transparent !important;
	color: #c29d51 !important;
}

.header-nav-main nav > ul > li.active > a {
    background: transparent !important;
	color: #c29d51 !important;
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > span {
	padding: 4px 10px;
}


.polozajpocetneforme {position:absolute; bottom:30px; width:100%;}
.poc-forma {margin-bottom:30px;}
.btn-forma-poc {font-size:14px; letter-spacing:1px; text-align:left; border:1px solid #f0d59d !important; padding:10px; line-height:20px; background:#c29d51; width:100%; color:#000 !important; text-transform:uppercase; font-weight:700;}
.btn-forma-poc:hover, .btn-forma-poc:focus, .btn-forma-poc:active {background:#f0d59d; border:1px solid #f0d59d;}
.form-poc {font-size:14px; letter-spacing:1px; text-align:left; border:1px solid #ddd; padding:10px; line-height:20px; background:rgba(0,0,0,0.7); width:100%; color:#Fff; text-transform:uppercase; display:block;}
select.form-poc {text-transform:none;}

.form-poc::placeholder {color:#fff;opacity: 1;}
.form-poc::-webkit-input-placeholder {color:#fff;opacity: 1;}
.form-poc::-moz-placeholder {color:#fff;opacity: 1;}
.form-poc:-ms-input-placeholder {color:#fff;opacity: 1;}
.form-poc:-moz-placeholder {color:#fff;opacity: 1;}

.form-poc:focus::placeholder {color:#ccc;opacity: 1;}
.form-poc:focus::-webkit-input-placeholder {color:#ccc;opacity: 1;}
.form-poc:focus::-moz-placeholder {color:#ccc;opacity: 1;}
.form-poc:focus:-ms-input-placeholder {color:#ccc;opacity: 1;}
.form-poc:focus:-moz-placeholder {color:#ccc;opacity: 1;}

.form-poc:focus, .form-poc:active, .form-poc:hover {border:1px solid #ccc; color:#fff; text-decoration:none; background:rgba(0,0,0,0.8);outline: none;}
.form-poc option {color:#fff;}

#ajax_form_poc #datum_dolaska {background: rgba(0,0,0,0.4) url('https://villa-bionda.eu/slike/calendar-white.png') no-repeat right 10px center;}
#ajax_form_poc #datum_odlaska {background: rgba(0,0,0,0.4) url('https://villa-bionda.eu/slike/calendar-white.png') no-repeat right 10px center;}
#ajax_form_poc #datum_dolaska:focus, #ajax_form_poc #datum_dolaska:active, #ajax_form_poc #datum_dolaska:hover, #ajax_form_poc #datum_odlaska:focus, #ajax_form_poc #datum_odlaska:active, #ajax_form_poc #datum_odlaska:hover {border:1px solid #ccc; color:#fff; text-decoration:none; background:rgba(0,0,0,0.7) url('https://villa-bionda.eu/slike/calendar-white.png') no-repeat right 10px center;outline: none;}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {color:#ddd}

.error_message_poc p {color:#fff; font-size:12px;}

.margina30velikerezolucije {margin-top:30px;}

.novigradbox1 {width:34%; float:left; padding:0 30px 0 0;}
.novigradbox2 {width:33%; float:left;}
.novigradbox3 {width:33%; float:left;}

.certifikatipoc {position:fixed !important; right:30px !important; top:200px !important; width:100px !important; height:100px !important; z-index:9 !important;}
.slikacertifikatpoc {width:100px; height:100px;}

.certifikatipocmalerezolucije {display:none;}

}



@media (max-width: 991px) {

.righttoleft {text-align:left;}
.centertoleft {text-align:left;}

.blockimg-right {padding:0 !important; float:none;}
.blockimg-left {padding:0 !important; float:none;}

.product-actions a.posaljiupit, .product-actions a.brzipregled {visibility:visible; opacity:1; left:auto; right:auto;}

.slider-container .main-label2 {font-size:50px !important; line-height:1.6em !important; padding:1em !important; margin:-30px 0 0 0 !important;}
.slider-container .top-label2 {font-size:16px !important; line-height:1.6em !important; padding:1em !important; margin:20px 0 0 0 !important;}
.slider-container .slidzvjezde {width:100% !important; height:auto !important;}

#header .header-btn-collapse-nav {
    background: rgba(0,0,0,0.1);
    color: #FFF;
    margin: 12px 0 8px 15px;
    border:1px solid #fff;
}

#header .header-nav-main nav > ul > li > a {
    font-weight: 400;
    font-size: 14px;
    letter-spacing:1px;
    
}
#header .header-nav-main nav > ul li a {
}


.polozajpocetneforme {position:relative; width:100%; background:#dfe1e5;}
.poc-forma {margin:0; padding:45px 0 30px 0;}
.btn-forma-poc {font-size:14px; letter-spacing:1px; text-align:left; border:1px solid #c29d51 !important; padding:10px; line-height:20px; background:#c29d51; width:100%; color:#000 !important; text-transform:uppercase; font-weight:700;}
.btn-forma-poc:hover, .btn-forma-poc:focus, .btn-forma-poc:active {background:#f0d59d; border:1px solid #f0d59d;}
.form-poc {font-size:14px; letter-spacing:1px; text-align:left; border:1px solid #fff; padding:10px; line-height:20px; background:rgba(255,255,255,1); width:100%; color:#000; text-transform:uppercase; display:block;}
select.form-poc {text-transform:none;}

.form-poc::placeholder {color:#000;opacity: 1;}
.form-poc::-webkit-input-placeholder {color:#000;opacity: 1;}
.form-poc::-moz-placeholder {color:#000;opacity: 1;}
.form-poc:-ms-input-placeholder {color:#000;opacity: 1;}
.form-poc:-moz-placeholder {color:#000;opacity: 1;}

.form-poc:focus::placeholder {color:#333;opacity: 1;}
.form-poc:focus::-webkit-input-placeholder {color:#333;opacity: 1;}
.form-poc:focus::-moz-placeholder {color:#333;opacity: 1;}
.form-poc:focus:-ms-input-placeholder {color:#333;opacity: 1;}
.form-poc:focus:-moz-placeholder {color:#333;opacity: 1;}

.form-poc:focus, .form-poc:active, .form-poc:hover {border:1px solid #ddd; color:#000; text-decoration:none; background:rgba(255,255,255,0.8);outline: none;}
.form-poc option {color:#000; padding:3px 0 !important; margin:3px 0 !important;}

#ajax_form_poc #datum_dolaska {background: rgba(255,255,255,1) url('https://villa-bionda.eu/slike/calendar-black.png') no-repeat right 10px center;}
#ajax_form_poc #datum_odlaska {background: rgba(255,255,255,1) url('https://villa-bionda.eu/slike/calendar-black.png') no-repeat right 10px center;}
#ajax_form_poc #datum_dolaska:focus, #ajax_form_poc #datum_dolaska:active, #ajax_form_poc #datum_dolaska:hover, #ajax_form_poc #datum_odlaska:focus, #ajax_form_poc #datum_odlaska:active, #ajax_form_poc #datum_odlaska:hover {border:1px solid #fff; color:#000; text-decoration:none; background:rgba(255,255,255,0.8) url('https://villa-bionda.eu/slike/calendar-black.png') no-repeat right 10px center;outline: none;}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {color:#ddd}

.error_message_poc p {color:#fff; font-size:12px;}


.slider-container .tp-leftarrow {position:absolute !important; top:100% !important; left:0% !important; margin-left:0px !important; margin-top:-100px !important; display:none;}
.slider-container .tp-rightarrow {position:absolute !important; top:100% !important; right:0% !important; margin-right:0px !important; margin-top:-100px !important; display:none;}

h4.izdvojenopocetna {font-size:18px;}

.padding15malerezolucije {padding:0 15px;}

.novigradbox1 {width:100; float:none; text-align:center !important; margin:-20px 0 50px 0;}
.novigradbox1 p {text-align:center !important;}
.novigradbox1 .divider {display:none !important;}
.novigradbox1 h3.velikinaslovpocetna {margin-bottom:30px !important;}
.novigradbox2 {width:50%; float:left;}
.novigradbox3 {width:50%; float:left;}


.tablicacijene {font-size:14px !important;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding: 5px;}

.certifikatipoc {display:none;}

.certifikatipocmalerezolucije {margin-top:15px;}

.page-header {padding: 200px 0 0 0;}
.page-header h1 {font-size: 36px;}

.page-header {margin: 0 0 160px 0;}

.banner2024 {max-width:100% !important; min-width:auto !important;}
.gumbbooknow {margin:0 auto !important; padding:0 !important;}

}






@media (max-width: 767px) {

.slider-container .main-label2 {font-size:32px !important; line-height:2.6em !important; padding:1em !important; margin:30px 0 0 0 !important;}
.slider-container .top-label2 {font-size:14px !important; line-height:2.6em !important; padding:1em !important; margin:70px 0 0 0 !important;}
.slider-container .slidzvjezde {display:none !important;}

p.uslugeboxtext {height:auto !important; margin:0 0 20px 0 !important;}
p.uslugeboxtext2 {height:auto !important; margin:0 0 20px 0 !important;}
.popisdodatno h2 {height:auto !important;}

h4.modal-title {font-size:18px !important;}

}



@media (max-width: 479px) {
.glavna-tekst img {width:100%; display:block;}
#header .header-btn-collapse-nav {
    margin: 12px 0 8px 0;
}
#header.header-narrow .header-logo img {
    margin: 12px 0 12px 0;
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    padding: 6px 4px;
}

}