@media (min-width: 1200px) {
li.dropdown.dropdown-apartments-filter:hover ul.dropdown-menu, li.dropdown.dropdown-apartments-filter ul.dropdown-menu:hover {position: absolute;display: block;left: -202px !important;top: 0;}
.dropdown-apartments-filter .dropdown-menu>li>a {margin: 0 !important;width: 100%;}
.dropdown-apartments-filter .dropdown-menu>li {padding: 0;}
.dropdown-apartments-filter .dropdown-menu>li:hover a, .dropdown-apartments-filter .dropdown-menu>li:hover {background: #3fa9f5;color: #fff !important;}
.dropdown-apartments-filter .dropdown-menu>li>a {color: #000 !important;}
}

@media (max-width: 1199px) {
.opis p{width: 76%; margin-top: -13px;}
.opis h2{width: 22%;}
.opis p.p_popular{width: 59%;}
.opis h2.h_popular{width: 39%;}
.pop_services_box h2{line-height: 22px; margin-bottom: 10px; height: 44px;}

#footer .footer_right .box_footer{padding: 30px 0px 30px 50px;}
#footer .footer_left .box_footer{padding: 30px 50px 30px 0px;}
}

@media (min-width: 992px) {
.dropdown-apartments-filter .dropdown-menu>li>a {margin: 0 !important;width: 100%;}
.dropdown-apartments-filter .dropdown-menu>li {padding: 0;}
li.dropdown.dropdown-apartments-filter:hover ul.dropdown-menu, li.dropdown.dropdown-apartments-filter ul.dropdown-menu:hover {position: absolute;display: block;left: -160px;top: 0;}
.dropdown-apartments-filter .dropdown-menu>li:hover a, .dropdown-apartments-filter .dropdown-menu>li:hover {background: #3fa9f5;color: #fff !important;}
.dropdown-apartments-filter .dropdown-menu>li>a {color: #000 !important;}
.pozadina p {height: 95px; overflow: hidden;}
#footer .footer-copyright{padding: 20px 0px;}

}
@media (min-width: 992px) and (max-width: 1199px){
	.width-300, .header-logo{width: 210px !important;}
    #header .header-logo img{width: 210px !important; height: 86px !important; top: 22px;}
    #header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a{padding: 215px 5px 36px !important;}
    .sticky-header-active #header .header-nav.header-nav-stripe nav > ul > li > a, .sticky-header-active #header .header-nav.header-nav-stripe nav > ul > li:hover > a{padding: 279px 5px 18px !important}
    .sticky-header-active #header .header-logo img{width: 113px !important; height: 55px !important; top: 50px;}
    .services_opis {height: 105px;}
    .pop_services_box {height: 190px;}
}


@media (max-width: 991px) {
#footer .footer-copyright{padding: 20px 0px 40px 0;}
.dropdown-apartments-filter .dropdown-menu>li>a {margin: 0 !important;width: 100%;}
.dropdown-apartments-filter .dropdown-menu>li {padding: 0;}
li.dropdown.dropdown-apartments-filter ul.dropdown-menu li {padding: 0;}
li.dropdown.dropdown-apartments-filter ul.dropdown-menu {position: relative;display: block;left: 0;top: 0; margin-top: 10px; padding: 0;}
.dropdown-apartments-filter .dropdown-menu>li:hover a, .dropdown-apartments-filter .dropdown-menu>li:hover {background: #3fa9f5;color: #fff !important;}
.dropdown-apartments-filter .dropdown-menu>li>a {color: #000 !important;}

#header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover {background-color: #fff !important;}

.opis p.p_popular{width: 45%;}
.opis h2.h_popular{width: 52%;}

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

ul.ul-ref
{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

#footer .footer-copyright nav {float:none;}


#footer .contact i {float:left; margin:7px 8px 10px 0;}
#dropdowncartspecial {width:auto;}

#header.header-mobile-nav-only .header-nav{margin-top: -104px;}
.sticky-header-active #header.header-mobile-nav-only .header-nav{margin-top: -82px;}

html.sticky-header-enabled #header .header-nav-main{background: #3fa9f5; margin-right: -15px; margin-left: -16px;}
#header .header-btn-collapse-nav{margin: 20px 0 35px 15px;}
#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover{color: #fff; padding: 8px 8px;}
#header .header-nav-main nav > ul > li{margin-left: 35px;margin-right: 35px;}
#header .header-nav-main nav > ul li{border-bottom: 1px solid #4fb6ff;}
#header .header-logo img{width: 200px !important; height: 82px !important;}
.sticky-header-active #header .header-logo img{top: 22px !important; width: 123px !important; height: 50px !important;}
.sticky-header-active #header .header-btn-collapse-nav{margin: 20px 0 13px 15px;}

.opis p{width: 68%;margin-top: -27px;}
.opis h2{width: 29%;}

.container-beaches{padding: 0px 200px;}
.pozadina{margin-bottom: 25px;}
.pozadina.mb-0{margin-bottom: 0px;}
#footer .footer_left p, #footer .footer_left h2{text-align: left; float: left;}
#footer .footer_left .box_footer{padding: 0px 0px 0px 50px;}
#footer .footer_right .box_footer{padding: 0px 0px 0px 50px;}
.header-nav-top .social-icons {margin-left: 0;}
}



@media (min-width: 768px) {
.services_opis.text-center p {height: 95px; overflow: hidden;}
.trazilica-filter {height: 210px;}
/*.cc-cookies {padding: 20px 5%;}
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {margin: 0px 15px;}
*/
}

@media (max-width: 767px) {
.opis p, .opis h2, .opis h2.h_popular, .opis p.p_popular{display: block; width: auto;}
.opis h2{margin-bottom: 15px;}
.search-ispod h1{line-height: 33px;}
.container-beaches{padding: 0px 60px;}
.pop_services_box h2{height: auto;}
.footer_outer{top: -80px;}
.cc-cookies {padding: 20px 5% 60px 5%;}

}


@media (min-width: 480px) {
.slika-to-left {float: left;}
}



@media (max-width: 479px) {

	.width-300, .header-logo{width: 190px !important;}
    #header .header-logo img{width: 180px !important; height: 73px !important; margin-top: 12px;}
    #header .header-btn-collapse-nav{margin: 40px 0 15px 15px;}
    .sticky-header-active #header .header-btn-collapse-nav{margin: 17px 0 11px 15px;}
    .sticky-header-active #header .header-logo img{margin-top: 0px;}
    .opis-inner{padding: 0px 14px;}
    .container-beaches{padding: 0px 15px;}
    .pozadina{background-size: contain;}
    .footer_outer{top: -50px;}
}