.reveal-modal-bg{position:fixed; height:100%; width:100%; background:#000; background:rgba(0,0,0,.8); z-index:100; display:none; top:0; left:0;}
.reveal-modal{visibility:hidden; top:100px; left:50%; margin-left:-160px; width:300px; background:#fff url(modal-gloss.png) no-repeat -200px -170px; position:absolute; z-index:101; padding:40px 40px 30px 40px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 10px rgba(0,0,0,.4); -webkit-box-shadow:0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.reveal-modal.small{width:200px; margin-left:-140px;}
.reveal-modal.medium{width:400px; margin-left:-240px;}
.reveal-modal.large{width:300px; margin-left:-160px;}
.reveal-modal.xlarge{width:300px; margin-left:-160px;} 

.reveal-modal div#form-row-name, .reveal-modal div#form-row-phone{width:300px; float:left; margin-bottom:20px;}
.reveal-modal a{width:100%; float:left; font-size:1px; color:#fff;}
.reveal-modal input.form-control.A{width:300px !important; border:1px solid #CC0;}
.reveal-modal input#button.btn.btn-default.form-control.A{width:130px !important; background-color:#093; background-image:none; border:1px solid #093; color:#fff;}
.reveal-modal input:hover#button.btn.btn-default.form-control.A{background-color:#F00; border:1px solid #f00;}



/* -------------------- 1199px - 9810px -------------------- */

@media screen and (max-width: 1199px) and (min-width: 981px) {

.reveal-modal{margin-left:-380px; width:700px;}

}

/* -------------------- 980px - 801px -------------------- */

@media screen and (max-width: 980px) and (min-width: 801px) {

.reveal-modal{margin-left:-325px; width:580px; padding:24px 34px 28px;}
.reveal-modal h1{font-size:1.8em;}

}

/* -------------------- 800px - 541px -------------------- */

@media screen and (max-width: 800px) and (min-width: 541px) {

.reveal-modal{margin-left:0; width:80%; padding:5%; left:5%;}
.reveal-modal h1{font-size:1.8em;}
.reveal-modal div#form-row-name, .reveal-modal div#form-row-phone {width: 100%;}
.reveal-modal input.form-control.A{width:100% !important;}
.gbs3 .gcore-display-table {width: 100%;}

}

/* -------------------- min 540px -------------------- */

@media screen and (max-width: 540px) {

.reveal-modal{margin-left:0; width:80%; padding:5%; left:5%;}
.reveal-modal h1{font-size:1.8em;}
.reveal-modal div#form-row-name, .reveal-modal div#form-row-phone {width: 100%;}
.reveal-modal input.form-control.A{width:100% !important;}
.gbs3 .gcore-display-table {width: 100%;}
}