@media only screen and (min-width: 1008px) {
  span.version {
    display: inline-block;
    line-height: 30px;
    font-size: 22px;
    font-weight: normal;
    color: #7F7F7F;
    margin-left: 10px;
    margin-top: 2px;
  }
  #form-order {
    padding: 30px 0;
  } 
  #form-order .send {
    text-align: right; 
    margin-right: 48px;
    margin-top: 20px;
  }
  #form-order .send .submit {
    cursor: pointer;
    cursor: hand;
    width: 140px;
    height: 42px;
    border: 0;
  }
  #form-order .send .submit.cs {
    background: url(../img/gfx/button-order_cs.png) no-repeat;
  } 
  #form-order .text {
    height: 33px;
    width: 232px; 
    
    background: url(../img/gfx/contact-input.png) no-repeat;
    border: 0;
    cursor: pointer;
    cursor: hand;
  }
  #form-order input.text { 
    width: 212px; padding-left: 10px; padding-right: 10px; line-height: 32px; 
  }
  #form-order .main .qq, #form-order .pozn .qq, #form-order .antispam .qq  {
    padding-left: 10px;
    padding-bottom: 5px;
  }
  #form-order .main .q, #form-order .pozn .q, #form-order .antispam .q  {
    float: left;
    width: 232px;
    margin-left: 58px;
    height: 75px;  
  } 
  #form-order .pozn .q 
  {
    height: 170px;
  }
  #form-order .pozn .q .text { 
    background: url(../img/gfx/contact-textarea.png) no-repeat;
    padding: 10px;
    width: 502px;
    height: 123px;
    border: 0;
  }
  #form-order .info .top {
    height: 10px;
    background: url(../img/gfx/block-purple-top.png) no-repeat;
  } 
  #form-order .info .bottom {
    height: 10px;
    background: url(../img/gfx/block-purple-bottom.png) no-repeat;
  } 
  #form-order .info .main {
    background: url(../img/gfx/block-purple-main.png) repeat-y;  
    padding: 10px 25px 0 25px;
    line-height: 18px;
    font-size: 14px;
    zoom: 1;
  } 
  #form-order .info .main p {
    padding-bottom: 18px;
  }
  #form-order form {
    padding-top: 30px;
  } 
  #form-order form .meta {
    padding-top: 10px;
    padding: 0 50px 20px 60px; 
  }
  #form-order form .meta .e {
    padding: 10px 0; 
  }
  #form-order form .meta .text {
    width: 62px; 
    background: url(../img/gfx/order-input.png) no-repeat;
    text-align: right;
  }
  #form-order form .meta .text2 { 
    width: 33px; 
    text-align: center;
    margin-top: 10px;
    background: url(../img/gfx/order-input2.png) no-repeat;
  }
  #form-order form .meta .e .qq {
    float: left;
    width: 230px;
  }
  #form-order form .meta .e .ww {
    float: right;
    text-align: right;
    width: 230px;
  }
  #form-order form .meta .pt {
    padding-top: 8px;
  }
  #form-order form .meta .qq {
    text-indent: 8px;  
  }
  #form-order form .meta select {
    border: 1px solid #c2c8da;
    padding: 5px 3px 5px 5px;
    width: 250px; 
  }
  #form-order form .sum {
    background: url(../img/gfx/order-sum.png) no-repeat;
    height: 32px;
    text-align: right;
    padding-top: 20px;
    width: 502px;
    margin-left: 40px;
    padding-right: 20px;
    font-size: 14px;
  }
  #form-order form .sum span {
    font-weight: bold;
    font-size: 18px;
    margin-left: 10px;
  }
  #form-order .fr a
  {
    display: inline-block;
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1007px) {
  span.version {
    display: inline-block;
    line-height: 30px;
    font-size: 22px;
    font-weight: normal;
    color: #7F7F7F;
    margin-left: 10px;
    margin-top: 2px;
  }
  #form-order {
    padding: 30px 0;
  } 
  #form-order .send {
    text-align: right; 
    float: none !important;
    margin-top: 5px;
  }
  #form-order .send .submit {
    cursor: pointer;
    cursor: hand;
    width: 100%;
    height: 42px;
    border: 0;
  }
  #form-order .send .submit.cs {
    width: calc(100% - 2px);
    background: #ff8800;
    border: #884400 1px solid;
    color: #ffffff;
    border-radius: 5px;
  } 
  #form-order .text {
    height: 33px;
    width: 100%; 
    
    background: #ffffff;
    border: #bbbbbb 1px solid;
    cursor: pointer;
    cursor: hand;
  }
  #form-order input.text { 
    width: calc(100% - 22px); padding-left: 10px; padding-right: 10px; line-height: 32px; 
  }
  #form-order .main .qq, #form-order .pozn .qq, #form-order .antispam .qq  {
    padding-bottom: 5px;
  }
  #form-order .main .q, #form-order .pozn .q, #form-order .antispam .q  {
    float: left;
    width: 100%;
    height: 75px;  
  } 
  #form-order .pozn .q 
  {
    height: 170px;
  }
  #form-order .pozn .q .text { 
    background: #ffffff;
    border: #bbbbbb 1px solid;
    padding: 10px;
    width: calc(100% - 22px);
    height: 123px;
  }
  #form-order .info .top {
  } 
  #form-order .info .bottom {
  } 
  #form-order .info .main {
    background: #F0F2F8;
    border: #DCE0EB 1px solid;
    padding: 10px;
    padding-bottom: 0;
    line-height: 18px;
    font-size: 14px;
    zoom: 1;
  } 
  #form-order .info .main p {
    padding-bottom: 18px;
  }
  #form-order form {
    padding-top: 30px;
  } 
  #form-order form .meta {
    padding-top: 10px;
    padding: 0; 
  }
  #form-order form .meta .e {
    padding: 10px 0; 
  }
  #form-order form .meta .text {
    width: 62px; 
    background: url(../img/gfx/order-input.png) no-repeat;
    text-align: right;
  }
  #form-order form .meta .text2 { 
    width: 33px; 
    text-align: center;
    margin-top: 10px;
    border: #888888 1px solid;
    padding: 0;
    background: none;
  }
  #form-order form .meta .e .qq {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }
  #form-order form .meta .e .ww {
    float: right;
    width: 100%;
  }
  #form-order form .meta .pt {
    padding-top: 8px;
  }
  #form-order form .meta .qq {
  }
  #form-order form .meta select {
    border: 1px solid #c2c8da;
    padding: 5px 3px 5px 5px;
    width: calc(100% - 2px); 
  }
  #form-order form .sum {
    background: url(../img/gfx/order-sum.png) no-repeat;
    height: 32px;
    text-align: right;
    padding-top: 20px;
    width: 502px;
    margin-left: 40px;
    padding-right: 20px;
    font-size: 14px;
  }
  #form-order form .sum span {
    font-weight: bold;
    font-size: 18px;
    margin-left: 10px;
  }
  #form-order .fr a
  {
    display: inline-block;
  }

  #divLicensePrice .ww, #divLicensePriceDPH .ww
  {
    text-align: right;
  }
}