/* Responsive Media Queries Cosmoshop Version 11 -bramble*/

/* ---------------------- Desktops and laptops --------------------------------------------------------*/
@media only screen and (min-width : 1280px) {
    /* your css code goes here */
}

/* ---------------------- iPads (landscape) -----------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : landscape) {
    /* your css code goes here */
}

/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  #header .topItem.searchBox {width: 66%;float: left;padding-top: 0;}
  #header .topItem.pointsBox {display: none;}
  #categoriesTop .menu-button {color: #424245;}
  #categoriesTop ul {position: absolute;background: #fff;border-bottom: 1px solid #666;}
  #header {overflow: unset;}
  .layout {margin-top: 0;}
  .bannerBox .banner:nth-of-type(3n+3) {margin-right: 0px;float: right;}
  .bannerBox .banner:nth-of-type(4n+4) {margin-right: 1%;float: left;}
}

/* ---------------------- Smartphones -----------------------------------------------------------------*/
@media only screen and (min-width : 220px) and (max-width : 767px) {
  #header .topItem.searchBox {width: 66%;float: left;padding-top: 0;}
  #header .topItem.pointsBox {display: none;}
  #categoriesTop .menu-button {color: #424245;}
  #categoriesTop ul {position: absolute;background: #fff;border-bottom: 1px solid #666;}
  #header {overflow: unset;}
  .layout {margin-top: 0;}
}