@charset "utf-8";
/* CSS Document */

@media (max-width:767px) {
    .mobile{display: block;}
    .desktop{display: none;}
    .doNotScroll {overflow: hidden; height: 100vh;}

    header .header .menu {
        position: fixed;
        top: -100%;
        transition: .4s all;
        left: 0;
        z-index: 9999;
        right: 0;
    }
    header .header .logo{
        width: 200px;
    }
    header .header .search_holder {
        display: none;
    }
    header .cat_holder .item{
        padding: 10px 8px;
    }
    header .cat_holder .item h3{
        display: none;
    }
    header .header .mobMenu{margin-left: 30px;}
    header .header .search{margin-left: auto;}
    header .header .search i {
        font-size: 20px;
        color: #003A5D;
    }
    header .header .menu .menu_holder {
        padding: 0;
        margin: 0;
        flex-flow: column;
        align-items: flex-start;
        background: rgb(0, 58, 93);
        background: linear-gradient(175deg, rgba(0, 58, 93, 1) 0%, rgba(0, 92, 148, 1) 71%, rgba(0, 122, 195, 1) 100%);
        padding: 0 5%;
        gap: 0;
        border-radius: 0 0 10px 10px;
        box-shadow: -8px 6px 28px 8px rgb(0 0 0 / 13%);
    }
    header .header .menu.open {
        top: 0;
    }
    header .header .mobMenu.open{z-index: 10000;}
    header .header .menu .menu_holder > li {
        padding: 0 0 20px 20px;
        position: relative;
        color: #fff;
    }

    .hamburger{margin: 0;}

    .cats_big_holder .cats_big_wrapper .item{width: 100%;}

    .blocks .blocks_holder{flex-wrap: wrap;}
    .blocks .blocks_holder .item{width: 100%;flex-flow: column;padding: 25px 45px;}
    .blocks .blocks_holder .item .button{width: 100%;text-align: center;}
    .blocks .blocks_holder .item .text p:first-of-type{font-size: 12px;}
    .blocks .blocks_holder .item .text p:last-of-type{font-size: 15px;}
    .blocks .blocks_holder .item .text img{width: 145px;margin-bottom: 17px;}
    .blocks .blocks_holder .item .text {margin-bottom: 17px;}

    .main_text_holder .first_row_holder{gap: 30px;}
    .main_text_holder .first_row_holder .text_holder{width: 100%;}
    .main_text_holder .first_row_holder .text_holder h1{margin: 0;}
    .main_text_holder .first_row_holder .image {width: 100%;}

    .menu_slider #cats_carousel_nav{display: none;}

    .socials{padding: 50px 0;}
    .socials .socials_holder{flex-flow: column;gap: 20px;}
    .socials .socials_holder .text{padding: 0;}
    .socials .socials_holder .text h3{font-size: 20px;}
    .socials .socials_holder .icons{width: 80%;}
    .socials .socials_holder .icons a{padding: 11px;}

    .gala_big_holder .gala_holder{flex-flow: column;}
    .gala_big_holder .gala_holder .gala_text{text-align: center;width: 100%;}
    .gala_big_holder .gala_holder a{margin: 20px auto 0 auto;}
    .gala_big_holder .card{flex-flow: column;padding: 5px;}
    .gala_big_holder .card-grid{gap: 20px 10px;}
    .gala_big_holder .card{width: calc(calc(100% - 10px)/2);}
    .gala_big_holder .card img{width: 100%;height: 150px;}

    .evodic_holder .first_item .item{flex-flow: column;}
    .evodic_holder .first_item .item .image{width: 100%;}
    .evodic_holder .first_item .item .text{width: 100%;padding-left: 0;}
    .evodic_holder .second_item{flex-flow: column;margin-bottom: 24px;}
    .evodic_holder .second_item .item{width: 100%;}
    .evodic_holder .second_item .item img{height: 400px;}
    .rest_itemsx3 .cats_big_wrapper{flex-flow: column;}
    .rest_itemsx3 .cats_big_wrapper .item{width: 100%;}
    .rest_itemsx3 .cats_big_wrapper{gap:24px}
    
    .image-title img{width: 100%;}
    .image-title{gap: 30px;}
    .image-title .h1{margin: 0;}

    .evodic_form{padding: 80px 0;border-radius: 0;margin-bottom: 0;}
    .evodic_form .form_holder{width: 100% !important;}
    .evodic_form .form_holder form{padding: 40px 20px;}
    .evodic_form .form_holder form h2{font-size: 22px;}
    .evodic_form .form_holder form .agreeHolder label{width: calc(100% - 30px);}

    .form_holder{width: 90% !important;}
    .form_holder form{padding: 40px 20px !important;}
    .form_holder form h2{font-size: 22px !important;}
    .form_holder form .agreeHolder label{width: calc(100% - 30px) !important;}

    .page-item{padding: 5px;}

    .besplatno_preuzimanje_holder .items_holder .item{width: 100%;}


    .logow {
        margin-right: auto;
        width: 196px;
    }
    .searchmenu{width: 100%;margin-bottom: 25px;margin-top: 10px;}
    .searchmenu form {
        position: relative;
    }
    .searchmenu form input::placeholder {
        color: hsla(0, 0%, 100%, 0.35);
    }
    .searchmenu form input {
        width: 100%;
        border: none;
        background: hsl(0deg 0% 100% / 32%);
        height: 40px;
        padding-left: 20px;
        font-size: 12px;
        color: #fff;
        border-radius: 10px;
    }
    .searchmenu form button {
        border: none;
        background: none;
        color: hsl(0deg 0% 100%);
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        font-size: 14px;
    }

    
    .menu_slider .item a h3{font-size: 15px;}
    .menu_slider .item a p{font-size: 12px;}
    .cats_big_holder .cats_big_wrapper .item a img{height: 400px;object-fit: cover;}
    .cats_big_holder .cats_big_wrapper .item a h3{font-size: 15px;line-height: 1.4;}
    .cats_big_holder .cats_big_wrapper .item a p{font-size: 10px;}
    .gala_big_holder .gala_holder h3{font-size: 24px;}
    .gala_big_holder .gala_holder p{font-size: 15px;}
    .gala_big_holder .card h3{font-size: 15px;}
    .gala_big_holder .card a{font-size: 12px;}
    .menu_slider2 #cats_carousel_nav2 h3{font-size: 20px;}
    .menu_slider2 #cats_carousel_nav2 button{width: 40px;height: 40px;}
    .menu_slider2 .item a h3{font-size: 15px;}
    .menu_slider2 .item a p{font-size: 13px;}

    footer .footer_holder{flex-flow: wrap;}
    footer .footer_holder .footer_item:first-of-type{width: 100%;}
    footer .footer_holder .footer_item:nth-of-type(2){width: 50%;border-bottom: 1px solid #e6e6e6;padding-bottom: 40px;}
    footer .footer_holder .footer_item:last-of-type{width: 50%;border-bottom: 1px solid #e6e6e6;padding-bottom: 40px;}
    footer .footer_holder .footer_item .newsletter input{width: calc(100% - 55px);}
    footer .footer_holder .footer_item:first-of-type {
        display: flex;
        flex-flow: column-reverse;
    }
    footer .footer_holder .footer_item:first-of-type .logo {
        width: 100%;
        margin: 0;
        padding: 40px 0;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 40px;
    }
    footer .footer_holder .footer_item:first-of-type .logo img {
        width: 166px;
    }
    footer .footer_holder .footer_item:first-of-type .logo .mobile.socialNew {
        display: flex;
        gap: 20px;
        align-items: center;
    }
    footer .footer_holder .footer_item:first-of-type .logo .mobile.socialNew i {
        font-size: 20px;
    }
    footer .footer_holder .footer_item:first-of-type .newsletter h3{font-size: 20px;}
    footer .footer_holder .footer_item h3{font-size: 16px;}
    footer .footer_holder .footer_item ul li{font-size: 12px;padding-bottom: 10px;}
    footer .socials_wrapper .icons{display: none;}
    footer .signature{padding-top: 40px;font-size: 13px;}

    .main-povelja-mobile{display: flex;gap: 0;align-items: center;flex-direction: column;border-bottom: 1px solid #A4B9C6;margin-bottom: 29px;}
    .main-povelja-mobile .img-povelja-mobile{width: 100%;}
    .main-povelja-mobile .txt-mobile{width: 100%;padding-bottom: 24px;}
    .main-povelja-mobile .txt-mobile .title-txt-mobile{font-size: 22px;font-weight: 600;margin: 25px 0 24px 0;font-family: 'Poppins Bold';}
    .povelja-box-mobile{border-bottom: 1px solid #A4B9C6;padding-bottom: 0;display: flex;gap: 55px;align-items: center;flex-direction: column;}
    .povelja-title-mobile{font-size: 22px;text-align: center;font-family: 'Poppins Bold';margin: 24px 0 24px 0;}
    .title-povelja-mobile{font-size: 20px;margin: 25px 0 17px 0;text-align: center;font-family: 'Poppins Bold';}
    .povelja-box .box-txt-mobile{width: 100%;}
    .box-img-mobile{margin-top: 24px;}
    .mobile-version{display: block;}
    .dekstop-version{display: none;}

    .evodic_holder h1{font-size: 24px;}
    .evodic_holder .free_download{padding:35px 10% ;}
    .evodic_holder .free_download .item .text{font-size: 20px;}
    .evodic_holder .free_download .item{flex-flow: column;gap: 20px;}
    .evodic_holder .free_download .item .text p {
        margin: 0 0 10px 0;
        text-align: center;
    }
    .evodic_holder .free_download .item .text p:last-of-type {
        margin: 0;
    }
    .evodic_holder .free_download .item .button{width: 100%;}
    .evodic_holder .free_download .item .button a{justify-content: center;}
    .evodic_holder .free_download .item .button a{font-size: 12px;}
    .evodic_holder .free_download .item .button a i{font-size: 14px;}
    .evodic_holder .second_item .item .text h2{font-size: 15px;margin-bottom: 10px;line-height: 1.4;}
    .evodic_holder .second_item .item .text p{font-size: 11px;}
    .evodic_holder .second_item .item .text a{font-size: 9px;padding: 8px 15px;}
    .evodic_holder .second_item .item .text a i{font-size: 13px;}

    .evodic_holder .rest_items{gap: 20px 10px;}
    .evodic_holder .rest_items .item{flex-flow: column;width: calc(calc(100% - 10px)/2);}
    .evodic_holder .rest_items .item .image img{width: 100%;height: auto;aspect-ratio: 1/1;object-fit: cover;}
    .evodic_holder .rest_items .item .text p{display: none;}
    .evodic_holder .rest_items .item .text h2 {
        font-size: 15px;
    }
    .evodic_holder .rest_items .item .text a{font-size: 12px;}
    .evodic_form .form_holder form .inputHolder label{font-size: 14px;}
    .evodic_form .form_holder form .inputHolder input{width: 100%;}
    .evodic_holder .first_item .item .text h2{font-size: 22px;margin-bottom: 10px;}
    .evodic_holder .first_item .item .text p{font-size: 16px;}

    .main-txt-img{display: flex;gap: 0; align-items: center;margin-bottom: 30px;flex-direction: column;}
    .main-txt-img .main-img{width: 100%;}
    .main-txt-img .main-text{width: 100%;}
    .main-txt-img .main-text.impressum{width: 100%;margin-top: 25px;}
    .main-txt-img .main-text .title-main.impressum{font-size: 29px;font-weight: bold;margin: 40px 0 11px 0;text-align: center;}
    .main-txt-img .main-text .second-txt.impressum{font-size: 18px;margin-bottom: 40px;text-align: center;}
    .main-txt-img .main-text .second-txt.impressum-regular{font-size: 18px;margin-bottom: 40px;}
    .main-txt-img .main-text .title-main{font-size: 22px;font-weight: font;margin-bottom: 24px;margin-top: 25px;font-family: 'Poppins Bold';}
    .main-txt-img .main-text .second-txt{font-size: 18px;}
    .main-txt-img .main-text .second-txt.center{font-size: 18px;text-align: center;}
    .main-txt-img .main-text .second-txt.center-regular{font-size: 18px;}
    .second-txt-holder .txt-content{font-size: 18px;}
    .logop-img{width: 50%;}
    .main-txt-img-politika{display: flex;gap: 0;align-items: center;margin-bottom: 51px;flex-direction: column;}
    .main-text-politika{margin-top: 25px;width: 100%;}
    .title-main{font-size: 22px;font-weight: bold;margin-bottom: 33px;}
    .second-txt{font-size: 18px;}
    .txt-content{font-size: 18px;}
    .third-content{font-size: 18px;}
    .third-content.green{color: #00B098;font-size: 22px;font-weight: bold;}
    .ul-font{font-size: 18px;}
    .third-txt-holder{border-bottom: 1px solid #a4b9c6;padding: 25px 0 25px 0;}
    .second-txt-holder-politika{border-bottom: 1px solid #A4B9C6;padding-bottom: 25px;}
    .last-content{font-size: 18px;}
    .main-txt-img-politika .main-img{width: 100%;}
    .txt-font{font-size: 20px;}
    .allstars-title{font-size: 22px;text-align: center;margin: 15px 0 20px 0;color: #f1668c;}
    .allstars-txt{font-size: 18px;margin: 0;}
    .allstars-footer{position: relative;margin-top: 35px;}
    .allstars-img-holder{padding: 25px 0 25px 0;display: flex;justify-content: center;margin-bottom: 5px;}
    .allstars-img-holder .allstars-img-container{text-align: center;background: #f1668c;width: 95%;border-radius: 20px 20px 20px 20px;padding: 3px 0 3px 0}
    .allstars-img-holder .allstars-img-container .allstars-img-txt{color: #fff;font-size: 15px;line-height: 23px;}


}

@media (min-width:768px) and (max-width:1450px){
	.allstars-img-holder .allstars-img-container{text-align: center;background: #f1668c;width: 70%;border-radius: 20px 20px 20px 20px;padding: 3px 0 3px 0}
}

@media (min-width:768px) and (max-width:1098px){
	
}

@media (min-width:1099px) and (max-width:1249px){
}

@media (min-width:1249px) and (max-width:1267px){
}
@media (min-width:1268px) and (max-width:1449px){
}
@media (max-width: 1450px) {
}