@media (min-width:576px) { 
    .home-promo__mobile {
        display: none;
    }
}
@media(max-width:639px) {
    div.woocommerce .products.columns-5 .product,
    .tax-product_cat ul.products.columns-5 .product,
    .related .products .product,
    .recently-viewed .product {
        width: calc(50% - 16px);
    }
    .results-panel {
        display: block;
    }
    form.woocommerce-ordering {
        width: 100%;
    }
    .woocommerce-result-count {
        margin-bottom: 16px;
    }
    .footer-contacts {
        margin-bottom: 34px;
    }
    #menu-footer {
        margin-bottom: 24px;
    }
    .footer-phones {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-phones a:nth-child(4),
    .footer-phones a:nth-child(5) {
        width: 100%;
        text-align: center;
        margin-top: 24px;
    }
    .articles-wrapper {
        display: block;
    }
    .article:not(:last-child) {
        margin-bottom: 40px;
    }
}
@media(min-width:640px) {
    #menu-footer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        column-gap: 48px;
    }
    .woocommerce-result-count {
        margin: 0;
    }
}
@media(min-width:640px) and (max-width:767px) {
    div.woocommerce .products.columns-5 .product,
    .tax-product_cat ul.products.columns-5 .product {
        width: calc(50% - 24px);
    }
}
@media(max-width:767px) {
    body {
        font-size: 15px;
        line-height: 26px;
    }
    .header-main .container {
        padding: 16px 24px;
    }
    .woocommerce-shop .product-category,
    .home .product-category {
        width: 100%;
        height: auto;
    }
    .burger {
        top: 23px!important;
    }
    .woocommerce-shop .product-category a,
    .home .product-category a {
        padding: 16px 80px 16px 24px;
    }
    .woocommerce-shop .product-category img,
    .home .product-category img {
        width: 60px;
        height: auto;
    }
    .woocommerce-shop .woocommerce-loop-category__title,
    .home .woocommerce-loop-category__title {
        order: 1;
        font-weight: 400;
        margin: 0;
    }
    .woocommerce-loop-product__title {
        font-size: 13px;
        line-height: 18px;
        max-height: 54px;
        -webkit-line-clamp: 3;
        margin-bottom: 0;
    }
    .products.columns-5,
    .products.columns-3,
    .product-cats {
        margin-bottom: 40px;
    }
    div.woocommerce .products.columns-5,
    .tax-product_cat ul.products.columns-5 {
        row-gap: 40px;
    }
    .slider {
        padding: 40px 0;
    }
    .form-text,
    .woocommerce-product-gallery.images {
        margin-bottom: 40px;
    }
    .home-promo__desktop {
        display: none;
    }
    .post-image {
        margin-bottom: 32px;
    }
    .post-content {
        margin-bottom: 24px;
    }
    .nav-prev,
    .nav-wrapper--product a[rel="prev"] {
        margin-bottom: 16px;
    }
    .nav-next,
    .nav-wrapper--product a[rel="next"] {
        text-align: right;
    }
}
@media(min-width:768px) {
    .product-container {
        display: flex;
    }
    .content-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .post-image {
        width: 50%;
        flex-shrink: 0;
        padding-right: 48px;
    }
    .post-info {
        width: 50%;
        flex-shrink: 0;
    }
    .post-content {
        width: 100%;
        margin: 32px 0;
    }
    .woocommerce-product-gallery.images {
        width: 45%;
        flex-shrink: 0;
    }
    .summary.entry-summary {
        width: 55%;
        flex-shrink: 0;
        padding-left: 48px;
    }
    .slider .container {
        height: 100%;
        background: url(/wp-content/themes/zipshop/images/slide-home.png) no-repeat;
        background-position: top right;
    }
    .slider-left {
        height: 100%;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
    }  
    .nav-wrapper {
        display: flex;
        column-gap: 48px;
        justify-content: space-between;
    }
}
@media(min-width:768px) and (max-width:1199px) {
    .slider {
        padding: 60px 0;
    }
    .slider .container {
        background-size: 350px 241px;
        background-position: right 24px center;
    }
}
@media(min-width:640px) and (max-width: 959px) {
    .articles-wrapper {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 32px;
    }
}
@media (max-width: 839px) {
    .footer-logo {
        margin-bottom: 24px;
        text-align: center;
    }
}
@media (min-width: 840px) {
    .footer-top {
        display: flex;
        justify-content: space-between;
    }
}
@media (max-width: 959px) {
    .container-404 {
        margin-bottom: 40px;
    }
    .container-404 img {
        display: none;
    }
    .footer-info {
        margin-bottom: 24px;
        margin-top: 32px;
        font-size: 12px;
        line-height: 18px;
    }
    footer .contact-details {
        margin-bottom: 24px;
    }
}
@media (min-width: 960px) {
    .container-404 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 60px;
    }
    .container-404 img {
        display: block;
        width: 60%;
        height: auto;
        flex-shrink: 0;
    }
    .footer-middle .container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 24px;
    }
}
@media (max-width: 1199px) {
    body.fixed {
        height: 100vh;
        position: fixed;
        overflow: hidden;
    }
    .site-header {
        margin-bottom: 20px;
    }
    body.home .site-header {
        margin: 0;
    }
    .burger {
		width: auto;		
        position: absolute;
        right: 24px;
        top: 29.5px;
        z-index: 2001;
        cursor: pointer;
    }
    .burger.open {
        right: 20px;
    }
    .burger:before {
        content: "\e05a";
        font-family: "icons-v2" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 26px;
		display: block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 26px;
    }
    .burger.open:before {
        content: "\39";
        font-size: 30px;
    }
    .header-top {
        display: none;
    }
    .site-header.static {
        position: static;
    }
    #menu-block {
        display: none;
        position: fixed;
        top: 69px;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 32px;
        background: white;
        z-index: 1000;
    }
    #menu-block.visible {
        display: flex;
        flex-direction: column;
    }
    .phones-mobile {
        margin: auto -32px -32px;
        background: #F5F5F7;
        padding: 24px 32px;
    }
    .header-main {
        position: relative;
    }
    .phones-mobile a {
        display: block;
        font-size: 16px;
        line-height: 48px;
        font-weight: 600;
        color: #141414;
    }
    #menu-header li a {
        font-size: 16px;
        line-height: 48px;
    }
    .content-wrapper,
    .nav-wrapper--product {
        margin-bottom: 40px;
    }
    .slider {
        margin-bottom: 40px;
    }
    .slider__title {
        font-size: 28px;
        line-height: 34px;
    }
    .cat-title {
        margin: 40px 0 20px;
    }
    .woocommerce-products-header__title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .post-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px;
    }
    body {
        font-size: 14px;
        line-height: 24px;
    }
    h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 18px;
    }
    .page-content ul li:before {
        top: 6px;
    }
}
@media(min-width:1200px) {
    body {
        font-size: 16px;
        line-height: 28px;
    }
    .post-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 28px;
    }
    h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .site-header {
        margin-bottom: 40px;
    }
    body.home .site-header {
        margin: 0;
    }
    .slider {
        padding: 40px 0;
        height: 500px;
        margin-bottom: 60px;
    }
    #menu-header {
        align-items: center;
        display: flex;
        column-gap: 32px;
        margin-left: 32px;
    }
    #menu-header li a {
        font-size: 14px;
    }
    #menu-header li:last-child a {
        display: block;
        color: white;
        font-size: 14px;
        font-weight: 500;
        font-family: Montserrat, sans-serif;
        height: 42px;
        line-height: 42px;
        padding: 0 20px;
        border-radius: 6px;
        background: #5677fc;
        background: linear-gradient(to right, #5677fc 0, #3fc7fd 50%, #5677fc 100%);
        background-position: 0;
        background-size: 200% 200%;
        transition: all .3s ease-in-out;
    }
    #menu-header li:last-child a:hover {
        background-position: 100% center;
    }
    .related .products {
        margin-bottom: 60px;
    }
    .cat-title {
        margin: 60px 0 20px;
    }
    .woocommerce-products-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .woocommerce-products-header #searchform {
        width: 250px;
    }
    .content-wrapper,
    .nav-wrapper--product {
        margin-bottom: 60px;
    }
    .phones-mobile {
        display: none;
    }
    .header-top__left,
    .header-top__right {
        display: flex;
        column-gap: 32px;
    }
}
@media(min-width:768px) and (max-width:1199px) {
    .woocommerce-shop .product-category,
    .home .product-category {
        width: calc(50% - 16px);
    }
    .woocommerce-shop .product-category img,
    .home .product-category img {
        height: 120px;
    }
    div.woocommerce .products.columns-5 .product,
    .tax-product_cat ul.products.columns-5 .product,
    .related .products .product,
    .recently-viewed .product {
        width: calc(33.333333333% - 32px);
    }
}
@media(min-width:1200px) and (max-width:1365px) {
    .woocommerce-shop .product-category img,
    .home .product-category img {
        height: 130px;
    }
}
@media(min-width:1366px) {
    .woocommerce-shop .woocommerce-loop-category__title,
    .home .woocommerce-loop-category__title {
        font-size: 20px;
    }
}