@media screen and (max-width: 1260px) {
    .prod-children {
        left: -100px;
        max-width: 745px;
        max-height: 500px;
        overflow: auto;
    }
    .prod-children::before { left: 130px; }
    .prod-children > div { justify-content: center; }
    
    .category-children {
        grid-template-columns: repeat(4, 210px);
        justify-content: center;
        overflow-y: auto;
    }

    .prev-blog, .next-blog { display: none; }
}

@media screen and (max-width: 1130px) {
    .menu-item > a {
        font-size: 12px;
        line-height: 16px;
    }

    .recomendation-swiper .product-card,
    .similar-prod-swiper .product-card { width: 280px; }

    .prod-grid {
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
    }

    .content-page-text { width: calc(100% - 320px); }
    .content-img { width: 300px; }

}

@media screen and (max-width: 1023px) {
    .menu { display: none; }
    #menu-toggle-button { display: flex; }

    .category-children { grid-template-columns: repeat(3, 210px); }
    .latest-grid { grid-template-columns: repeat(3, 1fr); }

    .main-offer {
        font-size: 16px;
        line-height: 21px;
    }

    .offer-item {
        font-size: 10px;
        line-height: 13px;
    }

    .offer-item > img { height: 175px; }

    .subscription-form {
        flex-direction: column;
        align-items: unset;
        padding: 0 15px;
    }

    .gallery-grid {
        grid-template-columns: repeat(2, 400px);
        justify-content: center;
    }

    .blog-grid {
        grid-template-columns: repeat(2, 320px);
        justify-content: center;
    }

    .similar-blog-swiper .blog-item { width: 280px; }
}

@media screen and (max-width: 900px) {
    .offer-item > img { height: 130px; }
    .footer-content { flex-wrap: wrap;}

    .search-form { 
        padding: 0 30px;
        height: 300px; 
    }
    .search-form-cont { gap: 20px; }

    .prod-grid { grid-template-columns: repeat(1, 280px); }

    .product { 
        flex-direction: column; 
        align-items: center; 
    }

    .product-details, .product-info { width: 560px; }
    .about-prod { padding-left: 0; }

    .content-page-text { padding: 30px 30px 50px; }

    .gallery-grid { grid-template-columns: repeat(2, 250px); }
    .gallery-item a { height: 250px; }
}

@media screen and (max-width: 767px) {
    .categories-cont { flex-direction: column-reverse; align-items: unset; }
    .main-video, .category-list { width: 100%;}

    .category-children { grid-template-columns: repeat(2, 210px); }
    .category-list.active ~ .main-video { display: unset; }
    .category-list:hover > .toggle-arrow { right: -15px; }
    .category-list-head > img:last-child { margin-left: auto; }

    .latest-grid { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 10px;
    }

    .offers-content { flex-direction: column; align-items: center; }
    .main-offer {  width: 100%; }
    .main-offer > img { height: 300px; }

    .offer-grid { width: 430px; }

    .content-page .content { flex-direction: column-reverse; align-items: center; }
    .content-page-text { width: 100%; }

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

    .contact-content { flex-direction: column; }
    .contact-form, .map { width: 100%; }
    .map iframe { height: 300px; }
}

@media screen and (max-width: 700px) {
    .subscription-form { height: 215px; }
    .subscription-form > span {
        font-size: 16px;
        line-height: 21px;
    }

    .subscription-form input { width: 100%; }
    .subscription-form div { flex-direction: column; }

    .curr-blog {
        width: 100%;
        max-width: 100%;
    }

    .curr-blog > img:first-child { height: 350px; }
    .contact-imgs { flex-wrap: wrap; }
}

@media screen and (max-width: 650px) {
    .product-content, .used-equipment { flex-direction: column; }
    .prod-filter-cont, .prod-grid-cont { width: 100%; }

    .prod-filter-head {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
    }

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

    .prod-filter-body .child-categories:first-of-type,
    .prod-filter-body > div:first-child > a:first-child { padding-top: 30px; }
    .prod-filter-body .child-categories:last-of-type,
    .prod-filter-body > div:last-child  > a:last-child { padding-bottom: 30px; } 

    .prod-grid { grid-template-columns: repeat(2, 1fr); }
    .prod-filter-cont > img { display: none; }
}

@media screen and (max-width: 600px) {
    .call-request-form {
        right: -100%;
        width: 100%;
    }
    .product-details, .product-info { width: 400px; }
    .product-img-button { height: 75px; }

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

    .prod-prev { padding: 30px 20px; }
    .cart-actions { flex-direction: column; }
    .cart-actions > * { 
        flex: unset;
        height: 40px;
    }
}

@media screen and (max-width: 550px) {
    .category-children { grid-template-columns: repeat(1, 210px); }

    .latest-item .img-cont { height: 250px; }
    .latest-item .tag { 
        font-size: 10px;
        line-height: 13px;
        left: 15px; 
        bottom: 110px;
        width: 150px;
        height: 35px;
    }
    .latest-desc { padding: 30px 10px 20px 15px; }

    .latest-desc p {
        font-size: 14px;
        line-height: 19px;
        height: 38px;
        margin-bottom: 15px;
    }

    .latest-desc a {
        font-size: 10px;
        line-height: 13px;
    }

    .recomended-container, .offers-container { padding: 40px 20px; }
    .heading { margin-bottom: 30px; }
    .heading span, .similar-prod-heading {
        font-size: 16px;
        line-height: 21px;
    }

    .heading a { font-size: 10px; line-height: 13px; }
    .heading a:hover { font-size: 12px; line-height: 16px; }

    footer { padding-top: 50px !important; }
    .footer-content { flex-direction: column; }
    .footer-content > div:first-child .copyright { display: none; }
    .footer-content > .copyright { display: flex; flex-direction: column; }

    .similar-prods-container { padding-bottom: 50px; }
    .similar-prod-heading > div div {
        font-size: 10px;
        width: 25px;
        height: 25px;
    }

    .gallery-grid { grid-template-columns: repeat(2, 1fr); }
    .gallery-item a { height: 150px; }

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

@media screen and (max-width: 500px) {
    .offer-grid { width: 100%; }
    .partner-swiper { margin-bottom: 40px !important; }
    .partner-slide {
        width: 150px !important;
        height: 150px !important;
    }

    .partner-slide > img {
        width: 100px;
        height: 100px;
    }
    
    .product-container, .content-page, .contact-container,
    .gallery-container, .blog-container { padding: 40px 20px; }

    .prod-grid { grid-template-columns: repeat(1, 1fr); }

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

    .content-img { width: 100%; }

    .curr-blog > img:first-child { height: 300px; }
    .blog-info .title {
        font-size: 16px;
        line-height: 22px;
    }

    .share-blog {
        flex-direction: column;
        align-items: unset;
    }

    .fullname { flex-direction: column; gap: 10px; }
    .fullname > div { width: 100%; }

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

    .contact-items { grid-template-columns: repeat(1, 1fr); }
    .contact-item:first-child { grid-column: 1; }
}

@media screen and (max-width: 450px) {
    .category-list-head.active { gap: 10px; }
    .category-list-head.active a {
        font-size: 10px;
        line-height: 13px;
    }

    .category-list-head span:nth-child(2) {
        font-size: 12px;
        line-height: 16px;
    }

    .latest-grid { grid-template-columns: repeat(1, 1fr); gap: 20px; }
    .main-offer > img { height: 250px; }
    .offer-item > img { height: 120px; }

    .offer-item span {
        height: 26px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .call-request-head { 
        font-size: 14px;
        line-height: 19px;
        padding: 20px;
    }

    .call-request-head > div { gap: 10px; }
    .call-request-head > div div {
        width: 30px;
        height: 30px;
    }

    .call-form { padding: 30px 20px 75px; }

    .product-details, .product-info { width: 100%; }
    .main-product-swiper, .product-slide { height: 250px !important; }
    .video-instruction iframe { height: 190px; }

    .blog-grid { grid-template-columns: repeat(1, 320px); gap: 25px; }
    .blog-item > img { height: 180px; }

    .contact-imgs > img { max-width: 100%; }
}

@media screen and (max-width: 400px) {
    .prices { flex-direction: column; }
    .prod-prev > .name {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 20px;
    }

    .gallery-item span {
        font-size: 12px;
        line-height: 16px;
    }

    .curr-blog > img:first-child { height: 250px; }
    .blog-info .title {
        font-size: 14px;
        line-height: 19px;
    }
    .map iframe { height: 200px; }
}