@media (min-width: 480px) {
   #ttv-newsletter-popup {
      left: 50%;

      width: 440px;
      height: 550px;
      margin-left: -220px;
   }
}

@media (min-width: 600px) {
  #b_search { width: auto; }
    #b_search input[type="text"] { 
      float: left;
      width: 300px;
      padding: 0.5em;
      line-height: 1em;
    }

    #b_search_ac {
      width: 500px;
    }

   #ttv-newsletter-popup {
      position: fixed;
      top: 50%;
      left: 50%;

      width: 565px;
      height: 445px;
      margin-left: -282px;
      margin-top: -208px;
  
      border: 15px solid #1d252d;
   }
      #ttv-newsletter-popup.covid {
         width: 700px;
         height: 700px;
         margin-left: -350px;
         margin-top: -350px;

         color: #fff;
      }
      #ttv-newsletter-popup.covid2 {
         width: 700px;
         height: 225px;
         margin-left: -350px;
         margin-top: -113px;

         color: #fff;
      }
      #ttv-newsletter-popup.covid3 {
         width: 700px;
         height: 275px;
         margin-left: -350px;
         margin-top: -250px;

         color: #fff;
      }
      #ttv-newsletter-popup.layout-vertical {
         width: 419px;
         height: 550px;
         margin-left: -210px;
         margin-top: -275px;

         background: #9e4725;
         border-color: #fff;
      }
  
      #ttv-newsletter-popup header {
         float: left;

         font-size: 17px;
         line-height: 19px;
      }
         #ttv-newsletter-popup.layout-vertical header {
            float: none;
         }
         #ttv-newsletter-popup header .ttv-np-inner { display: block; }

      #ttv-newsletter-popup header h2 { 
         width: 386px; 
         font-size: 32px;
      }

      #ttv-newsletter-popup .ttv-np-main,
      #ttv-newsletter-popup footer { 
         width: 345px;
         margin-left: 220px;
      }
         #ttv-newsletter-popup .ttv-np-main { margin-top: 40px; }
         #ttv-newsletter-popup.lang-fr .ttv-np-main { margin-top: 20px; }

         #ttv-newsletter-popup.layout-vertical .ttv-np-main,
         #ttv-newsletter-popup.layout-vertical footer {
            width: 100%;
            margin-top: 0;
            margin-left: 0;
         }

  .ttv-news-ticker.tnt-bottom .tnt-content {
    font-size: 1.2em;
  }

  #order-payment-methods h4 {
    position: absolute;
    width: 150px;

    margin-bottom: 0.5em;
    border-width: 1px 0 0;
  }
   #order-payment-methods h4:nth-child(3) {
     top: 100px;
   }

   #order-payment-methods .order-expander-content {
      margin-left: 150px;
      margin-bottom: 0;
      border-width: 0 0 0 1px;
   }

  .ttv-news-ticker-carousel { top: 0; }
}

@media (min-width: 750px) {
  .ctr-fw-bg { display: block; }
  .ctr-fw-bg-mobile { display: none; }
}

@media (min-width: 768px) {
  #product_list .ajax_block_product { margin-bottom: 60px; }
    #product_list .ajax_block_product:nth-child(2n+1) { clear: left; }

    .ttv-cat-maker { display: block; }
    .has-maker-info #product_list .ajax_block_product:nth-child(2) { clear:left; }

  #b_top_ticker {
    font-size: 17px;
    line-height: 24px;
  }

  #b_top_nav, #b_mid_nav {
    font-size: 15px;
    line-height: 34px;
  }
  #b_header_nav ul > li:first-child { display: inline-block; }
      #b_header_nav a { margin-left: 25px; }

  #b_mid_nav { text-align: right; }
    #b_mid_nav a { margin: 0 0 0 25px; }

  #b_search { display: block; }
  #ttv-search-btn { display: none; }
    #b_search_ac { 
      right: 115px;
    }

  #b_main_nav { margin-top: 0; }
    #b_main_nav .logo {
      width: 138px;
      height: 135px;
    }

  .ttv-search-element {
    display: block;
    float: left;
    margin-right: 5px;
  }
    .ttv-search-element-content {
      position: absolute;
      top: 70px;
      left: 0;
      z-index: 100;
    }
    .filter-categories .ttv-search-element-content { width: 500px; }
      .category-children { column-count: 2; -moz-column-count: 2; }

  #ttv_search_filter {
    display: block;
  }
  #ttv_search_filter .submit {
    display: block;
    float: right;
    padding: 0;
    margin: 15px 20px 15px 0;
  }

  ul.my-account { height: 34px; }
    ul.my-account li { float: left; }
    ul.my-account a  { border-right: 1px solid #ddd; }

  #banner-carousel .next, #banner-carousel .prev {
    margin-top: -85px;
    font-size: 150px;
    line-height: 150px;
  }

  #b_foot > .container {
    text-align: left;
  }

  #buy_block .quantity-block {
    text-align: center;
  }

  .ttv-p-expandable h2 {
    font-size: 1.5em;
  }
  .ttv-p-expandable .ttv-p-ex-more {
    font-size: 1.2em;
    text-align: right;
  }

  #cart_summary .cart-product-image {
    margin-bottom: 0;
  }
  #cart_summary .cart_item h5  {
    text-align: left;
  }

  #ttv-instore-store {
    width: auto;
  }

  #b_cart_added {
    right: 15%;
    width: 350px;
  }

   .ttv-store-image { height: 375px; }
}

@media (min-width: 992px) {
  #product_list .ajax_block_product { margin-bottom: 100px; }
    #product_list .ajax_block_product:nth-child(2n+1) { clear: none; }
    #product_list .ajax_block_product:nth-child(4n+1) { clear: left; }

    .has-maker-info #product_list .ajax_block_product:nth-child(4n+1) { clear: none; }
    .has-maker-info #product_list .ajax_block_product:nth-child(4n+3) { clear: left; }
    .has-maker-info #product_list .ajax_block_product:nth-child(3) { clear: none; }
    .has-maker-info #product_list .ajax_block_product:nth-child(4),
    .has-maker-info #product_list .ajax_block_product:nth-child(7) {
      clear:left;
    }
    .has-maker-info #product_list .ajax_block_product:nth-child(2),
    .has-maker-info #product_list .ajax_block_product:nth-child(5),
    .has-maker-info #product_list .ajax_block_product:nth-child(9) {
      clear: none;
    }


  #b_nav_main_mobile { display: none; }
  #b_nav { display: block !important; }
    #b_nav > ul > li {
      display: inline-block;
      margin-top: -40px;
      margin-left: 45px;
      margin-bottom: 20px;
      line-height: 80px;
    }
      #b_nav > ul > li > ul {
        position: absolute;
        top: 140px;
        column-count: 5;
        -moz-column-count: 5;
      }
      #b_nav > ul > li > a.single-column + ul {
         max-width: 250px;
         column-count: 1;
         -moz-column-count: 1;
      }
      #b_nav > ul > li > ul > li {
        display: block;
        margin-bottom: 20px;
        line-height: 1em;
      }

   .ttv-store-image, .ttv-location-map { height: 323px; }
}

@media (min-width: 1200px) {
   .ttv-store-image, .ttv-location-map { height: 390px; }
}