.satta-matka-jodi-subtitle {
    color: #ccffcc;
    background-color: black;
    padding: 10px;
    text-align: center;
    border: #000 solid 1px;
    font-style: italic;
    font-family: Times New Roman, Times, serif;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    border-radius: 20px;
  }

  .satta-matka-jodi-subtitle2 {
    color: #ccffcc;
    background-color: black;
    padding: 10px;
    text-align: center;
    border: #000 solid 1px;
    font-style: italic;
    font-family: Times New Roman, Times, serif;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    border-radius: 20px;
  }

  .panel-heading2 {
    background-color: #FFCC66;
    color: #000000;
    margin-bottom: 5px;
    padding: 10px 15px;
    border-bottom: 4px solid #DDB25B;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    font-weight: bold;
    font-size: large;
  }
  body {
    background-color: #fff; margin-top: 0; margin-bottom: 0;
    background-color:#ccffcc; font-family:Times New Roman, Times, serif;
  }

  /* demo-pricing */

  .demo-pricing {
    margin-top: 10px;
    margin-right: 10px;
    padding: 14px 26px;
    font-size: 14px;
    line-height: 100%;
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.1s ease-in-out;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
  }

  .demo-pricing:active {
    padding-top: 15px;
    margin-bottom: -1px;
  }

  .demo-pricing,
  .demo-pricing:hover,
  .demo-pricing:active {
    outline: 0 none;
    text-decoration: none;
    color: #fff;
  }

  .demo-pricing-1 {
    background-color: #3fb8e8;
    box-shadow: 0px 3px 0px 0px #3293ba;
  }

  .demo-pricing-1:hover {
    background-color: #1baae3;
  }

  .demo-pricing-1:active {
    box-shadow: 0px 1px 0px 0px #3293ba;
  }


  .demo-pricing-2 {
    background-color: #f06060;
    box-shadow: 0px 3px 0px 0px #cd1313;
  }

  .demo-pricing-2:hover {
    background-color: #ed4444;
  }

  .demo-pricing-2:active {
    box-shadow: 0px 1px 0px 0px #cd1313;
  }

  .demo-pricing-3 {
    background-color: #ff6a80;
    box-shadow: 0px 3px 0px 0px #da0020;
  }

  .demo-pricing-3:hover {
    background-color: #ff566f;
  }

  .demo-pricing-3:active {
    box-shadow: 0px 1px 0px 0px #da0020;
  }



  /* demo-info */
  .demo-info {
    padding: 14px 26px;
    font-size: 14px;
    line-height: 100%;
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
    color: #fff;
    font-style: italic;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.1s ease-in-out;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    color: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
  }

  .demo-info:active {
    padding-top: 15px;
  }

  .demo-info,
  .demo-info:hover,
  .demo-info:active {
    outline: 0 none;
    text-decoration: none;
    color: #fff;
  }

  .demo-info-1 {
    background-color: #fdc058;
    box-shadow: 0px 3px 0px 0px #e29003;
  }

  .demo-info-1:hover {
    background-color: #fdb53a;
  }

  .demo-info-1:active {
    box-shadow: 0px 1px 0px 0px #e29003;
  }

  .demo-info-2 {
    background-color: #aa65c7;
    box-shadow: 0px 3px 0px 0px #883da7;
  }

  .demo-info-2:hover {
    background-color: #9e4fbf;
  }

  .demo-info-2:active {
    box-shadow: 0px 1px 0px 0px #883da7;
  }

  .demo-info-3 {
    background-color: #2ecc71;
    box-shadow: 0px 3px 0px 0px #239a55;
  }

  .demo-info-3:hover {
    background-color: #28b363;
  }

  .demo-info-3:active {
    box-shadow: 0px 1px 0px 0px #239a55;
  }

  #top_five {
    background-color: black;
    border-color: #000000;
    border-left: 3px solid #00008d;
    border-right: 3px solid #00008d;
    border-style: solid;
    border-radius: 20px;
    border-width: 1px;
    color: #ccffcc;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 10px;
    text-align: center;
  }

  #pic {
    margin-top: 5px;
    text-align: center;
    width: 100%;
  }

 
.panel-heading h1 {
  margin: 0;
  padding: 5px
}

table {
  border-collapse: collapse
}

table,
th,
td {
  border: 1px solid #7575ad
}

thead {
  background-color: #666699;
  color: #fff;
  /*text-shadow: 1px 1px 2px #eee*/
}

tbody td {
  padding: 5px 0;
  font-size: 24px
}

.red, .redword {
  color: red
}

 
@media only screen and (max-width: 1110px)
table {
    width: 70%;
}

@media only screen and (max-width: 770px)
table {
    width: 80%;
}

 @media only screen and (max-width:500px) {
  table { width: 100%; }
   .satta-matka-jodi-subtitle h1{ font-size: 1.4em; } 
}

.gobottum{ top:70px;right: 10px;z-index: 99;border: none;outline: none;background-color: #428bca;color: #fff;cursor: pointer;padding: 10px;border-radius:10px;text-decoration:none; }  
.website_name{ font-weight: 700; font-size: 28px; box-shadow: 0px 0px 0px 0px; color:red; }

.r {
  color: red
}

td {
  font-weight: 700
}