@media screen and (min-width: 1700px) {
    .container {
        max-width: 1664px;
    }
}

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

    .hb-cols {
        margin-right: calc((100% - 1320px) / 2);
    }

    .hero-box-inverted .hb-cols,
    .cb-cols {
        margin-left: calc((100% - 1320px) / 2);
    }
    
    .hb-col:last-child {
        width: calc(50% - ((100% - 1320px) / 2));
    }

    .cb-col:last-child {
        width: calc(56.7% - ((100% - 1320px) / 2))
    }

    .hero-box-inverted .hb-col:first-child {
        width: calc(50% - ((100% - 1320px) / 2));
    }

    .home-heading {
        padding: 90px 0;
    }

    .mfn-input {
        width: 324px;
    }

    .pbt-btn {
        min-width: 335px;
        padding-top: 23px;
        padding-bottom: 23px;
    }

    .program-box,
    .page-content-program .featured {
        margin-top: 80px;
    }

    .cbt-icons i {
        font-size: 41px;
    }

    .cbt-description + .cbt-icons {
        margin-top: 45px;
    }

    .cbt-icons + .cbt-title {
        margin-top: 65px;
    }

    .blog-item .article-title {
        font-size: 30px;
    }

    .blog-entries {
        row-gap: 90px;
    }

}



@media screen and (min-width: 1200px) {
    .homepage header {
        background: transparent;
        box-shadow: none;
    }

    .homepage .header-wrapper {
        background-color: transparent;
    }

    .hw-header {
        justify-content: flex-start;
        position: relative;
        z-index: 101;
    }

    .header-menu li i[class^="icon"],
    .header-menu li a[class^="icon"] {
        color: #3d3330;
    }

    .header-menu li a {
        color: #3d3330;
    }
    
    .page-sidebar-wrapper {
        width: 20%;
    }

    .main-menu > ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 55px;
        height: 73px;
    }

    .main-menu a,
    .sub-nav-col .cat-name {
        font-weight: 400;
        letter-spacing: 0.035em;
        white-space: nowrap;
    }

    .main-menu > ul > li {
        position: relative;
    }

    .main-menu > ul > li > a {
        font-size: 16px;
    }

    .sub-nav li {
        position: relative;
        width: auto;
        float: none;
        padding: 5px 0;
        border-bottom: 1px solid #dddddd;
    }

    .sub-nav li:last-child {
        border: none;
    }

    .sub-nav li ul {
        background-color: #fff;
        position: absolute;
        left: 100%;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s, visibility 0s .3s;
    }

    .sub-nav li:hover ul {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }

    .main-menu .sub-nav {
        width: auto;
        padding: 7px 20px 10px 20px;
        transform: translateX(-50%);
        border-radius: 4px;
    }

    .show-all-in-cat a {
        display: block;
    }

    .sub-nav li ul li a {
        display: block;
        padding: 5px 20px;
    }


}



@media screen and (min-width: 768px) {
    .remove-all-filters-mob {
        display: none;
    }

    .remove-all-filters {
        position: absolute;
        right: 0;
        top: 25px;
        /*display: inline-block;
        margin-top: 10px;*/
    }

    .actions .nav-tabs {
        display: flex;
        flex-flow: column nowrap;
        width: 22.5%;
        border: none;
    }

    .actions .nav-tabs .nav-link {
        white-space: nowrap;
        text-transform: none;
    }

    .actions .card {
        border: none;
    }

    .actions .card .card-header {
        display: none;
    }

    .actions .card .collapse {
        display: block;
    }

    .filo-wrap > .hero-box-filo:not(:last-child) .hb-slider,
    .hero-box-wrap:not(:last-child) .hb-slider {
        margin-bottom: -9.616%;
    }

    .hero-box-wrap:not(:first-child),
    .filo-wrap > .hero-box-filo:not(:first-child) {
        padding-top: 7.324%;
    }

    .hero-box-wrap .home-heading {
        margin-top: 0;
        padding: 0 0 75px;
    }

}


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

    .main-menu .sub-nav-col ul li {
        padding: 4px 0 0 0;
    }

    .sub-nav-inner {
        width: 1130px;
    }

    .sub-nav-col {
        width: 272px;
    }

    .news-wrapper {
        margin: -15px;
    }

    .news-item {
        width: calc(25% - 30px);
        margin: 15px;
    }

    .news-title {
        font-size: 16px;
    }

    .page-sidebar {
        width: 252px;
    }

    .product .product-pic-inner {
        float: left;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .product .product-thumbs {
        width: 100%;
    }

    .product .product-thumbs button {
        float: left;
        width: 92px;
        height: 92px;
        margin-top: 0;
        margin-left: 20px;
    }

    .product .product-thumbs button:first-child {
        margin-left: 0;
    }

    .product .product-general {
        width: 530px;
        margin-left: 60px;
    }

    .product-share {
        margin-left: 0;
    }

    .product .product-general {
        width: calc(50% - 60px);
        margin-left: 60px;
    }

    .collage-top .large-img {
        width: 560px;
    }

    .collage-top-inner {
        width: 252px;
    }

    .half-col {
        width: 545px;
    }

    .filter, .toggle-filters {
        width: 189px;
    }

    .newsletter-wrapper .container {
        max-width: 100%;
    }

    .section-blog-content {
        padding: 20px 40px 0 40px;
    }

    .blog-entries-home .swiper-button-prev,
    .blog-entries-home .swiper-button-next {
        top: 40%;
    }
}

@media screen and (max-width: 1399px) {
    .basket-products {
        width: 100%;
    }

    .summary-right-wrapper {
        max-width: 100%;
        margin: 30px 0 0 0;
    }

    .slide-content .sc-title {
        font-size: 45px;
    }

    .hb-cols {
        margin-right: calc((100% - 1140px) / 2);
    }

    .hb-col:last-child {
        width: calc(50% - ((100% - 1140px) / 2));
    }

    .cb-col:last-child {
        width: calc(50% - ((100% - 1140px) / 2));
    }

    .hero-box-inverted .hb-cols,
    .cb-cols {
        margin-left: calc((100% - 1140px) / 2);
    }

    .hero-box-inverted .hb-col:first-child {
        width: calc(50% - ((100% - 1140px) / 2));
    }

    .home-heading {
        padding: 80px 0;
    }

    .hb-col:last-child {
        padding-left: 60px;
    }

    .hero-box-inverted .hb-col:last-child {
        padding-right: 75px;
    }

    .mfm-container {
        width: 281px;
    }

    .mfn-input {
        width: 304px;
        padding: 0 20px;
    }

    .mfb-menu {
        gap: 20px;
        row-gap: 10px;
    }

    .mfb-menu li {
        width: 100%;
    }

    .mfb-copy {
        font-size: 14px;
    }

    .pa-cols {
        gap: 20px;
    }

    .product-add .btn {
        padding: 23px 10px;
        font-size: 15px;
    }

    .hero-box-filo .hb-col:last-child {
        padding-top: 4%;
    }

    .hero-box-filo .hbt-description {
        margin-top: 35px;
    }

    .hbt-list > li {
        font-size: 19px;
    }

    .ph-title {
        font-size: 45px;
    }

    .program-box,
    .page-content-program .featured {
        margin-top: 70px;
    }

    .pbt-btn {
        min-width: 285px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .blog-item .article-title {
        font-size: 28px;
    }

    .blog-entries {
        row-gap: 80px;
    }

}


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

    header {
        z-index: 10000;
    }

    .search {
        border-top: 1px solid #ccc;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .homepage .main-content-wrapper {
        margin: 80px 0 0 0;
    }

    .homepage header.header-scrolled .main-menu .sub-nav,
    .homepage .main-menu .sub-nav {
        top: 0;
    }

    .container {
        max-width: 100%;
    }

    .main-menu-container > .container {
        padding: 0;
    }

    .currency-mobile .lang-curr-label svg {
        float: right;
        top: 10px;
    }

    .currency-mobile .lang-curr-label {
        font-weight: 500;
    }

    .currency-mobile .lang ul li a {
        padding: 5px 0;
    }

    .container-menu {
        background: #fff;
        position: absolute;
        right: 0;
        max-width: 370px;
        height: 100%;
        top: 0;
        bottom: 0;
        padding: 0 20px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .lang.currency {
        display: none;
    }

    .currency-mobile,
    .currency-mobile .lang.currency {
        display: block;
    }

    .currency-mobile {
        margin: 0 0 10px 0;
    }

    .currency-mobile .lang ul {
        position: relative;
        left: auto;
        top: auto;
        border: none;
        box-shadow: none;
        border-radius: 0;
    }

    .slide-content h2 {
        font-size: 30px;
    }

    .actions h2 {
        margin: 0 0 30px 0;
    }

    .benefits {
        margin: 0 0 60px 0;
        padding: 30px 0;
    }

    .header-menu > li {
        margin: 0;
    }

    .header-menu > li:last-child {
        display: block;
        position: relative;
        top: 1px;
    }

    .topbar {
        padding: 7px 20px;
    }

    .desktop-visible {
        display: none;
    }

    .tablet-visible {
        display: block;
    }

    .suggest-box {
        width: 100%;
        left: 0;
        right: 0;
    }

    .slinky-theme-default .back::before {
        padding: 1em 1em 1em 0;
        margin: 0 10px 0 0;
    }

    .slinky-menu .header .title {
        line-height: 1;
        font-family: 'Amiri', Georgia, serif;
        font-size: 20px;
        color: #3a3937;
        font-weight: 400;
    }

    .main-menu-wrapper {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-top: 0;
        background: rgba(0, 0, 0, 0.83);
        z-index: 10000;
        -webkit-transition: none;
        transition: none;
    }

    .sub-nav-col .cat-name {
        font-weight: 400;
    }

    .slinky-menu .header {
        padding: 0 15px 10px 0;
    }

    .slinky-theme-default .next::after {
        height: 1.2em;
        width: 1.2em;
    }

    .show-all-in-cat {
        display: block;
        font-weight: 600;
    }

    .main-menu {
        /* padding: 0 0 100px 0; */
        padding: 0;
        margin: 0;
        display: block;
        min-height: 80% !important;
        max-height: 100% !important;
        height: auto !important;
        /*overflow-y: auto;*/
    }

    .slinky-theme-default .title {
        padding: 0.5em;
        font-weight: 600;
        color: #9F8574;
    }

    .main-menu > ul > li:first-of-type a.back {
        text-decoration: none;
    }

    .main-menu > ul {
        padding: 0;
        position: relative;
    }

    .main-menu > ul > li {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        font-size: 16px;
        left: 0;
    }

    .main-menu > ul > li:first-of-type {
        margin-top: 0;
    }

    .main-menu > ul > li > a {
        display: flex;
        font-weight: 400;
        padding: 0;
    }

    .main-menu > ul > li.opened .sub-nav {
        display: inline-block;
    }

    .main-menu .sub-nav {
        /* display: initial; */
        position: absolute;
        top: 0;
        left: 100%;
        background: none;
        border-bottom: 0;
        box-shadow: none;
        font-size: 15px;
        right: initial;
        margin: 0;
        width: 100%;
        /* width: 350px; */
        padding: 0;
        max-height: 100%;
        overflow-y: initial;
        overflow-x: initial;
    }

    .sub-nav:before, .sub-nav:after {
        display: none;
    }

    .main-menu ul li {
        float: none;
        padding: 10px 0;
        font-size: 16px;
        margin: 0;
        border-bottom: 1px solid #e7e7e7;
        width: 100%;
        display: inline-block;
    }

    .main-menu ul li:last-child {
        border-bottom: none;
    }

    .sub-nav-inner {
        width: 100%;
    }

    .sub-nav-col {
        float: none;
        /* width: 100%; */
        width: 350px;
        padding: 20px 0 0 20px;
        position: initial;
    }


    .sub-nav .active {
        text-decoration: none;
    }

    .sub-nav-col .cat-name {
        margin-top: 0;
    }

    .mobile-main-menu-head {
        display: block;
        padding: 10px 0;
        border-bottom: 2px solid #e4e4e4;
        margin: 0 0 10px 0;
    }

    .mobile-main-menu-head ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 18px;
        font-weight: 600;
    }

    .mobile-main-menu-head ul li {
        display: table-cell;
        vertical-align: middle;
    }

    .mobile-menu-close {
        position: relative;
        width: 20px;
    }

    .mobile-menu-close a {
        position: relative;
        top: 3px;
        display: block;
        width: 20px;
        height: 30px;
    }

    .section {
        padding-top: 60px;
    }

    .section-content,
    .section-bottom {
        margin-top: 30px;
    }

    .featured .section-title {
        padding-right: 0;
        text-align: center;
    }

    .news-item {
        width: 210px;
        padding: 15px;
    }

    .news-date span {
        position: relative;
        display: block;
    }

    .main-menu-wrapper.sticky {
        top: 0;
        box-shadow: none;
    }

    .main-content-wrapper {
        margin-top: 80px;
    }

    .seasonal {
        padding-top: 30px;
    }

    .prod-item ul,
    .prod-item ul li {
        display: block;
    }

    .prod-item .item-price {
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

    .prod-item .item-price span {
        display: inline-block;
    }

    .prod-item .item-price .price-before {
        margin-left: 15px;
    }

    .prod-item .favorite-trigger {
        font-size: 20px;
    }

    .prod-item .actions-overlay {
        padding: 0 20px;
    }

    .prod-item .actions-overlay .btn {
        margin-top: 10px;
    }

    .page-main {
        width: 100%;
    }

    .filter .gd-selected {
        padding-top: 6px;
    }

    .toggle-filters a {
        padding-top: 11px;
    }

    .filters {
        width: 100%;
        max-width: 100%;
        height: 100%;
        padding: 30px 40px 30px 0;
        margin-top: 0;
        background: #fff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .filters .mobile-title,
    .close-sidebar {
        display: block;
    }

    .close-sidebar {
        position: absolute;
        right: 30px;
        top: 36px;
    }

    .filters .mobile-title {
        font-size: 24px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .sort-results {
        display: none;
        position: relative;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        z-index: 100;
    }

    .grid-heading {
        margin-top: 20px;
    }

    .grid-heading .page-nav {
        display: none;
    }

    .grid-qty {
        width: 100%;
        text-align: center;
        top: auto;
        line-height: 20px;
    }

    .grid-bottom {
        margin-top: 40px;
    }

    .prod-item .item-badges li {
        display: inline-block;
    }

    .collage-top .large-img {
        width: 625px;
    }

    .collage-top-inner {
        width: 285px;
    }

    .product .product-thumbs button {
        width: 80px;
        height: 80px;
        margin-left: 10px;
    }

    .product-characteristic {
        font-size: 14px;
    }

    .product-characteristic li:first-child {
        width: 160px;
    }

    .product .item-badges {
        left: -20px;
        right: auto;
        top: 15px;
    }

    .product .item-badges li {
        margin-top: 4px;
    }

    .half-col {
        width: 445px;
    }

    .product-sheet-title {
        font-size: 50px;
        line-height: 55px;
        margin-top: 45px;
    }

    .product-sheet-lead {
        font-size: 18px;
        margin-top: 15px;
    }

    .product-sheet-movie {
        padding: 40px 0;
    }

    .product-sheet-text {
        margin: 15px 0;
    }

    .product-sheet-bottom {
        margin-top: 30px;
    }

    .basket header {
        border-bottom: 0;
    }

    .basket-products .remove-wrap {
        width: 40px;
    }

    .basket-products .product-title {
        padding-left: 30px;
        padding-right: 30px;
    }

    .basket-products .cijena-kom-wrapper {
        width: 420px;
    }

    .basket-products .cijena-wrapper,
    .basket-products .kom-ukupno {
        width: 110px;
    }

    .basket-products .kom-wrapper {
        padding-left: 40px;
    }

    .signins-wrapper .half-col {
        padding-left: 40px;
    }

    .actions .tab-content {
        width: 74.5%;
    }

    .filter, .toggle-filters {
        width: 197px;
    }

    .viewed-items .nav-tabs {
        margin-bottom: 10px;
    }

    .viewed-item .item-fav {
        width: 54px;
        font-size: 24px;
    }

    .viewed-item .item-info {
        padding-right: 20px;
    }

    .viewed-item .item-price {
        width: 140px;
        padding-right: 40px;
    }

    .viewed-item .item-cart-action {
        width: 170px;
        padding-right: 20px;
        text-align: center;
    }

    .viewed-item .item-cart-action .move-to-cart {
        line-height: 20px;
        margin-left: 0;
    }

    .viewed-item .item-action {
        width: 24px;
    }

    .filter, .toggle-filters {
        width: 197px;
    }

    .banner-content h2 {
        font-size: 30px;
    }

    .newsletter-wrapper .nl-img {
        display: none;
    }

    .newsletter-signup-inner {
        width: 100%;
    }

    .section-blog-content {
        position: relative;
        padding: 0 15px 30px 15px;
        width: 100%;
    }

    .section-blog-content .btn {
        margin: 0;
        position: absolute;
        top: 3px;
        right: 15px;
        padding: 10px 15px;
        font-size: 13px;
        z-index: 2;
    }

    .blog-entries-home {
        width: 100%;
    }

    .blog-entries-home .swiper-scrollbar,
    .featured .swiper-scrollbar {
        display: block;
        left: 15px;
        right: 0;
        width: 97%;
    }

    .blog-entries-home .swiper-container {
        padding: 0 0 30px 0;
    }

    #katalogSearch {
        border-top: 0;
    }

    #katalogSearch:before {
        content: none;
    }

    .hb-cols {
        margin-right: 0;
    }

    .hero-box-inverted .hb-cols,
    .cb-cols {
        margin-left: 0;
    }

    .hb-col:last-child {
        width: 50%;
    }

    .hero-box-inverted .hb-col:first-child {
        width: 50%;
    }

    .hb-col:last-child {
        padding-left: 35px;
    }

    .hero-box-inverted .hb-col:last-child {
        padding-right: 35px;
    }

    .mf-col:first-child {
        display: none;
    }

    .mf-cols {
        gap: 0;
    }

    .mf-col {
        width: 47%;
    }

    .mfn-input {
        width: auto;
        flex: 1 1 auto;
        padding: 0 15px;
    }

    .mf-bottom > .container {
        display: block;
        text-align: center;
    }


    .pcc-cols {
        flex-direction: column-reverse;
        margin: 0
    }

    .pcc-col {
        padding: 0
    }

    .pcc-col:first-child,.pcc-col:last-child {
        width: 100%!important
    }

    .product-pic-carousel .swiper-button-prev {
        left: 0
    }

    .product-pic-carousel .swiper-button-next {
        right: 0
    }

    .pcc-col:first-child {
        margin-top: 5px;
    }

    .ph-title {
        font-size: 42px;
    }

    .hero-box-filo .section-heading {
        font-size: 26px;
    }

    .hero-box-filo .hbt-description {
        margin-top: 30px;
    }

    .hbt-list > li {
        font-size: 18px;
    }

    .home-heading {
        padding: 70px 0;
    }

    .program-box, .page-content-program .featured {
        margin-top: 60px;
    }

    .cb-col:first-child {
        padding-right: 45px;
    }

    .cb-col:last-child {
        width: 43%
    }

    .blog-item .article-title {
        font-size: 26px;
    }

    .blog-entries {
        row-gap: 70px;
    }

   /* .thank-you-wrapper {
        margin-top: 170px;
    }*/


    .main-footer .mf-bottom {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-general {
        width: 50%;
    }

    .katalog-tabs + .product-grid {
        row-gap: 30px;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .pa-col:first-child {
        flex: 0 0 130px;
    }

}


@media screen and (max-width: 991px) {
    .container {
        width: 100%;
        max-width: 100%;
    }

    .kosarica-page .basket-grid {
        flex-direction: column;
    }

    .kosarica-page .basket-col-left,
    .kosarica-page .basket-col-right {
        width: 100%;
    }

    .kosarica-page .basket-card {
        padding: 10px 20px;
    }

    .kosarica-page .basket-summary-card {
        padding: 25px 20px;
    }

    .kosarica-page .empty-cart {
        padding: 40px 20px;
    }

    .kosarica-page .basket-table-head {
        display: none;
    }

    .kosarica-page .basket-item-row {
        position: relative;
        display: grid;
        grid-template-columns: 72px 1fr;
        column-gap: 16px;
        row-gap: 6px;
        padding-right: 36px;
    }

    .kosarica-page .bir-product {
        display: contents;
    }

    .kosarica-page .bir-img {
        grid-row: 1 / span 4;
        align-self: start;
    }

    .kosarica-page .bir-info {
        min-width: 0;
    }

    .kosarica-page .bir-qty,
    .kosarica-page .bir-price,
    .kosarica-page .bir-total {
        width: auto;
        margin-left: 0;
    }

    .kosarica-page .bir-qty {
        justify-content: flex-start;
    }

    .kosarica-page .bir-price,
    .kosarica-page .bir-total {
        flex: none;
        flex-direction: row;
        margin-top: 0;
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        gap: 6px;
        text-align: left;
    }

    .kosarica-page .bir-remove {
        position: absolute;
        top: 0;
        right: 0;
    }

    .home-slider-wrapper .swiper-button-next,
    .home-slider-wrapper .swiper-button-prev,
    .topbar .left-side {
        display: none;
    }

    .slide-content {
        left: 20px;
    }

    .home-slider-wrapper .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 10px;
    }

    .basket-price-wrapper {
        top: 27px;
        right: -33px;
    }

    .nav-up {
        top: -145px;
    }

    .search .search-btn a {
        top: 0;
    }

    .search .mic {
        right: 60px;
    }

    .suggest-box {
        width: 100%;
        left: 0;
        right: 0;
        top: 66px;
    }

    .page-sidebar-wrapper {
        width: 0;
        padding: 0;
    }

    .page-sidebar {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        z-index: 1000;
    }

    .home-categories .container {
        padding-top: 20px;
    }

    .home-categories .cat-link {
        width: 25%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .news-item {
        width: calc(50% - 30px);
    }

    .news-date span {
        position: absolute;
        display: inline-block;
    }

    .collage-top .large-img {
        width: 100%;
    }

    .collage-top-inner {
        width: 100%;
        margin-left: 0;
    }

    .collage-top .small-img {
        width: 345px;
        margin-top: 20px;
        margin-left: 20px;
    }

    .collage-top .small-img:first-of-type {
        margin-top: 20px;
        margin-left: 0;
    }

    .product .product-pic {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .product .product-pic-inner {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 450px;
    }

    .product .product-thumbs {
        text-align: center;
    }

    .product .product-thumbs button {
        float: none;
        display: inline-block;
        width: 80px;
        height: 80px;
        margin-left: 8px;
    }

    .product .product-general {
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }

    .product-benefits,
    .product-info {
        max-width: 100%;
    }

    .product-share {
        max-width: 100%;
    }

    .half-col {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .signins-wrapper .item {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 40px;
    }

    .signins-wrapper .btn-holder {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: 25px;
        right: auto;
    }

    .signins-wrapper .half-col {
        width: 100%;
        padding-top: 40px;
        border-top: 1px solid #d5d5d5;
        padding-left: 0;
    }

    .signins-wrapper .half-col:first-of-type {
        border-top: 0;
        border-right: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 40px;
    }

    .steps li .step-title {
        display: none !important;
    }

    .steps li:last-of-type {
        margin-right: 0;
        padding-right: 0;
    }

    .steps li:last-of-type::after {
        display: none;
    }

    .detalji-kupovine {
        width: 100%;
    }

    .viewed-item {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 6px 0 16px 0;
    }

    .viewed-item > div {
        display: block;
        padding-top: 8px;
        padding-bottom: 0;
    }

    .viewed-item .item-fav {
        float: left;
        width: 16px;
        height: 60px;
        line-height: 60px;
        padding-right: 0;
        font-size: 16px;
    }

    .viewed-item .item-pic {
        float: left;
        width: 90px;
        padding: 0;
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 10px;
    }

    .viewed-item .item-info {
        padding-right: 50px;
        padding-top: 10px;
    }

    .viewed-item .item-info i {
        display: none;
    }

    .viewed-item .item-price {
        width: auto;
        padding-right: 0;
        margin-top: 8px;
        text-align: left;
        padding-left: 110px;
    }

    .viewed-item .item-cart-action {
        display: block;
        width: 100%;
        padding-top: 12px;
        padding-right: 0;
        padding-left: 145px;
        text-align: left;
    }

    .viewed-item .item-action {
        position: absolute;
        right: 8px;
        top: 4px;
        font-size: 10px;
    }

    .viewed-items .tab-pane {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .teasers a {
        width: 50%;
    }

    .filter, .toggle-filters {
        width: 295px;
    }

    .actions {
        padding: 40px 0;
    }

    .section {
        padding: 40px 0 0 0;
    }

    .compare-labels {
        display: none;
    }

    .compare-items {
        width: 100%;
    }

    .prod-attributes ul.mobile-prod-layout {
        display: block;
    }

    .prod-attributes ul.desktop-prod-layout {
        display: none;
    }

    .mobile-triggers {
        display: block;
        overflow: hidden;
        line-height: 30px;
    }

    .mobile-triggers a {
        float: left;
        width: 48%;
        text-align: center;
        color: #232323;
        margin-left: 4%;
    }

    .mobile-triggers a:first-of-type {
        margin-left: 0;
    }

    .filters {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(3,30,78,0.98);
        z-index: 11000;
        border-bottom: 0;
        margin: 0;
    }

    .filters-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: 360px;
        left: 0;
        top: 0;
        padding: 30px 25px;
        background: #fff;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .filters .mobile-title {
        display: block;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .close-filters {
        display: block;
        position: absolute;
        font-size: 12px;
        right: 20px;
        top: 30px;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        color: #39434B;
        opacity: 0.5;
    }

    .close-filters:hover {
        opacity: 1;
        color: #488BFF;
    }

    .filters-bottom {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        max-width: 360px;
        z-index: 9000;
        text-align: center;
    }

    .filters-bottom a {
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
        border-radius: 0;
    }

    .favorite-trigger:hover,
    .favorite-trigger.liked:hover {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjZjcyYjJiIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC45MzIsNC43NjEtMS43OTQtMi4wNTlhNC4wMTksNC4wMTksMCwwLDAtNi4yNjcsMCw1Ljg0LDUuODQsMCwwLDAsMCw3LjQzMUwyMyw5ODguMTlxMS45NTctMi4yNTEsMy45MS00LjUsMi4wNzctMi4zOTQsNC4xNTYtNC43ODZhNS44MzUsNS44MzUsMCwwLDAsMC03LjQzLDQuMDIsNC4wMiwwLDAsMC02LjI2NywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNmNzJhMmEiLz48L2c+PC9zdmc+) 50% 50% no-repeat;
        background-size: 20px auto;
    }

    .signin-img-holder {
        width: 100%;
        margin: 0 0 30px 0;
        background: #e1d5d4;
        padding: 30px 0;
    }

    .signin-content {
        color: #000000;
        top: auto;
        text-shadow: none;
        padding: 0;
    }

    .img-title-wrapper {
        max-width: 270px;
    }

    .prijava-wrapper {
        padding: 0;
    }

    .podaci {
        overflow: hidden;
    }

    .signin-img-holder h1 {
        margin: 0;
        font-size: 39px;
        color: #3a3937;
    }

    .signin-img-holder::before {
        position: absolute;
        left: -5%;
        right: 0;
        background: #e1d5d4;
        width: 110%;
    }

    .podaci-wrapper::after,
    .podaci-edit::after {
        display: none;
    }

    .pregled-kupovine .podaci-wrapper::after {
        display: block;
    }

    .slide-content .sc-title {
        font-size: 40px;
    }

    .home-slider-wrapper .btn {
        margin-top: 12px;
    }

    .header-menu li i[class^="icon"],
    .header-menu li a[class^="icon"] {
        font-size: 20px;
    }

    .nav-tabs {
        gap: 5px;
    }

    .mf-cols {
        flex-wrap: wrap;
    }

    .mf-col {
        width: 100%;
    }

    .mf-col:not(:first-child) + .mf-col {
        margin-top: 40px;
    }

    .mfi-description {
        max-width: none;
    }

    .mfn-input,
    .mfn-btn {
        height: 53px;
    }

    .pc-cols {
        display: block
    }

    .pc-col {
        width: 100%
    }

    .pc-col:first-child {
        width: auto
    }

    .pcc-col:first-child:not(:last-child) {
        display: none
    }

    .pc-col:last-child {
        margin-top: 30px;
        width: 100%;
    }

    .pa-col:last-child {
        flex: 0;
    }

    .product-add .btn {
        padding: 18px 30px;
    }

    .product-set-qty .change_qty {
        line-height: 58px;
    }

    .product-set-qty .change_qty li .action-handle {
        height: 58px;
    }

    .product-set-qty .change_qty li input {
        height: 58px;
        line-height: 58px;
    }

    .product-set-qty .change_qty .prod_qty {
        height: 58px;
    }

    .pd-breadcrumbs {
        margin-top: 0;
        padding: 0 0 20px 0;
        width: 100%;
    }

    .product-name {
        margin: 0;
        font-size: 34px;
    }

    .product-grid .pg-col {
        width: 31.3333%;
    }

    .hero-box-filo .section-heading {
        font-size: 24px;
    }

    .hbt-list > li {
        font-size: 17px;
    }

    .hero-box-wrap .home-heading {
        padding: 0 0 55px;
    }

    .ph-title {
        font-size: 39px;
    }

    .home-heading {
        padding: 60px 0;
    }

    .pb-cols {
        flex-wrap: wrap;
    }

    .pb-col,
    .pb-col:last-child {
        width: 100%;
    }

    .pb-col:last-child {
        margin-top: 30px;
    }

    .pbt-btn {
        min-width: 255px;
        padding-top: 18px;
        padding-bottom: 18px;
        margin-top: 15px;
    }

    .program-box,
    .page-content-program .featured {
        margin-top: 50px;
    }

    .cb-cols {
        flex-wrap: wrap;
    }

    .cb-col:first-child {
        padding-right: 12px;
        flex: 0 1 auto;
    }

    .cb-col,
    .cb-col:last-child {
        width: 100%;
    }

    .cb-col:last-child {
        margin-top: 50px;
    }

    .cb-txt {
        max-width: none;
    }

    .cbt-icons {
        max-width: 630px;
        gap: 40px 20px;
        flex-wrap: wrap;
    }

    .blog-item .article-title {
        font-size: 24px;
    }

    .blog-entries {
        row-gap: 60px;
        column-gap: 14px;
    }

    .mf-bottom-wrapper,
    .right-side-links {
        width: 100%;
    }

    .mf-bottom-wrapper {
        flex-wrap: wrap;
        margin: 40px 0 0 0;
    }

    .product-pic-inner {
        width: 100%;
        padding: 0 0 30px 0;
    }

    .product-general {
        width: 100%;
    }

    .blog-featured,
    .blog-list {
        width: 100%;
    }

    .blog-featured img {
        width: 100%;
        height: auto;
    }

    .blog-list {
        margin: 20px 0 0 0;
    }

    .blog-item-featured {
        flex-wrap: wrap;
    }

    .blog-item-featured .blog-item-pic img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
    }

    .blog-item-featured .blog-item-pic {
        width: 100%;
    }

    .blog-featured-list-content {
        width: 100%;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0;
    }

    .blog-item-featured .post-description {
        font-size: 16px;
    }

    .mf-bottom {
        row-gap: 40px;
    }

    .footer-about p {
        margin: 0;
    }

    .main-footer .mf-bottom {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .main-footer .footer-about {
        grid-column: auto;
        max-width: none;
    }

    .main-footer .mfb-bar {
        flex-direction: column;
        gap: 10px;
        text-align: center;
        margin-top: 20px;
    }

    .main-footer .mfb-logo {
        border-left: none;
        padding-left: 0;
    }

    .main-footer .cards,
    .main-footer .mf-secure {
        justify-content: center;
    }

    .features-list {
        gap: 20px 40px;
    }

    .podaci-wrapper .col-12:last-of-type .podaci {
        padding: 40px 0 0 0;
        border: none;
    }

    .podaci-wrapper .col-12:first-of-type .podaci {
        padding: 0;
    }

    .blog-featured:hover .blog-featured-content {
        transform: translateY(0);
    }

    .blog-featured:hover img,
    .blog-list-item:hover img,
    .blog-list-pic:hover img {
        transform: scale(1);
    }

    .blog-featured:hover,
    .blog-list-item .article-title:hover,
    .blog-list-item:hover .article-title {
        color: #3a3937;
    }

    .blog-featured:hover::before {
        top: 60%;
        background: linear-gradient(0deg, rgba(244, 236, 234, 1) 0%, rgba(244, 236, 234, 0.85) 41%, rgba(244, 236, 234, 0) 100%);
    }

    .kosarica-page .mobile-title {
        display: inline-block;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .package-wrapper ul li {
        padding: 0 0 0 4px;
    }

    .package-wrapper + .product-add {
        margin: 20px 0 0 0;
    }

    .package-wrapper ul .attr-name,
    .product-container {
        padding: 0;
    }

    .katalog-tabs + .product-grid {
        row-gap: 20px;
        column-gap: 2.9%;
        margin-top: 30px;
    }

    .katalog-tabs {
        margin-top: 30px;
    }

    .user-menu,
    .homepage .user-menu,
    .homepage header.header-scrolled .user-menu {
        top: 61px;
    }

    .main-footer .mfi-description {
        margin: 0 0 15px;
    }

    .main-footer .footer-about ul {
        margin: 15px 0 20px 0;
        padding: 20px 0 15px 0;
    }

    .main-footer .mfb-menu a,
    .main-footer .right-side-links a {
        padding: 5px 0;
    }

    .main-footer .mfb-menu a::after {
        top: 11px;
    }
}


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

    .eye_wrapper {
        height: 47px;
    }

    .basket-price-wrapper {
        top: 23px;
        width: 80px;
        right: -31px;
    }

    .tablica-3-kolone {
        display: block;
    }

    .tablica-3-kolone td {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-top: 40px;
    }

    .tablica-3-kolone tr:first-of-type td {
        padding-top: 40px;
    }

    .tablica-3-kolone tr:first-of-type td:first-child {
        padding-top: 0;
    }

    h1 {
        font-size: 40px;
        margin: 0 0 20px 0;
    }

    h4, .h4 {
        font-size: 16px;
    }

    .breadcrumbs {
        font-size: 12px;
        line-height: 18px;
    }

    .mobile-hidden {
        display: none;
    }

    .mobile-visible {
        display: block;
    }

    .suggest-box {
        width: 100%;
        left: 0;
        top: 45px;
    }

    .suggest-box .collection {
        display: none;
        padding: 10px 15px 10px 15px;
    }

    .suggest-box .collection, .suggest-box .product-list-small {
        width: 100%;
    }

    .suggest-box .collection ul,
    .suggest-box .collection-title {
        font-size: 12px;
        position: relative;
    }

    .suggest-box .collection-title .icon-close {
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        text-align: center;
        right: 0;
        top: 0;
        font-size: 8px;
        cursor: pointer;
    }

    .suggest-box .collection ul {
        display: none;
    }

    .suggest-box .product-list-small {
        padding: 15px;
    }

    .suggest-box .results {
        height: 400px;
        overflow-y: scroll;
    }

    .suggest-box .buttons {
        padding: 0;
    }

    .suggest-box .buttons .btn {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 0;
    }

    .suggest-box .product-list-small a.spc .spc-info {
        line-height: 16px;
    }

    .suggest-box .product-list-small a.spc .spc-info .name {
        font-size: 13px;
    }

    .main-menu-wrapper .container {
        width: 100%;
        max-width: 360px;
    }

    .mobile-main-user-controls ul {
        padding: 20px;
    }

    .mobile-triggers {
        margin-top: 30px;
        display: block;
        overflow: hidden;
        line-height: 30px;
    }

    .mobile-triggers a {
        float: left;
        width: 48%;
        text-align: center;
        color: #232323;
        margin-left: 4%;
    }

    .mobile-triggers a:first-of-type {
        margin-left: 0;
    }

    .home-slider-bookmarks {
        height: 50px;
    }

    .home-slider-bookmarks ul li {
        font-size: 13px;
        margin: 0 5px;
        padding: 10px 0;
    }

    .home-slider-bookmarks ul li span {
        width: 30px;
        height: 30px;
        line-height: 28px;
        border-radius: 14px;
        margin-right: 0;
    }

    .home-slider-bookmarks ul li i {
        display: none;
    }

    .home-categories .cat-title {
        font-size: 13px;
    }

    .section {
        padding-top: 30px;
    }

    .section-title span {
        font-size: 22px;
    }

    .section-content {
        margin-top: 20px;
    }

    .section-bottom {
        margin-top: 20px;
    }

    .highlights {
        margin-top: -15px;
    }

    .prod-item .item-price {
        font-size: 13px;
        margin-top: 15px;
    }

    .prod-item .item-price .price-before {
        display: block;
        margin-left: 0;
    }

    .prod-item .favorite-trigger {
        right: 12px;
        top: 12px;
        font-size: 20px;
    }

    .news-wrapper {
        margin: -10px;
    }

    .news-item {
        margin: 10px;
        width: calc(50% - 20px);
        line-height: 20px;
        font-size: 13px;
    }

    .news-title {
        font-size: 14px;
    }

    .news-lead {
        display: none;
    }

    .seasonal {
        padding-top: 20px;
    }

    .prod-item .item-price {
        font-size: 16px;
    }

    .product-grid {
        margin-left: -7px;
        margin-right: -7px;
    }

    .selected-filters {
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 20px;
        font-size: 13px;
    }

    .selected-filters-mobile {
        display: block;
    }

    .selected-filters-desktop {
        display: none;
    }

    .remove-all-filters-mob {
        display: inline-block;
        color: #d62525;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .grid-qty {
        width: 100%;
        text-align: center;
        top: auto;
        line-height: 20px;
    }

    .sort-results {
        display: none;
        position: relative;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        z-index: 100;
    }

    .grid-heading {
        margin-top: 20px;
    }

    .grid-heading .page-nav {
        display: none;
    }

    .collage-top {
        margin-bottom: 30px;
    }

    .collage-top .small-img {
        width: 48.5%;
        margin-left: 3%;
    }

    .collage-top .small-img:first-of-type {
        margin-left: 0;
    }

    .product .product-pic-inner {
        margin-bottom: 0;
    }

    .product .product-pic-carousel {
        padding-bottom: 0;
    }

    .product .product-general {
        margin-top: 20px;
    }

    .product .item-badges {
        left: -15px;
        top: 15px;
        width: 40px;
    }

    .product .item-badges li span {
        width: 40px;
        height: 40px;
        font-size: 10px;
    }

    .product .item-badges li span.badge-discount {
        font-size: 12px;
    }

    .product-share ul li {
        font-size: 14px;
    }

    .product-share ul a {
        width: 32px;
        height: 32px;
    }

    .product-share ul a span {
        line-height: 32px;
        top: 1px;
    }

    .product-share i {
        display: none;
    }

    .product-pills li {
        font-size: 11px;
        padding: 3px 8px;
    }

    .product-price {
        font-size: 22px;
        margin-top: 20px;
    }

    .product-benefits {
        padding: 10px 12px;
    }

    .product-add {
        margin-bottom: 0;
    }

    .product-add .btn-favorites span {
        font-size: 18px;
        margin-right: 6px;
    }

    .product-info-sheet {
        margin-top: 0;
        font-size: 13px;
        line-height: 20px;
    }

    .product-info {
        display: block;
        padding: 10px 0;
    }

    .product-info:first-of-type {
        margin-top: 25px;
        border-top: 1px solid #E3E6EC;
    }

    .product-info:last-of-type {
        border-bottom: 1px solid #E3E6EC;
    }

    .product-info li {
        display: block;
        text-align: left;
        padding: 0;
    }

    .product-characteristic {
        font-size: 13px;
    }

    .product-characteristic li {
        padding: 8px 12px;
    }

    .product-sheet-title {
        font-size: 35px;
        line-height: 40px;
        margin-top: 30px;
    }

    .product-sheet-lead {
        font-size: 16px;
        margin-top: 10px;
    }

    .product-sheet-movie {
        padding: 30px 0;
    }

    .product-sheet-emphasized {
        font-size: 14px;
    }

    .product-sheet-text {
        margin: 10px 0;
    }

    .product-sheet-bottom {
        margin-top: 20px;
    }

    .mobile-hide {
        display: none;
    }

    .basket header {
        height: 70px;
        margin-bottom: 25px;
    }

    .basket header ul {
        font-size: 12px;
    }

    .basket .section-head {
        margin-bottom: 25px;
    }

    .basket-products {
        margin-top: 0;
        border-top: 1px solid #E0E1E6;
    }

    .basket-products .item {
        position: relative;
        padding: 10px 0;
        font-size: 13px;
        line-height: 18px;
    }

    .basket-products .heading {
        display: none !important;
    }

    .cart-inner-wrapper {
        margin: 20px 0 0 0;
    }

    .basket-products .mobile-title {
        display: table-cell;
        vertical-align: middle;
        width: 70px;
        font-weight: 600;
    }

    .basket-products .basket-row,
    .basket-products .basket-row > div {
        display: block;
    }

    .basket-products .product-title {
        padding-left: 15px;
        padding-right: 25px;
    }

    .basket-products .cijena-kom-wrapper {
        width: 100%;
        padding-left: 75px;
    }

    .basket-products .cijena-kom-wrapper > div {
        display: block;
    }

    .basket-products .cijena-wrapper,
    .basket-products .kom-ukupno {
        display: table;
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

    .basket-products .kom-wrapper {
        display: table;
        width: 100%;
        padding-left: 0;
        text-align: left;
        margin-top: 10px;
    }

    .basket-products .price-single,
    .basket-products .version_add,
    .basket-products .price-sum {
        display: table-cell;
        vertical-align: middle;
    }

    .basket-products .cijena-wrapper .cijena-prije {
        display: inline-block;
        font-size: 11px;
        margin-left: 10px;
    }

    .basket-products .remove-wrap {
        position: absolute;
        right: 0;
        top: 4px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

    .basket-products .change_qty {
        max-width: 120px;
        line-height: 30px;
    }

    .basket-products .change_qty li .action-handle,
    .basket-products .change_qty .prod_qty {
        height: 30px;
    }

    .basket-products .change_qty li input {
        height: 30px;
        line-height: 30px;
    }

    .basket-btns {
        margin-top: 25px;
    }

    .basket .total-sum-wrapper .total-sum {
        font-size: 16px;
    }

    .basket .promo-code-enter ul .promo-input input {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .basket .promo-code-enter ul .promo-btn {
        width: 100px;
    }

    .steps {
        margin-bottom: 25px;
    }

    .steps li {
        margin-right: 10px;
        padding-right: 10px;
    }

    .steps li .step-wrapper .circle {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        margin-right: 0;
    }

    .signins-wrapper {
        padding-top: 0;
    }

    .signins-wrapper h4 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .signins-wrapper .half-col {
        padding-top: 25px;
    }

    .signins-wrapper .half-col:first-of-type {
        padding-bottom: 25px;
    }

    .form-control {
        font-size: 14px;
    }

    .form-group input.form-control {
        padding: 12px 10px;
    }

    .vrste-dostave,
    .terms-conditions,
    .btn-naruci-note,
    .btn-naruci {
        margin-top: 20px;
    }

    .signins-wrapper .panel:first-of-type .panel-heading,
    .signins-wrapper .panel:last-of-type .panel-heading,
    .signins-wrapper .panel-group .panel,
    .signins-wrapper .panel-group .panel:first-of-type,
    .signins-wrapper .panel-group .panel:last-of-type {
        border-radius: 4px;
        box-shadow: none;
    }

    .signins-wrapper .panel-group .panel + .panel {
        margin-top: 10px;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .purchase-details-item {
        margin-top: 15px;
    }

    .panel-group .panel-body {
        padding: 15px;
    }

    .panel-group .panel-heading {
        padding: 8px 15px;
    }

    .delivery li {
        padding: 8px 15px;
    }

    .detalji-kupovine {
        margin-top: 30px;
    }

    .all-letters-item {
        display: block;
    }

    .all-letters-item-letter {
        display: block;
        width: 100%;
        font-size: 20px;
        padding-top: 20px;
        text-align: left;
    }

    .all-letters-item-lists {
        display: block;
        vertical-align: top;
        padding-top: 10px;
    }

    .all-letters-item-lists > div {
        border-left: 0;
        padding-left: 0;
    }

    .letter-brands li {
        float: left;
        width: 50%;
        padding-right: 20px;
    }

    .podaci-uplata {
        margin-top: 25px;
    }

    .viewed-item {
        font-size: 13px;
        line-height: 16px;
    }

    .viewed-item .item-pic {
        width: 70px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .viewed-item .item-pic img {
        max-width: 100%;
    }

    .viewed-item .item-info {
        padding-right: 30px;
        padding-left: 110px;
    }

    .viewed-item .item-cart-action {
        padding-left: 110px;
    }

    .viewed-items .tab-pane {
        padding-top: 0;
        padding-bottom: 0;
    }

    .content-block {
        margin-bottom: 20px;
    }

    .category-desc {
        margin-bottom: 20px;
    }

    .cookies {
        padding: 15px 20px;
        font-size: 13px;
        line-height: 20px;
    }

    .cookies-button {
        margin-top: 15px;
    }

    .filters {
        padding: 20px 15px;
    }

    /*.thank-you-wrapper {
        margin-top: 140px;
    }*/


    /* ORDER HISTORY */
    .orderHistory {
        font-size: 12px;
        line-height: 16px;
        margin: 10px 0;
    }

    .orderHistory > .orderHistoryCols {
        display: none;
    }

    .orderHistoryCols {
        display: block;
        padding: 12px 12px;
        overflow: hidden;
    }

    .orderHistoryCols li {
        display: table;
        float: left;
        width: 80%;
    }

    .orderHistoryCols .orderID {
        width: 20%;
        margin-bottom: 42px;
    }

    .orderHistoryCols .orderTime {
        width: 80%;
    }

    .orderHistoryCols .orderTime br {
        display: none;
    }

    .orderHistoryCols .orderStatus {
        width: 80%;
    }

    .orderHistoryCols .orderTotal {
        text-align: left;
        width: 80%;
    }

    .orderItemHeading .orderHistoryCols i {
        float: left;
        display: block;
        width: 110px;
        font-style: normal;
        font-weight: 100;
    }

    .orderItemHeading .orderHistoryCols span {
        float: left;
        text-align: left;
    }

    .orderItemHeading .orderHistoryCols .orderID {
        font-size: 22px;
        line-height: 22px;
    }

    .orderItemBody {
        padding: 20px 12px;
    }

    .orderItemRecord {
        display: block;
        overflow: hidden;
    }

    .orderItemRecord li {
        position: relative;
        display: block;
        float: right;
        width: calc(100% - 110px);
    }

    .orderItemRecord .orderItemRecordID {
        width: 110px;
        margin-bottom: 30px;
        float: left;
    }

    .orderItemRecord .orderItemRecordQty {
        text-align: left;
        width: calc(100% - 110px);
    }

    .orderItemRecord .orderItemRecordPrice {
        text-align: left;
        width: calc(100% - 110px);
    }

    .orderBtns .btn {
        font-size: 12px;
        padding: 13px 24px;
    }


    .pager {
        text-align: center;
    }



    .filter,
    .toggle-filters {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 15px;
    }

    .toggle-filters a,
    .gd-selected {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .gd-selected i,
    .toggle-filters a i {
        top: 12px;
    }

    .gd-dropdown {
        top: 40px;
    }

    .toggle-filters {
        padding-bottom: 15px;
    }

    .hidden-filters {
        padding-bottom: 70px;
    }

    .hidden-filters .filter:first-of-type {
        margin-top: 0;
    }

    .selected-filters {
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 20px;
        font-size: 13px;
    }

    .remove-all-filters {
        position: relative;
        right: auto;
        top: auto;
        display: inline-block;
        margin-top: 10px;
    }

    .selected-filters-mobile {
        display: block;
    }

    .selected-filters-desktop {
        display: none;
    }

    .month-actions .tab-pane {
        display: block !important;
        opacity: 1;
    }

    .actions .tab-pane {
        display: block !important;
        opacity: 1;
    }

    .actions .tab-content {
        width: 100%;
    }

    .actions .tab-content > .tab-pane {
        visibility: visible;
        height: auto;
        overflow: visible;
        margin: 3px 0 0 0;
    }

    .actions .tab-content > .tab-pane .card-header {
        padding: 0;
        border: none;
    }

    .actions .tab-content > .tab-pane .card-header a {
        padding: 15px 10px;
        display: inline-block;
        width: 100%;
    }

    .actions .card-body {
        padding: 20px;
    }

    .actions .swiper-pagination {
        bottom: 10px;
    }

    .actions .fade:not(.show) {
        opacity: 1;
    }

    .blog-cats-mobile {
        display: block;
        margin-top: 20px;
        text-align: center;
    }

    .blog-cats-mobile select {
        display: inline-block;
        width: 100%;
        max-width: 320px;
        font-size: 16px;
    }

    .blog-cats ul {
        display: none;
    }

    .podaci.first {
        padding: 0;
    }


    .druga_adresa {
        padding: 20px 0;
    }

    .single-signin-wrapper {
        width: 100%;
        padding: 10px 0 0 0;
    }

    .single-signin-wrapper::after,
    .podaci::after,
    .pregled-kupovine .podaci-wrapper::after {
        display: none;
    }

    .newsletter-signup-inner {
        padding: 30px;
    }

    .podaci-wrapper .col-12:last-of-type .podaci {
        padding: 30px 0 0 0;
    }

    .slide-content .sc-title {
        font-size: 35px;
    }

    .home-slider-wrapper .btn {
        padding: 10px 25px;
    }

    .hw-header {
        justify-content: space-between;
    }

    header .logo {
        position: static;
        transform: none;
    }

    .search .search-field input {
        padding: 14px 55px 14px 50px;
    }

    .podaci-single-card .single-signin-wrapper.podaci {
        padding: 30px 20px;
    }

    .podaci-single-card .account-note-box {
        flex-wrap: wrap;
        padding: 20px;
    }

    .podaci-single-card .account-note-btn {
        width: 100%;
        text-align: center;
    }

    .podaci-single-card .form-row {
        flex-direction: column;
        gap: 0;
    }

    .podaci-single-card .accordion-toggle {
        padding: 15px;
        gap: 12px;
    }

    .podaci-single-card .accordion-body {
        padding: 0 15px 20px 15px;
    }

    .paymentmethod-container .checkout-main-card {
        padding: 25px 20px;
    }

    .paymentmethod-container .checkout-summary-card {
        padding: 25px 20px;
        height: auto;
        border-left: none;
        border-top: 1px solid #ece1db;
    }

    .paymentmethod-container .option-label {
        flex-wrap: wrap;
        gap: 10px;
    }

    .checkout-review .review-grid {
        flex-direction: column;
        gap: 20px;
    }

    .checkout-review .review-col-left,
    .checkout-review .review-col-right {
        width: 100%;
    }

    .checkout-review .review-card,
    .checkout-review .review-note-box {
        padding: 25px 20px;
    }

    .checkout-review .review-trust-badges {
        flex-direction: column;
        gap: 20px;
    }

    .kosarica-page .basket-grid {
        flex-direction: column;
        gap: 20px;
    }

    .kosarica-page .basket-col-left,
    .kosarica-page .basket-col-right {
        width: 100%;
    }

    .kosarica-page .basket-card {
        padding: 10px 20px;
    }

    .kosarica-page .basket-summary-card {
        padding: 25px 20px;
    }

    .kosarica-page .empty-cart {
        padding: 40px 20px;
    }

    .kosarica-page .basket-table-head {
        display: none;
    }

    .kosarica-page .basket-item-row {
        position: relative;
        flex-wrap: wrap;
        padding-right: 36px;
        gap: 5px;
    }

    .kosarica-page .bir-product {
        width: 100%;
    }

    .kosarica-page .basket-item-row {
        row-gap: 8px;
        column-gap: 16px;
    }

    .kosarica-page .bir-qty {
        width: auto;
        justify-content: flex-start;
    }

    .kosarica-page .bir-price,
    .kosarica-page .bir-total {
        width: 100%;
        flex: none;
        flex-direction: row;
        margin-top: 0;
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        gap: 6px;
        text-align: left;
    }

    .kosarica-page .bir-remove {
        position: absolute;
        top: 5px;
        right: 0;
    }

    .hb-cols {
        flex-wrap: wrap;
        flex-direction: column-reverse !important;
    }

    .hb-col {
        flex: 0 1 auto !important;
        width: 100% !important;
        padding: 0 12px !important;
    }

    .hb-col:first-child {
        margin-top: 40px;
    }

    .home-slider-wrapper .swiper-slide:before {
        background-color: rgba(0,0,0,.2);
    }

    .hbt-btn {
        margin-top: 35px;
    }

    .section-heading {
        font-size: 28px;
    }

    .f-heading {
        margin-bottom: 24px;
    }

    .product-grid .pg-col {
        width: 48%;
    }

    .hero-box-wrap,
    .filo-wrap > .hero-box-filo {
        margin-top: 40px;
    }

    .hero-box-wrap {
        padding: 50px 0 30px;
    }

    .hbt-description {
        max-width: none;
    }

    .ph-title,
    .signin-img-holder h1 {
        font-size: 36px;
    }

    .blog-title {
        margin-top: 25px;
    }

    .page-header {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hh-title {
        font-size: 18px;
    }

    .hero-box-filo .section-heading {
        font-size: 22px;
    }

    .hbt-list {
        gap: 10px;
    }

    .hbt-list > li {
        font-size: 16px;
    }

    .hero-box-wrap .home-heading {
        padding: 0 0 45px;
    }

    .home-heading {
        padding: 50px 0;
    }

    .home-section:not(.home-heading):not(.hero-box-filo) {
        margin-top: 40px;
    }

    .featured .tab-content {
        margin-top: 24px;
    }

    .program-box, .page-content-program .featured {
        margin-top: 50px;
    }

    .pbt-btn {
        min-width: 245px;
        margin-top: 10px;
        padding: 15px;
    }

    .pbt-btn:before, .pb-img-wrap:before {
        font-size: 24px;
        margin-right: 18px;
    }

    .blog-item .article-title {
        font-size: 22px;
    }

    .blog-entries {
        grid-template-columns: 1fr;
        margin: 40px 0;
    }

    .buttons-bottom {
        margin-top: 80px;
    }

    .blog-entries {
        row-gap: 40px;
    }

    .pregled-kupovine .basket-list,
    .detalji-kupovine-pregled {
        float: none;
        width: 100%;
    }

    .pregled-kupovine .basket-list {
        padding-left: 0;
    }

    .detalji-kupovine-pregled {
        padding-right: 0;
        margin-top: 40px;
    }

    .pregled-kupovine-wrapper::after {
        content: none;
    }

    .blog-hero:first-child {
        margin-top: 20px;
    }

    .pdi-mail {
        white-space: normal;
    }

    .categories-home .container {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 20px;
    }

    .mf-icons {
        width: 100%;
        justify-content: center;
        margin: 20px 0 0 0;
    }

    .footer-about {
        width: 100%;
    }

    .prod-item {
        padding: 0 0 120px 0;
    }

    .prod-item > ul {
        padding: 15px 15px 0 15px;
    }

    .price-add-btn-wrapper {
        padding: 15px;
    }

    .product-sheet-cols {
        flex-direction: column;
        gap: 20px;
    }

    .product-sheet-divider {
        display: none;
    }

    .half-col-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .half-col-wrapper .half-col {
        margin: 0;
    }

    .half-col-wrapper .half-col + .half-col ul {
        margin-top: 0;
    }

    .product-description .half-col {
        padding: 0;
    }
}


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

    .news-date span {
        display: block;
        position: relative;
    }

    .collage-top .small-img,
    .collage-top .small-img:first-of-type {
        margin-top: 15px;
    }

    .basket header ul {
        font-size: 11px;
    }

    .basket header ul li {
        display: block;
        margin: 0;
        text-align: right;
    }

    .tablica-podaci,
    .tablica-podaci tr {
        display: block;
    }

    .tablica-podaci tr {
        margin-top: 15px;
    }

    .tablica-podaci tr:first-of-type {
        margin-top: 0;
    }

    .tablica-podaci tr td {
        display: block;
        border: 1px solid #f2f2f2;
    }

    .basket .promo-code-enter ul {
        width: 100%;
    }
}


@media only screen and (max-width: 575px) {
    h1 {
        font-size: 30px;
    }

    header .logo img {
        width: 200px;
    }

    .basket h1 {
        margin: 0 0 20px 0;
    }

    .swiper-pagination-bullet::after {
        background: #d1d1d1;
    }

    .swiper-pagination-bullet-active::after {
        background: #898479;
    }

    .header-menu {
        margin: 3px 0 0 0;
    }

    .benefits {
        text-align: left;
        margin: 0 0 40px 0;
        padding: 20px 0;
    }

    .benefits ul .benefit-icon {
        float: left;
    }

    .benefits ul .benefit-icon span {
        width: 60px;
        height: 60px;
    }

    .benefits ul .benefit-icon span img {
        width: 34px;
        max-height: 32px;
    }

    .benefits ul {
        padding: 0 0 5px 0;
        display: inline-block;
        width: 100%;
    }

    .benefits h3 {
        font-size: 14px;
    }

    .benefits .middle-benefit .benefit-icon span img {
        width: 43px;
        max-height: 43px;
    }

    .benefits ul .benefit-text {
        padding: 10px 0 0 20px;
        display: block;
        float: left;
        width: 75%;
    }

    .benefits ul .benefit-text div {
        font-size: 14px;
        line-height: 1.4;
        margin: 5px 0 0 0;
    }

    .tablica-3-kolone td {
        width: 100%;
        padding-right: 0;
    }

    .left-side-banners {
        max-width: 100%;
    }

    .highlights-inner {
        margin-left: 0;
        margin-right: 0;
    }

    .highlights-inner a {
        margin: 15px 0 0 0;
        display: inline-block;
        width: 100%;
    }

    .highlights img {
        width: 100%;
    }

    .highlights .middle-banner {
        margin: 15px 0 0 0;
    }

    .news-wrapper {
        margin: -15px 0 0 0;
    }

    .news-item {
        margin: 15px 0 0 0;
        width: 100%;
    }

    .prod-item .favorite-trigger {
        right: 10px;
        top: 10px;
    }

    .prod-item .item-price span {
        display: block;
    }

    .prod-item .item-price .price-before {
        margin-left: 0;
    }

    .collage-top .small-img {
        width: 100%;
        margin-left: 0;
    }

    .product .product-pic-inner {
        margin-bottom: 10px;
    }

    .product .product-thumbs button {
        width: 50px;
        height: 50px;
        margin-left: 6px;
    }

    .product .product-general {
        margin-top: 25px;
    }

    .podaci-uplata ul,
    .podaci-uplata ul li {
        display: block;
    }

    .podaci-uplata ul li:first-child {
        width: 100%;
    }

    .teasers a {
        width: 100%;
    }

    .pagination {
        width: 100%;
        display: inline-block;
    }

    .pagination li {
        display: block;
        float: left;
        margin: 0 0 10px 0;
    }

    .filters {
        max-width: 100%;
    }

    .blog-cats ul li a {
        font-size: 14px;
    }

    .banner-content h2 {
        font-size: 25px;
    }

    .banner-content {
        max-width: 95%;
        top: 5%;
    }

    .right-side-banner .banner-content {
        bottom: 5%;
    }

    .actions h2 {
        margin: 0 0 20px 0;
    }

    .brands {
        padding: 15px 20px;
    }

    .brands a {
        height: 70px;
    }

    .brands a img {
        max-width: 90px;
    }

    .home-categories-carousel .swiper-slide a {
        font-size: 16px;
        padding: 5px 15px;
    }

    .featured .swiper-button-prev,
    .featured .swiper-button-next,
    .blog-entries-home .swiper-button-prev,
    .blog-entries-home .swiper-button-next {
        display: none;
    }

    .featured .swiper-scrollbar,
    .blog-entries-home .swiper-scrollbar {
        width: 93%;
    }

    .btn-basket-back,
    .btn-basket-order,
    .btn-naruci-note {
        width: 100%;
    }

    .btn-basket-back {
        margin-top: 10px;
        text-align: center;
    }

    /*.slide-content-wrap > .container {
        padding-bottom: 13.35%;
    }

    .slide-content .sc-title,
    .home-slider-wrapper .btn {
        margin-top: 5px;
    }*/

    .logo img {
        width: 190px;
    }

    .product-grid .pg-col {
        width: 100%;
    }

    .program-box, .page-content-program .featured {
        margin-top: 40px;
    }

    .pbt-btn {
        min-width: 225px;
        padding: 15px 10px;
    }

    .pbt-btn:before, .pb-img-wrap:before {
        margin-right: 15px;
    }

    .cbt-icons span {
        font-size: 15px;
        margin-top: 15px;
    }

    .cbt-icons i {
        font-size: 36px;
    }

    .cbt-description + .cbt-icons {
        margin-top: 35px;
    }

    .cbt-icons + .cbt-title {
        margin-top: 55px;
    }

    .cb-col:last-child {
        margin-top: 40px;
    }

    .cbt-title {
        font-size: 30px;
    }

    .blog-nav {
        gap: 20px;
    }

    .bn-item {
        width: calc(50% - 20px);
    }

    .blog-content,
    .blog-hero {
        margin-top: 40px;
    }

    .mfb-menu li {
        width: 100%;
    }

    .home-slider-wrapper {
        background: #fff;
        padding: 0 0 10px 0;
    }

    .slide-content-wrap {
        position: relative;
        padding: 10px 0 0 0;
    }

    .pi-list > li + li {
        margin-top: 10px;
    }

    .homepage .home-slider-wrapper .swiper-slide:before {
        background: transparent;
    }

    .swiper-nav {
        position: relative;
        bottom: auto;
        margin: 10px 0 0 0;
    }

    .slide-content .sc-title {
        font-size: 30px;
    }

    .categories-home {
        margin: 40px 0 0 0;
    }

    .categories-home .category-card-overlay {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .prod-item .view-prod-btn a {
        font-size: 14px;
    }

    .blog-featured::before,
    .blog-featured:hover::before {
        top: 20%;
    }

    .beh-btn {
        margin-top: 20px;
    }

    .blog-featured-list-content {
        padding: 20px;
    }

    .summary-right-wrapper h2 {
        font-size: 24px;
    }

    .product-grid {
        margin-left: 0;
        margin-right: 0;
    }

    .main-footer .footer-about ul {
        margin: 10px 0 20px 0;
        padding: 20px 0;
    }

    .basket-benefits-wrapper {
        margin-top: 0;
    }

    
}

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

    header .logo img {
        width: 160px;
    }

    h2, .h2 {
        font-size: 25px;
    }

    .section-blog-content .btn {
        top: 0;
    }

    .slide-content h2 {
        font-size: 22px;
    }

    .blog-cats ul li {
        margin-left: 10px;
    }

    .blog-cats ul li a {
        font-size: 16px;
    }

    .banner-content h2 {
        font-size: 22px;
    }

    .signins-wrapper .btn-holder .btn,
    .prijava-wrapper .login-3rd-party .btn {
        width: 100%;
    }

    .prijava-wrapper .login-3rd-party .btn:first-of-type {
        margin: 0 0 10px 0;
    }

    .login-3rd-party {
        margin-top: 10px;
    }

    .slide-content .sc-title {
        font-size: 30px;
    }

    .hw-header,
    .basket header {
        height: 60px;
    }

    .homepage .main-content-wrapper,
    .main-content-wrapper {
        margin: 60px 0 0 0;
    }

    .header-menu {
        gap: 20px;
    }

    .logo img {
        width: 180px;
    }

    .mf-newsletter {
        flex-wrap: wrap;
    }

    .pa-cols {
        flex-wrap: wrap;
    }

    .pa-col {
        width: 100%;
    }

    .pa-col:last-child {
        flex: 1 1 auto;
    }

    .features-list {
        grid-template-columns: 1fr;
    }

    .ph-title,
    .signin-img-holder h1 {
        font-size: 33px;
    }

    .blog-title {
        margin-top: 20px;
    }

    .page-header {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    .hero-box-filo .section-heading {
        font-size: 20px;
    }

    .hero-box-wrap .home-heading {
        padding: 0 0 35px;
    }

    .hero-box-wrap {
        padding: 35px 0 20px;
    }

    /*.thank-you-wrapper {
        margin-top: 120px;
    }*/

    .bn-btn-next {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    .bn-btn-prev:before,
    .bn-btn-next:after {
        display: flex;
        margin: 0 0 7px;
        width: 30px;
        height: 30px;
    }

    .blog-nav {
        gap: 10px;
    }

    .bn-item {
        width: calc(50% - 10px);
    }

    .mfn-btn {
        width: 100%;
    }

    .mfb-menu {
        gap: 10px;
    }

    .right-side-links {
        flex-wrap: wrap;
    }

    .right-side-links li {
        width: 100%;
    }

    .nav-tabs li a,
    .nav-tabs .nav-link {
        font-size: 16px;
        margin-right: 20px;
    }

    .raskid-note h4 {
        display: block;
        width: 100%;
    }

    .raskid-note a {
        margin: 10px 0 0 0;
    }

    .mf-bottom {
        row-gap: 20px;
    }

    .mfb-menu a,
    footer {
        font-size: 15px;
    }

    footer {
        padding: 40px 0 20px 0;
        line-height: 1.4;
    }

    .main-footer .footer-about > img {
        max-width: 160px;
    }

    .main-footer .cards li img {
        height: 20px;
    }

    .features-list li {
        width: 100%;
    }

    .pa-col:first-child {
        flex: auto;
    }

    .product-set-qty .change_qty,
    .product-set-qty {
        width: 100%;
        max-width: 100%;
    }

    .product-description .nav-tabs::after {
        display: none;
    }

    .product-description .nav-tabs {
        display: block;
        border-radius: 10px 10px 0 0;
        padding: 20px 25px 11px 25px;
    }

    .product-container .tab-content {
        border-radius: 0 0 10px 10px;
        padding: 25px;
    }

    .product-description .nav-tabs::before {
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .signins-wrapper .item {
        padding: 30px;
    }

    .signins-wrapper h2 {
        margin: 0 0 15px 0;
    }

    .forgot-pass {
        margin: 0;
    }

    .heading-wrapper,
    .signins-wrapper {
        margin: 0 0 30px 0;
    }

    .features-list {
        gap: 10px 30px;
        padding: 15px;
        margin: 30px 0 0 0;
    }

    .features-list li {
        font-size: 15px;
    }

    .features-list img {
        width: 22px;
    }

    .product-description,
    .above-footer-nl {
        margin: 30px 0 0 0;
    }

    .checkout-review .review-submit-btn {
        padding: 15px;
        font-size: 15px;
    }

    .btb-item-icon svg,
    .btb-item-icon {
        width: 30px;
        height: 30px;
    }

    .mf-heading {
        font-size: 29px;
    }

    .newsletter-wrapper p {
        font-size: 15px;
    }

    .mfn-input {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
    }

    .mfn-btn {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .user-menu,
    .homepage .user-menu,
    .homepage header.header-scrolled .user-menu {
        top: 49px;
    }

    .search {
        padding: 20px 12px;
    }

    #gemini-chatbot-launcher {
        width: 50px!important;
        height: 50px!important;
    }

    .katalog-tabs .nav-tabs .nav-tabs-label {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .katalog-tabs .nav-tabs li,
    .katalog-tabs .nav-tabs li:last-child {
        margin: 5px 10px 0 0;
    }

    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border-color: transparent;
    }

    .main-footer .mfb-menu a::after {
        top: 8px;
    }

    .main-footer .mf-icons li img {
        top: 0;
    }

    .mf-bottom-wrapper {
        margin: 30px 0 0 0;
    }

    .half-wrapper .single-signin-wrapper.login-card,
    .half-wrapper .new-customer-registration-wrapper {
        padding: 30px;
    }

    .half-wrapper .new-customer-registration-wrapper ul li,
    .new-customer-registration-wrapper ul li {
        align-items: flex-start;
    }

    .half-wrapper .new-customer-registration-wrapper ul li .icon-checkmark,
    .new-customer-registration-wrapper ul li .icon-checkmark {
        position: relative;
        top: 7px;
        font-size: 12px;
    }

    .new-customer-registration-wrapper ul li {
        padding: 0 0 15px 0;
    }

    .new-customer-registration-wrapper ul li:last-child {
        padding: 0;
    }
}



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

    .home-slider-wrapper a {
        width: 100%;
    }

    .newsletter-signup-inner {
        padding: 25px;
    }

    .section-blog-content .btn {
        padding: 7px 15px;
        top: 2px;
    }

    .newsletter-signup-content h2 {
        font-size: 20px;
    }

    .banner-content h3,
    .banner-link {
        font-size: 14px;
    }

    .logo img {
        width: 160px;
    }

    .bn-btn {
        font-size: 14px;
    }

    .blog-item-featured .btn,
    .blog-entries .btn {
        font-size: 14px;
    }

    .signins-wrapper .item {
        padding: 20px;
    }

    .heading-wrapper p {
        font-size: 15px;
    }

    .btb-item-icon svg,
    .btb-item-icon {
        width: 25px;
        height: 25px;
    }

    .product-description .nav-tabs {
        padding: 20px 25px 11px 25px;
    }

    .product-container .tab-content {
        padding: 25px;
    }

    .half-wrapper .single-signin-wrapper.login-card,
    .half-wrapper .new-customer-registration-wrapper {
        padding: 20px;
    }
    
}