@media only screen and (min-width: 1200px) and (max-width: 1300px) {

    .search-popup {
        left: -250px;
    }
}

@media only screen and (max-height: 740px) {
    .login-div-right2-container-image {
        width: 300px;
        height: 400px;
    }

    .login-div-right2-container-container-container {
        width: 300px;
    }

    .navigation-rail-rail-wrapper-bottom-menu {
        gap: 8px;
    }

    .navigation-rail-rail-wrapper-top-menu {
        gap: 8px;
    }

    .navigation-rail-rail-wrapper-bottom-menu-top {
        gap: 8px;
    }

    .navigation-rail-rail-wrapper-top-menu-icons-pom {
        gap: 8px;
    }
}

/*Novo*/

@media only screen and (max-width: 1200px) {

    .nije-vidljiv-iznad-1200 {
        display: flex !important;
    }

    .nije-vidljiv-iznad-1200-2 {
        display: inline-block !important;
    }

    .login-div-right2 {
        display: none;
    }

    .navigation-rail{
        display: none;
    }

    .header-new-container-title{
        display: none;
    }

    .contact-store-wrapper-container-up-img {
        width: 320px;
        height: 250px;
    }
}

@media only screen and (max-width: 1000px) {

    .pocetna-prvi-red {
        flex-wrap: wrap;
        height: auto;
    }

    .settings-div {
        height: auto;
        overflow-y: visible;
    }

    .search-popup-wrapper-line {
        display: none;
    }

    .search-popup-wrapper-history-brands {
        display: none;
    }

    .search-popup-show {
        min-width: 600px;
        min-height: 462px;
    }

    .header-naziv-kompanije {
        display: none;
    }

    .pocetna-prvi-red-kolona1 {
        min-width: 450px;
    }

    .pocetna-promocija {
        min-width: 450px;
    }

    .contact-2-container-container {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .contact-3-container-container-container {
        width: 500px;
    }

    .contact-4-container {
        width: 500px;
    }

    .contact-store-wrapper-container-up {
        flex-wrap: wrap;
    }

    .contact-store-wrapper-container-down {
        overflow-x: scroll;
    }

        .contact-store-wrapper-container-down::-webkit-scrollbar {
            display: none;
        }

    /* Hide scrollbar for IE, Edge and Firefox */
    .contact-store-wrapper-container-down {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .setting-tabs-div {
        overflow-x: scroll;
    }

        .setting-tabs-div::-webkit-scrollbar {
            display: none;
        }

    /* Hide scrollbar for IE, Edge and Firefox */
    .setting-tabs-div {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .setting-tabs-div {
        flex-wrap: wrap;
    }

    .checkout-container {
        height: auto;
        overflow-y: auto;
        padding-right: 0;
    }

    .checkout-payment {
        max-width: none;
        flex: 1 0 0;
        margin-bottom: 24px;
    }

    .product-popup-left{
        display: none;
    }

    .product-popup {
        top: 0;
        left: 0;
        width: 100%;
        height: 100vH;
        position: fixed;
        border-radius: 0;
    }

    .product-popup-right-title-variation-title-container {
        flex-direction: column-reverse;
    }

    .product-popup-right-price-button .stepper-extended-pom{
        flex-wrap: wrap;
    }

    .product-popup-right-price-button .button-filled {
        width: 100%;
    }
}

@media only screen and (max-width: 750px) {

    .nije-vidljiv-iznad-750 {
        display: flex !important;
    }

    /*
    .glavni-sadrzaj-overflow {
        overflow-y: visible;
        height: auto;
    }
    */

    .contact-store {
        overflow-y: visible;
        height: auto;
    }

    .header-new {
        position: sticky;
        top: 0px;
        z-index: 3;
    }

    .search-bar-wrapper {
        display: none;
    }

    .iznos-korpa {
        display: none;
    }

    .broj-favorita {
        display: none;
    }

    .header-new-container-right-icons-wrapper {
        gap: 12px;
    }

    .header-new-container {
        gap: 12px;
        padding: 0 16px;
    }

    .pocetna-prvi-red-kolona1 {
        min-width: 350px;
    }

    .pocetna-promocija {
        min-width: 350px;
        max-height: 350px;
    }

    /*
    .header-new-container-right-icons-wrapper {
        flex-direction: row-reverse;
    }
    */

    .setting-tabs-div {
        overflow-x: scroll;
    }

    .settings-div-div-container {
        width: 520px;
    }

    .linija-settings {
        width: 470px;
    }

    .settings-address {
        width: 520px;
    }

    .settings-address-divider {
        width: 470px;
    }

    .settings-security {
        width: 520px;
    }

    .settings-preferences {
        width: 520px;
    }

    .linija-settings {
        width: 470px;
    }

    .settings-finance {
        width: 520px;
    }

    .settings-company {
        width: 520px;
    }

    .settings-company-container2-table-item-cell-title-company {
        width: auto;
    }

    .settings-company-container2-table-header1 {
        display: flex;
        height: 40px;
        padding: 4px;
    }

    .settings-company-container2-table-item-cell {
        padding: 2px 8px;
    }

    .cart-sidebar {
        width: 100%;
        position: fixed;
    }

    .cart-sidebar-header {
        width: 100%;
    }

    .cart-sidebar-content {
        width: 100%;
    }

    .korpa-prazna {
        width: 100%;
    }

    .narudzba-uspjesna-container-left-container-up-text-header {
        text-align: center;
    }

    .order-details-wrapper-container-container-container1-products-container-products-table-titles-titles1-fix-280 {
        min-width: auto;
    }

    .order-details-wrapper-container-container-container1-products-container-products-table-products-container-product-details {
        width: auto;
        min-width: auto;
    }

    .pocetna-drugi-red {
        height: auto;
    }

    .navigation-rail-buttons:hover .button-hover-text-div {
        display: none;
    }

    .quick-shop-icon:hover .button-hover-text-div {
        display: none;
    }

    .product-search-options-view-wrapper-grid:hover .button-hover-text-div {
        display: none;
    }

    .favorite-button-class:hover .button-hover-text-div {
        display: none;
    }

    .header-buttons:hover .button-hover-text-div {
        display: none;
    }

    .product-popup-right-title-variation-title-container-icon:hover .button-hover-text-div {
        display: none;
    }

    .favorite-button-list-class:hover .button-hover-text-div {
        display: none;
    }

    .poruka-button-relative:hover .button-hover-text-div {
        display: none;
    }
}

@media only screen and (max-width: 576px) {

    .nije-vidljiv-osim-mobitel {
        display: flex !important;
    }

    .nije-vidljivo-na-mobitelu {
        display: none;
    }

    .login-div2-left-down2 {
        min-width: 90%;
        max-width: 90%;
    }

    .header-naziv-kompanije {
        display: none;
    }

    .pocetna-prvi-red-kolona1 {
        min-width: 250px;
        margin-right: 12px;
    }

    .pocetna-promocija {
        min-width: 250px;
        background: transparent;
    }

    .pocetna-prvi-red-kolona1-red1-down-row {
        flex-wrap: wrap;
        gap: 12px;
    }

    .pocetna-prvi-red-kolona1-red1-down-row-containter {
        min-width: 250px;
    }

    .pocetna-prvi-red-kolona1-red1-down {
        gap: 12px;
    }

    .pocetna-prvi-red-kolona1 {
        height: auto;
    }

    .pocetna-prvi-red-kolona1-pom {
        height: auto;
        gap: 24px;
    }

    .pocetna-prvi-red-kolona1-red3 {
        height: auto;
        flex-wrap: wrap;
        gap: 24px;
    }

    .pocetna-prvi-red .button-petrokov {
        width: 100%;
    }

    .pocetna-promocija .owl-nav {
        bottom: 16px;
        right: 16px;
    }

    .pocetna-promocija .owl-dots {
        gap: 4px;
        width: 100%;
        bottom: 20px;
        left: 16px;
        justify-content: start;
    }

        .pocetna-promocija .owl-dots .owl-dot {
            width: 6px;
            height: 6px;
        }

    .pocetna-drugi-red .suggest-product-pom-container-pom-razdjelnik-up-buttons {
        display: none;
    }

    .pocetna-promocija-container {
        position: absolute;
        left: 16px;
        top: auto;
        bottom: 16px;
        display: flex;
        width: 85%;
        gap: 24px;
    }

    .product-sidebar-tabs {
        width: 100%;
    }

    .tabs-wrapper-tabs3 {
        width: 90%;
    }

    .pocetna-prvi-red {
        padding: 0;
        margin: 0 0 0 12px;
        gap: 12px;
    }

    .pocetna-prvi-red-kolona1-nema-narudzbi-glavna {
        margin: 0 12px 0 0;
    }

    .pocetna-drugi-red {
        padding: 0;
        margin: 12px 0 12px 12px;
    }

    .pocetna-title-mobile {
        color: var(--neutrals-n-900);
        width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }

    .pocetna-title-mobile-first {
        margin-top: 24px;
    }

    .pocetna-title-mobile-last {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .product-card-wrapper-top-picture-img {
        height: 150px;
    }

    .contact-3-container-container-container {
        width: 350px;
    }

    .contact-4-container {
        width: 350px;
    }

    .contact-store-wrapper {
        padding: 48px 16px;
    }

    .contact-store-wrapper-container-up-img {
        width: 100%;
        height: 300px;
    }

    .contact-store-container {
        /*padding: 0 16px;*/
        align-items: flex-start;
    }

    .contact-store-container-title {
        text-align: left;
    }

    .contact-store-container-description {
        text-align: left;
        margin-bottom: 12px;
    }

    .contact-store-wrapper-container-up-container {
        gap: 24px;
    }

    .contact-store-wrapper-container {
        flex-direction: column-reverse;
    }

    .contact-store-wrapper-container-down-branch {
        min-width: 80px;
        max-width: 80px;
    }

    .setting-tabs-div {
        flex-wrap: nowrap;
    }

    .settings-div-div {
        width: 100%;
    }

    .settings-div-div-container {
        width: 100%;
    }

    .linija-settings {
        width: 100%;
    }

    .settings-address {
        width: 100%;
    }

    .settings-address-divider {
        width: 100%;
    }

    .settings-security {
        width: 97%;
    }

    .settings-preferences {
        width: 97%;
    }

    .linija-settings {
        width: 100%;
    }


    .settings-finance {
        width: 97%;
    }

    .settings-company {
        width: 97%;
    }

    .settings-company-container2-table-item-cell .button-petrokov {
        padding: 8px;
    }

    .settings-company-container2-table-item-cell .fix-width-120px {
        width: auto;
    }

    .dialog {
        width: 90%;
    }

    .dialog-prozor {
        width: 100%;
    }

    .dialog-prozor-up {
        align-items: center;
    }

    .dialog-prozor-down {
        justify-content: center;
    }

    .mobile-search .button-petrokov {
        width: 100%;
    }

    .checkout-container {
        min-width: 300px;
    }

    .checkout-payment {
        min-width: 300px;
    }

    .narudzba-uspjesna-container {
        gap: normal;
        width: 100%;
        justify-content: center;
    }

    .narudzba-uspjesna-container-left {
        width: 100%;
        min-width: 200px;
    }

    .order-pretraga {
        flex-wrap: wrap;
    }

    .orders-table-frame2 {
        height: auto;
    }

    .order-pretraga .button-petrokov {
        width: 100%;
    }

    .orders-container-container .input-za-datum {
        width: 100%;
    }

    .order-details-wrapper-container-container-container1-products-container-products-table-titles {
        display: none;
    }

    .order-details-wrapper-container-container-container1-products-container-products-table-products-container {
        flex-direction: column;
    }

    .order-details-wrapper-container-container-container2-container {
        min-width: 200px;
    }

    .orders-table-frame-row {
        max-height: none;
        flex-direction: column;
    }

    .orders-table-frame-column-header {
        display: none;
    }

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

    .product-info-parent-glavni-product-info-info-pom {
        width: 100%;
    }

    .product-info-parent-glavni-product-image {
        width: 100%;
    }

    .product-info-parent-glavni-product-info-info-pom-down .stepper-extended-pom {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

    .product-info-parent-glavni-product-image-pom-pom-img {
        width: 100%;
        height: 272px;
    }

    .product-info-parent-glavni-product-image-pom-other-image-pom-pom img {
        width: 100%;
        height: 88px;
    }

    .pocetna-drugi-red-pom {
        height: auto;
        margin: 0;
        padding: 8px;
        /*background: transparent !important;*/
    }

    .breadcrumbs-wrapper {
        padding: 0 12px;
        flex-wrap: wrap;
    }


    .product-info-parent-sporedni-elementi {
        /*flex-direction: column;*/
        padding: 0 12px;
    }

    .product-info-parent-sporedni-content {
        padding: 0px 12px;
    }


    .product-info-parent-sporedni-content-description {
        min-width: 200px;
        max-width: none;
        width: 100%;
    }

    .product-info-parent-sporedni-content-specification {
        min-width: 200px;
        max-width: none;
        width: 100%;
    }

    .product-info-parent-glavni-product-info-info-pom-down .button-filled {
        width: 100%;
    }

    .product-info-parent-glavni-product-info-info-pom-down {
        width: 100%;
    }

    .suggest-product-pom-container-pom-razdjelnik-up-buttons {
        display: none;
    }

    .checkout-container-container-container-products-product {
        flex-direction: column;
    }

    .input-za-datum {
        width: 100%;
    }

    .product-sidebar {
        width: 100%;
        margin: 0;
        position: fixed;
        top: 0;
        height: 100vH;
        z-index: 3;
        display: none;
    }

    .product-sidebar-show {
        display: flex;
    }

    .product-space-space-grid-row {
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

    .product-card2 {
        max-width: none;
        width: 50%;
        min-width: 150px;
        min-height: 450px;
    }

    .product-search-options {
        height: auto;
        flex-wrap: wrap;
        justify-content: end;
    }

    .product-space {
        height: auto;
        overflow-y: auto;
        padding: 0 16px;
    }

    .product-search-options-dropdown-horizontal-divider {
        display: none;
    }

    .product-search {
        flex-direction: column;
        gap: unset;
        margin-top: 0;
    }

    .product-space-space-product-list-item {
        flex-direction: column;
        gap: 12px;
    }

    .store-subcategory {
        width: 100%;
        justify-content: flex-start;
        max-width: none;
        gap: 16px;
        flex-wrap: nowrap;
        overflow-x: auto;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

        .store-subcategory::-webkit-scrollbar {
            display: none;
        }

    .select-custom-custom2 {
        width: 100%;
    }

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

    .product-space-space-product-list-item-image {
        width: 100%;
        height: 350px;
    }

    .product-space-space-product-list-item-image-container-image-top-container {
        display: flex;
        width: 97%;
        height: 300px;
    }

    .product-space-space-product-list-item-info {
        row-gap: 8px;
        flex-direction: column;
    }

    .product-space-space-product-list-item-info-cell {
        gap: 4px;
        width: 100%;
    }

    .align-items-end {
        align-items: flex-start !important;
    }

    .product-space-space-product-list-item-image-container {
        flex-direction: column;
    }

    .product-space-space-product-list-item-image-container-icon {
        flex-direction: row;
        justify-content: center;
    }

    .product-space-space-product-list-item-image-container-image {
        width: 100%;
    }

    .category-container-left {
        width: 100%;
        align-items: flex-start;
    }

    .category-container {
        width: 100%;
        justify-content: flex-start;
    }

    .nemaProizvodaSearch {
        min-width: auto;
    }

    .contianer-kategorije {
        overflow-x: auto;
    }

    .pocetna-treci-red-pom {
        width: 100%;
        padding-bottom: 0;
    }

    .footer-new {
        flex-direction: column;
        gap: 32px;
        padding: 0 16px;
    }

    .footer-new-links {
        justify-content: flex-start;
    }

    .brand-pocetna-image {
        width: 70% !important;
    }

    .pocetna-brendovi-prostor {
        width: 100%;
    }

    .pocetna-treci-red {
        padding: 12px 0 12px 12px;
        margin: 0;
    }

    .pocetna-cetvrti-red {
        padding: 12px 0 12px 12px;
        margin: 0;
    }

    .centriraj-glavi-container {
        padding-bottom: 100px;
    }

    /*
    .product-info-parent-glavni-product-image-pom-other-image {
        padding: 0 12px;
    }
    */

    .product-info-parent-glavni-product-info {
        padding: 0px 12px;
    }

    .carousel-item3 {
        height: 350px;
    }

    .pocetna-naslovi {
        padding: 12px 0;
    }

    .suggest-product-pom-container-pom-razdjelnik {
        margin: 0 0 0 12px;
    }

    .suggest-product-pom-container-pom-razdjelnik-ne-treba-margin-mobitel {
        margin: 0;
    }

    .checkout {
        padding: 0px 12px;
    }

    .orders {
        padding: 24px 12px;
    }

    .orders-container-container-serach-fix-width {
        max-width: 560px;
    }

    .settings-div {
        padding: 0 0 0 12px;
    }

    .settings-div-div-parent {
        padding: 0 12px 0 0;
    }

    .settings-div-pom {
        padding: 0 12px 0 0;
    }

    .contact-store {
        padding: 0 12px;
    }

    .contact-store-back-button {
        margin: 24px 0 24px 0;
    }

    .order-details-wrapper-container {
        padding: 0 12px;
    }

    .glavni-sadrzaj {
        gap: 12px;
    }

    .popup-isporuka {
        border-radius: 0px;
        left: 0;
        top: 0;
        transform: none;
        height: 100vH;
    }

    .popup-isporuka-down-container-text {
        width: 100%;
    }

    .tabs-wrapper-tabs4{
        width: 100%;
    }

    .slider-itemname-font-color {
        font-size: 14px;
        line-height: 120%;
    }

    .product-space-space-product-list-item-image-container-image-top-container-product-image-container {
        height: 100%;
        object-fit: contain;
    }

    .excel-upload-container-upload {
        width: 97%;
    }

    .offer-details {
        padding: 8px;
    }

    .offers-up {
        flex-wrap: wrap;
        gap: 24px;
    }

    .offer-details-content {
        flex-wrap: wrap;
    }

    .offer-details-content-left-content-left {
        flex-wrap: wrap;
        gap: 16px;
    }

    .offer-details-content-left-content-left-product {
        width: 100%;
        max-width: none;
    }

    .offer-details-content-left-header-discount {
        flex-wrap: wrap;
    }

    .search-bar-wrapper-ponude {
        display: flex;
        max-width: none;
    }

        .search-bar-wrapper-ponude .search-bar-wrapper-search {
            width: 100%;
            max-width: none;
        }

        .search-bar-wrapper-ponude .search-bar-wrapper-search-frame input {
            min-width: auto;
        }

    .offer-details-add-products {
        width: 100%;
        max-width: none;
        padding: 8px;
    }

    .select-menu .options {
        width: 350px;
    }

    .product-info-parent-sporedni-elementi-element {
        padding: 8px 12px;
    }
}