/**** Avanti pricing stylesheet ***/

/*div {
  
  border-width :1px;
  border-color :#000000;
  border-style :solid; 
}*/

html, body {
  height :100%
}

h1 {
  /*font-size :2.1em;*/
  font-weight: normal;
}

.hostOption {
  padding-left:10px; 
  padding-right: 10px; 
  border-color: #000000; 
  border-width :1px; 
  border-style :solid; 
  min-width :100px;
  cursor :pointer
}

.selectedHostOption {
  color:#ffffff; 
  font-weight: bold; 
}

.hostTypeHeader {
  display :inline;
  padding-left :10px;
  margin-top :50px;
}


.hostOptionContainer {
  margin-left :51%;
  max-width :190px;
  margin-bottom :10px;
}


@media (max-width :1700px) {   
        
  .priceContentContainer {
    width: 70%;
  }
  
  .priceBenefitsArea {
    width: 70%;
  }

  .pricingFeatureListContainer {
    width :60%;
  }

  .pricingInfo {
    width: 70%;
  }

  .featureHeader {
    width :34%;
  }

  .featureListHeader { 
    width :22%;
  }

  .featureName {
    width :34%;   
  }

  .multiUserPriceEdition {
    width: 34%;
  }

  .featureAttribute {
    width :22%;
  }

  
}

@media (min-width :1701px) {
  
  .priceContentContainer {
    width: 65%;
  }
  
  .priceBenefitsArea {
    width: 65%;
  }

  .pricingFeatureListContainer {
    width :50%;
  }

  .pricingInfo {
    width: 65%;
  }

  .featureHeader {
    width :34%;
  }

  .featureListHeader { 
    width :22%;
  }

  .featureName {
    width :34%;   
  }

  .multiUserPriceEdition {
    width: 34%;
  }

  .featureAttribute {
    width :22%;
  }

}



@media (max-width :1530px) {
 
  .pricingOptions {
    float :right;
    width :70%;    
  }
  
  .priceContentContainer {
    width: 75%;   
  }
  
  .priceBenefitsArea {
    width: 75%;
  }

  .pricingFeatureListContainer {
    width :60%;
  }

  .pricingInfo {
    width: 75%;
  }
  
  .pricingBenefitsContainer {
    float :left;
    width :28%; 
  }

  .featureHeader {
    width :28%;
  }

  .featureListHeader { 
    width :24%;
  }

  .featureName {
    width :28%;   
  }

  .multiUserPriceEdition {
    width: 28%;
  }

  .featureAttribute {
    width :24%;
  }
 
  
}

@media (min-width :1531px)  {

  .pricingOptions {
    float :right;
    width :65%;
  }
  
  .pricingBenefitsContainer {
    float :left;
    width :34%; 
  }
  
}

@media (max-width :1329px) {

  .pricingOptions {
    float :right;
    width :72%;    
  }
  
  .priceContentContainer {
    width: 77%;   
  }
  
  .priceBenefitsArea {
    width: 77%;
  }

  .pricingFeatureListContainer {
    width :77%;
  }

  .pricingInfo {
    width: 77%;
  }
  
  .pricingBenefitsContainer {
    float :left;
    width :26%; 
  }

  .featureHeader {
    width :25%;
  }

  .featureListHeader { 
    width :25%;
  }

  .featureName {
    width :25%;   
  }

  .multiUserPriceEdition {
    width: 25%;
  }

  .featureAttribute {
    width :25%;
  }

}

@media (min-width :1301px) {
  .pricingBenefitsTitle {
    padding-top :40px;
    width: 90%;
  }

  .featureListSubHeader {
    display :none;
  }
  
  .mbgImage {
    padding-top:20px;
    padding-left:8%;
  }
  
}
      

@media (max-width :1300px) {
  .pricingOptions {
    width :80%;
    float :none;
    margin-left :auto;
    margin-right :auto;
  }
  
  .pricingBenefitsContainer {
    float :none;
    width :70%;
    margin-left :auto;
    margin-right :auto;
  }
  
  .pricingBenefitsTitle {
    width :100%;
    margin-left :auto;
    margin-right :auto;
    padding-top :20px;
    text-align: center;
  }
  
  .pricingBenefitsList {
    /*width :100%;*/
    margin-left :auto;
    margin-right :auto;
    display :inline-block;
    float :left;
  }

  .featureListSubHeader {
    display :block;
  }

  .featureHeader {
    width :52%;
  }

  .featureListHeader { 
    width :16%;
  }

  .featureName {
    width :52%;   
  }

  .multiUserPriceEdition {
    width: 52%;
  }

  .featureAttribute {
    width :16%;
  }

  .pricingFeatureListContainer {
    margin-top :50px;
  }

  .mbgImage {
    display :inline-block;
    float :right;
  }
  
}


@media (max-width :1266px) {

  .pricingOptions {
    float :none;
    width :85%;
    margin-left :auto;
    margin-right :auto;
  }
  
  .pricingBenefitsContainer {
    float :none;
    margin-left :auto;
    margin-right :auto;
  }
  
  .pricingBenefitsTitle {
    width :100%;
    margin-left :auto;
    margin-right :auto;
    padding-top :20px;
    text-align: center;
  }
  
  .pricingBenefitsList {
    /*width :100%;*/
    margin-left :auto;
    margin-right :auto;
    display: inline;
    float: left;
  }

  .priceContentContainer {
    width: 85%;   
  }
  
  .priceBenefitsArea {
    width: 85%;
  }
  
}

@media (max-width :1084px) {

  .pricingOptions {
    float :none;
    width :100%;
    margin-left :auto;
    margin-right :auto;
  }  

  .pricingBenefitsContainer {
    width :80%;
  }
    
}

@media (min-width: 1065px) {

  .priceContentContainer {
    margin-top :100px;
  } 

}

@media (max-width: 1064px) and (min-width: 538px) {

  .priceContentContainer {
    margin-top :145px;
  }

}


@media (max-width :961px) {
  
  .pricingFeatureListContainer {
    width :85%;
  }

  .pricingInfo {
    width: 85%;
  }
 
}

@media (max-width :795px) {

  .priceContentContainer {
    width: 95%;   
  }
  
  .priceBenefitsArea {
    width: 95%;
  }

  .pricingFeatureListContainer {
    width :95%;
  }

  .pricingInfo {
    width: 95%;
  }
 
}

@media (min-width :661px) {
  .featureRow {
    height :30px;
  }

  .mainFeatureListContainer {
    min-height :900px;
  }

  .muFeatureListContainer {
    min-height: 350px;
  }

  #pricingBox2::before {
    display: block;
    float :right;        
    width: 180px;       
    padding: 6px 2px; 
    -webkit-transform: rotate(45deg) translate(26%,-30%);
    -ms-transform: rotate(45deg) translate(26%,-30%);
    transform: rotate(45deg) translate(26%,-30%);
  }

  .boxBody ul {
    display :block;
  }

  #proBoxBody {
    min-height :220px;
  }


}

@media (max-width :660px) {
  .featureRow {
    height :40px;
  }

 
  .mainFeatureListContainer {
    min-height: 1100px;
  }

  .muFeatureListContainer {
    min-height: 450px;
  }

  #pricingBox2::before {
    display: block;
    float :right;
    top: 4px;           
    width: 130px;       
    padding: 4px 0px; 
    -webkit-transform: rotate(45deg) translate(26%,-30%);
    -ms-transform: rotate(45deg) translate(26%,-30%);
    transform: rotate(45deg) translate(26%,-30%);
  }

  .boxBody ul {
    display :none;
  }

  #pricingBox1 {
    min-height: 375px;
    max-height :375px;
 }

  #pricingBox2 {
    min-height :420px;
    max-height :420px;
  }

  #pricingBox3 {
    min-height: 375px;    
    max-height :375px;
  }

  #proBoxBody {
    min-height: 160px;
  }

  .tryItButton {
    margin-top: 10px;
  }

  .boxBody {
    min-height :100px;
  }

  .boxCaption {
    display :block;
    min-height :100px;
  }

  #tryItButton3 {
    margin-top :39px;
  }

  .pricingBenefitsContainer {
    width :90%;
  }

}


@media (max-width: 576px) {
  #tryItButton3 {
    margin-top :0;
  }  
}

@media (max-width :547px) {
  
  #pricingBox1 {
    float :none;
    width :90%;
    min-height :120px;
    max-height :120px;
  }

  #pricingBox2 {
    float :none;
    width :90%;
    min-height :120px;
    max-height :120px;
    margin-top :25px;
  }

  #pricingBox3  {
    float :none;
    width :90%;
    min-height :120px;
    max-height :120px;
  } 

  .boxBody {
    display :none;
  }

  .tryItButton {
    display :none;
  }

  .buyNowButton {
    display :none;
  }

  .boxCaption {
    display: inline-block;
    min-height :0;
  }

  #tryItButton3 {
    margin-top :0px;
  }

  .boxTop {
    display :inline-block;
    width :100%;
  }
 
  .edition {
    float :left;
    display :inline-block;
    margin-left :7px;
    margin-top :5px;
    width :65%;
    text-align: left;
  }
  
  .yearly {
    display :none;
  }

  .centerText {
    display :inline-block;
    margin-top: 12px;
    margin-right :5px;
    float :right;
    text-align: right;
    width :30%;
  }

  .pricingBoxPrice {
    font-size :2em;
  }

  .moreInfoButton {
    display :block;
    margin-top :7px;
  }

  .moreInfoButton a {
    display :inline-block;
  }

  
  #pricingBox2::before {
    display :none;
    float :left;
    top: 0px;           
    width: 130px;       
    padding: 4px 0px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); 
  }

}


@media (min-width :548px) {
  #pricingBox1 {
    float :left;
    width :30%;
  }

  #pricingBox2 {
    float :left;
    width :36%;
    margin-left :10px;
  }

  #pricingBox3 {
    float :left;
    width :30%;
    margin-left :10px;
  }

  .edtion {
    text-align :center;
  }

  .centerText {
   text-align: center;
  }

  .moreInfoButton {
    display :none;
  }

  #jaEdition {
    text-align :center;
    font-size :1.7em;
  }

  #proEdition {
    text-align :center;
    width :100%;
    min-width :100%;
    display: inline-block;
    padding-top :0;
    top :-20px;
  }

  #proPlusEdition {
    text-align :center;
  }

  .pricingBoxPrice {
    font-size :2em;
  }

  .featureListHeader {
    font-size :1.1em;
  }

  .featureListSubHeader {
    font-size :0.9em;  
  }

}

@media (max-width: 652px) {
  #jaEdition {
    font-size :1.5em;
  }
}

@media (max-width :580px) {
  #jaEdition {
    line-height: 90%;
  }

  #proPlusEdition {
    font-size :1.6em;
  }
}


@media (max-width :480px) {
  .mbgImage {
    padding-top:20px;
    padding-left:8%;
    float :left;

  }
}


@media (max-width: 537px) {
  .priceContentContainer {
    margin-top :100px;
  }
}


@media (max-width :430px) {
  .featureRow {
    height :50px;
  }

  .pricingFeatureListContainer {
    display :block;
    width :96%;
    min-width :96%;
  }

  .mainFeatureListContainer {
    min-height :1350px;
  }

  .muFeatureListContainer {
    min-height: 600px;
  }

  .featureListHeader {
    font-size :1em;
  }

  .featureListSubHeader {
    font-size :0.9em;  
  }

  .featureHeader {
    width :43%;
  }

  .featureListHeader { 
    width :19%;
  }

  .featureName {
    width :40%;   
  }

  .multiUserPriceEdition {
    width: 40%;
  }

  .featureAttribute {
    width :19%;
  }

}

@media (max-width :405px) {
 
  .featureListHeader {
    font-size :0.8em;
  }

}

@media (max-width :380px) {


  .featureListHeader {
    font-size :0.75em;
  }

  .featureListSubHeader {
    font-size :0.7em;  
  }

  .featureHeader {
    width :49%;
  }

  .featureListHeader { 
    width :17%;
  }

  .featureName {
    width :42%;   
  }

  .multiUserPriceEdition {
    width: 42%;
  }

  .featureAttribute {
    width :18%;
  }

}



@media (max-width :365px) {
  .edition {
    width :69%;
    margin-left :3px;
  }
  
  .centerText {
    width :27%;
  }

  #jaEdition {
    font-size :1em;
  }

  #proPlusEdition {
    font-size :1em;
  }

  .pricingBoxPrice {
    font-size :1.7em;
  }

  .featureListHeader {
    font-size :0.9em;
  }

  .featureListSubHeader {
    font-size :0.6em;  
  }

}

@media (max-width :310px) {
  .edition {
    margin-left :3px;
  }
  
  .centerText {
    margin-right :4px;
  }

  #jaEdition {
    font-size :1.4em;
  }

  #proPlusEdition {
    font-size :1.4em;
  }

  .pricingBoxPrice {
    font-size :1.6em;
  }

  .featureListHeader {
    font-size :0.8em;
  }

  .featureListSubHeader {
    font-size :0.6em;  
  }

}

@media (max-width :320px) {

  .pricingFeatureListContainer {
    width :100%;
    min-width :100%;
  }

}


.priceContentContainer {
  /*min-height: 600px;*/
  margin-left: auto;
  margin-right: auto;
  display :block;
}

.priceContent {
  width :100%;
  height :100%;
  display :inline-block;
}


.pricingBenefitsList {
  list-style-type: none;
  font-size :1.2em;
  padding-top :10px;
  color :#2F4F4F;
}

.pricingBenefitsList tr {
  height :32px;
}

.pricingBenefitsTitle {
  font-size :1.6em;
  color :#2F4F4F;
  padding-bottom :20px;
}


.pricingBox {  
  min-width :12%;
  border-width :0px;
  border-color :#808080;
  border-style :solid;
  border-radius: 14px;
  margin-left :auto;
  margin-right :auto;  
}


#pricingBox1 {
  background-color :#09A05B;
  border-right-width: 0px;
  padding :0;
  margin-top :20px;
  box-shadow : -10px 10px 15px 3px rgba(40,80,100,.75);
}

#pricingBox2 {
  background-color :#296FE8;
  padding :0;
  border-color :#000000;
  border-style :solid;
  box-shadow: 0 0 15px 5px rgba(40,80,100,.75);
  overflow :hidden;
}

#pricingBox3 {
  background-color :#E7B145;
  border-left-width: 0px;
  padding :0;
  margin-top :20px;
  box-shadow : 10px 10px 15px 3px rgba(40,80,100,.75);
}


.edition {
  font-size :1.8em;
  font-weight: lighter;
  color :#ffffff;
  position: static;
  padding-top :10px;
}


#proEdition {
  font-weight :bold;
}

.pricingPound {
  font-size : 1.2em;
  color :#ffffff; 
}

.pricingBoxPrice {
  font-weight :bold;
  color :#ffffff;  
}

.yearly {
  font-size :0.8em;
  font-weight: normal;
  text-align :center;
  color :#ffffff;
  line-height :20px;
}

#pricingBox2::before {
  content :"Most Popular";
  position: relative;
  margin-right :0px;
  background: #FBC543;
  color: #ffffff;  
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  overflow :hidden; 
  /*-webkit-transform: rotate(45deg) translate(26%,-30%);
  -ms-transform: rotate(45deg) translate(26%,-30%);
  transform: rotate(45deg) translate(26%,-30%);*/
}


.boxBody {
  margin-top :15px;
  color :#2F4F4F;
  text-align :center;
  font-size :0.9em;
  font-weight :bold;
  margin-left :auto;
  margin-right :auto;
  width :90%;
}

.boxBody ul {
  width :100%;
  padding-left: 30px; 
}


.boxBody li {
  color :#ffffff;
  text-align: left;
  font-size :0.9em;
  font-weight: normal;
  margin :0;
  line-height: 1.4;
  width :100%;
}


#proBodyText {
  color :#242424;
  font-size :1em;
}

#proPlusBodyText {
  color :#161616;
}

#proBuyNowButton {
  margin-bottom :25px;
}

.boldIt {
  font-weight :bold;
}

.buyNowButton  {  
  margin-left :auto;
  margin-right :auto;
  width :70%;
  height :40px;
  margin-bottom :10px;
}

.buyNowButton :hover {
  border-color: #ffffff;
  border-style: solid;
  border-width: 2px;
}

.buyNowButton a {
  display :block;
  text-decoration: none;
  background-color :#16A69E;
  text-align :center;
  color :#ffffff;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  padding-top :8px;
  border-width: 1px;
  border-color: #808080;
  border-style: solid;  
  width :100%;
  height :40px;
  margin-bottom :10px;  
  border-top-left-radius: 6px;
  border-bottom-right-radius :6px;
  border-top-right-radius :15px;
  border-bottom-left-radius :15px;
  -webkit-transition: color 300ms ease-in 20ms;
  -moz-transition: color 300ms ease-in 20ms;
  -o-transition: color 300ms ease-in 20ms;
  transition: color 300ms ease-in 20ms;
}

.buyNowButton a:hover {
  color: #FBC543; 
}


.tryItButton {
  margin-left: auto;
  margin-right :auto;
  width :70%;
  height :40px;
  margin-bottom :10px;
}

.tryItButton :hover {
  border-color: #2F4F4F;
  border-style: solid;
  border-width: 2px;
}

.tryItButton a {
  display :block;
  text-decoration :none;
  background-color: #ffffe0;
  text-align: center;
  color :#808080;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  padding-top :8px;
  border-width: 1px;
  border-color: #808080;
  border-style: solid;  
  width :100%;
  height :40px;
  margin-bottom :10px;  
  border-top-left-radius: 15px;
  border-bottom-right-radius :15px;
  border-top-right-radius :6px;
  border-bottom-left-radius :6px;
  -webkit-transition: color 250ms ease-in 20ms;
  -moz-transition: color 250ms ease-in 20ms;
  -o-transition: color 250ms ease-in 20ms;
  transition: color 250ms ease-in 20ms;
}

.tryItButton a:hover {
  color: #32cd32; 
  background-color :#ffffff;
}


.moreInfoButton {
  margin-left: auto;
  margin-right :auto;
  width :70%;
  height :40px;
  margin-bottom :10px;
}

.moreInfoButton :hover {
  border-color: #2F4F4F;
  border-style: solid;
  border-width: 2px;
}

.moreInfoButton a {
  display :block;
  text-decoration :none;
  background-color: #ffffe0;
  text-align: center;
  color :#808080;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  padding-top :8px;
  border-width: 1px;
  border-color: #808080;
  border-style: solid;  
  width :100%;
  height :40px;
  margin-bottom :10px;  
  border-top-left-radius: 15px;
  border-bottom-right-radius :15px;
  border-top-right-radius :6px;
  border-bottom-left-radius :6px;
  -webkit-transition: color 250ms ease-in 20ms;
  -moz-transition: color 250ms ease-in 20ms;
  -o-transition: color 250ms ease-in 20ms;
  transition: color 250ms ease-in 20ms;
}

.moreInfoButton a:hover {
  color: #32cd32; 
  background-color :#ffffff;
}

.pricingFeatureListContainer {
  margin-left: auto;
  margin-right: auto;
}


.featureList {
  display :block;
}


.featureListTable {
  /*float :right;*/
  border-radius :5px;
  /*border-width: 0px;
  border-color: #808080;
  border-style: solid;
  width :100%;
  margin-left :auto;
  margin-right :auto;*/
  padding :0;
  overflow :hidden;
  box-shadow: 0 0 20px 2px rgba(40,80,100,.75);
}

.featureHeader {
  background-color :#000000;
}

.featureListHeader {
  /*color :#ffffff; 
  background-color :#000000;
  font-weight :bold;*/
  text-align: center;
}

.featureListSubHeader {
  text-align: center;  
}

.featureName {
  padding-left :5px;
  text-align: left;
  font-size :0.8em;
  font-weight: 700;
}

.multiUserPriceEdition {
  padding-left :5px;
  text-align: left;
  font-size :0.9em;
  font-weight: 700;  
}

.multiUserEditionInfo {
  font-weight :normal;
  font-size: 1em;
}

.featureTick {
  display :block;
  margin-left :auto;
  margin-right :auto; 
  padding-left :47%;
  padding-right: 20px;
  color :green!important;
}


.featureHeaderRow td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #808080;
  padding-bottom :10px;
  margin-left: 0;
  margin-right :0;
}

.jaColumn {
  background-color :#09A05B;  
}

.proColumn {
  background-color :#296FE8;

}

.prosColumn {
  background-color :#E7B145;
}


.mbgImage {
  margin-left :auto;
  margin-right :auto;
}


.multiuserBuyNowButton {
    display :block;
    margin-left :auto;
    margin-right :auto;
    margin-top: 10px; 
    margin-bottom: 10px;
}

.pricingInfo {
    margin-left:auto; 
    margin-right: auto; 
    margin-bottom:25px; 
}

.pricingInfoTitle {
  /*font-size:1.2em;*/
}

.pricingInfoText {
  margin-left:53px;
}

.pricingSectionInfo {
  margin-top: 60px; 
}

div.getStarted {
  
  border-width :1px;
  border-color :#000000;
  border-style :solid; 

  
}

.priceBoxOuter {
  min-height :175px;
  margin-top :15px;
}

.priceEditionBox {
  height :95%;
  margin :5px;
  margin-bottom :35px;
  /*float :left;*/
  /*width :26%;*/
}

.cloudOrOnPremChoice {
  display :none;
}

.cloudOrOnPremChoice2 {
  display :block;
}

.priceListBox {
  height :100%;
  margin :5px;
  /*float :right;*/
  /*width :70%;*/
}


.priceEditionDetails {
  font-size :1.1em;
  /*color :#2F4F4F;*/
  margin-top :10px;
}

@media (min-width: 1050px) {
  .priceEditionDetails {
    margin-top :65px;
  } 

  .priceBoxOuter {
    margin-top:50px;
  }

  .cloudOrOnPremChoice2 {
    display :none;
  }
  
  .cloudOrOnPremChoice {
    display :block;
  }

}

.margin-top-20 {
  margin-top :20px;
}

.margin-top-30 {
  margin-top :30px;
}

.margin-top-50 {
  margin-top :50px;
}

.proColour {
  color :#67aedd;  
}

.proBGColour {
  background-color :#67aedd; 
}

.proStockColour {
  color #333333;  
}

.proStockBGColour {
  background-color :#21B198; 
}


.cloudColour {
  color :#AF5AD1;
}

.cloudBGColour {
  background-color :#AF5AD1;
}


.priceListHeader {
  min-height :60px;
  border-radius: 2em;
}

.priceListColumnHeader {
  /*text-align :center;*/
  color :#ffffff;
  font-weight :600;
  font-size :1.0em;
}

.vis600 {
  display :block;
}

.width-2 {
  width :48% !important;
}


.width-4 {
  width :24%;
}

.width-6 {
  width :18%;
}

.priceListTable {
  width :55%;  
}

.price {
  	font-size :2em;  
}

.perMonth {
  	font-size : 0.85em;  
}

.priceColumn {
  padding-top :10px;
  text-align: center;
}

.enquire {
  font-size : 1.0em;    
}

.BuyItNow {
    /*background-color: #5399c7!important;*/
    display :block;
    margin-left :5px;
    border-radius :7px;
    border-style: solid;
    font-size: 0.95em!important;
    font-weight :600;
    color :#ffffff!important;
    text-align: center!important;
    padding-left :10px;
    padding-right :10px;
    padding-top :5px!important;  
    padding-bottom :5px!important;
    width :70%;
    margin :0 auto;
    margin-top :15px;    
}

BuyItNow :hover {                 
      /*color :#253443!important;*/
      /*border-width :2px;*/
      border-color :#253443;
      font-weight :bold;
      border-width :2px;
}

.priceBenefitsArea {
      margin-left: auto;
      margin-right: auto;
      margin-top :100px;
}


li.priceBenefitBlock {
  display: list-item;
  margin :8px; 
  text-align: left; 
  max-width :30%;
  float: left;
  min-width :100px;
  margin-left :20px;
}

.paidAnnually {
  font-size :0.85em;
}

.multiCompanyHeader {
  /*font-size: 1.6em;*/ 
  /*font-weight: bold; 
  color: #2980b9;*/ 
  text-decoration: none !important; 
}



@media (max-width :469px) {
  .pricingInfoTitle {
    display: block;
  }

  .pricingInfoText {
     margin-left:0px;
  }

}

@media (max-width: 459px) {
  .buyButton {    
    padding: 6px 6px !important;
  }
}

@media (max-width: 419px) {
  .buyButton {    
    padding: 6px 3px !important;
  }
}

@media (max-width: 395px) {
  .buyButton {    
    padding: 6px 0px !important;
    width: 100% !important;
    white-space: pre-wrap;
  }
}



@media (min-width :1150px) {
 
 li.priceBenefitBlock {
    min-height :170px;
 } 
  
}

@media (max-width :1149px) {
  
  li.priceBenefitBlock {
      min-height :170px;
 }
  
}

@media (max-width :935px) {
  
  li.priceBenefitBlock {
      min-height :200px;
 }
  
}


@media (min-width :1050px) {
  
  .priceEditionBox {
    float :left;
    width :40%;
  }
  
  .priceListBox {
    float :right;
    width :55%;
  }
  
}


@media (max-width :1049px) {
  
  .priceEditionBox {
    float :none;
    width :85%;
    display :block;
    margin-left :auto;
    margin-right :auto;
    text-align :center;
  }
  
  .priceListBox {
    float :none;
    width :90%;
    display :block;
    margin-left :auto;
    margin-right :auto;
  }

  .priceListTable {
    margin-left :auto;
    margin-right :auto;
  }

  .hostOptionContainer {
    margin-left :auto;
    margin-right :auto;
  }



  
}

@media (max-width :1020px) {
  
  .benefit2 {
    text-align: center;
  } 
  
  .benefitCaption {
    margin-left :0;
  }

  li.priceBenefitBlock {
    max-width :100%;
    min-height :140px;
    margin-left :8px;
  }

}


@media (max-width :709px) {
    
    .priceListBox {
      width :100%;
    }
    
    .perMonth {
  	   font-size : 0.8em;
       display :block;  
    }
    
    .BuyItNow {
        margin-left :auto;
        margin-right :auto;
        padding-left :6px;
        padding-right :6px;
        padding-top :3px!important;  
        padding-bottom :3px!important;
        width :75%;         
    }
    
}

@media (max-width :385px) {

    .BuyItNow {
        margin-left :auto;
        margin-right :auto;
        padding-left :2px;
        padding-right :2px;
        padding-top :3px!important;  
        padding-bottom :3px!important;
        width :90%;         
    }
    
    .price {
        font-size :1.7em; 
    }
}

@media (max-width :355px) {
  .paidAnnually {
      font-size :0.85em;
  }

}


@media (max-width :795px) {
  .vis600 {
      display :none;
  }
  
  .centerAtReact {
      text-align: center;
  }
    
}

@media (max-width :795px) {
  
  .width-2 {
    width :90% !important;
  }
  
}