/* 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) {
  .font-4 {font-size: 23px;}
  #breadCrumb {padding-left: 5px;}
  #categoriesMegaMenu {padding-left: 10px;}
}

/* ---------------------- iPads (portrait) ----------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1279px) and (orientation : portrait) {
  .logoright {float: left;width: 100%;}
  #sprachumschaltung { margin-top: -16px;}
  .articlePreviewSmall {padding: 10px;}
  .addMenu {display: none;}
  .font-4 {font-size: 23px;}
  #breadCrumb {padding-left: 5px;}
  #categoriesMegaMenu {padding-left: 10px;}
}

/* ---------------------- Smartphones -----------------------------------------------------------------*/
@media only screen and (min-width : 220px) and (max-width : 767px) {
  .logoright {float: left;width: 100%;}
  #sprachumschaltung { margin-top: -16px;}
  .articlePreviewSmall {padding: 10px;}
  .addMenu {display: none;}
  .font-4 {font-size: 23px;}
  #breadCrumb {padding-left: 5px;}
  #categoriesMegaMenu {padding-left: 10px;}
}