# .ui-dialog-titlebar .ui-dialog-titlebar-close{ display: none !important;}
# .{  float:right; }
@media only screen and (max-width: 360px){
.ui-widget-overlay {
  background-image: url("https://gomiblog.com/ui-bg_diago.png");
  background-repeat: repeat;
  background-position: top;
font-color: #ffffff;
}
}

@media only screen and (min-width: 361px) and (max-width: 480px){
.ui-widget-overlay {
  background-image: url("https://gomiblog.com/ui-bg_diago.png");
  background-repeat: repeat;
  background-position: top;
  top: 0;

color: #ffffff;

}



}
@media only screen and (min-width: 481px) and (max-width: 768px) {
.ui-widget-overlay {
  background-image: url("https://gomiblog.com/ui-bg_diago.png");
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top;
  top: 0;
color: #ffffff;
}



    #{ width: 100vw; min-width: 481px; max-width: 1000vw; }
}
@media only screen and (min-width: 992px){
.ui-widget-overlay {
  background-image: url("https://gomiblog.com/ui-bg_diago.png");
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top;
  color: #ffffff;
  background-position: top;
z-index:999999999999999999999999999999;
}

.ui-front {
 width: 1000vw;
    height: 1000vh;
}



}

/* Large Devices, for example large monitors macbook and TVs */
@media only screen and (min-width: 1200px){
.ui-widget-overlay {
  background-image: url("https://gomiblog.com/ui-bg_diago.png");

  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
color: #ffffff;
  background-position: top;
z-index:999999999999999999999999999999;
}

.ui-front {
 width: 1000vw;
    height: 1000vh;
}



}