/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 125px!important;
  right: 20px!important;
  &:hover {
    opacity: 0.7;
  }
 }
 #prevButton {
  position: absolute;
  right: 340px;
 }
 #nextButton {
  position: absolute;
  left: 340px;
 }
 .nadi-table {
    overflow-x: auto;
}
}
/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
 #exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 125px!important;
  right: 20px!important;
  &:hover {
    opacity: 0.7;
  }
 }
  #prevButton {
  position: absolute;
  right: 340px;
 }
  #nextButton {
  position: absolute;
  left: 340px;
 }
 .nadi-table {
    overflow-x: auto;
}
 }
 
/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 250px!important;
  right: 20px!important;
}
.nadi-table {
    overflow-x: auto;
}
.astro-txt {
    display: block;
}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 450px!important;
  right: 200px!important;
}
 .nadi-table {
    overflow-x: auto;
}
.astro-txt {
    display: block;
}
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.astro-txt {
    display: block;
}
}