@media print {
  /* Print =================================================== */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  @page  {
    margin: 0.5cm;
  }
  h2,
  h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  pre,
  blockquote {
    border: 1px solid #808080;
    page-break-inside: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) {
  /* Styles */
}

@media only screen and (max-width : 1024px) {
  /* Styles */
  
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  /* Styles */
  
 
}

@media only screen and (min-width: 568px) and (max-width : 768px) {

}
@media only screen and (max-width : 767px) {
  /* Styles */
  .map-wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding-bottom: calc(100% / 2.064);
  }
  .map-brands-wrap .circle-1,
  .map-brands-wrap .circle-2  {
    width: 150px;
    height: 150px;
  }
  .circle-title {
    font-size: 1rem;
  }
  .map-brands-wrap .circle-2 a {
    font-size: 0.8rem;
  }
  .map-nav-wrap {
    width: 20px;
    height: 68px;
    left: -5px;
    bottom: 0px;
  }
  .map-nav {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width : 568px) {
  /* Styles */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
  /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  /* Styles */
}







/* #############################################################################################*/

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-pixel-ratio : 1.5),only screen and (min-pixel-ratio : 1.5) {
  /* Styles */
}
@media only screen and (min-width: 480px) {
  /* 480 =================================================== */
}

@media only screen and (min-width: 768px) {
  /* 768 =================================================== */
}
@media only screen and (min-width: 992px) {
  /* 992 =================================================== */
}

@media only screen and (-webkit-min-pixel-ratio: 1.5), only screen and (min--moz-pixel-ratio: 1.5), only screen and (min-pixel-ratio: 1.5) {
  /* 2x =================================================== */
}