/* Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  and (orientation: portrait) {

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

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

}
@media only screen and (max-width: 480px) {
  .wpnt-topbar-box {
    height: auto!important;
  }
  .wpnt-text {
    font-size: 11px!important;
    padding: 0 10px!important;
    margin: 0!important;
    line-height: normal!important;
  }
  .wpnt-button {
    font-size: 10px!important;
    padding: 5px!important;
  }
  .wpnt-btn {
    font-size: 11px!important;
  }
  .close-icon {
    display: none!important;
  }
}

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

}

/* 360px to 640px */
@media only screen and (min-width: 360px) and (max-width: 640px) {

}
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {

}

/* 800px to 1280px */
@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: portrait) {

}
@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {

}
@media only screen and (min-width: 800px) and (max-width: 1280px) {

} 