@media (max-width: 1000px) {
    body * {
        box-sizing: border-box;
    }
    .homepage {
        background: #fff;
    }
    .navbar .navbar_inline {
        width: 100%;
    }
    .inner_div {
        width: 100%;
    }
    .contents {
        flex-direction: column;
    }
    .contents .content_col {
        width: 100% !important;
    }
    .footer_inline {
        width: 100%;
        display: grid;
        padding: 0 20px;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }
    .footer_end {
        width: 100%;
        padding: 0 20px;
    }
    .contents .content_col:last-child {
        transform: unset;
    }

    .navbar .navbar_inline {
        padding: 0 20px;
    }

    .navbar .bottom .navbar_inline {
        display: none;
    }

    .logo {
        left: 20px !important;
    }

    .anouncement {
        width: 100%;
    }

    .slider_image {
        object-fit: cover;
        object-position: left;
        height: 250px;
    }
    .image_slider {
        height: 250px;
    }
    .content_col {
        border-bottom: 1px solid #ddd;
    }

    .contents {
        transform: unset;
    }

    .contents .content_col:last-child {
        gap: 10px;
    }
    .contents .news_col .content_header {
        display: none;
    }
    .anouncement {
        margin-top: 0;
    }
    .contents .content_col:nth-child(2) {
        transform: unset;
    }
    .contents .content_col .content_contact {
        padding-top: 30px;
    }

    .about .hero_section .hero_inline img {
        width: 100%;
    }

    .about .hero_section .hero_inline,
    .hero_section .hero_inline,
    main .global-product-capsul .product-list,
    .pagination-controls,
    main .global-product-detail-capsul,
    .ecatalog_page {
        width: 100%;
    }
    .about .about_inline {
        width: 100%;
        padding: 0 10px;
    }

    .footer_col:first-child {
        display: none;
    }

    .navbar_mobile_icon {
        display: block;
    }

    .navbar_mobile {
        display: flex;
    }

    .navbar {
        position: fixed !important;
        top: 0;
        left: 0;
    }

    body {
        margin-top: 102px !important;
    }
}

@media (max-width: 700px) {
    .about .about_inline {
        flex-direction: column;
    }
    .about_router .router_items {
        width: 100%;
    }
    .about_router .router_items .router_item {
        width: unset;
    }
    .about_inline .about_content {
        padding: 0;
    }
    .breadcrumbs {
        padding-top: 20px;
    }
    .breadcrumbs p {
        font-size: 12px;
    }

    .gallery {
        padding: 0;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 10px;
    }

    .gallery_item img {
        width: 100%;
        height: 100%;
    }

    .contact_form .form_item {
        width: 100%;
    }

    .contact_form .form_item input {
        width: 100%;
    }

    .contact_form .form_item textarea {
        width: 100%;
    }
    .footer_inline {
        grid-template-columns: repeat(3, 1fr);
    }

    .footer_end {
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    .navbar .logo img {
        width: 200px;
    }
    .navbar .logo {
        top: 27px;
    }
    .image_slider {
        height: 150px;
    }
    .slider_image {
        object-fit: contain;
        object-position: top;
        height: unset;
    }
}
