@media (max-width : 1300px) and (min-width : 1101px){
  
  #header, #content-wrap .spotlight-wrapper, #content-wrap .spotlight-products-wrapper, #content-wrap #content, #content-wrap #page-content, #content-wrap #account-page-content, #content-wrap .spotlight-products-wrapper, #content-wrap #cart-page, #content-wrap #wishlist-page{
		width:1064px;  
  }
  
  #content-wrap .spotlight-wrapper .slot-1, #content-wrap .spotlight-wrapper .slot-2, #content-wrap .spotlight-wrapper .slot-3{
   width: 340px; 
  }
  

  #header #second-top-bar{
   height: 30px; 
  }
  #header #second-top-bar #nav{
  margin-top: 13px;
}
  
}



@media (max-width : 1100px) and (min-width : 881px){
  
  #header, #content-wrap .spotlight-wrapper, #content-wrap .spotlight-products-wrapper, #content-wrap #content, #content-wrap #page-content, #content-wrap #account-page-content, #content-wrap .spotlight-products-wrapper, #content-wrap #cart-page, #content-wrap #wishlist-page{
	width: 860px;
  }
  
  #logo img{
  }
  
  #header #second-top-bar #nav{
  margin-top: 13px;
}
  
  #header #second-top-bar #nav ul li{
    margin-left: 7px;
  }
  
  #header #second-top-bar #nav ul li a{
   font-size: 13px;
    line-height: 13px;
  }

  #content-wrap .spotlight-wrapper .slot-1, #content-wrap .spotlight-wrapper .slot-2, #content-wrap .spotlight-wrapper .slot-3{
   width: 280px; 
  }
  
}

@media (max-width : 880px) and (min-width : 601px){
  #header, #content-wrap .spotlight-wrapper, #content-wrap .spotlight-products-wrapper, #content-wrap #content, #content-wrap #page-content, #content-wrap #account-page-content, #content-wrap .spotlight-products-wrapper, #content-wrap #cart-page, #content-wrap #wishlist-page{
	width: 580px;
  }
  
  #header #top-most-bar{
   text-align: center; 
  }
  
  #logo{
   width: 100%; 
    text-align: center;
  }
  
  #logo img{
   display: inline-block;
  }
  
  #header #second-top-bar{
   white-space: normal; 
  }
  
  #header #second-top-bar #nav{
    float: none;
    margin: auto;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  
  #header #second-top-bar #nav ul li{
    margin-left: 5px;
    margin-right: 5px;
  }
  
  #content-wrap .spotlight-wrapper{
   text-align: center; 
  }
  
  #content-wrap .top-img {
    margin:50px 0 0 0;
  }
  #content-wrap .spotlight-wrapper .slot-1, #content-wrap .spotlight-wrapper .slot-2, #content-wrap .spotlight-wrapper .slot-3{
   width: 400px;
    float: none;
    margin: 20px auto;
    display: inline-block;
  }
  
  .page-nav{
   width: 123px; 
  }
  
  #content-wrap #content .items-container .extra-item-options .customizable-item{
   margin-right: 0px;
    margin-left: -14px;
  }
  
  
}

@media (max-width : 600px) and (min-width : 0px){
  
  /* main page*/
  #header, #content-wrap .spotlight-wrapper, #content-wrap .spotlight-products-wrapper, #content-wrap #content, #content-wrap #page-content, #content-wrap #account-page-content, #content-wrap .spotlight-products-wrapper, #content-wrap #cart-page, #content-wrap #wishlist-page{
	width: 96%;
  }
  
  #container{
   position: relative; 
  }
  
  #content-wrap .spotlight-wrapper .slot-1, #content-wrap .spotlight-wrapper .slot-2, #content-wrap .spotlight-wrapper .slot-3{
   width: 100%;
    float: none;
    margin: 10px auto;
    display: inline-block;
  }
  
  #logo{
   width: 100%; 
    text-align: center;
  }
  
  #logo img{
   display: inline-block;
    width:280px;
  }
  
  #header #second-top-bar #nav{
   display: none; 
  }
  
  #content-wrap .top-img{
   margin-top: 20px; 
  }
  
  #content-wrap .spotlight-wrapper{
   margin: 10px auto; 
  }
  
  #content-wrap .spotlight-products-wrapper .spotlight-product.product-1, #content-wrap .spotlight-products-wrapper .spotlight-product.product-3{
    float: left;
  }
  
  #content-wrap .spotlight-products-wrapper .spotlight-product.product-2, #content-wrap .spotlight-products-wrapper .spotlight-product.product-4{
    float: right;
  }
  
  #content-wrap .spotlight-products-wrapper .spotlight-product{
   width: 45%; 
    height: 260px;
  }
  
  #header #second-top-bar{
   margin-top:  40px;
  }
  
  #header #top-most-bar{
   position: fixed;
    top: 0;
    left: 0;
    padding-left: 2%;
    padding-right: 2%;
    z-index: 9999999;
    background-color: #fff;
    text-align: center;
    padding-left: 50px;
  }
  
  #mobile-nav-wrapper{
   display: block; 
  }
  
  .top-link{
   font-size: 12px; 
  }
  
  #header #top-most-bar a#signin-link{
 margin-right: 10px; 
}
  
  #header #top-most-bar a#wishlist-link{
   margin-left: 10px; 
  }
  
  /*end main page*/
  /*collections*/
  /* collections nav*/
  .mobile-submenu-header{
     display: block; 
    }
  
  #content-wrap #content .collection-left-nav{
    width: 80%;
    padding: 20px 0;
    margin: 0 10%;
    float: none;
    border-bottom: 1px solid #888;
    
  }
  
  #content-wrap #content .collection-left-nav .collection-nav{
   display: none;
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
  
  #content-wrap .collection-left-nav .collection-nav li{
    width: 100%;
    display: inline-block;
  }
  /* end collections nav*/
  
  #content-wrap #content .items-container, 
  #content-wrap #content #result-items{
   width: 100%;
    margin: 20px 0 0 0;
  }
  
  #content-wrap #content .items-container .collection-item, #content-wrap #content #result-items .collection-item{
   float: none !important;
    width: 45%;
    margin-left: 2%;
    margin-right: 2%;
  }
  
  #content-wrap #content .items-container .extra-item-options .customizable-item, #content-wrap #content #result-items .extra-item-options .customizable-item{
    margin-left: -34px;
    margin-right: 20px;
  }
  
  /*end collections*/
  
  /* pages*/
  /* pages nav*/
  
  #content-wrap #page-content .col-left{
    width: 80%;
    padding: 20px 0;
    margin: 0 10%;
    float: none;
    border-bottom: 1px solid #888;
    
  }
  
  #content-wrap #page-content .col-left .page-nav{
   display: none;
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
  
  #content-wrap .col-left .page-nav li{
    width: 100%;
    display: inline-block;
  }
  
  
  /* end pages nav*/
  #content-wrap #page-content .col-right{
   width: 100%;
    margin-top: 20px;
    float: none;
  }
  
  
  #content-wrap #page-content .col-right #tutorial-grid .grid-3rd{
    float: none;
   	width: 80%;
    margin: 10px auto;
    display: inline-block;
  }
  
  #content-wrap #page-content .col-right #tutorial-grid p{
   height: auto; 
  }
  
  #content-wrap #page-content .col-right #tutorial-grid .grid-3rd.last{
   float: none; 
    margin-right: 2%;
  }
  
  
  /*end pages*/
  
  /* account*/
  /* account nav*/
  
  #content-wrap .account-col-left{
    width: 80%;
    padding: 20px 0;
    margin: 0 10%;
    float: none;
    border-bottom: 1px solid #888;
    
  }
  
  #content-wrap .account-col-left .account-nav{
   display: none;
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
  
  #content-wrap .account-col-left .account-nav li{
    width: 100%;
    display: inline-block;
  }
  
  
  /* end account nav*/
  
  
  #content-wrap .account-col-right{
   width: 100%;
    margin-top: 20px;
    float: none;
  }
  /*end account*/
  
  /*pop-ups*/
  #customer-login #customer, #customer-signup #customer{
   width: 340px;
    margin-left: -170px;
    padding: 40px 20px;
  }
  
  #customer-login #customer h1, #customer-signup #customer h1{
   line-height: 26px; 
  }
  
  #customer-signup #customer .email-step1 input{
   width: 100%;
    float: none;
    display: inline-block;
  }
  
  #customer-signup #customer .email-step1 a{
   float: none; 
    margin-top: 10px;
  }
  
  #customer-signup #customer .email-step1{
   text-align: center; 
  }
  
  /*end popups*/
  
  /*items*/
  #content-wrap #content .left-product-column{
   width: 80%;
    margin-left: 10%;
    position: relative;
    display: inline-block;
    float: none;
  }
  
  #content-wrap #content .right-product-column{
    position: relative;
    display: inline-block;
    float: none;
    padding: 0;
    width: 100%;
    margin-top: 20px;
  }
  
  #content-wrap #content .right-product-column #addtocart #add, #content-wrap #content .right-product-column #wishlist-link-wrapper{
   width: 98%;
    display: inline-block;
    position: relative;
  }
  
  #content-wrap #content .back-button-wrapper span{
   margin-right: 5px; 
  }
  
  #content-wrap #content .left-product-column{
   margin-left: 0; 
  }
  
  /*end items*/
  /* cart page*/
  #content-wrap #cart-page .col-left{
   width: 100%;
    float: none;
  }
  
  #content-wrap #cart-page .col-right{    
   width: 80%;
    float: none;
  }
  
  /* end cart page*/
  /* wishlist page*/
  #content-wrap #wishlist-page .col-left{
   width: 100%;
    float: none;
  }
  /*end wishlist page*/
  
  
  
  
}