@media screen and (max-width: 1250px) {
    .header-content { gap: 5px; }

    .auth { 
        background: rgba(255,255,255,0.2);
        width: 45px;
    }
    .auth div { display: flex; }
    .auth span { display: none; }

    .search { width: 250px; }

    .menu-item > a {
        font-size: 12px;
        line-height: 16px;
    }

    .footer-links * {
        font-size: 14px;
        line-height: 19px;
        padding: 0 25px;
    }

    .banner-info {
        left: 30px;
        right: 30px;
        gap: 10px;
        justify-content: space-between;
    }

    .logged {
        justify-content: center;
        padding-left: unset;
        gap: unset;
    }

    .logged div {
        background: unset;
        width: unset;
        height: unset;
    }

    .my-orders, .personal-info-form { padding: 30px; }
    .order-details::before { top: 0; }
}

@media screen and (max-width: 1150px) {
    .latest-prod-slide, .similar-prod-swiper .product-card-cont { width: 235px !important; }
    .sales-grid {
        grid-template-columns: repeat(2, 235px);
        justify-content: center;
    }
    
    .banner-swiper { height: 450px; }
}

@media screen and (max-width: 1023px) {
    .header-content { gap: 20px; }
    .menu, .header-content .search { display: none; }
    .utility-bar { margin-left: auto; }
    #menu-toggle-button { display: flex; }

    .footer-links { margin-bottom: 60px; }
    .footer-links * {
        font-size: 10px;
        line-height: 13px;
        padding: 0 10px;
        height: 55px;
        width: 200px;
    }

    .footer-menu > a {
        font-size: 12px;
        line-height: 16px;
    }

    .dropdownMenu .search {
        margin: 24px 0;
        width: 100%;
    }

    .dropdownMenu .search input {
        background: transparent;
        border: 1px solid white;
        border-radius: 23px;
        color: white;
        font-size: 12px;
        line-height: 16px;
        height: 45px;
    }

    .dropdownMenu .search button {
        border: 1px solid var(--secondary-color);
        height: 45px;
        width: 45px;
    }

    .content-page > img, .faq-page > img, 
    .contact-page > img {
        width: 30%;
        height: 290px;
    }

    .content-page-text, .faq { width: 70.5%; }
    
    .news-grid {
        grid-template-columns: repeat(2, 350px);
        justify-content: center;
    }

    .current-news > img:first-child { height: 380px; }

    .banner-info > img {
        width: 300px;
        height: 250px;
    } 

    .category-list {
        grid-template-columns: repeat(2, 280px);
        justify-content: center;
    }

    .triangle, .triangle-hover, .triangle1, .triangle1-hover {
        display: none !important;
    }

    .product-grid { grid-template-columns: repeat(2, 235px); column-gap: 15px; }

    .main-product-swiper, .product-slide { height: 300px !important; }

    .order-item { align-items: flex-start; }
    .order-name { max-width: 100%; }
    .order-item > div:last-child { 
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        width: calc(100% - 165px);
    }

    .order-details { padding: 13px 0 0; width: 100%; }
    .order-details::before {
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
    }

    .bill {
        padding: 30px;
        width: 350px;
    }

    .delivery-form, .delivery-info, .cart-info {
        padding: 30px;
        width: calc(100% - 370px);
    }
}

@media screen and (max-width: 900px) {
    .footer-top { 
        flex-wrap: wrap;
        gap: 30px;
    }

    .news { flex-direction: column; }
    .current-news, .other-news { width: 100%; }

    .other-news-items {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(2, 350px);
        gap: 30px;
    }

    .banner-info > div > p {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 15px;
    }

    .banner-list {
        font-size: 12px;
        line-height: 16px;
    }

    .category-list { grid-template-columns: repeat(1, 300px); } 
    .product-grid { grid-template-columns: repeat(1, 235px); }

    .product { gap: 30px; }
    .product-img-button { height: 75px; }
    .prod-prev { flex-direction: column; }
    .product-colors { flex-direction: row; }
    .prod-prev > div, .description-content { width: 100%; }

    .product { flex-direction: column; }
    .main-product-swiper, .product-slide { height: 420px !important; }
    .product-details, .product-info {
        width: 500px;
        margin: 0 auto;
    }
    .product-img-button { height: 95px; }

    .account-nav {
        padding: 30px 20px;
        width: 260px;
    }

    .account-nav hr { margin: 10px 0;}

    .my-orders, .personal-info-form { width: calc(100% - 280px); }

    .delivery-content { flex-direction: column; gap: 40px; }
    .delivery-form, .delivery-info, .cart-info, .bill { width: 100%; }

    .sales-grid { grid-template-columns: repeat(1, 235px); }
}

@media screen and (max-width: 767px) {
    .test-mode {
        font-size: 12px;
        line-height: 18px;
        padding: 10px 14px;
        height: auto;
        text-align: center;
        white-space: normal;
        word-break: break-word;
    }
    .decor:first-of-type { width: 321px; height: 283px; }
    .decor:nth-of-type(2) { width: 376px; height: 243px; top: 180px;  left: -35px; }
    .decor:nth-of-type(3) { width: 316px; height: 422px;  top: 180px; right: -68px; }

    .footer-links { flex-wrap: wrap; }
    .footer-top {
        flex-direction: column;
        gap: 40px;
    }

    .footer-menu > a {
        font-size: 14px;
        line-height: 19px;
    }

    .footer-logo { order: 1; }
    .footer-top .social-media { order: 2; }
    .footer-menu:nth-child(4) { order: 3; }
    .footer-menu:nth-child(5){ order: 4; }
    .footer-contact { order: 5; }
    .footer-top .digital-payments { order: 6; }

    .footer-bottom .social-media,
    .footer-bottom .digital-payments { display: none; }

    .footer-top .social-media,
    .footer-top .digital-payments { display: flex; }

    .copyright { text-align: unset; }

    .register-form { padding: 40px 25px 50px; }

    .side-contact a {
        width: 265px;
        padding: 0 14px;
        font-size: 12px;
        line-height: 16px;
    }

    .login { padding: 40px; }
    .login > p:first-child { margin-bottom: 35px; }

    .page-container { padding: 35px 20px 90px; }
    .content-page > img, .faq-page > img, .contact-page > img { display: none; }
    .content-page-text, .faq { width: 100%; }

    .contact-form, .contact-items, .map { width: 100%; }
    .contact-info { flex-direction: column; }

    .news-grid, .other-news-items { grid-template-columns: repeat(2, 250px); }
    .news-item > img { height: 150px; }
    .news-prew { padding: 20px; }
    .news-prew .desc {
        font-size: 12px;
        line-height: 16px;
        height: 48px;
    }

    .banner-swiper { margin-bottom: 0 !important; }
    .banner-info {
        flex-direction: column;
        align-items: center;
    }

    .banner-info > img {
        width: 250px;
        height: 150px;
    }

    .product-container, .sales-container { padding: 35px 30px 60px; }

    .latest-prod-bg, .product-slide-cont > img:first-child { display: none; }
    .latest-prod-swiper, .product-swiper { width: 100% !important; }

    .product-status-select {
        font-size: 14px;
        line-height: 19px;
        gap: 20px;
        padding-bottom: 15px;
    }

    .product-status-select label::after { top: 28px; }

    .product-heading a {
        font-size: 10px;
        line-height: 13px;
    }

    .cabinet-container { padding: 35px 20px 75px; }
    .account-nav { display: none; }
    .mobile-account-nav {
        display: flex;
        width: 100%;
    }
    
    .my-orders, .personal-info-form { width: 100%; }

    .cabinet-content { flex-direction: column; gap: 30px; }
    .mob-acc-heading {
        background: rgba(255, 255, 255, 0.76);
        border-radius: 5px;
        color: unset;
        text-decoration: none;
        display: flex;
        font: 14px 'BPG Mrgvlovani';
        line-height: 19px;
        padding: 0 20px;
        height: 50px;
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.05));
        width: 100%;
    } 

    .mob-acc-heading div {
        background: var(--primary-color);
        border-radius: 50%;
        color: white;
        font-size: 10px;
        width: 30px;
        height: 30px;
    }

    .personal-info-form > p:first-child { display: none; }

    .sales-grid-cont { width: 100%; }
    .sales-grid { grid-template-columns: repeat(2, 235px); }

    .banner-swiper { height: 350px; }
}

@media screen and (max-width: 650px) {
    .product-content {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    .filter-head div { display: flex; }
    .filter { width: 100%; }

    .filter-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
    }
    
    .filter-body.active { max-height: 2000px; }

    .category-list { grid-template-columns: repeat(2, 1fr); width: 100%; } 

    .product-grid-cont { width: 100%; }
    .product-grid { grid-template-columns: repeat(2, 1fr); }
    
    .banner-swiper { height: 250px; }
}

@media screen and (max-width: 600px) {
    .decor:nth-of-type(3) { display: none; }

    .question {
        gap: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .question p { width: calc(100% - 35px); }

    .toggle-icon {
        width: 25px;
        height: 25px;
    }

    .bar { width: 10px; height: 2px; }
    .bar:first-child { margin-left: -2px; }
    .bar:nth-child(2) { transform: translateX(-4px) rotate(90deg); }
    .faq-item.show .bar:nth-child(2) { transform: translateX(-4px) rotate(180deg); }

    .answer { width: 100%; }
    .answer-content { padding: 20px; }

    .news-grid, .other-news-items  { 
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .main-product-swiper, .product-slide { height: 300px !important; }
    .product-details, .product-info {
        width: 400px;
        margin: 0 auto;
    }
    .product-img-button.swiper-slide { 
        width: 120px !important;
        height: 100px !important; 
    }
    
    .description-item .bar:nth-child(2) { transform: translateX(-3px) rotate(90deg); }
    .description-item.show .bar:nth-child(2) { transform: translateX(-3px) rotate(180deg);}
}

@media screen and (max-width: 550px) {
    .utility-bar { display: none; }
    .auth { margin-left: auto; }

    .login-container { padding: 35px 10px 90px; }
    .fullname { flex-direction: column; }
    .contact-form .fullname { gap: 10px; }
    .fullname > div { width: 100%; }

    .dropdownMenu .utility-bar { display: flex; }

    .content-page-text, .faq { padding: 30px 20px 40px; }
    .content-page-text > p:first-child, .faq > p:first-child,
    .page-title  {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .current-news > img:first-child { height: 250px; }
    .current-news-info hr { margin: 20px 0; }

    .current-news-info .title {
        font-size: 16px;
        line-height: 22px;
    }

    .go-back { font-size: 12px; line-height: 16px; }

    .category-name {
        font-size: 12px;
        line-height: 16px;
        height: 32px;
    }

    .category-name div { width: 25px; height: 25px; }
    .category-name div img { transform: scale(0.7); }

    .category-list1 { font-size: 10px; line-height: 13px; }

    .product-status-select {
        font-size: 10px;
        line-height: 13px;
        gap: 15px;
        padding-bottom: 10px;
    } 
    .product-status-select label::after { top: 20px; }

    .sales-grid { grid-template-columns: repeat(1, 235px); gap: 45px; }
}

@media screen and (max-width: 500px) {
    .product-grid { grid-template-columns: repeat(1, 235px); }

    .cart-item { align-items: flex-start; }
    .cart-desc > div {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 15px;
    }

    .cart-item > button { bottom: 0; top: unset; }
    .cart-item > button i:first-child { display: none; } 
    .cart-item > button i:nth-child(2) { display: flex; }
}

@media screen and (max-width: 450px) {
    .register-btn { width: 100%; }
    .register-form > p:first-child {
        font-size: 16px;
        line-height: 22px;
    }

    .register-form > p:nth-child(2), .data-title {
        font-size: 11px;
        line-height: 14px;
    }

    .send-form, .share-news {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .send-form button { width: 100%; }

    .contact-items { grid-template-columns: repeat(1, 1fr); }
    .news-grid,.other-news-items  { grid-template-columns: repeat(1, 300px); }
    .news-item > img { height: 180px; }
    .share-news { gap: 10px; }

    .current-news-info .title {
        font-size: 14px;
        line-height: 19px;
    } 

    .banner-info > div > p {
        font-size: 20px;
        line-height: 24px;
    }

    .banner-list {
        font-size: 10px;
        line-height: 13px;
    }

    .banner-info { align-items: flex-start; }

    .category-list { grid-template-columns: repeat(1, 300px); }
    .category-name { font-size: 14px; line-height: 19px; height: unset; }
    .category-list1 { font-size: 12px; line-height: 14px; }

    .main-select .select2-container { min-width: 100% !important; }

    .main-select .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 14px !important;
        line-height: 19px !important;
    }


    .main-product-swiper, .product-slide { height: 250px !important; }
    .product-details, .product-info {
        width: 100%;
        margin: 0 auto;
    }

    .prod-prev > div { padding: 30px 20px; }

    .prod-prev .name {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 15px;
        -webkit-text-stroke: 0.3px var(--text-color);
    }

    .prices { flex-direction: column; }
    .cart-actions { gap: 10px; flex-wrap: wrap; }
    .desc-title {
        font-size: 12px;
        line-height: 16px;
    }

    .similar-prod-title {
        width: 100%;
        max-width: 100%;
    }

    .prev-similar, .next-similar { display: none; }
    .video-instruction iframe { height: 190px; }

    .order-item { flex-direction: column; }
    .order-item > div:last-child { width: 100%; }
    .order-details::before { content: none; }

    .delivery-form, .delivery-info, .cart-info { padding: 30px 15px; }
    
    .cart-img {
        border-radius: 10px;
        width: 110px; 
        height: 80px; 
        padding: 10px;
    }
    .cart-img img { width: 70px; height: 50px; }

    .cart-desc { width: calc(100% - 110px); }
    .cart-desc .name {
        font-size: 10px;
        line-height: 13px;
        height: 26px;
    }

    .cart-desc .order-price span:first-child { font-size: 12px; line-height: 16px; }
    .cart-desc .order-price span:last-child { font-size: 14px; line-height: 19px; }

    .cart-item > button { top: 0; bottom: unset; }
    .cart-desc .name { max-width: 125px; }

    .delivery-info > p:first-child {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .info-block, .contact-modal-header, .subscription-modal-header,
    .contact-modal-body, .subscription-modal-body { padding: 20px; }
    .contact-modal-title, .subscription-modal-title {
        font-size: 14px;
        line-height: 19px;
    }

    .banner-swiper { height: 180px; }
}

@media screen and (max-width: 380px) {
    .logo > img { width: 150px; }

    .news-grid, .other-news-items, .category-list { grid-template-columns: repeat(1, 1fr); }

    .current-news > img:first-child { height: 200px; }

    .main-select .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 12px !important;
        line-height: 16px !important;
    }
}