
#wpcontent {
  background-color: #fff;
  padding-left: 0;
}

#mg-logo-wrap {
  height: 97px;
  line-height: 97px;
  padding-left: 98px;
  padding-right: 98px;
}

#upgrade-banner {  
  color: #69afe7;
  display: block;
  font-size: 16px;
  font-weight: 600;
  height: 102px;
  background: rgb(230,236,242);
  background: linear-gradient(90deg, rgba(230,236,242,1) 0%, rgba(234,240,246,1) 100%);  
  line-height: 102px;
  text-align: center;  
  text-transform: uppercase;
  

    font-family: "Roboto", sans-serif;
    font-size: 25.2px;
  
}

.upgrade-container {
  display: block;
  margin: 0 auto;
  max-width: 1110px;  
  width: 100%;
}

h2#upgrade-subtitle {
  color: #7a7a7a;
  font-family: "Roboto", sans-serif;
  font-size: 25.2px;
  font-weight: 400;
  line-height: 35.2833px;
  text-align: center;  
}

h3#mg-characteristics {
  color: #69afe7;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 400;
  text-align: center;
}

#mg-details {
  color: #7a7a7a;
  font-family: "Roboto", sans-serif;
  font-size: 18.2px;
  line-height: 27.3px;
  font-weight: 400;
  text-align: center;
}

#mg-slider-image {
  height: auto;
  margin: 0 auto;
  max-width: 1149px;
  width: 100%;
}

.mg-blue-box {
  background: rgb(83,161,217);
  background: linear-gradient(90deg, rgba(83,161,217,1) 0%, rgba(85,166,224,1) 100%);  
  min-height: 490px;  
  margin-top: 60px;
  padding: 59px 0;
  /*padding: 59px 220px;*/
}

.mg-cta-box {
  display: block;
  float: left;
  height: 365p;
  width: 436px;  
}

#mg-features {
  display: block;
  float: left;
  height: 365px;
  margin-left: 24px;
  width: 490px;    
}

.mg-feature-row {
  display: block; 
}

.mg-cta-top {
  background-color: #ADDDFD;
  color: #003763;
  font-family: "Roboto", sans-serif;
  font-size: 18.2px;
  font-weight: 700;
  line-height: 16.2px;
  padding: 32px 24px;
  text-align: center;
}

.mg-cta-bottom {
  background-color: #fff;
  height: 269px;
  color: #7a7a7a;
  font-family: "Roboto", sans-serif;
  font-size: 18.2px;
  line-height: 36.4px;
  font-weight: 400;
  padding-top: 38px;
  text-align: left;  
}

.mg-prices {
  width: 216px;
  margin: 0px auto 0;
}

ul.mg-prices li {
  line-height: 2em;
}

.mg-add-to-cart-button {
  background-color: #FD9A3B;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;  
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 17px;
  height: 44px;
  line-height: 44px;
  margin: 0 auto;
  /*padding: 10px 60px;*/
  text-align: center;
  width: 237px;  
  white-space: nowrap;
}

.mg-add-to-cart-button:hover {
  color: #fff;
  background: #3276b1;
  border-color: #285e8e;
}

.mg-featureimage {
  padding: 41px 0;
}

.mgf-left {
  display: block; 
  float: left;
}

.mgf-rigth {
  display: block; 
  float: left;  
  padding: 35px 0 10px 11px;
  max-width: 436px;
}
.mgf-item-title {
  color: #bae1ff;
  font-weight: 600;
  padding-bottom: 15px;
}

.mgf-details {
  color: #fff;
  width: 300px;
}

.row.mgmd {
  max-width: 1150px;
}

#mg-more-details {
  background-color: #EAF0F6;
  display: block;
  /*min-height: 660px;*/
  padding: 83px 0 63px 0;
}
.mgmd-image {
  margin: 0 auto;
  display: block;
}

.mgmd-title {
  color: #424242;
  font-family: "Roboto", sans-serif;
  font-size: 16.8px;
  font-weight: 600;
  margin: 22px 0 21px;
  text-align: center;
}

.mgmd-text {
  color: #7a7a7a;
  font-family: "Roboto", sans-serif;
  font-size: 16.8px;
  font-weight: 300;
  text-align: center;
}

.second-mgmd {
  margin-top: 120px !important;;
}

#mg-white-section {
  background-color: #fff;
  display: block;
  height: 167px;
}

#mg-textimonies {
  background-color: #ADDDFD;
  padding: 48px 0 50px;
}

.mgaddons,
.mg-testimony-row {
  max-width: 1150px !important;
}

.mgaddons {
  margin-bottom: 19px !important;
}

#mg-testimonies-title {
  color: #3765a3;
  font-family: "Roboto", sans-serif;
  font-size: 30.8px;
  line-height: 61.6px;
  font-weight: 400;
  text-align: center;
}

.mg-testimony-box {
  background-color: #69afe7;
  min-height: 373px;
  padding: 24px 50px;
}

.mg-quote-mark {
  display: block;
  margin: 0 auto;
}

.mg-testimony-word {
  color: #fff;
  font-family: "Roboto",Sans-serif;
  font-size: 2em;
  line-height: 4em;  
  text-align: center;
}

.mg-testimony-text {
  color: #fff;
  font-family: "Roboto",Sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.5em;
  text-align: center;
}

#mg-addon-section {
  background-color: #EAF0F6;
  padding: 46px 0 60px;
}

#why-go-pro {
  color: #003763;  
  font-family: "Roboto",Sans-serif;
  font-size: 40px;
  line-height: 80px;
  font-weight: 600;
  margin-bottom: 18px;
  text-align: center;
}

.mg-addon-title {
  color: #3765a3;
  font-family: "Roboto",Sans-serif;
  font-size: 21px;
  line-height: 42px;
  font-weight: 400;
  margin-bottom: 22px;
  text-align: center;
}
#mgpro-features {
  color: #f7a531;
  font-family: "Roboto",Sans-serif;
  font-weight: 600;
  font-size: 30.8px;
  line-height: 61.6px;
  text-align: center;
  display: block;
  margin-bottom: 47px;
  width: 100%;  
}

.mg-addon-description {
  height: 125px;
}

.mg-addon-block {
  /*background-color: #f7f7f7;*/
  height: 499px;
}

.mg-source-block {
  height: 480px;  
}

a.mg-addon-block-container {
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);  
  display: block;
  text-decoration: none;
  margin-bottom: 28px;
}

.mg-addon-image-container {
  height: 200px;
  /*width: 360px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden  
}

.mg-addon-image {
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%
}


.mg-addon-box {
}

.mg-addon-box-outer-sources,
.mg-addon-box-outer {
  min-height: 295px;
  overflow: hidden;
  padding: 35px 28px;
  text-align: center;
}

.mg-addon-box-outer {
  background-color: #EAF0F6;
}

.source-image-container,
.mg-addon-box-outer-sources {
  background-color: #F6F6F6;  
}

.mg-addon-box-inner {
  min-height: 200px;
}

.mg-addon-source-subtitle,
.mg-addon-subtitle {
  color: #55595c;
  font-family: "Roboto",Sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  margin: 5px 0 18px;
}

.mg-addon-source-subtitle {
   height: 55px; 
}

.mg-addon-source-description,
.mg-addon-description {
  color: #55595c;
  font-family: "Roboto",Sans-serif;
  font-size: 14px;  
  min-height: auto;
}

.mg-addon-source-description {
  min-height: 100px;
}

.mg-addon-button {
  color: #fff;
  background-color: #003156;
  border-color: #55595c;
  border-width: 1px;
  font-family: "Roboto",Sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 35px;
  width: 150px;
  margin: 14px auto 0;
  border-radius: 3px;
}

div.mg-addon-box-outer-sources div.mg-addon-button {
  width: auto;
}

.mg-addon-title-sources {
  color: #3765a3;
  font-family: "Roboto",Sans-serif;
  font-size: 30.8px;
  line-height: 61.6px;
  font-weight: 400;
  margin: 68px 0 68px;
  text-align: center;
}


.small-2 {
  width: 19.667% !important;
}

#plugin-description {
  color: #6F6F6F;
  text-align: center;
  font-family: "Roboto",Sans-serif;
  font-size: 18.2px;
  font-weight: 400;
  line-height: 1.5em;
}

p#plugin-description a {
  color: #FD9A3B;
  text-decoration: none;
}

#get-mg-free {
  height: 66px;
}

#mg-free-download {
  background-color: #FD9A3B;
  border-radius: 4px;
  color: #fff;
  display: block;
  float: left;
  height: 66px;
  width: 264-x
}

#mg-free-download-text {
  color: #6F6F6F;
  text-align: center;
  font-family: "Roboto",Sans-serif;
  float: left;
  margin-left: 50px;  
}

#mg-slider-image-container {
  margin-bottom: 100px;
}


@media (min-width: 855px) and (max-width: 1119px)  {
  
  .mg-addon-source-subtitle {
    font-size: 0.9em;
  }
  
  .mg-addon-box-outer-sources {
    padding: 35px 28px;
  }
  
  .mg-addon-description {
    min-height: 126px;
  }
  
  .mg-addon-source-description {
      min-height: 140px;
  }  
  
}

@media (max-width: 1068px)  {
}

@media (max-width: 899px)  {
  .addon-block-empty {
    display: none;
  }
}

@media (max-width: 560px)  {
  .mg-source-block {
      height: 560px;
  }
  
  .mg-source-block {
    margin-bottom: 40px;
  }
  
}

@media (max-width: 457px)  {
  
  #mg-cta-box {
    width: 100%;
  }  
  
  .mgf-rigth {
    width: 70%
  }
  
/*.mgf-details {
    width: 70%;
}  */
  
}  

