/*============================================================================*/
/* Full-width */
/*============================================================================*/
@media (min-width: 1024px) { }

/*============================================================================*/
/*  Full-width medium-height  */
/*============================================================================*/
@media (min-width: 1200px) and (max-height: 680px) {
  .form {
    top:4%;
  }
  .header-inner {
    top:25%;
  }
}

/*============================================================================*/
/*  Full-width medium-low-height  */
/*============================================================================*/
@media (min-width: 1200px) and (max-height: 600px) {
  .form-inner {
    padding:15px;
  }
}

/*============================================================================*/
/*  Full-width low-height  */
/*============================================================================*/
@media (min-width: 1200px) and (max-height: 570px) {
  .form-inner {
    padding:5px;
    margin-left:25px;
  }
}

/*============================================================================*/
/*  Full-width low-height  */
/*============================================================================*/
@media (min-width: 1200px) and (max-height: 545px) {
  .form-inner p {
    margin-top:3px;
    line-height:1.1em;
  }
  .form-inner .input-group-offer input {
    margin-top:5px;
  }
  .form-inner input[type="submit"] {
    margin-top:5px;
    padding-top:2px;
    padding-bottom:2px;
    line-height:1.2em;
  }
  footer {
    padding-top:8px;
    padding-bottom:8px;
  }
}

/*============================================================================*/
/*  Full-width low-height  */
/*============================================================================*/
@media (min-width: 1200px) and (max-height: 480px) {
  .form-inner {
    margin-bottom:55px;
  }

}


/*============================================================================*/
/* (MOBILE) Medium Width  */
/*============================================================================*/
@media (max-width: 1199px) {
  .header {
    width:55%;
  }
  .header-inner .row-1 h1 {
    font-size:2.8em;
    text-align:center;
    display:block;
  }
  .header-inner .row-2 {
    text-align:right;
    margin-right:60px;
  }
  .header-inner .row-2 .col-1 h2 {
    font-size:1.6em;
    text-align:center;
  }

  .header-inner .row-2 .col-2 {
    text-align:right;
    width:118px;
    height:118px;
    position:relative;
  }
  .header-inner .row-2 .col-2 img {
    width:100%;
    height:100%;
  }

  .header-inner .row-2 .col-2 p.price-currency {
    position:absolute;
    top:25.5%;
    left:14.0%;
  }
  .header-inner .row-2 .col-2 p.price-currency span.price {
    font-size:1.5em;
  }
  .header-inner .row-2 .col-2 p.price-currency span.currency {
    font-size:0.9em;
    margin-top:-3px;
    margin-right:6px;
  }

  .form {
    width:43%;
  }
  .form .form-inner {
    width:100%;
    max-width:333px;
    /* border-box or content-box: content-box is default */
    -webkit-box-sizing: border-box; /* Android ≤ 2.3, iOS ≤ 4 */
        -moz-box-sizing: border-box; /* Firefox ≤ 28 */
            box-sizing: border-box; /* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
  }
  .form-inner .g-recaptcha {
    transform:scale(0.900);
    transform-origin:0 0;
  }
}

/*============================================================================*/
/* Small Width  */
/*============================================================================*/
@media (max-width: 965px) {
  footer .col {
    font-size:0.9em
  }
  footer .col-3 {
    width:20%;
  }
  footer .col-4 {
    width:30%;
  }
}

@media (max-width: 800px) {
  .form-inner .g-recaptcha {
    transform:scale(0.850);
    transform-origin:0 0;
  }
}
@media (max-width: 750px) {
  .form-inner .g-recaptcha {
    transform:scale(0.800);
    transform-origin:0 0;
  }
}



/*============================================================================*/
/* (MOBILE) Low Width  */
/*============================================================================*/
@media (max-width: 700px) {

  /*----------------------------------------------------------------------------*/
  /* MORE DOMAINS */
  /*----------------------------------------------------------------------------*/
  .more-domains {
    position:static;
    margin:0 auto;
    display:inline-block;
    text-align:center;
    width:100%;
    font-size:0.8em;
  }
  .more-domains .inner {
    display:inline-block;
    margin:0 auto;
    width:80%;
    max-width:333px;
  }
  .more-domains .inner .expand {
    position:static;
  }
  .more-domains .inner .expand ul li{
    padding-left:0;
    padding-right:0;
  }

  /*----------------------------------------------------------------------------*/
  /* HEADER */
  /*----------------------------------------------------------------------------*/
  .header {
    margin-top:30px;
    width:100%;
    height:auto;
    display:block;
    text-align:center;
  }
  .header-inner {
    width:100%;
  }
  .header-inner .row-1 {
    width:100%;
    display:block;
  }
  .header-inner .row-1 h1 {
    font-size:2em;
    text-align:center;
    display:block;
  }

  .header-inner .row-2 {
    width:100%;
    display:block;
    /*text-align:right;*/
    /*margin-left:60px;*/
    text-align:center;
  }
  .header-inner .row-2 .col-1 {
    margin:0;
    position:relative;
    left:60px;
  }
  .header-inner .row-2 .col-1 h2 {
    font-size:1em;
    text-align:center;
  }
  .header-inner .row-2 .col-2 {
    /*position:relative;*/
    display:inline-block;
    width:auto;
    width:70px;
    height:70px;
    position:relative;
    left:60px;
  }
  .header-inner .row-2 .col-2 img {
    width:100%;
    height:100%;
  }

  .header-inner .row-2 .col-2 p.price-currency {
    position:absolute;
    top:17%;
    left:15.5%;
  }
  .header-inner .row-2 .col-2 p.price-currency span.price {
    font-size:0.9em;
  }
  .header-inner .row-2 .col-2 p.price-currency span.currency {
    font-size:0.7em;
    margin-top:-3px;
    margin-right:6px;
  }

  /*----------------------------------------------------------------------------*/
  /* FORM */
  /*----------------------------------------------------------------------------*/
  .form {
    /*display:none !important;*/
    padding-top:40px;
    width:100%;
    height:auto;
    text-align:center;
    display:block;
    /* border-box or content-box: content-box is default */
    -webkit-box-sizing: border-box; /* Android ≤ 2.3, iOS ≤ 4 */
    -moz-box-sizing: border-box; /* Firefox ≤ 28 */
    box-sizing: border-box; /* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
    margin-bottom:80px;
    padding-left:20px;
    padding-right:20px;
  }
  .form-inner {
    margin:0 auto;
    width:80%;
    /* border-box or content-box: content-box is default */
    -webkit-box-sizing: border-box; /* Android ≤ 2.3, iOS ≤ 4 */
    -moz-box-sizing: border-box; /* Firefox ≤ 28 */
    box-sizing: border-box; /* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
  }
  .form-inner .g-recaptcha {
    transform:scale(0.650);
    transform-origin:0 0;
  }
  .form-inner h3 {
    margin:0;
    padding:0;
    font-size:1.5em;
  }
  .form-inner p {
    line-height:1.1em;
    font-size:0.95em;
  }
  .form-inner input[type="text"] {
    padding-top:8px;
    padding-bottom:8px;
    font-size:0.9em;
  }
  .form-inner .g-recaptcha {
    transform:scale(0.900);
    transform-origin:0 0;
  }
  .form-inner input[type="submit"] {
    font-size:1.4em;
    margin-top:-10px;
  }

  .form-inner .input-group-offer img {
    width:17px;
  }
  .form-inner .input-group-name img {
    width:13px;
  }
  .form-inner .input-group-email img {
    width:16px;
  }



  /*--------------------------------------------------------*/
  /* FOOTER */
  /*--------------------------------------------------------*/
  footer {
    width:100%;
  }
  footer {
    position:fixed;
    left:0px;
    bottom:0px;
    height:60px;
    width:100%;
    display:block;
    padding-top:3px;
    padding-bottom:3px;
  }
  footer .col {
    display:inline-block;
    text-align:center;
    font-size:0.8em;
    line-height:1.3em;
    vertical-align:middle;
  }
  footer .col a {
  }
  footer .col * {
  }
  footer .col-1 {
    display:block;
    width:100%;
  }
  footer .col-1 img {
    width:19px;
    position:relative;
    top:1px;
  }
  footer .col-2-col-3 {
    text-align:center;
    width:100%;
    display:block;
    line-height:0;
    /*font-size:0;*/
    margin-top:-2px;
  }
  footer .col-2 {
    display:inline-block;
    width:auto;
  }
  footer .col-3 {
    display:inline-block;
    width:auto;
  }
  footer .col-4 {
    display:block;
    width:100%;
  }
}


@media (max-width: 380px) {
  .form-inner .g-recaptcha {
    transform:scale(0.850);
    transform-origin:0 0;
  }
}
@media (max-width: 360px) {
  .form-inner .g-recaptcha {
    transform:scale(0.800);
    transform-origin:0 0;
  }
}
@media (max-width: 340px) {
  .form-inner .g-recaptcha {
    transform:scale(0.750);
    transform-origin:0 0;
  }
}
@media (max-width: 330px) {
  .form-inner .g-recaptcha {
    transform:scale(0.720);
    transform-origin:0 0;
  }
}