@media screen and (max-width: 660px) {
    .footer-content .container .col {
        width: 50%;
        text-align: center;
    }

    .featured-product {
        margin: 0 15px 30px;
    }

    .footer-content .container {
        justify-content: center;
    }

    .blog-body aside ul {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }

    .archive .blog-post .excerpt h2,
    .single-post .blog-post .excerpt h2,
    .search .blog-post .excerpt h2 {
        order: 0;
        flex-basis: 100%;
        padding-left: 80px;
        min-height: 60px;
    }

    .archive .blog-post .excerpt img:nth-of-type(2),
    .search .blog-post .excerpt img:nth-of-type(2)  {
        float: left;
        display: block;
        margin: 0 20px 20px 0;
    }

    .archive .blog-post .excerpt > img:nth-of-type(1),
    .search .blog-post .excerpt > img:nth-of-type(1) {
        display: none;
    }

    .single-post .blog-post .excerpt > img:nth-of-type(1) {
        float: left;
    }

    .blog-post {
        position: relative;
    }

    .blog-post .date {
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 60px;
        padding: 12px 0;
    }
    
    .blog-post .date p,
    .blog-post .date p:first-child {
        font-size: 17px;
    }
}

@media screen and (max-width: 640px) {
    header .logowrapper .container {
        justify-content: center;
    }

    .twitter-widget .owl-stage-outer {
        width: 100%;
    }

    .twitter-widget .owl-stage-outer .owl-item {
        padding: 35px;
    }

    .twitter-widget .owl-nav {
        position: absolute;
        right: 20px;
        bottom: 10px;
    }

    #about-content aside iframe {
        width: 100%;
    }

    .woocommerce li.product .onsale_cust {
        left: 0;
    }

    .wc-cart-notif {
        width: 100%;
        right: 0;
    }

    #customer_details,
    #order_review,
    .woocommerce-shipping-calculator {
        float: none;
        width: 100%;
        margin-right: 0;
    }

}

@media screen and (max-width: 600px) {
    .woocommerce ul.products[class*="columns-"] li.product, 
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100%;
        float: none;
    }

    .woocommerce ul.products[class*="columns-"] li.product img, 
    .woocommerce-page ul.products[class*="columns-"] li.product img {
        margin-left: auto;
        margin-right: auto;
    }

    .woocommerce ul.products .onsale_cust {
        left: calc((100% - 228px) / 2);
    }

    .woocommerce ul.products.list li.product a img {
        float: none;
        margin-right: auto;
    }

    .woocommerce ul.products.list li.product a h2,
    .woocommerce ul.products.list li.product a .price,
    .woocommerce ul.products.list li.product {
        text-align: center;
    }

    ul.products.list li .product-description {
        text-align: left;
    }

    /* wc tabs */
    .woocommerce div.product .wc-tabs li > div.woocommerce-Tabs-panel {
        text-transform: none;
        Font-weight: 400;
        border: 1px solid #dcdcdc;
        padding: 30px 20px; 
        border-radius: 0;
        border-top: 0;
        margin-bottom: 0;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs > li {
        padding: 0;
        border: 0;
        display: block;
        float: none;
        margin-bottom: 15px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a {
        background: #7bae23;
        color: #fff;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs > li > a {
        padding: 10px 20px; 
        border: 1px solid #dcdcdc;
        display: block;
        background: #dcdcdc;
        border-radius: 3px 3px 0 0;
    }

    .woocommerce div.product .wc-tabs li > div.woocommerce-Tabs-panel ul li {
        display: block;
        background: none;
        padding: 5px;
        border: 0;
        cursor: text;
    }


    .woocommerce div.product .wc-tabs li > div.woocommerce-Tabs-panel ul li::before {
        box-shadow: none;
        width: 3px;
        height: 3px;
        border: 3px solid #777777;
        border-radius: 50%;
        bottom: auto;
        top: 10px;
        left: -5px;
    }

    .woocommerce div.product .wc-tabs li > div.woocommerce-Tabs-panel h4 {
        color: #444645;
    }

    .woocommerce div.product .wc-tabs li {
        border-radius: 0;
        border: 0;
    }
    
    .woocommerce .wc-tabs li > div.woocommerce-Tabs-panel ul li::after {
        display: none;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs::before {
        border: 0;
    }

    .woocommerce div.product section.related {
        margin-top: 20px;
    }

    .woocommerce section.related.products ul.products li.product {
        width: 100%;
        margin-bottom: 10px;
    }

    .woocommerce.single-product .cheesy-snaps-wrapper .snap {
        flex-basis: 100%;
    }

    .woocommerce div.product form.cart .button {
        float: right;
    }

    .counter-box {
        width: 100%;
        margin-top: 20px;
    }

    .counter {
        margin: 20px 0;
    }

    .contact-page .wpcf7-form > div:nth-of-type(2) {
        flex-direction: column;
    }

    .contact-page .wpcf7-form > div:nth-of-type(2) * {
        margin-right: 0;
    }

    #contact-icons > div {
        flex-basis: 100%;
    }
    
    .delivery-page > .delivery-col {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    #page_content .bubble {
        position: relative;
        margin: 10px auto;
        width: 100%;
        max-width: 500px;
        left: 0;
        top: 0;
    }

    /* product carousel */

    .woocommerce div.product div.images .flex-control-thumbs {
        float: none;
        flex-direction: row;
        margin: 0 5px;
    }
    
    .woocommerce div.product div.images .flex-control-thumbs li {
        height: 100px;
        width: 90px;
        margin-right: 10px;
    }
    
    .product-carousel {
        margin-top: 20px;
        height: 100px;
        overflow: hidden;
        position: relative;
    }
    
    .product-carousel span {
        width: 25px;
        height: 30px;
        top: calc((100% - 30px) / 2);
        line-height: 30px;
        bottom: auto;
    }
    
    .product-carousel .button-next {
        right: 0;
        left: auto;
    }

    .product-carousel .button-prev i::before {
        content: '\f053';
    }

    .product-carousel .button-next i::before {
        content: '\f054';
    }
    
    .product-carousel .button-prev {
        left: 0;
        right: auto;
        top: calc((100% - 30px) / 2);
    } 
    
    .woocommerce div.product div.images .flex-viewport {
        width: 100%;
        max-height: 350px;
        float: none;
    }

    #shop-toolbar > div {
        display: none;
    }

}

@media screen and (max-width: 510px) {
  .archive .blog-post .excerpt span {
      display: block;
  }

  #page_content .bubble h1 {
    font-size: 70px;
  }

  #page_content .bubble h2 {
      font-size: 25px;
  }
}

@media screen and (max-width: 500px) {
    header .mobilemenu .mobile-menu-wrapper .menu-main-navigation-menu-container {
      left: 0;
    }

    .footer-content .container .col {
        width: 100%;
    }

    #about-content article img {
        width: 115px;
        height: auto;
    }

    .blog-post .date {
        width: 40px;
        height: 40px;
        padding: 5px 0;
    }
    
    .blog-post .date p,
    .blog-post .date p:first-child {
        font-size: 14px;
        margin: 0;
    }

    .archive .blog-post .excerpt h2 {
        padding-left: 60px;
    }
}

@media screen and (max-width: 450px) {
    .archive .blog-post .excerpt img:nth-of-type(2),
    .single-post .blog-post .excerpt img:nth-of-type(2)
    .search .blog-post .excerpt img:nth-of-type(2)  {
        float: none;
        margin: 0 auto 20px;
    }

    .archive .blog-post .excerpt span {
        display: inline;
    }

    
  #page_content .bubble h1,
  #page_content .bubble h2 {
    margin: 0
  }

  #page_content .bubble {
      padding-top: 0;
  }
}

@media screen and (max-width: 400px) {
    #shop-toolbar select {
        width: calc(100% - 136px);
        padding-left: 5px;
    }

    .woocommerce.single-product .quantity.buttons_added input:not(.quantity_button) {
        width: 100px;
    }

    .woocommerce.single-product .quantity.buttons_added input.quantity_button {
        left: 75px;
    }

    body.single-post h2.entity-title {
        font-size: 32px;
    }

    .woocommerce-cart table.cart .actions #coupon_code,
    .woocommerce-page table.cart td.actions .coupon .button {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .woocommerce-cart table.cart .actions #coupon_code {
        margin-bottom: .5em;
    }

    #brand-details > div {
        min-width: 100%;
    }
}