@media only screen and (max-width: 1920px) {
    div.ma-block-static-1.ma-banner a div.donjiispis2 {
        width: 90%;
        white-space: normal;
        line-height: 24px;
    }
}

@media only screen and (max-width: 1559px) {
    .page-layout-1column.cms-home .column.main .homeTopPromotion picture {
        width: 100%;
        display: flex;
    }
    .popular-categories {
        padding-bottom: 0;
        position: relative;
        bottom: 45px;
    }
    div.ma-block-static-1.ma-banner a div.gornjiispis-ispod,
    div.gornjiispis.strong, div.gornjiispis-ispod.regular, .donjiispis2 div.donjiispis.strong, .donjiispis2 div.donjiispis.regular {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 300px;
        white-space: nowrap;
    }
    div.ma-block-static-1.ma-banner a div.donjiispis2,
    div.ma-block-static-1.ma-banner a div.gornjiispis-ispod,
    div.ma-block-static-1.ma-banner a div.gornjiispis {
        left: 10px;
    }
}

@media only screen and (max-width: 1440px)  {
    div.ma-block-static-1.ma-banner a div.gornjiispis-ispod,
    div.gornjiispis.strong, div.gornjiispis-ispod.regular, .donjiispis2 div.donjiispis.strong, .donjiispis2 div.donjiispis.regular {
        width: 200px;
    }
    .masonry-grid .gallery .gornjiispis.strong {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 140px;
        white-space: nowrap;
    }
    .masonry-grid .gallery a div.donjiispis2,
    .masonry-grid .gallery .gornjiispis.strong,
    .masonry-grid .gallery a div.gornjiispis-ispod {
        left: 20px;
    }
}

@media only screen and (max-width: 1401px) {
    .footer-down {
        padding-bottom: 20px;
    }
    .sky-corp {
        margin-right: -30px;
    }
    .page-layout-1column .block.related .products-grid .product-item {
        width: calc(25% - 25px);
    }
    .filter-options-item .filter-options-content {
        width: calc(100% - 120px);
    }
    .filter-active .nav-toggle {
        z-index: 1;
    }
    .filter-active .filter.active .filter-title strong:after {
        content: '\f81a';
        color: #1e1e21;
        font-family: 'luma-icons';
        font-size: 30px;
    }
    .filter-active .filter.active .filter-title strong {
        left: unset;
        right: 20px;
        top: 15px;
        padding: 0 10px;
        border: none;
        font-size: 0;
    }
    .header-icons-list {
        margin: 0;
        padding: 0;
    }
    .header-icons-list li:first-child {
        padding-left: 0;
    }
    .panel.far-left {
        display: none;
    }
    .page-header .panel.wrapper {
        grid-template-columns: 160px auto 160px;
        padding: 15px 30px 10px 30px;
    }
    .filter-options-item {
        border-bottom: 0;
    }
    body .filter-title {
        display: flex;
    }
    .filter-title strong {
        right: 20px;
        left: unset;
        background-color: transparent;
        color: #1e1e21;
        border-color: #e4e4e4;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        font-family: var(--Roboto);
        text-transform: uppercase;
    }
    .filter .block-subtitle {
        display: none;
    }
    .filter-options {
        display: none;
        margin: 0; 
    }
    .filter.active .filter-options {
        background: #fff;
        bottom: 0;
        display: block;
        left: 0;
        overflow: scroll;
        position: fixed;
        right: 0;
        top: 0px;
        z-index: 10;
        padding-top: 50px;
    }
    .filter.active .filter-subtitle {
        background: transparent;
        display: block;
        height: 25px;
        left: 0;
        line-height: 25px;
        position: fixed;
        right: 0;
        top: 0;
        padding: 10px;
    }
    .filter.active .filter-title {
        border-bottom: 1px solid #ccc;
        height: 46px;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 11;
        background: #fff;
    }
    .filter.active .filter-title strong {
        left: unset;
        right: 20px;
        padding: 14px 10px;
    }
    body.filter-active .page-header .navigation.sticky-header {
        position: unset !important;
    }
    .filter.block {
        padding-top: 10px;
    }
    .footer-links [data-content-type='html'] .column {
        width: 45%;
    }
}

@media only screen and (max-width: 1280px) {
    .slider-info-app .blue-info-app {
        bottom: 40px;
        padding: 50px 20px 30px 50px;
    }
    .footer-links [data-content-type='html'] {
        gap: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .product.description.product-item-description {
        height: 42px;
    }
    .page-layout-1column .column.main {
        padding: 20px 25px 30px 25px;
    }
    .page-layout-1column .page-title-wrapper {
        padding: 20px 0px 0px 25px;
    }
    .page-title-wrapper {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .catalog-product-view .sidebar.sidebar-main {
        display: none;
    }
    .page-layout-1column.catalog-product-view .column.main {
        max-width: 100%;
        padding: 0 15px;
    }
    .checkout-cart-index.page-layout-1column .column.main {
        padding: 0px 40px 32px 30px;
    }
    .checkout-cart-index.page-layout-1column .page-title-wrapper {
        padding: 20px 0px 0px 30px;
    }
    .checkout-cart-index.page-layout-1column .column.main .info-price {
        font-size: 11px;
    }
    #store-selector .form-continue .actions-toolbar .action.primary, .order-review-form .action.primary, .order-review-form .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .cart-summary .checkout-methods-items .action.primary.checkout, .block-minicart .block-content>.actions>.primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content>.actions-toolbar>.primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .box-tocart .action.instant-purchase, .multicheckout .action.primary, #store-selector .form-continue .actions-toolbar .amshopby-button, .order-review-form .amshopby-button, .order-review-form .amshopby-button, .bundle-actions .amshopby-button.customize, .bundle-options-container .block-bundle-summary .box-tocart .amshopby-button, .cart-summary .checkout-methods-items .amshopby-button.checkout, .block-minicart .block-content>.actions>.primary .amshopby-button, .methods-shipping .actions-toolbar .amshopby-button, .checkout-payment-method .payment-method-content>.actions-toolbar>.primary .amshopby-button, .form-address-edit .actions-toolbar .amshopby-button, .multicheckout .amshopby-button, #store-selector .form-continue .actions-toolbar .am-filter-go, .order-review-form .am-filter-go, .order-review-form .am-filter-go, .bundle-actions .am-filter-go.customize, .bundle-options-container .block-bundle-summary .box-tocart .am-filter-go, .cart-summary .checkout-methods-items .am-filter-go.checkout, .block-minicart .block-content>.actions>.primary .am-filter-go, .methods-shipping .actions-toolbar .am-filter-go, .checkout-payment-method .payment-method-content>.actions-toolbar>.primary .am-filter-go, .form-address-edit .actions-toolbar .am-filter-go, .multicheckout .am-filter-go {
        line-height: normal;
        padding: 10px 15px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 1080px) {
    .page-layout-1column .block.related .products-grid .product-item {
        width: calc(33% - 25px);
    }
    .product-image-container {
        max-width: 200px;
        aspect-ratio: 200 / 200;
    }
    .product-image-container img {
        max-height: 200px;
    }
    .products-grid.products.grid.product-item .product-item-info, .products-grid.divider-line .product-item .product-item-info {
        justify-content: center;
    }
    .blue-info-app,
    .category-cms {
        display: none;
    }
    .page-footer {
        padding: 30px 20px 0 !important;
    }
    .cart-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .cart-container .form-cart    {
        width: 100%;
        padding: 0;
    }
    .cart-summary {
        width: 100%; 
        margin-bottom: 15px;
    }
    .checkout-cart-index.page-layout-1column .column.main .info-price {
        order: 3;
        font-size: 12px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 921px) {
    /* Store Languages template Start */

    .lang-wrapper span {
        padding: 10px 0 15px;
        text-align: left;
    }
    .nav-sections .switcher-dropdown {
        padding: 0 0 10px;
    }
    .flag-wrapper {
        gap: 35px;
    }
    .switcher-option.active:after {
        right: -5px;
        top: 2px;
    }
    .nav-sections .switcher-trigger strong:after {
        display: none;
    }
    .nav-sections .switcher .lang-wrapper {
        padding: 0;
    }
    body .nav-sections .switcher-options .switcher-dropdown {
        display: block;
    }
    .nav-sections .switcher .label {
        display: none;
    }
    body .page-header .switcher {
        float: unset;
        margin-left: 0;
        margin-right: 0;
    }
    .cms-home .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top span, .cms-home .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top a, .cms-home .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top, .page-layout-1column.cms-home-page-dealer-store .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top span, .page-layout-1column.cms-home-page-dealer-store .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top a, .page-layout-1column.cms-home-page-dealer-store .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top, .page-layout-1column.cms-index-index .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top span, .page-layout-1column.cms-index-index .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top a, .page-layout-1column.cms-index-index .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top {
        color: #000 !important;
    }

    /* Store Languages template END */
    .footer-links [data-content-type='html'] .column {
        width: 100%;
        max-width: 100%;
    }
    .nav-sections-items {
        position: fixed;
        overflow-x: hidden;
        width: calc(100% - 60px);
    }
    .cms-home .nav-sections,
    .cms-home-page-dealer-store .nav-sections {
        background: #eaebed;
    }
    .catalog-product-view .product-info-main {
        padding-left: 0px;
    }
    .stock.available span::after {
        content: "";
        width: 15px !important;
        height: 15px !important;
        margin-bottom: -3px;
        margin-left: 5px;
    }
    .page-layout-1column .column.main {
        padding: 10px 15px 30px;
    }
    .page-layout-1column .page-title-wrapper {
        padding: 10px 0px 0px 15px;
        margin: 0;
    }
    .checkout-cart-index.page-layout-1column .column.main {
        padding: 0px 0px 30px;
    }
    .checkout-cart-index.page-layout-1column .page-title-wrapper {
        padding: 20px 0 0px;
    }
    .minicart-wrapper {
        z-index: 1;
    }
    .-amsearch-overlay-opened .minicart-wrapper {
        z-index: 0;
    }
    .amsearch-button,
    .amsearch-form-block,
    .amsearch-input-wrapper .amsearch-input,
    .amsearch-input-wrapper {
        transition: unset;
        -webkit-transition: unset;
        -moz-transition: unset;
        -ms-transition: unset;
        -o-transition: unset;
    }
    .catalog-product-view .product-info-main,
    .catalog-product-view .product.media {
        width: 100%;
    }
    .fotorama__stage, .fotorama__nav {
        margin: 0 auto;
    }
    .products-grid + .toolbar.toolbar-products {
        border-top: none;
        padding: 25px 0;
        margin: 0;
    }
    .category-view-wrapper {
        margin-bottom: 20px;
        flex-direction: column;
    }
    .cat-img {
        padding-bottom: 5px;
        padding-top: 5px;
        max-width: 450px;
        margin-left: 0;
        width: 100%;
    }
    .category-description {
        width: calc(100% - 40px);
        padding-right: 0;
    }
    .product-item-description {
        display: none;
    }
    .filter-title strong {
        right:15px;
    }
    .page-wrapper>.breadcrumbs .items {
        padding: 10px 0px;
    }
    .catalog-category-view .columns .column.main, .catalogsearch-result-index .columns .column.main, body.page-products .sidebar.sidebar-main,
    .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .page-wrapper>.page-bottom, .block.category.event, .top-container, .page-main {
        padding-right: 15px;
        padding-left: 15px;
    }
    .page-products .products-grid .product-items {
        gap: 10px;
    }
    .products-grid.products.grid .product-item, .products-grid.divider-line .product-item {
        border-right: 1px solid #e3e4e4;
        border-top: 1px solid transparent;
        border-left: 1px solid #e3e4e4;
        border-bottom: 1px solid #e3e4e4;
        margin-top: -1px;
    }
    .products-grid.products.grid .product-item:nth-child(3n + 1) {
        border-left-color: #e3e4e4;
    }
    .popular-categories {
        padding-bottom: 55px;
        position: relative;
        bottom: 0px;
    }
    .home-category-wrapper {
        padding: 40px 20px 0;
    }
    .nav-toggle {
        left: unset;
        right: 15px;
        position: absolute;
        top: 7px;
        z-index: 14;
    }
    .header.content {
        max-width: 100%;
        padding: 0px 15px 8px 15px;
    }
    .page-header .logo {
        margin: 0;
        margin-left: 0;
        height: 50px;
    }
    .page-header .header.panel {
        max-width: 100%;
        position: absolute;
        top: 65px;
        right: 60px;
        width: calc(100% - 20px);
    }
    .sky-corp {
        margin-right: 0px;
        padding-right: 0px;
    }
    .page-header .panel.wrapper {
        grid-template-columns: 1fr 1fr;
        padding: 15px 15px 10px 15px;
    }
    body.page-products .products-grid .product-item {
        width: calc(50% - 5px);
    }
    .filter.block {
        padding: 0;
        margin: 0;
    }
    .filter-title strong {
        top: 15px;
    }
    .page-main {
        padding-top: 0;
    }
    body .page-title-wrapper {
        margin-top: 30px;
    }
    body.page-products .page-title-wrapper {
        padding-right: 80px;
    }
    .bl-info {
        width: 145px;
    }
    .catalogsearch-result-index .filter-title strong {
        top: -50px;
    }

    /* NAVIGATION Start */

    header.page-header .nav-sections-item-title.active {
        background: transparent;
        border-bottom: 0;
    }
    header.page-header .nav-sections-item-title, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus {
        background-color: #1e1e21;
    }
    header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus {
        color: #1e1e21;
    }
    header.page-header .nav-sections-item-title > a, header.page-header .nav-sections-item-title > a:hover, header.page-header .nav-sections-item-title > a:focus {
        color: #ffffff;
    }
    header.page-header .nav-sections-item-title[aria-controls="store.menu"]>a:before {
        font-size: 14px;
        line-height: 1;
        content: '\f827';
        font-family: 'luma-icons';
        vertical-align: middle;
        display: inline-block;
        font-weight: 400;
        margin: -2px 5px 0 0;
    }

    .cms-home .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top span, .cms-home .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top a, .cms-home .page-header:not(.sticky-header) .navigation:not(.sticky-header) .level0>.level-top {
        color: #1e1e21 !important;
    }

    .nav-sections .header.links li.greet.welcome {
        border-top: none;
        padding: 0;
    }

    .customer-welcome.active .customer-menu,
    .customer-welcome .customer-menu,
    .customer-welcome.active ul,
    .customer-welcome ul {
        display: block!important;
    }
    .nav-sections .header.links .header.links {
        border: 0;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
    }
    .nav-sections .header.links li {
        width: 100%;
    }
    .customer-welcome ul::after,
    .customer-welcome ul::before,
    .customer-welcome .customer-name::after,
    .customer-welcome .customer-menu .header.links li:last-child,
    .customer-welcome .customer-name,
    .navigation .level0.parent>.level-top>.ui-menu-icon:after,
    .navigation .level0:hover:after {
        display: none;
    }
    .customer-welcome.active,
    .customer-welcome {
        overflow: visible!important;
    }
    .customer-welcome ul {
        box-shadow: none;
        background: transparent;
    }

    .navigation .submenu:not(:first-child) .active>a {
        border-color: #1e1e21;
        border-style: solid;
        border-width: 0 0 0 5px;
        color: #1e1e21;
        padding-left: 9px;
    }

    .navigation li.level0 > a.level-top {
        padding: 13px 36px 13px 15px;
    }

    .navigation .level0 {
        font-size: 14px;
    }    

    .nav-sections {
        position: fixed;
        top: 0;
        z-index: 200;
        right: -100%;
        width: calc(100% - 60px);
        left: unset;
        transition: right 0.3s;
        -webkit-transition: right 0.3s;
        -moz-transition: right 0.3s;
        -ms-transition: right 0.3s;
        -o-transition: right 0.3s;
        background-color: #f6f6f6;
    }

    .nav-sections-item-content {
        box-sizing: border-box;
        float: right;
        margin-left: -100%;
        margin-top: 71px;
        width: 100%;
        padding: 0;
        background: #eaebed;
    }
    .navigation li.level0 {
        border-top: 1px solid #dddddd;
    }
    .navigation li.level0:last-child {
        border-color: #dddddd;
    }

    .nav-open .nav-sections, .nav-open .nav-toggle:after {
        right: 0%;
        left: unset;
    }

    .nav-open .page-wrapper {
        left: 0;
    }

    .page-header:not(.sticky-header) .navigation {
        background: transparent;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .page-header .navigation>ul {
        width: 100%;
    }
    .navigation .parent .level-top.ui-state-active:after {
        content: '\f810';
        font-size: 30px;
    }
    .navigation .parent .level-top:after {
        content: '\f813';
        position: absolute;
        right: 7px;
        top: -2px;
        font-size: 30px;
    }
    .navigation .level0>.level-top {
        padding: 10px 40px 10px 15px;
    }

    .nav-open .navigation .level0.active > a:not(.ui-state-active), 
    .nav-open .navigation .level0.has-active > a:not(.ui-state-active) {
        border-color: #1e1e21;
        margin-left: 0px;
        padding: 13px 36px 13px 12px;;
    }

    .navigation .level0>.level1,
    .navigation .submenu h4.menuHeading span + span,
    .navigation .submenu h4.menuHeading span.backBt {
        font-weight: normal;
    }
    	
    .nav-sections-item-content > .navigation.slide-left {
        transform: translateX(-100%);
    }
    .nav-sections-item-content > .navigation {
        transition: transform 0.5s ease;
        width: 100%;
        padding: 0px;
        height: auto;
    }

    .navigation .parent{
        position: relative;
    }
    .navigation .parent .level-top:after{
        display: none;
    }
    .navigation .level0.active > a:not(.ui-state-active), 
    .navigation .level0.has-active > a:not(.ui-state-active) {
        border-left-width: 0px;
        border-bottom: none;
        padding-left: 0px;
        padding: 6px 50px 5px 15px;
        border-left: 3px solid #fff;
        margin-left: -3px;
    }
    .navigation .submenu:not(:first-child) .level1.active > a {
        border-left: 3px solid #fff;
        margin-left: -3px;
        text-decoration: none;
    }
    .navigation .level0.active>a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active>a:not(.ui-state-active) span:not(.ui-menu-icon) {
        margin-left: 0px;
    }

    .navigation li.parent.level-top.ui-menu-item .c-nav:after,
    .navigation li.parent.ui-menu-item > a:before{
        content: '\f801';
        font-family: 'luma-icons';
        color: #1e1e21;
        width: 30px;
        height: 30px;
        position: absolute;
        right:10px;
        top: 50%;
        cursor: pointer;
        font-size: 20px;
        margin-top: -14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navigation li.parent.ui-menu-item.level1 a:before,
    .navigation li.parent.ui-menu-item.level1 .c-nav:after {
        margin-top: -16px;
    }
    .navigation .submenu {
        width: 100%;
        top: 0 !important;
        left: 0% !important;
        position: fixed !important;
        z-index: 3;
        transition: all 0.5s ease-out;
        color: #fff;			
    }
    .navigation li.ui-menu-item.all-category{
        display: none;
    }
    .navigation .level0 .submenu a {
        color: #fff;
    }

    .navigation .submenu {
        width: 100%;
        top: 0 !important;
        left: 0% !important;
        display: none !important;
        position: fixed !important;
        z-index: 3;
         transition: all 0.3s ease-in-out 0.0s;
        -moz-transition: all 0.3s ease-in-out 0.0s;
        -ms-transition: all 0.3s ease-in-out 0.0s;
        -o-transition: all 0.3s ease-in-out 0.0s;
        -webkit-transition: all 0.3s ease-in-out 0.0s;
        color: #fff;
        padding-top:50px;
    }

    .nav-open .nav-sections {
        overflow-x: hidden;
    }

    .navigation .level0 .submenu.display-menu{z-index: 3;transition: all 0.5s ease-out;}
    .navigation .level1 .submenu.display-menu{z-index: 4;transition: all 0.5s ease-out;}
    .navigation .level2 .submenu.display-menu{z-index: 5;transition: all 0.5s ease-out;}
    .navigation .level3 .submenu.display-menu{z-index: 6;transition: all 0.5s ease-out;}
    .navigation .level4 .submenu.display-menu{z-index: 7;transition: all 0.5s ease-out;}


    .navigation .level0.submenu.display-menu .level1.submenu,
    .navigation .level1.submenu.display-menu .level2.submenu,
    .navigation .level2.submenu.display-menu .level3.submenu {
        left:  200% !important;
        display: flex !important;
        transition: all 0.3s ease-in-out 0.0s;
        -moz-transition: all 0.3s ease-in-out 0.0s;
        -ms-transition: all 0.3s ease-in-out 0.0s;
        -o-transition: all 0.3s ease-in-out 0.0s;
        -webkit-transition: all 0.3s ease-in-out 0.0s;
    }

    .navigation .level0.submenu.display-menu,
    .navigation .level0.submenu.display-menu .level1.submenu.display-menu,
    .navigation .level1.submenu.display-menu .level2.submenu.display-menu,
    .navigation .level2.submenu.display-menu .level3.submenu.display-menu {
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        left: 100% !important;
        top: 0 !important;
        transition: all 0.5s ease-out;
        box-shadow: none;
        height: 100%;
        background: #eaebed;
        /* border-bottom: 1px solid #1e1e21; */
    }
    .navigation .submenu:not(:first-child) ul {
        padding-left: 5px;
    }
    .navigation .level0 .submenu {
        padding: 0px 5px;
    }
    .navigation .level0.submenu.display-menu.moved-left,
    .navigation .level1.submenu.display-menu.moved-left,
    .navigation .level2.submenu.display-menu.moved-left,
    .navigation .level3.submenu.display-menu.moved-left,
    .navigation .level4.submenu.display-menu.moved-left {
        display: block !important;
        left: 0% !important;
        top: 0 !important;
    }
    .navigation .level0.submenu.display-menu.moved-right,
    .navigation .level0.submenu.display-menu .level1.submenu.display-menu.moved-right,
    .navigation .level0.submenu.display-menu .level2.submenu.display-menu.moved-right,
    .navigation .level0.submenu.display-menu .level3.submenu.display-menu.moved-right,
    .navigation .level0.submenu.display-menu .level4.submenu.display-menu.moved-right{
        display: block !important;
        left: 200% !important;
        top: 0 !important;
    }

    .navigation .submenu h4.menuHeading{
        font-size: 22px;
        color: #fff;
        position: relative;
        margin-top: 0px;
        padding-left: 10px;
        line-height: normal;
        padding-top: 10px;
        margin-bottom: 15px;
    }
    .navigation .submenu:not(:first-child) .level1.active>a {
        padding-left: 10px;
    }
    .navigation .submenu h4.menuHeading span + span{
        border-bottom: solid 2px #1e1e21;
    }
    .navigation .submenu h4.menuHeading span.backBt{
        display: block;
        height: 35px;
        vertical-align: top;
        padding-bottom: 0px;
        font-size: 16px;
        padding-left: 15px;
        position: relative;
    }
    .navigation .level0.parent>.level-top,
    .navigation .level0 > .level-top, 
    .navigation .level0.active > .level-top, 
    .navigation .level0.has-active > .level-top {
        font-weight: normal;
        line-height: normal;
    }
    .navigation .submenu h4.menuHeading span.backBt:before{
        content: '\f802';
        font-family: 'luma-icons';
        position: absolute;
        font-size: 20px;
        top: 0px;
        left: 0px;
        line-height: 17px;
    }
    .navigation li.level2 > span{
        padding: 5px 0px 5px 30px;
        display: block;
        font-size: 16px;
    }

    .navigation .submenu:not(:first-child)>li>a {
        padding-left: 15px;
    }

    .navigation .submenu:not(:first-child) .level1.active>a {
        padding-left: 12px; 
    }

    .navigation .submenu:not(:first-child) .level1.active > a {
        border-left: 3px solid #1e1e21;
        margin-left: 0px;
        text-decoration: none;
    }

    .navigation .level0 .submenu li.parent>a>.ui-menu-icon:after {
        display: none;
    }

    /* NAVIGATION End */

    .page-header.sticky-header {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 200 !important;
        margin: 0 !important;
        width: 100% !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        pointer-events: all;
        animation: smoothScroll 1s backwards;
        -webkit-animation: smoothScroll 1s backwards;
        background: #fff;
    }

    .page-header.sticky-header .panel.right,
    .page-header.sticky-header .panel.left {
        display: none;
    }

    .page-header.sticky-header .panel.wrapper {
        padding: 0;
    }
    .page-header.sticky-header .header.panel {
        top: 13px;
    }

    .compare,
    .tocompare,
    .towishlist,
    .wishlist {
        display: none !important;
    }
    .read_more_n {
        right: 0px;
    }
    .products-grid.products.grid.product-item .product-item-info, .products-grid.divider-line .product-item .product-item-info {
        padding: 10px;
    }
    .page-products .columns {
        padding-top: 0px;
    }
    .page-header {
        box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
        z-index: 12;
        background: #fff;
    }

    body .footer-links [data-content-type='html'] {
        padding-bottom: 15px;
        gap: 10px;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    body .footer-links .header {
        padding-top: 0px;
        position: relative;
        margin-bottom: 10px;
        text-transform: uppercase;
    }
    body .footer-links .column {
        width: 100%;
        overflow: hidden;
    }
    .footer-links .header:after {
        font-family: 'luma-icons';
        font-size: 16px;
        content: "\f882";
        position: absolute;
        right: 20px;
    }
    .footer-links .column:not(.footer-active) ul {
        display: none;
    }
    .footer-links .column.footer-active .header::after {
        content: "\f883";
    }
    .toolbar {
        margin-bottom: 30px;
    }
    .footer-links .header:after {
        right: 5px;
    }
    .homeTopPromotion img {
        min-height: 400px;
        object-fit: cover;
    }
    body .stock.unavailable span::after {
        width: 15px !important;
        height: 15px !important;
        margin-bottom: -2px !important;
        margin-left: 5px !important;
    }
    body .breadcrumbs {
        display: block;
    }
    .catalog-product-view .breadcrumbs {
        height: 38px;
    }
    .page-header .amsearch-wrapper-block:before {
        display: none;
    }

    .fotorama__dot {
        height: 12px;
        left: 0px;
        top: 10px;
        width: 12px;
    }
    .fotorama__nav--dots .fotorama__nav__frame {
        width: 25px;
    }
    .fotorama__active .fotorama__dot {
        background-color: #1e1e21;
        border-color: #1e1e21;
    }
    .catalog-product-view .product-info-main .page-title,
    .product-info-main .product.attribute.overview {
        margin: 0;
    }
    .product-info-main .product.overview p,
    .product-info-main .product.attribute.overview {
        font-size: 14px;
    }
    .page-header .amsearch-wrapper-block {
        z-index: 1;
    }
    .product-image-wrapper {
        z-index: 0;
    }
}

@media only screen and (max-width: 800px) {
    .popular-categories {
        padding-bottom: 35px;
    }
    .page-footer {
        margin: 0;
    }
    .footer-categories.payement {
        padding-bottom: 10px;
    }
    .footer-links {
        padding-bottom: 20px;
        gap: 20px;
        align-items: flex-start;
        justify-content: space-between;
    }
    .footer-links .column {
        width: 33.33%;
        box-sizing: border-box;
    }
    .copyright ul {
        gap: 20px;
    }
    .copyright {
        flex-direction: column-reverse;
        gap: 15px;
    }
    .gallery__item--1 {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 1;
        grid-row-end: 10;
      }
      
      .gallery__item--2 {
          grid-column-start: 1;
          grid-column-end: 5;
          grid-row-start: 10;
          grid-row-end: 13;
      }
      
      .gallery__item--3 {
          grid-column-start: 5;
          grid-column-end: 12;
          grid-row-start: 10;
          grid-row-end: 13;
      }
      
      .gallery__item--6 {
        grid-column-start: 1;
      grid-column-end: 5;
        grid-row-start: 13;
        grid-row-end: 16;
      }
      
      .gallery__item--5 {
        grid-column-start: 5;
          grid-column-end: 12;
        grid-row-start: 13;
        grid-row-end: 16;
      }
      
      .gallery__item--4 {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 16;
        grid-row-end: 20;
      }
}

@media only screen and (max-width: 769px) {
    .products-grid.products.grid .product-item .product-item-photo::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .product-info-price .amgroupcat-cms-content-wrapper .price {
        font-size: 22px;
        font-weight: 600;
        line-height: 22px;
    }
    .product-item-info .wrapp [data-content-type='row'][data-appearance='contained'] .price {
        font-size: 14px;
    }
    iframe {
        width: 100%;
    }
    .product-item .price-box,
    .product-item-info .wrapp [data-content-type='row'][data-appearance='contained'] {
        height: auto;
    }
    .product-item-info .product.name a {
        font-size: 16px;
    }
    .page-products .product-item-actions {
        min-height: unset;
    }
    .page-header.sticky-header .header.panel {
        top: 3px;
    }
    .top-labels {
        flex-direction: column;
    }
    .catalog-product-view .top-labels {
        flex-direction: row;
    }
    .product.info.detailed .product.data.items>.item.content {
        padding: 20px;
        border: none;
    }
    .page-layout-1column .block.related .products-grid .product-item {
        width: calc(50% - 20px)!important;
    }
    .am-checkout.-modern .opc-estimated-wrapper {
        margin: 0 -20px 15px;
        padding: 15px 20px;
        background: #1e1e21;
        border-color: #e3e4e4;
    }
    .opc-estimated-wrapper .estimated-block .estimated-label,
    .opc-estimated-wrapper .estimated-block .estimated-price {
        color: #fff!important;
        text-transform: uppercase;
    }
    .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after {
        content: '\f803';
    }
    .abs-toggling-title-mobile.active:after, .block-wishlist-management .wishlist-select .wishlist-name.active:after, .block-collapsible-nav .title.active:after {
        content: '\f800';
    }
    .block-collapsible-nav {
        top: 0px;
    }
    .account .page-main, .cms-privacy-policy .page-main {
        padding-top: 61px;
        position: relative;
    }
    .account.page-layout-2columns-left .column.main {
        width: 100%;
    }
    body .customer-welcome+.authorization-link {
        display: block;
    }
    .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage {
        padding: 25px 20px 20px;
    }
    .minicart-wrapper .action.showcart .counter.qty {
        left: 2.3px;
    }
    .block-minicart .subtotal {
        gap: 0px;
        flex-direction: column;
        align-items: flex-start;
    }
    .cart.table-wrapper .item .col.item {
        padding: 15px 15px 10px 110px;
    }
    .cart.table-wrapper .product-image-container {
        max-width: 75px;
    }
    .cart.table-wrapper .product-image-container img {
        max-height: 75px;
    }
    .cart.table-wrapper .product-item-photo {
        display: block;
        left: 15px;
        max-width: 65px;
        padding: 0;
        position: absolute;
        top: 15px;
        width: 100%;
    }
    .cart-summary .block>.title {
        border: none;
    }
    .checkout-cart-index .page-main {
        padding: 0 15px;
    }
    .products-grid .product-item {
        float: left !important;
        width: 99% !important;
        padding: 10px 0;
    }
    .products-grid.products.grid.product-item .product-item-info, .products-grid.divider-line .product-item .product-item-info {
        flex-wrap: nowrap;
        gap: 10px;
    }

    /* Search Start*/

    .page-header .header.panel {
        padding: 0;
    }

    .page-header .header.panel {
        top: 50px;
    }

    .page-header .amsearch-wrapper-block {
        padding: 0;
        margin: 0;
        flex: unset;
        max-width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 10px;
        width: 100%;
    }

    .page-header .amsearch-wrapper-block:before {
        display: none;
    }

    .amsearch-form-block {
        position: absolute;
        width: 35px;
        top: 7px;
        right: 40px;
        z-index: 99;
    }

    .amsearch-form-block.-opened {
        position: absolute;
        width: 100%;
        top: 54px;
        right: -50px;
    }

    .block-search input, .amsearch-input-wrapper .amsearch-input {
        border-radius: 0px;
        outline: none;
        border: 1px solid #1e1e21;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }
    .amsearch-form-block .amsearch-input {
        opacity: 0;
    }
    .amsearch-form-block.-opened .amsearch-input {
        opacity: 1;
    }
    .amsearch-button,
    .amsearch-form-block {
        transition: unset;
        -webkit-transition: unset;
        -moz-transition: unset;
        -ms-transition: unset;
        -o-transition: unset;
    }
    .amsearch-input-wrapper .amsearch-button.-loupe {
        background-image: none;
        left: 0px;
        top: 2px;
        height: auto;
        line-height: normal;
        width: auto;
        background-color: transparent;
    }
    .amsearch-button.-loupe::before {
        font-family: 'luma-icons';
        content: "\e884";
        font-size: 22px;
        color: #1e1e21;
    }
    .minicart-wrapper .action.showcart:before,
    .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before {
        font-size: 26px;
    }
    .amsearch-form-block.-opened .amsearch-button.-loupe {
        top: -50px;
        right: 101px;
        height: 40px;
        margin: 0;
        z-index: 99;
        left: unset;
    }

    .amcheckout-step-container .amcheckout-summary-container .product-item-name {
        display: block;
        width: 100%;
    }
    .amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-inner {
        align-items: flex-start;
        text-align: left;
    }

    .amsearch-button.-disabled {
        opacity: 1;
    }

    /* Search End */

    .page-products .sorter {
        position: static;
    }
    .header-icons-list li {
        line-height: normal;
    }
    .masonry-grid .gallery a div.gornjiispis-ispod,
    .masonry-grid .gallery .gornjiispis.strong,
    .masonry-grid .gallery a div.donjiispis2 {
        left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .products-grid .product-item .product-item-details .product-item-name {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .amsearch-input-wrapper.-typed .amsearch-input {
        padding-left: 10px;
        padding-right: 33px;
    }
    .checkout-payment-method.submit .payment-methods {
        text-align: center;
    }
    .fotorama__wrap--css3 .fotorama__stage {
        min-height: 300px;
    }
}

@media only screen and (max-width: 640px) {
    body .product-info-price {
        margin: 0!important;
        width: 100%!important;
    }
    .top-labels div {
        font-size: 12px;
    }
    .products-list .product-item-photo {
        padding: 20px 10px 10px 0;
        width: 160px;
    }
    .products-list .read_more_n {
        bottom: 13px;
        right: 0px;
    }
    #amasty-shopby-product-list .products.wrapper.products-list .product-item:not(:last-child) {
        padding-bottom: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
    }
    .product-image-container {
        max-width: 160px;
        aspect-ratio: 160 / 160!important;
    }
    .product-image-container img {
        max-height: 160px;
    }
    .products-grid.products.grid.product-item .product-item-info, .products-grid.divider-line .product-item .product-item-info {
        gap: 15px;
    }
    .pages .pages-items {
        display: inline-block;
        padding: 0px 40px 0;
    }
    .products.wrapper~.toolbar .pages {
        float: none;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }
    .products.wrapper~.toolbar .limiter {
        clear: none;
        float: right;
        width: 100%;
        text-align: center;
    }
    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison)>tbody>tr td[data-th]:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison)>tbody>tr th[data-th]:before {
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 460px) {
    .footer-categories.kontakt {
        gap: 10px;
    }
    .footer-categories {
        grid-template-columns: 1fr;
    }
    .product-info-main .product-info-stock-sku .stock.unavailable {
        font-size: 12px;
        max-width: 200px;
    }
    .opc-estimated-wrapper .estimated-block {
        font-size: 16px;
        float: left;
        font-weight: 700;
    }
    .checkout-index-index .am-checkout {
        margin-top: 0;
    }
    .checkout-index-index .checkout-header .description {
        font-size: 14px;
    }
    .checkout-index-index .checkout-header {
        padding-right: 10px;
    }
    .catalog-category-view .filter-title strong {
        top: -10px;
    }
    .nav-sections {
        width: calc(100% - 40px);
    }
    .home-category-wrapper {
        padding: 30px 15px 0;
    }
    .home-category-wrapper {
        gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    }
    .home-category-wrapper .category a picture {
        max-height: 140px;
        max-width: 140px;
        min-width: 140px;
        min-height: 140px;
    }
    body.page-products .page-title-wrapper {
        padding-right: 15px;
    }
    .nav-sections-items {
        width: calc(100% - 40px);
    }
}

@media only screen and (max-width: 430px) {
    .homeTopPromotion img {
        min-height: unset;
        object-fit: cover;
    }
    .catalogsearch-result-index .filter-title strong {
        top: -75px;
    }
}

@media only screen and (max-width: 420px) {
    .flag-wrapper {
        gap: 20px;
        justify-content: unset;
        flex-direction: column;
        align-items: flex-start;
    }
    .field.choice .field-tooltip {
        margin-left: 2px;
        top: 2px;
    }
    .minicart-wrapper .block-minicart {
        right: -60px;
    }
    .minicart-wrapper .block-minicart:after {
        right: 61px;
    }
    .minicart-wrapper .block-minicart:before {
        right: 63px;
    }
    .footer-categories.payement {
        flex-wrap: wrap;
    }
    .footer-categories.payement li {
        flex: 1 50%;
    }
    .footer-down,
    .copyright ul {
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }
    .copyright ul {
        gap: 15px;
    }
    .footer-down {
        padding-bottom: 25px;
    }
    .copyright ul li a {
        font-size: 13px;
    }
    .copyright {
        font-size: 12px;
    }
    .footer-icons-list {
        gap: 30px;
    }
    #category-info-sidebar {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
    .product-item-info .product-item-details {
        padding: 0;
    }
    .product-image-container img {
        max-height: 140px;
    }
    .product-image-container {
        max-width: 140px;
        aspect-ratio: 140 / 140 !important;
    }
    .product-item .tocart {
        font-size: 13px;
        padding: 7.5px 10px;
    }
    .read_more_n {
        bottom: 13px;
        right: 2px;
    }
    .products-grid.products.grid.product-item .product-item-info, .products-grid.divider-line .product-item .product-item-info {
        padding: 10px 5px;
    }
    .products-grid.products.grid.product-item .product-item-info, .products-grid.divider-line .product-item .product-item-info {
        gap: 10px;
    }
    .page-products .toolbar:nth-child(1) .limiter {
        display: none;
    }
}

@media only screen and (max-width: 385px) {
    .top-labels div {
        font-size: 10px;
    }
    .filter-options-content {
        padding: 16px 10px 4px 15px;
    }
    .amsearch-products-section .action.tocart {
        font-size: 0;
    }
    .product-item .tocart {
        font-size: 0;
        padding: 0;
        width: 40px;
        height: 30px;
        display: flex;
            align-items: center;
            justify-content: center;
    }
    .product-item .tocart::after {
        content: '\e87f';
        font-size: 17px;
        font-family: 'luma-icons';
        position: absolute;
    }
    .products-grid .product-item .product-item-details .product-item-name {
        width: calc(100% - 10px);
    }
    .cart.table-wrapper tbody>tr>td:last-child, .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp {
        width: 100%;
    }
    .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp,
    .cart.table-wrapper .col.price, .order-items.table-wrapper .col.price, .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .order-items.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp {
        padding: 10px 11px;
    }
}