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

@media (max-width: 1249px) {
	#nav li{margin:0 18px;}
    img.banner-action{padding-top: 55px;}
    .mainBannerHolder {
    height: 33vh;
    }
    .mainBannerHolder .contactHolder{
        max-width: 36%;
    }
    .smallMenu .flexHolder{
        gap: 45px;
    }
    footer .footerContent{flex-flow: column;gap: 35px;}
    footer .footerContent .itemFooter:first-of-type {
    order: 2;
    }
    footer .footerContent .itemFooter:last-of-type {
    order: 1;
    }
    footer .footerContent .itemFooter:nth-of-type(2) {
    order: 3;
    }
    footer .footerContent .itemFooter{width: 50%;}
    footer .footerContent .itemFooter .footerMenu{padding: 0 0 0 18px;}

    .mainMenuHolder .mobileDisplay{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 50px;
    }
    .mainMenuHolder .mobileDisplay .hamburger-box{
        width: 30px;
        height: 30px;
    }
    .mainMenuHolder{background:#749153;overflow: auto;}
    html, body{font-size: 14px; line-height: normal;}
    header{position: relative; left: auto; right: auto; bottom: auto; top: auto; display: table; width: 100%; padding:10px 0}
    header .loginHolder a:not(:last-of-type){display:none;}
    header .loginHolder a.korisnickiNalogMobile{display:block;width: auto;}
    header .loginHolder span{display:none;}
    header .searchHolder{position: relative; left: auto; transform: none; width: 60%; margin: 0 auto; float:left;}
    header .menuCartHolder .menuHolder{display:none;}
    .hamburger--spring .hamburger-inner{top:12px; left:8px;}
    .hamburger--spring .hamburger-inner::after{top:12px;}
    .hamburger--spring .hamburger-inner::before{top:6px;}
    body.categoryBody .hamburger-inner, body.categoryBody .hamburger-inner::before, body.categoryBody .hamburger-inner::after{background:#fff;}
    body.headerInvert .hamburger-inner, body.headerInvert .hamburger-inner::before, body.headerInvert .hamburger-inner::after{background:#fff;}
    header .menuCartHolder .fa-shopping-cart{position: fixed; top:50px; right:10px; width: 35px; height: 35px; border-radius: 50%; background: #000; text-align: center; line-height: 34px; color:#fff;}
    .mainMenuHolder {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 999;
        right: 100%;
        width: 100%;
        transition: .3s all ease-in-out;
        padding: 20px 20px 100px 20px;
    }
    .mainMenuHolder.active{
        right: 0;
    }
    .mainMenuHolder .nav {
        margin: 0;
        overflow: auto;
        display: flex;
        flex-flow: column;
    }
    .mainMenuHolder .mobileDisplay .hamburgerHolder{width: 30px;height: 30px;}
    .nav>li>a span{padding: 5px;width: calc(100% - 30px);color: #fff;}
    header .headerFlexHolder{justify-content: unset;}
    header .headerFlexHolder .hamburgerHolder{order: 1;}
    header .headerFlexHolder .logoHolder {
        order: 2;
        width: calc(100% - 120px);
    }
    header .headerFlexHolder .logoHolder img {
    width: 150px;
    margin: 0 auto;
    }
    .nav>li:hover .subcategories{
        width: 100%;
    }
    .subcategories>li{
        width: 100%;
    }
    header .headerFlexHolder .searchHolder{order: 5;width: 100%;margin-top: 10px;height: 35px;}
    header .headerFlexHolder .loginHolder {
        order: 3;
        border: none;
        border-radius: 0;
        width: 20px;
        padding: 0;
    }
    header .menuCartHolder .shop-cart{
        top: -5px;
        right: -10px;
    }
    .attentionHolder p{font-size: 12px;font-weight: 400;}
    .attentionHolder img{width: 13px;}
    .attentionHolder{justify-content: center;gap: 5px;}
    header .headerFlexHolder .menuCartHolder{order: 4;width: 40px;margin-left: 10px;}
    .nav > li{width:100%; margin:0; position:relative;}
    .nav > li:hover .subcategories{display:none;}
    .nav > li .fa-caret-down{display:block; float: right; position: absolute; top: 3px; right: 0; z-index: 10; background: #fff;  color: #333; text-align: center; border-radius: 4px;padding: 5px;}
    .nav > li > a{font-size: 15px; margin:0; line-height:normal; text-align: left;padding: 0;}
    header .menuCartHolder .cartHolder span{display:none;}
    header .menuCartHolder .cartHolder {
        background: #2D483F;
        border: none;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        padding: 8px;
    }
    .hamburgerHolder{display: block;
    }
    .subcategories {
        position: relative;
        background: #fff;
        margin: 10px 0 0 0;
    }
    .registerPage .formsHolder{flex-flow: column;}
    .registerPage .formsHolder .item{width:80%;margin: 0 auto;}
    main.registerPage{padding-bottom: 9px;}
    .newProductsHolder .itemProduct{width: calc(calc(100% - 22px) / 2);}
    .itemProduct .productPreviewHolder{flex-flow: wrap !important;gap: 22px;}
    .itemProduct .productPreviewHolder > .tabletHolder {width: calc(50% - 22px);}
    .itemProduct .productPreviewHolder > a {width: 50%;}
    .newProductsHolder .itemProduct .productPreviewHolder .black-friday-mark{width: 50px;height: 50px;font-size: 12px;}
    .topProductInfoHolder .itemProductHolder .black-friday-mark{left: 0;top: 20px;width: 60px;height: 60px;font-size: 14px;}
    #newsletterSup{width: 80%;}
    .close-newsletter{right: 15px;top: 5px;}



}

@media (min-width: 1250px) and (max-width: 1536px){
    img.banner-action{padding-top: 50px;}
}

@media (max-width: 991px) {
	#nav li{margin:0 15px;}
	#nav a{font-size:12px;}
}

@media (max-width: 767px) {

}

@media (max-width: 649px) {
    .hamburgerHolder{display: block;
    }
    .apetitBlog.box.mobilni {
        display: table !important;
    }
    .apetitSale.box.mobilni {
        display: table !important;
    }
    .apetitBlog.box.desktop {
        display: none !important;
    }
    .apetitSale.box.desktop {
        display: none !important;
    }
    .mainMenuHolder .mobileDisplay{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 50px;
    }
    .mainMenuHolder .mobileDisplay .hamburger-box{
        width: 30px;
        height: 30px;
    }
    .mainMenuHolder{background:#749153;overflow: auto;}
    html, body{font-size: 16px; line-height: normal;}
    .pageBanner h1{font-size: 20px; line-height: 1.2;}
    header{position: relative; left: auto; right: auto; bottom: auto; top: auto; display: table; width: 100%; padding:10px 0}
    header .loginHolder a:not(:last-of-type){display:none;}
    header .loginHolder a.korisnickiNalogMobile{display:block;width: auto;height: 45px;}
    header .loginHolder a.korisnickiNalogMobile img {
        width: 20px;
        margin: auto;
        height: 100%;
    }
    header .loginHolder span{display:none;}
    header .searchHolder{position: relative; left: auto; transform: none; width: 60%; margin: 0 auto; float:left;}
    header .menuCartHolder .menuHolder{display:none;}
    .hamburger--spring .hamburger-inner{top:12px; left:8px;}
    .hamburger--spring .hamburger-inner::after{top:12px;}
    .hamburger--spring .hamburger-inner::before{top:6px;}
    body.categoryBody .hamburger-inner, body.categoryBody .hamburger-inner::before, body.categoryBody .hamburger-inner::after{background:#fff;}
    body.headerInvert .hamburger-inner, body.headerInvert .hamburger-inner::before, body.headerInvert .hamburger-inner::after{background:#fff;}
    header .menuCartHolder .fa-shopping-cart{position: fixed; top:50px; right:10px; width: 35px; height: 35px; border-radius: 50%; background: #000; text-align: center; line-height: 34px; color:#fff;}
    .mainMenuHolder {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 999;
        right: 100%;
        width: 100%;
        transition: .3s all ease-in-out;
        padding: 20px 20px 100px 20px;
    }
    .mainMenuHolder.active{
        right: 0;
    }
    .mainMenuHolder .nav {
        margin: 0;
        overflow: auto;
        display: flex;
        flex-flow: column;
    }
    .mainMenuHolder .mobileDisplay .hamburgerHolder{width: 30px;height: 30px;}
    .nav>li>a span{padding: 5px;width: calc(100% - 30px);color: #fff;}
    header .headerFlexHolder{justify-content: unset;}
    header .headerFlexHolder .hamburgerHolder{order: 1;margin-right: 45px;}
    header .headerFlexHolder .logoHolder {
        order: 2;
        width: calc(100% - 200px);
    }
    header .headerFlexHolder .logoHolder img {
    height: 45px;
    object-fit: contain;
    margin: 0 auto;
    }
    .nav>li:hover .subcategories{
        width: 100%;
    }
    .subcategories>li{
        width: 100%;
    }
    header .headerFlexHolder .searchHolder{order: 5;width: 100%;margin-top: 10px;height: 35px;}
    header .headerFlexHolder .loginHolder {
        order: 3;
        border: none;
        border-radius: 0;
        width: 45px;
        height: 45px;
        overflow: hidden;
        padding: 0;
    }
    .attentionHolder p{font-size: 12px;font-weight: 400;}
    .attentionHolder img{width: 13px;}
    .attentionHolder{justify-content: center;gap: 5px;}
    header .headerFlexHolder .menuCartHolder{order: 4;width: 40px;margin-left: 20px;}
    .nav > li{width:100%; margin:0; position:relative;}
    .nav > li:hover .subcategories{display:none;}
    .nav > li .fa-caret-down{display:block; float: right; position: absolute; top: 3px; right: 0; z-index: 10; background: #fff;  color: #333; text-align: center; border-radius: 4px;padding: 5px;}
    .nav > li > a{font-size: 15px; margin:0; line-height:normal; text-align: left;padding: 0;}
    .subcategories{position: relative; background: #fff; margin:10px 0 0 0;}
    .subcategories > li{line-height: normal; margin: 0 0 20px 0; font-size: 16px;}
    .categoryHolder .filterHolder {
        width: 100%;
        font-size: 16px;
        position: fixed;
        background: #749153;
        z-index: 999;
        left: -100%;
        right: 0;
        top: 0;
        text-align: center;
        padding: 50px;
        overflow: auto;
        bottom: 0;
        color: #fff;
        transition: .4s all;
    }
    .categoryHolder .filterHolder.active {
        left: 0;
    }
    .modBrendoviMain .brendList .brendItem{
        width: calc(50% - 22px);
        padding: 5px;
    }
    .categoryHolder .filterHolder .closeFiltersMobile {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 45px;
    }
    .subcategoryInfo{flex-wrap: wrap;gap: 15px;}
    .categoryHolder .newProductsHolder{
        width: 100%;
    }
    .mainBannerHolder{background-size:80%, 100%; height: 37vh;}
    .mainBannerHolder .contactHolder {
        padding: 0;
        font-size: 25px;
        line-height: 28px;
        max-width: 50%;
        top: 5%;
        left: 5%;
        transform: translateY(0);
    }
    .smallMenu .flexHolder{justify-content: space-between;position: relative;gap: 10px;}
    
    .newProductsHolder .itemProduct {
    width: calc(calc(100% - 22px) / 2);
    padding: 10px;
    }
    .newProductsHolder .itemProduct .productPreviewHolder h2{font-size: 12px;}
    .newProductsHolder .itemProduct .productPreviewHolder .infoHolder .pricesHolder .price{font-size: 16px;width: auto;}
    .newProductsHolder .itemProduct .productPreviewHolder .infoHolder .pricesHolder .oldPrice{font-size: 14px;margin-left: auto;}
    .itemProduct .productPreviewHolder{flex-flow: column !important;gap: 0 !important;}
    .itemProduct .productPreviewHolder > a {
        width: 100% !important;
    }
    .itemProduct .productPreviewHolder > .tabletHolder{width: 100% !important;}
    .newMainBannerHolder{background-image: url(https://www.apetit.rs/img/main-banner-mob.jpg);}
    /*.newMainBannerHolder{background-image: url(https://www.apetit.rs/img/BF-25-1.png);background-position: unset;}*/
    #boxes .row{margin:0;}
    #newsletterHolder .title{font-size:20px; line-height:1;}
    #rollBannerHolder .owl-controls{display:none;}
    #saleHolder{padding: 20px 0;}
    #saleHolder .clear{display:block;}
    #saleHolder .col-lg-6{width:48%; margin:1%;}
    .productPreviewHolder .infoHolder{padding:0;}

	.priceBuyHolder .pricesHolder img{margin: 0 0 0 100%; display: block;}

    img.banner-action{padding-top: 0; top: 15px;}

    header .menuCartHolder .cartHolder span{display:none;}
    header .menuCartHolder .cartHolder {
        background: #2D483F;
        border: none;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        padding: 8px;
    }
    header .menuCartHolder .cartHolder .nac-cart-img{width: 80%;margin:0 auto;}
    
    
    /* Apetit walker */
    body.walkerBody header{position:relative;}
    
    /* Pretraga */
    .resultHolder{font-size: inherit; line-height: inherit;}
    .resultHolder span{font-size: inherit; line-height: inherit;}
    
    /* Blog */
    .blogHolder{width: 48%; margin: 0 4% 4% 0;}
    .blogHolder:nth-child(2n){margin: 0 0 4% 0;}
    .blogHolder:nth-child(3n){margin: 0 4% 4% 0;}
    .blogHolder:nth-child(6n){margin: 0 0 4% 0;}
    .blogHolder .sliderText{font-size: 10px; line-height:normal;}
    body.blogStarBody header{position:relative;}
    .titleBlogStarLogo{display:none;}
    .blogStarText img{width:100% !important; margin: 20px 0 !important;}
    .fb-comments{display:none !important;}
    .blogContent .blogFlexHolder .blogText{width: 100%;}
    .blogBigHolder .blogHolder{width: 100%;margin:0}
    .blogContent .blogFlexHolder .listedBlogs{display: none;}
    
    /* Kategorija */
    body.categoryBody header{position: relative; background: #fff;}
    .categoryBanner{margin:0;}
	.izdvojeniProizvod .iconSale{width:40px;}
    .subcategoryInfo h1{width: 100%;}
    .subcategoryInfo .mobileFilters {
        width: auto;
        display: block;
    }
    
    /* Podkategorija */
    body.subcategoryBody .subcategoryInfo{width: 90%;}
    .filterHolder .filterItem, .filterHolder .filterItem:last-child{margin: 0 0 15px 0; width: 100%; position:relative;}
    .filterHolder .filterItem>div{width:100%; margin:0;}
    /* .catHolder, .brendHolder, .sortHolder, .productNumberHolder{margin: 0 calc(10%/6); width: 29%;} */
    .sortHolder .title{}
    .categoryHolder .filterHolder .brendoviFilterHolder{display: none;}
    
    .filterCena .sortHolder:first-of-type{display: block;}
    .catHolder{float: left;margin:20px 0}
    .brendHolder .title .text, .sortHolder .title .text, .productNumberHolder .title .text{float:none;}
    .brendHolder .title .fa, .sortHolder .title .fa, .productNumberHolder .title .fa{display:none;}
    .catHolder .dropMenuCat, .brendHolder .dropMenuBrend, .sortHolder .dropMenuSort, .productNumberHolder .dropMenuNumbers{padding:50px 5px 10px 5px}
    .page-select{float:right; margin:0;}
    .clear{height:20px;}
    
    /* Akcije */
    body.loginBody header{position:relative;}
    
    /* Brendovi */
    .mainBrendImage img{width:50%;}
    .modBrendMain .brendInfoHolder .item{width: 100%;}
    .modBrendMain .brendInfoHolder{flex-wrap: wrap-reverse;}
    .modBrendMain .brendInfoHolder img{width: 100%;;}

    /* Galerija */
    .gallery-single{width: 46%;}

    /* Proizvod */
    body.productBody header{position:relative;}
    .currentproductThumb{width: 70%; float: none; display: block; margin: 0 auto;}
    .productDescription table{width:100% !important; height:auto !important;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder .buyButton {
        padding: 7px 10px;
        font-size: 16px;
        display: flex;
        align-items: center;
        line-height: 1;
    }
    
    /* Prijava / Registracija */
    #login_form input, #order_form textarea{padding:10px;}
    .izmeniNalog, .izmeniLozinku{margin:0 0 10px 0;}
    .popupCont{width:90%; padding:20px;}
    .popupCont table{width:100% !important;}
    
    /* Korpa */
    .cart_header{display:none;}
    .cart_product{margin:0 0 40px 0;}
    .cart_span_proizvod{width: 100%; font-size:12px; line-height: normal; margin: 0 0 10px 0;}
    .cart_span_izbaci{float:left;}
    .cart_span_izbaci img{width:15px;}
    .cart_footer b{font-size: 12px;}
    .cart_row{text-align:center;}
    .cartFooterNaruci{width:100%;}
    #cart_empty{float:none !important; font-size: 14px;}
    .naruciJosProizvoda{display: block; margin: 0; width: 100%; font-size: 14px;}
    #cart_next{margin: 0; width: 100%; font-size: 14px;}
    .breadCrumbs{gap: 5px;font-size: 11px;}
    .breadcrumbSteps li a::after, .breadcrumbSteps li a::before{display:none;}
    .breadcrumbSteps li:last-child a{width:100%;}
    #nacinPlacanjaForm button{margin: 0 auto;display: table;}
    #nacinPlacanjaForm .acceptedCardsIcon{width: 20px;}
    .cart_holder_small .cart_span_proizvod{width:100%; margin:0;}
    .cart_holder_small .cart_span_cenakom, .cart_holder_small .cart_span_komada, .cart_holder_small .cart_span_ukupno{width:calc(100%/3);}
    #adresaIsporukeForm label[for="store"]{padding-left: 20px;}
    .topCartPage .cart_holder .products_holder .product_items .cart_product{position: relative;padding: 10px 0;}
    .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_slika{padding: 0;align-self: center;}
    .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_slika img{width: 80px;}
    .topCartPage .cart_holder .products_holder .cartFooterNaruci a {
        font-size: 12px;
        margin: 15px 0;
        display: inline-flex;
        width: max-content;
        padding: 8px 16px;
        font-weight: 700;
    }
    .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija2 .cart_span_izbaci {
        position: absolute;
        bottom: 10px;
        right: 0;
        font-size: 12px;
    }
    .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija2 .cart_product_delete img{width: 12px;}
    .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_komada .cart_product_inc, .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_komada .cart_product_dec{
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
    }
    .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_komada .cart_product_qty{
        height: 20px;
    }
    .topCartPage h1{margin: 25px 0;padding: 0;}
    .topCartPage .cart_holder .cart_total_holder{padding: 15px;}
    .topCartPage .cart_holder .cart_total_holder .voucher_holder{margin: 15px 0;}
    .topCartPage .cart_holder .cart_total_holder .voucher_holder .voucherText{font-size: 12px;}
    .topCartPage .cart_holder .cart_total_holder .voucher_holder #voucher_code_button{font-size: 12px;}
    .topCartPage .cart_holder .cart_total_holder .voucher_holder #voucher_code{font-size: 12px;}
    .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija2 .cart_product_delete{gap: 5px;}
    .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija{width: 100%;}
    
    footer{font-size: 14px; line-height: 20px;}
        footer .paymentIconsHolder {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .paymentIconsHolder a:nth-of-type(1) {
        width: 45%;
    }
    .paymentIconsHolder a:nth-of-type(2) {
        width: 35%;
    }
    .paymentIconsHolder a:nth-of-type(3) {
        width: 20%;
    }
    footer .paymentIconsHolder a img {
        width: 90%;
        height: 30px;
        object-fit: contain;
    }
    footer .logoFooterHolder{padding: 20px 0;}
    .footerContent{text-align: left;}
    .footerMenu{padding:0; list-style-position:inside;}
    .footerMenu li{margin: 0 0 8px 0;}
    #backToTop{bottom:10px; right:10px; height:55px; width:55px; font-size:24px; line-height:33px;}

    #newsletterHolderNew .title {
        font-size: 20px;
        line-height: 1;
    }
    #newsletterHolderNew label#mauticform_radiogrp_label_prihvatam_uslove_koriscen1_da0 {
        line-height: 20px;
    }
    footer .footerContent{padding: 30px 0;}
    footer .footerContent .itemFooter {
        width: 100%;
        margin: 0 0 15px 0;
    }
    footer .footerContent .itemFooter:first-of-type {
    order: 2;
    }
    footer .footerContent .itemFooter:last-of-type {
    order: 1;
    }
    footer .footerContent .itemFooter:nth-of-type(2) {
    order: 3;
    }

    .topCartPage .cart_holder .products_holder{width: 100%;}
    .topCartPage .cart_holder .cart_total_holder{width: 100%;}
    .topCartPage .cart_holder .products_holder .product_items .cart_product{width:calc(100% - 20px)}
    .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_ukupno {
        display: block;
        font-size: 12px;
    }
    .topCartPage .cart_holder .cart_total_holder h2{font-size: 17px;margin: 0 0 10px 0;}
    .topCartPage .cart_holder .cart_total_holder .cart_footer{font-size: 12px;padding: 0;}
    .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_komada{width: 110px;padding: 4px 8px;margin-top: 5px;}
    .topCartPage .cart_holder .products_holder .cart_row .freeDeliveryText{font-size: 12px;flex-wrap: wrap;justify-content: center;padding: 5px 20px;}
    .topCartPage .cart_holder .products_holder .cart_row{gap:10px}
    .topCartPage .cart_holder .products_holder .cart_row #cart_empty{font-size: 12px;font-weight: 400;}
    .cart_span_verzija2 .cart_product_total{display: none;}
    .registerPage .formsHolder .item{width: 100%;}


    .cart_holder_small{margin-bottom: 20px;}
    .lastStep.cart_product{width:calc(100% - 20px)}
    .lastStep.cart_product .cart_span_verzija .cart_span_ukupno {display: block;font-size: 12px;}
    .lastStep.cart_product .cart_span_verzija .cart_span_komada{width: 110px;padding: 4px 8px;margin-top: 5px;}
    .lastStep.cart_product{position: relative;padding: 10px 0;}
    .lastStep.cart_product .cart_span_slika{padding: 0;align-self: center;}
    .lastStep.cart_product .cart_span_slika img{width: 80px;}
    .lastStep.cart_product .cart_span_verzija2 .cart_span_izbaci {position: absolute;bottom: 10px;right: 0;font-size: 12px;}
    .lastStep.cart_product .cart_span_verzija2 .cart_product_delete img{width: 12px;}
    .lastStep.cart_product .cart_span_verzija .cart_span_komada .cart_product_inc, .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_komada .cart_product_dec{width: 20px;height: 20px;font-size: 12px;line-height: 20px;}
    .lastStep.cart_product .cart_span_verzija .cart_span_komada .cart_product_qty{height: 20px;}
    .lastStep.cart_product .cart_span_verzija2 .cart_product_delete{gap: 5px;}
    .lastStep.cart_product .cart_span_verzija{width: 100%;}
    .registerPage h1{margin: 25px 0;}

    .registerPage .formsHolder .item .insideItemHolder{flex-flow: column;gap: 10px;}

    .topProductInfoHolder .itemProductHolder{gap: 20px;padding-bottom: 0;}
    .topProductInfoHolder .itemProductHolder .itemProduct:first-of-type,.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type{width: 100%;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .productBrendHolder{display: none;}
    .topProductInfoHolder{padding: 0;}
    .breadCrumbs{flex-wrap: wrap;}
    .topProductInfoHolder .productDescription{max-width: 100%;line-height: 1.5;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type{display: flex;flex-flow: column;gap: 20px;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .importantLinks{gap: 0;justify-content: space-between;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .importantLinks a{font-size: 12px;padding: 0 10px;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .selectVersionHolder .selectVersion label{font-size: 12px;padding: 6px 25px;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .selectVersionHolder .selectVersion{width: 100%;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder .quantity input#minus1, .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder .quantity input#add1 {width: 20px;height: 20px;line-height: 17px;font-size: 15px;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder .quantity input#qty{height: 20px;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder .quantity{width:100px;padding: 6px;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder{gap: 35px;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder{margin: 0;}
    .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava{margin: 0;}
    .topProductInfoHolder .productSlider #productSlider{padding: 0 5px 25px 5px;}
    .topProductInfoHolder .productSlider #productSlider .owl-prev{left: -5%;}
    .topProductInfoHolder .productSlider #productSlider .owl-next{right: -5%;}
    .quantity input.minus {
    background: #8BB062;
    border: none;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 26px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.quantity input.plus {
    background: #8BB062;
    border: none;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 26px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

}
/* Exchange Payment.js - responsive */
@media (max-width: 649px) {
    .exchangePaymentBox,
    #exchangePaymentForm {
        width: 100%;
        max-width: 100%;
    }

    .exchangePaymentLabel {
        font-size: 13px;
    }

    .exchangePaymentColumns {
        grid-template-columns: minmax(0, 1fr) 110px;
        gap: 10px;
    }

    .exchangePaymentInput,
    .exchangePaymentExpiryControl input {
        font-size: 16px;
    }

    .exchangePaymentActions {
        justify-content: stretch;
    }

    #exchangePayButton {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .exchangePaymentColumns {
        grid-template-columns: 1fr;
    }
}