@media only screen and (min-width: 992px) and (max-width: 1280px) { 
div.cart-collaterals ul.products li.product {
  float: left;
  margin-left: 30px;
  position: relative;
  width: 160px;
}
.coupon input[type="text"] {
  width: 100px;
}  
input[type="submit"], button[type="submit"] {
  padding: 11px 15px;
} 
.col-1, .col-2 {
  width: 293px;
}    
    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
.user-menu, .header-right ul.list-inline {
  text-align: center;
}
.mainmenu-area ul.navbar-nav li a {
  font-size: 14px;
  padding: 15px 10px;
}  
.single-promo {margin-bottom: 30px}    
.single-product-widget, .footer-about-us, .footer-menu {
  margin-bottom: 60px;
}
    
    
.product-widget-area .zigzag-bottom {
  bottom: -50px;
  height: 100px;
}
.product-widget-area {
  padding-bottom: 90px;
}   
    
.footer-top-area .zigzag-bottom {
  bottom: -153px;
  height: 200px;
}    
.footer-top-area {
  padding: 35px 0 125px;
}  
div.cart-collaterals ul.products li.product {
  width: 190px;
}  
    
.col-1, .col-2 {
  width: 345px;
}    

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    
.user-menu, .header-right ul.list-inline {
  text-align: center;
}  
.logo h1 {
  font-size: 30px;
  margin: 20px 0;
  text-align: center;
} 
.shopping-item {
  float: none;
  margin-bottom: 20px;
  margin-top: 5px;
  text-align: center;
}  
.navbar-header {
  text-align: center;
}    
    
.navbar-toggle {
    border-color: #fff;
    float: none;
    margin: 10px auto;
}
.navbar-toggle .icon-bar { background: none repeat scroll 0 0 #fff }  
.navbar-collapse.collapse.in {
  background: none repeat scroll 0 0 #395338;
  position: relative;
  z-index: 99;
} 
.mainmenu-area ul.navbar-nav li a {
  padding: 15px;
}  
.mainmenu-area {position: relative !important}
.slide-text {
  font-size: 16px;
}  
.slide-text h2 {
  font-size: 30px;
}  
.slide-content {padding: 15px; margin-top:-200px;}  /* Tim modification */
.readmore {
  font-size: 16px;
  padding: 8px 20px;
}    
.single-promo {
  margin-bottom: 30px;
} 
.section-title {
  font-size: 35px;
}  
    
    
.product-widget-area .zigzag-bottom {
  bottom: -50px;
  height: 100px;
}
.product-widget-area {
  padding-bottom: 90px;
}   
    
.footer-top-area .zigzag-bottom {
  bottom: -153px;
  height: 200px;
}    
.footer-top-area {
  padding: 35px 0 125px;
} 
    
.single-product-widget, .footer-about-us, .footer-menu {
  margin-bottom: 60px;
}  
    
.product-wid-title {
  font-size: 25px;
}  
    
.related-products-wrapper .owl-nav {
  left: -15px;
  position: relative;
  right: inherit;
  top: 15px;
}  
div.cart-collaterals ul.products {
  margin: 0;
}  
div.cart-collaterals ul.products li.product {
  margin-bottom: 30px;
  margin-left: 0;
  width: 100%;
}  
div.cart-collaterals ul.products li.product img {width: 100%}  
    
.product-bit-title h2 {
  font-size: 35px;
  padding: 40px 0;
}  
.col2-set {
  margin-left: 0;
}    
.col-1, .col-2 {
  float: none;
  margin-left: 0;
  width: inherit;
}    

/* Tim mod. Main content responsive flex box settings. Main content area is set to flex box, converting responsive method from bootstrap 3 float to flex box. */
.col-md-4 { /* first listed div in html, positioned on left on desktop screens. Re-ordered to second div for phones */
	order: 2;
	width: 100%;
}
.col-md-8 { /* second listed div in html, central positioning on desktop screens. Re-rded to first div for phones */
	order: 1;
	width: 100%;
}
.col-sm-6 {  /* 'col-sm-6' div is nested within col-md-8 div, so not necessary to set order.  */
	width: 100%;
}    
    
/* Special */    
    
table.shop_table th, table.shop_table td {
  font-size: 12px;
  padding: 5px;
}    
td.product-thumbnail img {
  width: 30px;
} 
    
div.quantity input.plus, div.quantity input.minus {
  display: none;
}   
table.shop_table th {
  font-size: 12px;
}    
div.coupon input[type="text"] {
  width: 100px;
} 
.coupon {margin-bottom: 10px}      
.cross-sells {
  float: none;
  margin-bottom: 30px;
  margin-right: 0;
  width: 100%;
}  
.cart_totals, .cart-collaterals .shipping_calculator {
  float: none;
  margin-bottom: 40px;
  width: 100%;
}  
    
    
}
/* Wide Mobile Layout: 480px.  Mobile in landscape. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
.logo h1 {font-size: 19px;}  
}

/* phones and PC screens with large scaled fonts */
@media only screen
  and (min-width: 1200px) {
	  .container {width:1000px;}
	  .logo h1 {font-size: 19px;}
	  .slide-text-wrapper {height: 450px;}
	  .sticky-wrapper {height: 60px;}
	  .slide-text {font-size: 17px;}
	  .slide-text h2 {font-size:35px;}
	  .slide-content {padding: 30px; margin-top:-80px; height:350px;}
	  .product-bit-title h2 {font-size:50px;  padding:35px 0;}
}

/* normal PC screens */
@media only screen 
  and (min-width: 1750px) {
	  .container {width:1170px;}
	  .logo h1 {font-size: 23px;}
  	  /* .col-md-6 {width:50%} */ /* this class is set on the div holding the slide text on the home page. Default setting in bootstrap css */
	  .slide-text-wrapper {height:700px;}
  	  .slide-text {font-size: 18px;}
	  .slide-text h2 {font-size:44px;}
  	  .slide-content {padding: 30px; margin-top:0px; height:400px;}
	  .product-bit-title h2 {font-size:40px;  padding:50px 0;}	  
}