#tada-box {
  width: 60px; }

.desktop-ruby.newsletter-dt {
  background-image: url("./img/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("./img/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 992px) {
    .desktop-ruby.newsletter-dt {
      padding: 45px 0px; } }
  @media (max-width: 992px) {
    .desktop-ruby.newsletter-dt {
      padding: 25px 0px 0px; } }
  @media (max-width: 1200px) {
    .desktop-ruby.newsletter-dt .main-text h2 {
      font-size: 26px; } }
  @media (max-width: 992px) {
    .desktop-ruby.newsletter-dt .main-text {
      text-align: left; } }
  @media (min-width: 992px) {
    .desktop-ruby.newsletter-dt .main-text {
      text-align: center; } }

.ruby-box.newsletter-mobile {
  background-image: none !important; }
  .ruby-box.newsletter-mobile .box-ad {
    background-image: url("./img/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
  .ruby-box.newsletter-mobile .newsletter-container {
    padding: 25px 28px; }
  .ruby-box.newsletter-mobile .newsletter-btn {
    width: 100%; }
  .ruby-box.newsletter-mobile img {
    border: none !important; }
  .ruby-box.newsletter-mobile .text-col {
    margin: 0px; }
    @media (max-width: 767px) {
      .ruby-box.newsletter-mobile .text-col h2 {
        font-size: 21px; } }
    @media (min-width: 768px) {
      .ruby-box.newsletter-mobile .text-col h2 {
        font-size: 20px; } }
    @media (min-width: 992px) {
      .ruby-box.newsletter-mobile .text-col h2 {
        font-size: 17px; } }
    @media (min-width: 1300px) {
      .ruby-box.newsletter-mobile .text-col h2 {
        font-size: 24px; } }

.mobile-ruby.newsletter-mobile {
  background-image: url("./img/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat; }

.newsletter-container {
  max-width: 100%;
  margin: 0 auto; }
  @media (max-width: 992px) {
    .newsletter-container {
      width: 550px;
      padding-bottom: 25px; } }
  @media (min-width: 992px) {
    .newsletter-container {
      width: 775px; } }
  @media (min-width: 1200px) {
    .newsletter-container {
      width: 850px; } }
  @media (max-width: 767px) {
    .newsletter-container {
      padding: 25px 28px; } }

.newsletter-btn {
  display: inline-block;
  margin: 0 auto;
  background: #e1655f;
  padding: 10px 16px;
  opacity: .95;
  transition: all .15s ease;
  -webkit-transition: all .15s ease;
  -o-transition: all .15s ease;
  -moz-transition: all .15s ease; }
  .newsletter-btn:hover {
    opacity: 1; }
  @media (max-width: 992px) {
    .newsletter-btn {
      width: 100%; } }