.gclub .app-bg {position: absolute; right: -50%; width: 600px; bottom: -60px; right: -325px;}
.fancybox-close-small:after {background: #c4122f; color: white; width: 40px; height: 40px; font: 30px/40px Arial,"Helvetica Neue",Helvetica,sans-serif;}
.gclub form {max-width: 80%;}
.gclub .clearfix {clear: both;}
.gclub {width: 1200px; background: url('https://giordanos.com/content/themes/gio/img/bgt__wood.jpg'); overflow: hidden;}
.gclub .header-img {display: block; margin: 0 auto; width: 400px; margin-bottom: 20px;}
.gclub p {text-align: center; padding: 20px 0;}

@media screen and (max-width: 1200px) {
  .gclub {width: 100%;}
}

@media screen and (max-width: 829px) {
  .gclub .app-bg {display: none;}
}

@media screen and (max-width: 500px) {
  .gclub .header-img {width: 100%;}
}

.gclub.small {width: 400px; position: fixed; left: 20px; bottom: 0; z-index: 10; padding: 25px 25px 0 25px; background: white; bottom: -1000px; max-width: 100%;}
.gclub.small .header-img {width: 80%;}
.gclub.small h2 {font-size: 18px;}
.gclub.small img, .gclub.small input, .gclub.small .bgt__red-line, .gclub.small ._poxy, .gclub select {max-width: 100%;}
.gclub.small input[type=text],  .gclub.small select {padding: 10px;}
.gclub.small ._poxy, .gclub.small .checkbox {margin: 10px auto; width: 100%;}
.gclub.small .checkbox input {margin: 0 3px 0 0; float: none; vertical-align: middle;}
.gclub.small form, .gclub.small .txac {max-width: 100%; margin: 0;}
.gclub.small .txac {margin-top: 15px;}

@media screen and (max-width: 776px) {
  .gclub.small {left: 50%; margin-left: -200px; top: 0; position: fixed; overflow: scroll; bottom: 0;}
}

@media screen and (max-width: 400px) {
  .gclub.small {left: 0; margin-left: 0;}
}