@media only screen and (max-width: 7000px) { 
	.page-wrapper { overflow: hidden; }
}

@media only screen and (max-width: 1500px) { 
	.slider .sadrzaj-wrapper .slide_naslov, .slider-wrapper .slider .sadrzaj-wrapper .slide_naslov { font-size: 72px; }
	.slider .sadrzaj-wrapper .podnaslov { font-weight: 600; font-size: 16px; }
	.home-slider .owl-theme .owl-nav .owl-prev { left: 0px; }
	.home-slider .owl-theme .owl-nav .owl-next { right: 0px; }
	.services-blokovi .stupac h2 { font-size: 32px; }
}

@media only screen and (max-width: 1340px) { 
	.main-menu .navigation > li { margin-right: 30px; }
	.main-header .main-menu .navigation > li > a { padding-left: 20px; padding-right: 20px; }
	.home-slider .owl-theme .owl-nav { opacity: 0.30; }
	.home-slider:hover .owl-theme .owl-nav { opacity: 1; visibility: visible; }
	.slider .sadrzaj-wrapper .slide_naslov, .slider-wrapper .slider .sadrzaj-wrapper .slide_naslov { font-size: 64px; }
	.services-blokovi .stupac h2 { font-size: 24px; }
	.izletiLista .sadrzaj-wrapper h4 { font-size: 24px; }
}

@media only screen and (max-width: 1191px) { 
	.main-menu .navigation > li { margin-right: 20px; }
	.services-blokovi .stupac h2 { font-size: 24px; }
	.services-blokovi .stupac-lijevo, .services-blokovi .stupac-desno { width: 100%; }
	.services-blokovi .stupac-lijevo .sadrzaj { padding-top: 120px; }
	.services-blokovi .stupac-lijevo .sadrzajWrap, .services-blokovi .stupac-desno .sadrzajWrap { padding: 0 20px; max-width: none; }
	.services-blokovi .stupac .sadrzaj { padding: 50px 20px; }
	.services-blokovi .stupac .slika { display: block; }
	.services-blokovi .slika:before { transform: none; right: 0; left: auto; }
	.ponuda-detaljnije .opisWrap .inner { padding-right: 0px; border: none; }
	.ponuda-detaljnije .specifikacija .inner { padding-left: 0; }
	.izleti-blokovi .text { padding: 0 20px; }
	.footer .copyright { padding: 0 20px; }
}

@media only screen and (max-width: 1139px) { 
	.main-header .main-menu .navigation > li > a { padding-left: 14px; padding-right: 14px; }
	.kategorijaWide .sadrzaj-inner .video-link { position: relative; left: 0; top: 0; margin: 50px 0 0; }
	.subHeader { margin-top: 0; }
	.subHeader h1 { font-size: 40px; }
	.rental .other-info li { font-size: 12px; padding-left: 10px; padding-right: 10px; }
	.ponuda-detaljnije .main-imgWrap .caption-box h2 { font-size: 40px; }
	.slogan .sadrzaj-outer .info .name { font-size: 20px; }
	.slogan .sadrzaj-outer h2 { font-size: 30px; }
	.text-section .filter-box { margin-bottom: 60px; }
}

@media only screen and (min-width: 768px) { 
	.main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul { display:block !important; visibility:hidden; opacity:0; }
}

@media only screen and (max-width: 991px) { 
	body { margin:0; }
	.page-wrapper { top: -60px; }
	.scrollDown a { bottom: 40px; }
	.hidden-sm, .weather, .breadcrumbWrap, .GalerijaBtn { display: none !important; }
	
	.jezici ul li { padding: 70px 12px 12px 12px; }
	.main-header .logo img { height: 150px; margin-top:30px; } 
	.intro .blok { margin-top:30px; }
	
	.main-header .nav-outer .main-menu { display: none !important; }
	.main-header .header-top .top-right { display: block !important; } /********* skriva header */
	.nav-outer .mobile-nav-toggler { display: block; float:none; }
	.main-header .header-upper .nav-outer { text-align:center; }
	.main-header .nav-outer .mobile-nav-toggler { margin-top: 0px; float:none; }
	.slider .sadrzaj-wrapper .slide_naslov, .slider-wrapper .slider .sadrzaj-wrapper .slide_naslov,
	.slider .sadrzaj-wrapper .sadrzaj-inner, .slider .sadrzaj-wrapper .tekst { float: none; max-width: none; text-align: center; }
	.slider .sadrzaj-wrapper { height: 600px; }
	
	.home-slider .owl-theme .owl-nav { top: 85%; max-width: 150px; }
	.home-slider .owl-theme .owl-nav .owl-prev { height: 70px; width: 70px; left: 0px; border-top-left-radius: 100%; border-bottom-left-radius: 100%; border-top-right-radius: 0%; border-bottom-right-radius: 0%; }
	.home-slider .owl-theme .owl-nav .owl-next { height: 70px; width: 70px; right: 0px; border-top-left-radius: 0%; border-bottom-left-radius: 0%; border-top-right-radius: 100%; border-bottom-right-radius: 100%; }
	
	.intro .blok .sadrzaj-inner { padding-left: 0; text-align: center; }
	.intro .blok .ikona-wrapper:before, .intro .blok .ikona-wrapper:after { display: none; }
	.intro .blok .ikona-wrapper { position: relative; left: 0; top: 0; margin: 0 auto 30px; }
	
	.rent-a-boat { margin-top: 0; }
	.rent-a-boat .naslovWrap .naslovi { float: none; text-align: center; }

	
	.kategorijaWide .slika-lijevo { position: relative; left: 0; top: 0; width:100%; z-index:1; }
	.kategorijaWide .slika-lijevo .slika { width:100%; height: 300px; position: relative; left: 0; right: 0; top: 0px; bottom: 0; }
	.kategorijaWide .slika-desno { position: relative; right: 0; top: 0; width:100%; z-index:1; }
	.kategorijaWide .slika-desno .slika { width:100%; height: 300px; position: relative; right: 0px; left: 0px; top: 0; }
	.kategorijaWide .sadrzaj-outer { position: relative; }
	.kategorijaWide .sadrzaj-inner { position: relative; display: block; width:100%; float: none; }
	.kategorijaWide .sadrzaj-inner.left { position: relative; display: block; width: 100%; float: none; }
	
	 
	.subHeader.wider, .subHeader.wide { min-height: 500px; }
	.subHeader.wider .naslovi { top: 35%; } 
	.subHeader.wider .naslovi h2 { font-size: 42px; line-height: 50px; } 
	.subHeader.wider .naslovi p { font-size: 15px; letter-spacing: 2px; }
	.subHeader h1 { font-size: 36px; }
	.to-top { right: 20px; bottom: 20px; -ms-transform: scale(0.7); transform: scale(0.7); }

	.rent-a-boat .naslovWrap .filter-box { padding-top: 40px; }
	.prodaja-brodova, .izleti { padding: 70px 0px 40px; }
	.ponuda-detaljnije { padding-bottom: 20px; }
	.ponuda-detaljnije .ponudaToolbar { padding-top: 30px; }
	.ponuda-detaljnije .main-imgWrap .caption-box h2 { font-size: 32px; }
	.ponuda-detaljnije .opisWrap .opis h4 { font-size: 20px; }
	
	.ponuda-detaljnije .ponudaToolbar .logoProizvodac { max-width: 100%; position: relative; float: none; text-align: center; margin: 0px auto 0px auto; }

	
	.ponuda-detaljnije .ponudaToolbar .lijevo .iznos, .ponuda-detaljnije .ponudaToolbar .preuzimanje a, .ponuda-detaljnije .ponudaToolbar .preuzimanje button { font-size: 16px; }
	 .ponuda-detaljnije .ponudaToolbar .preuzimanje { padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.10); width: 100%; }
	.izletiLista { margin-bottom: 10px; }
	.izleti { padding: 0px 0px 0px; }
	.izleti .main-title h3 { font-size: 24px; }
	.izletWrap h4 { font-size: 18px; }
	
	.accordion-box .block .acc-btn { font-size: 24px; }
	
	.galerijaGrid > figure {
        height: 225px;
        width: 50%;
    }
    .galerijaGrid > figure:nth-child(4), 
    .galerijaGrid > figure:nth-child(5) {
        display: none;
    }
    .galerijaGrid > figure.galerijaMainImg {
        height: 450px;
    }
	
	.slogan .sadrzaj-outer .sadrzaj-inner, .transfer-boat .sadrzaj-outer .sadrzaj-inner { width: 100%; max-width: 420px; }
	.slogan, .transfer-boat { padding: 70px 0px; }
	.osoba .osobaWrap { padding: 15px; }
	.kontakt { padding: 70px 0px 0px; }
	.kontaktForm iframe.karta { right: 0!important; margin-bottom: 100px!important; }
	.formAbsolute { position:relative; bottom: 20px; width: 100%; padding: 60px 20px 65px; }
	.footer .socialLinks li { padding-right: 8px; }
	.footer .socialLinks li a { width: 48px; height: 48px; line-height: 48px; font-size: 22px; }
	.footer .f-menu ul li { width: 100%; display: block; padding: 8px 0; }
	.footer .f-menu ul li + li:before { display:none; }
}

@media only screen and (max-width: 767px) { 
	.main-header { position: relative; background: #061138; }
	.slider-wrapper .slider .sadrzaj-wrapper { padding-top: 0px; }
	.naslovi h2 { font-size: 42px; }
	.slider .sadrzaj-wrapper { height: 500px; }
	.slider .sadrzaj-wrapper .slide_naslov, .slider-wrapper .slider .sadrzaj-wrapper .slide_naslov { font-size: 40px; }
	.slider .sadrzaj-wrapper .tekst { font-size: 15px; }

	.subHeader h1 { font-size: 30px; }
	.intro .blok h4 { font-size: 20px; }
	.rent-a-boat .naslovWrap .filter-box { width: 100%; margin-top: 0; padding-top: 0; }
	.kategorijaWide .sadrzaj-wrapper { padding: 40px 25px; }
	.izletiLista .sadrzaj-wrapper { padding: 30px; }
	.izletiLista .linkWrap { left: 30px; bottom: 30px; }
	.izletiLista .content { left: 30px; top: 30px; }
	.izletiLista .cijenaWrap { right: 30px; top: 30px; }
	.subHeader .naslovi { padding-top: 100px; }
	.slogan .sadrzaj-outer .sadrzaj-inner, .transfer-boat .sadrzaj-outer .sadrzaj-inner { max-width: none; text-align: center; }
	.slogan .sadrzaj-outer .video-link { display: none; }
	.container-fluid .form-column .inner { padding: 40px 20px; }
	.tourWrap .sadrzaj h4 { font-size: 20px; }
	.galerija2 .vertikalna { display: none; }
}

@media only screen and (max-width: 599px) { 
	.header-top .inner { margin-left: 0; padding-left: 0px; }

	.main-header .header-upper .nav-content { float: none; padding: 10px; }
	.slider-wrapper .slider .sadrzaj-wrapper .slide_naslov { font-size: 32px; }
	.subHeader h1 { font-size: 24px; }
	.kategorijaWide .sadrzaj-wrapper .sadrzajBottom .info { width: 100%; margin-bottom: 20px; text-align: left; padding-left: 20px; padding-right: 0; }
	.kategorijaWide .sadrzaj-wrapper .sadrzajBottom .info:before { left: 0; right: auto; }
	.izletiLista .cijenaWrap { display: none; }
	.izletiLista .linkWrap { position: relative; left: 0; bottom: 0; width: 100%; }
	.izletiLista .slika:before { opacity: 0.70; }
	.izletiLista .excursionWrap { min-height: 300px; }
	.izletiLista .sadrzaj-wrapper { position: relative; padding: 200px 20px 0 20px; }
	.izletiLista .infoWrap .info-panel { left: auto; right: -20px; margin: 0 0 30px; bottom: 100%; }
	.izletiLista .sadrzaj-wrapper h4 { font-size: 20px; }
	.izletWrap .dodatno .dodatnoWrap { padding-top: 20px; }
	.slogan .sadrzaj-outer h2 { font-size: 24px; }
	.izleti-blokovi .owl-theme .owl-nav { position: relative; top: 0; right: 0; width: 100%; text-align: center; }
	.izleti-blokovi .owl-theme .owl-nav .owl-next, .izleti-blokovi .owl-theme .owl-nav .owl-prev { margin: 0 7px; }
	.ponuda-detaljnije .specifikacija .naslov h4 { font-size: 20px; }
	.izletWrap .tablica tr td:nth-child(1) { width: 100%; display: block;}
}

@media only screen and (max-width: 479px)  { 
	.kategorijaWide .sadrzaj-inner .video-link, .kategorijaWide .sadrzaj-inner .video-link .video-thumb { width: 100%; height: auto; }
	.ponuda-detaljnije .ponudaToolbar .preuzimanje, .ponuda-detaljnije .ponudaToolbar .lijevo { width: 100%; float:left; text-align: left; }
	.izletiLista .stil-2 .naslov { padding-left: 25px; padding-right:25px; }
}