@media (max-width: 1360px) {

    :root {
        --wrap: calc(100% - 60px);
        --margins: calc(100% - var(--wrap));
        --margin: calc(var(--margins) / 2  );
    }

    .fullwidth_left_col {margin-left: var(--margin); width: calc(var(--wrap) / 3 + 12px);}

    .fullwidth_container .carousel {  
        width: calc(var(--wrap) - var(--wrap) / 3 + var(--margin) - 12px); 
    }

    .fullwidth_container .carousel .slider_2-3 {  
        width: calc(100% - var(--margin));
    }
}
/* end 1320 */



@media (max-width: 1250px) {

    .showOnAlt {display: block !important; }

    .top_head,
    .scroll-up .top_head { display: none; }

    .scroll-down .menu_holder {transform: translateY(-100%); }
    .scroll-up .menu_holder {transform: translateY(0); }

    .menu_holder {padding: 25px 0; }

    .menu {position: fixed; width: 500px; top: 0; right: 0; transform: translateX(100%); background-color: var(--tertiary); padding: 0; height: 100vh; overflow: auto;}
    .open  .menu {transform: translateX(0); }
    .menu_footer {background-color: var(--tertiarydark);}

    .mobile_header {padding: 20px; }

    .mobile_header + ul {padding: 0 20px 0 20px; }

    .menu li {display: block;}
    .menu li a {border-top: 1px solid #B2CFD9; font-family: "TANAegean";}
    .menu .menu_footer li a {
        font-family: "Inter", sans-serif;
    }
    .menu > ul > li:first-child > a,
    .menu_footer > ul > li:first-child > a {border-top: 1px solid transparent;}

    .menu li li a {padding-left: 30px !important; font-family: "Inter", sans-serif;}

    .menu li.hasSub > a {margin-right: 0;}

    .menu li li:hover a {background: transparent; }

    .menu li li { border-top: none;}

    .menu li a,
    .scroll-up .menu li a {
        display: block;
        font-size: 18px;
        line-height: 24px;
        padding: 15px 0;
        font-weight: 400;
        color: white;
    }

    .menu_footer {padding: 0 20px 20px 20px; color: white; }

    .menu_contacts {border-top: 1px solid #B2CFD9; padding-top: 15px;}

    .menu_contacts p {color: white; font-size: 13px; line-height: 17px; }
    .menu_contacts p a {color: white;  }

    li.hasSub.active:after {display: none;}
    .menu li.hasSub > a:after {filter: none !important;}

    .submenu {padding-top: 0; position: static; transform: translateX(0); }

    .menu li:hover .submenu {display: none; }
    .menu li.open .submenu {display: block; }

    .menu li ul {background: transparent; border-radius: 0; width: 100%; box-shadow: none; margin-top: 0;}

    .menu li li a {
        color: white;
        display: block;
        padding: 15px 20px;
        font-weight: 400;
        font-size: 16px; line-height: 19px;
    }

    .about_wrap .col .txt {padding-left: 50px;}

    .reward {padding: 16px;}

    .footer .container {gap: 50px;}

    .footer .container > div:first-child {width: 25%; flex: unset;}

    .abs_images img:nth-child(2),
    .abs_images img:nth-child(3) {display: none;}

    .form_wrap .col-1-2, .form_wrap .col-1-3 {
        width: 100%;
    }

    body.waterman {background-size: 90% auto;}

    .sidebar_l {position: static; width: 100%; display: flex; }

    .package {width: calc(50% - 30px/2); }

	.grid_item h2 {
        font-size: 46px; 
    }
    
    .hero_map .map {height: calc(100vh - 107px); }

}
/* end 1250 */






@media (max-width: 991px) {

    .waterman_logo {margin-bottom: -40px; }

    .about_wrap .col {width: 65%; flex: unset;}
    .about_wrap .col:first-child {width: 35%; margin-top: 90px;}

    .about_wrap {align-items: flex-start;}

    .reward img {max-width: 100px;}

    .grid_item h2 {
        /* font-size: 40px;
        line-height: 60px;
        margin: -30px 0 30px 0; */
    }

    .fullwidth_container .carousel {padding: 130px 0 80px; }

    .footer .container {flex-wrap: wrap; flex: unset; gap: 4%;}

    .footer .container > div,
    .footer .container > div:first-child {width: 48%; flex: unset;}

    .blogos_wrap .col:last-child img {margin: 0 0 0 10px; }
    .blogos_wrap .col:last-child img:first-child {margin: 0 0 0 0px; }

    .mod-weather-forecast.block > div {width: 120px;}
    .mod-weather {gap: 30px;}

    .grid_item h2 {
        font-size: 36px; /*46*/
        line-height: 60px;
        margin: -20px 0 30px 0;
    }

    .contact_r { padding: 100px var(--margin) 100px var(--margin); }

    .cikcak_txt,
    .cikcak_wrap:nth-child(even) .cikcak_txt,
    .cikcak.reverse .cikcak_wrap:nth-child(even) .cikcak_txt {padding: 15px 15px 15px 50px;  }
    .cikcak_wrap:nth-child(even) .cikcak_txt,
    .cikcak.reverse .cikcak_txt {padding: 15px 50px 15px 15px; }
    

    .positions {padding: 40px 0;}

    .position {flex-wrap: wrap; flex-direction: column; text-align: left;  }
    .position:first-child {display: none;}
    .position:nth-child(2) {border-top: none;}

    .position > *:first-child,
    .position > *:nth-child(2) {
        width: 100%;
    }
    .position h4 {padding-right: 120px;}
    a.position span {position: absolute; top: 30px; right: 0; }

    .reason {width: 100%;  }

    .brands_wrap {flex-wrap: wrap; flex-direction: column;}

    .brands_wrap > div:first-child {width: 100%;}
    .other_brands {width: 100%; border-left: none; gap: 40px 0; padding: 30px 0 0 0; margin: 30px 0 0 0; }

    .other_brands:after {
        width: 100%; content: ""; background: var(--txt-lite); width: 175px; height: 1px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -88px; 
        
    }

    .contact_wrap {flex-wrap: wrap; padding: 0 0; }
    .contact_l,
    .contact_r  {
        padding: 40px var(--margin); width: 100%;
    }




    .carousel .item {box-shadow: none; }

    .owl-carousel .owl-stage-outer {overflow: hidden;}
    /* dodano radi novog discover more */
    .fullwidth_slider_overlay .owl-carousel .owl-stage-outer {overflow: visible;}

    .gallery_slider {width: 100vw; margin-left: -30px;}

    /* .fullwidth_container .carousel .slider_2-3, 
    .fullwidth_slider .carousel .slider_3-3 {width: 100vw; margin-left: -30px;} */

    .fullwidth_container .carousel .slider_2-3,
    .fullwidth_slider .carousel .slider_3-3 {width: calc(100vw - 60px); margin: 0; }

    .fullwidth_container .wrap,
    .fullwidth_slider .wrap {
        padding: 0;
    }

    .owl-next {right: 30px; }
    .owl-prev {left: 30px; }
}
/* end 991 */

@media only screen and (max-width: 991px) and (min-width: 768px)  {
    .split_links a { padding: 0 8px; }
    .flogos img {max-height: 35px; width: auto;}
    .fsep {margin: 0 12px; }
}

@media (max-width: 767px) {

    
    :root {
        --wrap: calc(100% - 40px);
        --margins: calc(100% - var(--wrap));
        --margin: calc(var(--margins) / 2  );
    }

    .showOnDesktop {display:none !important;}
    .showOnMobile {display:block !important;}

    h2 {font-size: 26px; line-height: 46px;  }

    h3 {font-size: 26px; line-height: 46px;}

    body {font-size: 16px; line-height: 26px; }

    section {padding: 40px 0;}

    .menu {width: 100%;}

    .waterman_logo {margin-bottom: -30px; }
    
    .rewards {flex-wrap: wrap; gap: 30px; justify-content: flex-start;}
    .reward {padding: 16px; width: calc(100% / 3 - 20px); height: calc(100% / 3 - 20px);}
    .reward img {max-width: 140px; width: 100%; height: auto; }

    .hero_desc,
    .hero_desc span,
    .hero_desc h1 {font-size: 38px; line-height: 60px; }

    .footer .container > div,
    .footer .container > div:first-child {width: 100%; flex: unset; margin-top: 30px;}
    .footer .container > div {border-top: 1px solid rgba(138, 147, 151, .4); padding-top: 30px !important; }
    .footer .container > div:first-child {margin-top: 0; border-top: none;}

    .footer .container > div:first-child {text-align: center; }

    .flogo,
    .social {margin: 0 auto;}

    .footer .container div,
    .footer .container:last-child div {
        border-top: none !important;
        padding-top: 0 !important;
    }
    .footer .container div br {display: none;}

    .flangs {justify-content: center;}

    .flangs ul {width: 200px; margin: 0 auto; text-align: left; }

    .blogos_wrap {flex-wrap:wrap; }

    .blogos_wrap .col {width:100%; justify-content: space-between;}

    .blogos_wrap .col:first-child {border-bottom: 1px solid rgba(138, 147, 151, .4); padding-bottom: 20px; margin-bottom: 20px; }

    .blogos_wrap .col img {margin: 0; }

    .mod-weather {flex-wrap: wrap; flex-direction: column;}
    .mod-weather-now {width: 100%; justify-content: center; padding-bottom: 30px; }

    .newsletter_wrap {flex-direction: column;}
    .newsletter_wrap .col,
    .newsletter_form input {width: 100%;}

    .booking_wrap,
    .grid3,
    .about_wrap {flex-direction: column;}

    .about_wrap .col:first-child {width: 100%; margin-top: 0; }

    .about_wrap .col {width: 100%; }

    .about_wrap .col .txt {padding: 30px 0 0 0; }

    .about_wrap .col .txt h1 {text-align: center; font-size: 28px; line-height: 46px;}

    .grid3 {gap: 40px;}

    .grid_item {width: 100%; }
    .grid_item img {width: 100%; height: auto; }

    .butt_holder {text-align: center;}

    .fullwidth_container { flex-wrap: wrap; }

    .fullwidth_left_col {width: 100%; padding: 0 var(--margin); padding-top: 40px; margin: 0; }

    .carousel_left_txt p {display: none; }
    .carousel_left_txt {text-align: left;}

    .fullwidth_container .carousel { width: calc(100%); padding: 0 0 30px var(--margin);}

    /* .fullwidth_container .carousel .slider_2-3,
    .fullwidth_slider .carousel .slider_3-3 {width: calc(100% - 80px); } */

    .fullwidth_slider .wrap {width: 100%; padding: 0 0 0 var(--margin); }

    .fullwidth_slider .buttlike,
    .fullwidth_container .buttlike,
    .fullwidth_container p {display: none; }
    .fullwidth_slider p {margin: 0; font-size: 14px; line-height: 20px;}
    .fullwidth_slider .carousel h3, 
    .fullwidth_container .carousel h3 {font-size: 18px; line-height: 22px; }
    .fullwidth_container .carousel h3 {margin: 0; }

    .slider_2-3 .owl-nav,
    .slider_3-3 .owl-nav {display: none; }

    .hero .owl-dots {left: 15px;}

    .centered_links {font-size: 18px; line-height: 22px; }

    .blogos_wrap .col:last-child img:first-child { width: calc(var(--wrap) - 80px); height: auto; max-width: 250px;}

    .flogos_wrap {flex-wrap: wrap; justify-content: center;}

    .flogos_wrap > div {display: block; text-align: center; width: 100%; padding: 0 0 30px 0; margin: 0 0 30px 0; }
    .flogos_wrap > div:after {
        content: ""; position: absolute; bottom: 0; left: 50%; background-color: var(--grey2);
        width: 175px; height: 1px; margin: 0 0 0 -88px; 
    }

    .fsep {display: none;}

    .flogos_wrap a {display: inline-block; width: 30%; text-align: center; margin: 10px 0 0 0; padding: 0 10px;}

    .flogos img {max-height: 50px; width: auto;}


    /* .contact_wrap {flex-wrap: wrap; padding: 50px 0; }
    .contact_l,
    .contact_r  {
        padding: 40px var(--margin); width: 100%;
    } */

    .cta h3 {font-size: 38px; line-height: 60px; }

    .cikcak_wrap .wrap {flex-wrap: wrap; } 

    .cikcak_wrap {padding: 50px 0; }

    .cikcak_txt, 
    .cikcak_img {width: 100%;}

    .cikcak.reverse .cikcak_txt,
    .cikcak_wrap:nth-child(even) .cikcak_txt {padding: 0 0 40px 0 !important; }
    .cikcak_txt,
    .cikcak.reverse .cikcak_wrap:nth-child(even) .cikcak_txt  {padding: 40px 0 0 0 !important; }

    section.content {padding: 50px 0;}

    a.position span {text-indent: -9999px; width: 20px; height: 20px; }
    .position h4 {padding-right: 40px;}

    .reasons {gap: 30px; margin: 0; padding: 20px 0 0 0; }
    .reason {padding-left: 40px;  }

    .other_brands a {padding: 0 15px;}

    .short_info span {font-size: 25px; line-height: 45px;    }

    /* .form_wrap .col-1-2,
    .form_wrap .col-1-3 {width: 100%;} */

    .large_txt p {font-size: 20px; line-height: 34px;  }

    section.intro {
        padding: 160px 0 80px 0;
    }

	.inp3, 
	.inp1 .buttlike {width: 100%;}
	
    .gallery_slider {width: 100vw; margin-left: -20px;}

    /* .fullwidth_container .carousel .slider_2-3, 
    .fullwidth_slider .carousel .slider_3-3 {width: 100vw; margin-left: -20px;} */

    .fullwidth_container .carousel .slider_2-3,
    .fullwidth_slider .carousel .slider_3-3 {width: calc(100vw); margin: 0 -20px; padding-left: 20px;}

    .fullwidth_container .wrap,
    .fullwidth_slider .wrap {
        padding: 0 20px;
    }

    .meta {padding-right: 20px;}

    .package {width: 100%; }

    .packages { padding: 10px 0 0 0;  }
    
    .flogos2 {justify-content: center; }

	.cikcak_wrap.cikcak_wrap .cikcak_img {order: 1; }
	.cikcak_wrap.cikcak_wrap  .cikcak_txt {order: 2; padding: 40px 0 0 0 !important;}
	.cikcak.people .cikcak_wrap.cikcak_wrap .cikcak_img {order: 2; }
	.cikcak.people .cikcak_wrap.cikcak_wrap .cikcak_txt {order: 1; padding: 0 0 40px 0 !important;}
}
/* end 767 */



@media (max-width: 600px) {
    
    .items_list .item {width: 100%;  }
}
/* end 600 */




@media (max-width: 450px) {
    
    .rewards {flex-wrap: wrap; gap: 14px;}
    .reward {padding: 16px; width: calc(50% - 7px); height: calc(50% - 7px);}

    .mod-weather-forecast.block > div { width: 100px;}

    .newsletter_form button {padding: 0 16px;  }

    .location { width: 260px; }
    .location p {word-wrap: break-word;}
    .gm-style-iw { max-width: 90vw !important; }

    .pager a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

}
/* end 450 */








@media (max-width: 350px) {

    .mod-weather-forecast.block > div { width: 90px;}

    .package_price span:first-child {font-size: 16px;} 
    .package_price span:last-child {font-size: 22px;} 





}
/* end 450 */