/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .top-menu {
   display: block;
    }


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .top-menu {
      display: none;
      position: absolute;
      background-color: #800000;
      width: 90%;
  }
    .top-menu li {
      display: block;
  }

    .main-nav ul a {
      width: 100%;
  }

     .warranty img {
          float: none;
          margin: 0 auto;
        }
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .phone-number a {
      font-size: 20px;
}

  .btn-next,
  .btn-prev {
    top: 30%;
  }

  .info-right-bottom a {
    margin-bottom: 10px;
  }

  .stone-links a {
    margin-bottom: 10px;
  }

  .palette-item {
      margin-left: 15px;
    }

  /*.logo {*/
    /*display: none;*/
  /*}*/

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {



}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 769px) {
  .top-menu {
   display: block !important;
}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

  }


 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}