html {
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
}
.longtext {
  white-space: pre-wrap;
  word-wrap: break-word;
}
a.topimg img {
  display: table-cell;
  vertical-align: middle;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
ul li {
  display: inline-block;
}
.grd3 {
  float: left;
  width: 33.3%;
}
.grd5 {
  float: left;
  width: 50%;
}
.rbl input[type="radio"] {
  margin-left: 10px;
  margin-right: 10px;
}
.needhelp {
  background: #efefef none repeat scroll 0 0;
  border-radius: 10px;
  overflow: hidden;
  padding: 5px;
  width: 179px;
}
.needhelp span {
  color: #000;
  font-size: 17px;
}
.radiobtn {
  margin: auto;
  text-align: center;
  width: 50%;
}
.topupid {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f00;
  border-radius: 10px;
  margin: auto;
  width: 570px;
}
#topleft {
  float: left;
}
#topright {
  float: right;
}
.shophead {
  width: 100%;
}
.blackbig {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.newstext {
  color: #090;
  font-family: arial;
  font-style: italic;
  font-weight: 700;
}
b {
  color: #333;
}
.whitehead {
  color: #fff;
  font-family: tahoma;
  font-size: 18px;
  font-weight: 700;
  padding-top: 5px;
}
.c2 {
  color: #000;
  font-family: arial;
}
.c3 {
  color: #66f;
  font-family: times New Roman;
 
}
.c4 {
  background: transparent none repeat scroll 0 0;
  color: #000;
  font-family: Roboto, arial, sans-serif;
  font-weight: 900;
  letter-spacing: 2px;
  vertical-align: middle;
}
.c5 {
  color: #000;
  height: 39px;
  padding-left: 3px;
}
.c5s {
  color: #000;
  font-family: arial;
  height: 39px;
  padding-left: 3px;
  width: 100%;
}
.c6 {
  background: transparent none repeat scroll 0 0;
  color: red;
  font-family: Roboto, arial, sans-serif;
}
.c7 {
  color: #f00;
  font-family: arial;
  font-weight: 700;
}
.c7admin {
  color: #f00;
  font-family: arial;
  font-weight: 700;
}
.c8 {
  color: #fff;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: 2px;
  vertical-align: middle;
}
.c9 {
  color: #33c;
  font-family: arial;
  font-weight: 700;
}
.c10 {
  color: #1023d2;
  font-family: arial;
  font-weight: 700;
}
.tblack {
  color: #000;
  font-family: arial;
  font-weight: 700;
}
.blueclr {
  color: #33c;
  font-family: arial;
  font-weight: 700;
  vertical-align: middle;
}
.update {
  color: #6ec124;
  font-family: arial;
}
.roundbox {
  background-color: #fff;
  border-radius: 15px;
  margin: 0 auto;
  width: 1100px;
}
h3 {
  color: #33c;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: underline;
}

.leg_arrow {
  position:absolute;
  right:120px;
  left:265px;
  width:40%;
  margin:auto;
  padding-top:0px;
}

.leg_arrow img {
  width:49%;
}


.arrow1 {
  margin: auto;
  text-align: center;
  width: 429px;
}
.arrowblue {
  text-decoration: underline;
}
.arrow1 span {
  color: #000;
}
.arrow1 .arr {
  margin-top: 5px;
}
.arrow2 {
  height: 32px;
  margin: auto;
  padding-left: 42px;
  text-align: center;
  width: 624px;
}
.arrow2 .arimg1 {
  float: left;
}
.arrow2 .arimg2 {
  float: right;
}
.arrow3 {
  display: block;
  height: 42px;
  margin: auto;
  overflow: hidden;
  padding-left: 42px;
  padding-top: 10px;
  text-align: center;
  width: 850px;
}
.arrow3 .arimg1 {
  float: left;
}
.arrow3 .arimg2 {
  float: right;
}
.arrow4 {
  height: 32px;
  margin: auto;
  padding-left: 42px;
  padding-top: 10px;
  text-align: center;
  width: 950px;
}
.arrow4 .arimg1 {
  float: left;
  width: 32%;
}
.arrow4 .arimg1 .arpic {
  float: left;
}
.arrow4 .arimg1 .arpic2 {
  float: right;
}
.arrow4 .arimg2 {
  float: left;
  width: 20%;
}
.arrow4 .arimg2 .arpic {
  float: left;
}
.arrow4 .arimg3 .arpic2 {
  float: right;
}
.arrow5 {
  height: 32px;
  margin: auto;
  padding-left: 42px;
  padding-top: 10px;
  text-align: center;
  width: 1000px;
}
.arrow5 .arr1 {
  float: left;
  margin: 0 10px 0 15px;
  text-align: center;
}
.arrow5 .arr1 {
  float: left;
  margin-top: 10px;
  width: 21%;
}
.arrow5 .arr2 {
  float: left;
}
.arrow5 .arr3 {
  float: left;
}
.arrow5 .arr4 {
  float: left;
}
.arrow5 .arr5 {
  float: left;
}
.arrow5 .pic1 {
  float: left;
}
.arrow5 .pic2 {
  float: right;
}
.arrow6 {
  height: 32px;
  margin: auto;
  padding-left: 42px;
  padding-top: 10px;
  text-align: center;
  width: 1100px;
}
.arrow6 .wrap {
  float: left;
  width: 22%;
}
.arrow6 .arr1 {
  float: left;
  margin-top: 10px;
  width: 50%;
}
.arrow6 .arr2 {
  float: right;
  margin-top: 10px;
  width: 50%;
}
.mcard {
  height: 282px;
  margin: auto;
  padding: 17px 0 0 17px;
  width: 447px;
}
.idcardbg {
  background-size: 100% 100%;
  overflow: hidden;
}
.logo {
  float: left;
  width: 17%;
}
.logo img {
  border: 1px solid #c00;
  border-radius: 5px;
  height: 45px;
  width: 50px;
}
.compname {
  color: #f00;
  float: right;
  font-size: 25px;
  font-style: italic;
  font-weight: 700;
  padding-top: 5px;
  width: 83%;
}
.idbox1 {
  float: none;
  width: 139px;
}
.idbox1 img {
  float: left;
  height: 105px;
  margin: 31px 0 0 17px;
  width: 90px;
}
.idboxtext1 {
  color: #000;
  font-size: 13px;
  font-weight: 700;
  line-height: 160%;
  width: 100%;
}
.idboxtext2 {
  color: #000;
  font-size: 13px;
  font-weight: 700;
  line-height: 160%;
  padding-left: 10px;
  text-align: left;
  width: 100%;
}
.idbox2 {
  float: left;
  padding: 25px 0 0 20px;
  text-align: left;
  width: 139px;
}
.idbox3 {
  float: right;
  padding: 25px 0 0 10px;
  width: 179px;
}
.ourwebsite {
  color: #000;
  float: left;
  font-size: 13px;
  font-weight: 700;
  margin-top: 15px;
  width: 30%;
}
.ourwebsite2 {
  color: #30c;
  float: right;
  font-size: 13px;
  font-weight: 700;
  margin-top: 15px;
  text-decoration: underline;
  width: 70%;
}
.invoice {
  border: 1px solid #000;
  border-radius: 10px;
  margin: auto;
  overflow: hidden;
  width: 90%;
}
.invoice p {
  font-size: 13px;
}
.invlogo {
  float: left;
  padding: 15px 0 0 15px;
  width: 20%;
}
.invlogo img {
  border: 1px solid #f00;
  border-radius: 10px;
}
.invcompany {
  float: left;
  width: 50%;
}
.invcompany h1 {
  color: #000;
  font-family: tahoma;
  font-size: 35px;
  font-weight: 700;
  text-align: center;
}
.invcompany p {
  font-size: 15px;
  text-align: center;
}
.tinno {
  float: right;
  width: 20%;
}
.tinno p {
  color: #000;
  font-size: 15px;
  padding: 10px 10px 0 0;
  text-align: right;
}
.invborder {
  border: 1px solid #f00;
  overflow: auto;
  width: 100%;
}
.invinner {
  border: 1px solid #000;
  margin: 10px;
  overflow: hidden;
  width: 98%;
}
.invbox1 {
  border-right: 1px solid #000;
  float: left;
  padding: 10px;
  width: 30%;
}
.invbox2 {
  float: right;
  padding: 10px;
  text-align: center;
  width: 70%;
}
.invmiddle {
  border-top: 1px solid #000;
  overflow: hidden;
  width: 100%;
}
.invgrid1 {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  float: left;
  text-align: center;
  width: 10%;
}
.invgrid2 {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  float: left;
  text-align: center;
  width: 20%;
}
.invgrid3 {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  float: left;
  text-align: center;
  width: 10%;
}
.invgrid4 {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  float: left;
  text-align: center;
  width: 40%;
}
.invgrid5 {
  border-bottom: 1px solid #000;
  float: left;
  text-align: center;
  width: 20%;
}
.invgrid6 {
  float: left;
  text-align: center;
  width: 0;
}
.invgrid7 {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  float: left;
  text-align: center;
  width: 66.7%;
}
.invgrid8 {
  border-bottom: 1px solid #000;
  float: right;
  text-align: center;
  width: 33.3%;
}
.invgrid9 {
  border-bottom: 1px solid #000;
  float: left;
  text-align: center;
  width: 20%;
}
.middlebox1 {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  float: left;
  height: 156px;
  width: 40%;
}
.middlebox2 {
  float: right;
  line-height: 200%;
  width: 60%;
}
.middletext {
  line-height: 230%;
  margin: auto;
  width: 97%;
}
.terms {
  float: left;
  width: 70%;
}
.terms2 {
  float: right;
  width: 30%;
}
.terms2 h1 {
  color: #000;
  float: right;
  font-family: tahoma;
  font-size: 20px;
  font-weight: 700;
  margin-right: 32px;
  text-align: center;
  width: 30%;
}
.mainwrap {
  background-color: #fff;
  overflow: hidden;
  padding: 15px;
  width: 100%;
}
.top1 {
  float: left;
  width: 20%;
}
.top1s {
  float: left;
  width: 20%;
}
.top1 img {
  border: 1px solid #f00;
  border-radius: 5px;
}
.top1 img {
  border: 1px solid #f00;
  border-radius: 5px;
}
.top1 p {
  color: #00c;
  font-size: 13px;
  text-decoration: underline;
}
.top1 span {
  font-size: 14px;
}
.top2 {
  float: left;
  margin-bottom: 18px;
  width: 40%;
}
.top2 h1 {
  font-size: 32px;
}
.top2 h2 {
  color: #000;
  font-size: 22px;
}
.top3 {
  float: left;
  width: 20%;
}
.top4 {
  float: left;
  width: 20%;
}
.iconwrapper {
  margin: auto;
  width: 95%;
}
.iconwrapper p {
  color: #03c;
  text-decoration: underline;
}
.adicon1 {
  float: left;
  margin-bottom: 20px;
  width: 15%;
}
.adicon1 img:hover {
  border-radius: 15px;
  box-shadow: 0 0 7px #bb1d00;
}
.visitingcard {
  margin: auto;
  width: 464px;
}
.viscardbg {
  background-size: 100% 100%;
  height: 311px;
  padding: 20px 0 0 26px;
  width: 100%;
}
.cardlogo {
  float: left;
  width: 30%;
}
.cardlogo img {
  border-radius: 5px;
}
.companyname {
  color: #f00;
  float: right;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 700;
  width: 70%;
}
.numbers {
  float: right;
  width: 70%;
}
.numbers p {
  float: right;
  font-size: 15px;
  padding-right: 28px;
}
.cardaddress {
  float: left;
  margin: auto;
  width: 98%;
}
.cardtext {
  color: #000;
  float: none;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 700;
  padding-top: 10px;
}
.cardtext2 {
  color: #000;
  float: left;
  font-family: arial;
  font-size: 15px;
  line-height: 300%;
}
.cardtext3 {
  color: #000393;
  font-family: arial;
  font-size: 20px;
  font-weight: 700;
  text-decoration: underline;
}
#trboxes {
  display: block;
}
#trflash {
  display: block;
}
#trlinks {
  display: block;
}
#trmarquee {
  display: block;
}
#trads {
  display: block;
}
#trnews {
  display: block;
}
#trpayout {
  display: block;
}
#trphoto {
  display: block;
}
.trhide {
  display: block;
}
.trhidesmall {
  display: block;
}
.printhide {
  display: none;
}
.autowidth {
  margin: 0 auto;
  width: 100%;
}
.automarquee {
  max-width: 842px;
  width: 842px;
}
.automarqueefullwidth {
  max-width: 960px;
  width: 960px;
}
.marquee {
  background: #fff none repeat scroll 0 0;
  overflow: hidden;
  width: 800px;
}
#feature {
  margin: auto;
  padding-bottom: 40px;
  width: 1100px;
}
.features {
  padding: 0;
}
.feature-wrap {
  height: 140px;
  margin-bottom: 35px;
  overflow: hidden;
  width: 120px;
}
.feature-wrap h2 {
  margin-top: 10px;
}
.feature-wrap .pull-left {
  margin-right: 25px;
}
.feature-wrap i {
  background: #fff none repeat scroll 0 0;
  border: 3px solid #ccc;
  border-radius: 15px;
  box-shadow: 0 0 0 5px #f2f2f2 inset;
  color: #f04f00;
  float: left;
  font-size: 48px;
  height: 90px;
  line-height: 90px;
  margin: 3px 25px 3px 3px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 90px;
}
.feature-wrap i:hover {
  background: #c52d2f none repeat scroll 0 0;
  border: 3px solid #c52d2f;
  box-shadow: 0 0 0 5px #c52d2f inset;
  color: #fff;
}
#header {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
}
#header2 {
  height: auto;
  margin-bottom: 10px;
  width: 98%;
}
.edit {
  font-size: 10px;
}
a.edit {
  color: #00f;
  font-size: 13px;
  font-weight: 700;
}
.lside {
  color: Red;
  font-family: tahoma;
  font-size: 17px;
  font-weight: 700;
  width: 17%;
}
.rside {
  width: 83%;
}
.blackhead {
  color: #e1753b;
  font: italic bold 30px Georgia;
  text-align: center;
}
.white {
  color: #fff;
  font-family: arial;
  font-size: 14px;
  font-weight: 700;
}
.roundimg5 {
  border-radius: 5px;
  display: inline-block;
  left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
}
.roundimg10 {
  border-radius: 10px;
  display: inline-block;
  left: 0;
  overflow: hidden;
  position: relative;
  top: 1px;
}
.welcometext {
  height: 260px;
  overflow: auto;
  width: 770px;
}
.longtext {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.flip-container:hover .flipper,
.flip-container.hover .flipper {
  transform: rotateY(180deg);
}
.flip-container,
.front,
.back {
  height: 480px;
  width: 320px;
}
.flipper {
  position: relative;
  transform-style: preserve-3d;
  transition: all .6s ease 0s;
}
.front,
.back {
  backface-visibility: hidden;
  left: 0;
  position: absolute;
  top: 0;
}
.whiteheader {
  background: rgba(0,0,0,0) linear-gradient(to bottom,#eee 0,#fff 50%,#eee 100%) repeat scroll 0 0;
  border-radius: 10px;
  color: #000;
  float: left;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 700;
  margin-right: 20px;
  padding: 10px;
  width: 40%;
}
.front {
  z-index: 2;
}
.back {
  transform: rotateY(180deg);
}
.myimg {
  cursor: pointer;
  height: 170px;
  margin: 0 3px 3px 0;
  opacity: 1;
  text-decoration: none;
  transform: scale(1,1);
  transition-duration: 250ms;
  transition-timing-function: ease-out;
  width: 247px;
}
.myimg:hover {
  opacity: .7;
  position: relative;
  transform: rotateY(180deg);
  z-index: 99;
}
.hid {
  display: none;
  height: 0;
  width: 0;
}
#container {
  margin: auto;
  padding-top: 20px;
  width: 960px;
}
.addproduct {
  height: 20px;
  width: 20px;
}
.removeproduct {
  height: 20px;
  width: 20px;
}
.datalinks {
  font-size: 12pt;
  padding: 10px;
}
.datanum {
  color: Green;
  font-size: 12pt;
  padding: 10px;
}
.basket1 {
  background: rgba(0,0,0,0) url("../images/bag.png") no-repeat scroll 0 0;
  display: inline-block;
  height: 104px;
  left: 3px;
  margin: 0;
  position: fixed;
  top: 473px;
  width: 115px;
  z-index: 1;
}
.tot {
  left: 0;
  position: fixed;
  top: 450px;
  z-index: 5000;
}
.bill {
  background-image: url("../images/bill.png");
  background-repeat: no-repeat;
  height: 133px;
  left: 3px;
  position: fixed;
  top: 50px;
  width: 118px;
  z-index: 1;
}
.btn_cont {
  width: 80px;
}
.Cell {
  border: 0 solid;
  display: table-cell;
  padding-left: 5px;
  padding-right: 5px;
}
.line {
  border: 0 solid;
  display: table-row;
  padding-left: 5px;
  padding-right: 5px;
}
.Cell1 {
  border: 0 solid;
  display: table-cell;
  padding-left: 5px;
  padding-right: 5px;
}
#srchFld {
  background: #fff url("../images/searchicon.png") no-repeat scroll 4px center;
}
#logoArea,
#logoArea a {
  line-height: 35px;
}
#logoArea .btn,
#logoArea .btn-group {
  margin-top: 0;
}
.navbar-search .srchTxt {
  color: #666;
  font-size: 12px;
  width: 250px;
}
[class^="icon-"],
[class*=" icon-"] {
  background-image: none;
}
.navbar .nav>li>a {
  color: #ddd;
  font-size: 16px;
  padding: 10px;
  text-shadow: none;
}
.navbar .nav>li>a:hover {
  color: #fff;
}
#logoArea,
#logoArea a {
  outline: medium none;
}
.navbar .nav.pull-right,
#sideManu {
  overflow: hidden;
}
#logoArea #smallScreen {
  margin: 21px 14px 0 0;
}
.navbar-search {
  margin-top: 8px;
}
.masteradmin {
  border: 1px solid #333;
  float: left;
  height: 281px;
  padding: 17px;
  width: 42%;
}
.mastertext {
  color: #000;
  font-family: arial;
  font-size: 20px;
}
.masterbox1 {
  float: left;
  text-align: center;
  width: 20%;
}
.masterbox2 {
  float: left;
  text-align: center;
  width: 40%;
}
.masterchosee {
  float: left;
  width: 60%;
}
.mastermain {
  border-top: 1px solid #333;
  display: inline-block;
  margin: 15px 0;
  padding-top: 1px;
}
.masterpost {
  float: right;
  width: 40%;
}
.subadmin {
  border: 1px solid #333;
  float: right;
  height: 281px;
  padding: 10px;
  width: 57%;
}
.subred {
  color: Red;
  font-size: 14px;
  font-weight: 700;
}
.viewdetail {
  float: left;
  overflow: hidden;
  width: 50%;
}
.viewdetail img {
  border: 2px solid #eee;
  border-radius: 10px;
  height: 70%;
  margin: 20px 20px 20px 0;
  width: 70%;
}
.viewdesc {
  float: right;
  overflow: hidden;
  width: 50%;
}
.viewdesc h1 {
  border-bottom: 2px solid #f60;
  color: #333;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 25px;
  padding-bottom: 10px;
}
.viewdesc h2 {
  color: #e1753b;
  display: inline-block;
  font: italic bold 30px Georgia;
  margin-bottom: 16px;
}
.proddesc {
  border: 1px solid #ccc;
  padding: 12px;
  width: 100%;
}
.proddesc p {
  color: #000;
  line-height: 200%;
}
.h2pro {
  background: rgba(0,0,0,0) linear-gradient(to bottom,#f7601b 0,#ffa435 50%,#f7601b 100%) repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font: italic bold 19px Georgia;
  padding: 10px;
  width: 100%;
}
.ordergrid {
  float: left;
  margin: 15px 0;
  text-align: right;
  width: 30%;
}
.addgrid {
  float: left;
  margin: 20px 0 0;
  width: 40%;
}
.addgrid2 {
  float: right;
  margin: 20px 0 0;
  width: 60%;
}
.addgridimg {
  border: 1px solid #f00;
  border-radius: 8px;
  width: 93%;
}
.addgridhead {
  /* border-top: 8px solid #dfdfdf; */
  color: #e1753b;
  font: italic bold 30px Georgia;
  margin: auto;
  padding-bottom: 2px;
  padding-left:6px;
  margin-top:5px;
  width: 98%;
  padding-top:10px;
}
.addrs {
  color: #e1753b;
  display: inline-block;
  font: italic bold 30px Georgia;
  margin: 15px 0;
}
.classigrid1 {
  float: left;
  width: 33%;
}
.classibg {
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  height: 450px;
  margin: 0 0 0 30px;
  overflow: hidden;
  position: relative;
  top: -119px;
  width: 305px;
}
.classiname {
  border-bottom: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
  font-weight: 400;
  padding: 5px;
  text-align: center;
}
.classiname a {
  color: #000;
  font-family: arial;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}
.classicate {
  background: #f5f5f5 none repeat scroll 0 0;
  border-bottom: 1px solid #c7c7c7;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  padding: 5px;
}
.classigrid1 .c2 {
  line-height: 210%;
  padding: 6px;
}
.vdetails2 {
  background-image: url("../images/view.png");
  color: #fff;
  font-family: arial;
  font-size: 17px;
  font-weight: 200;
  height: 39px;
  left: 488px;
  padding: 12px 0 0 10px;
  position: relative;
  top: 530px;
  width: 144px;
}
.vdetails3 {
  background-image: url("../images/view.png");
  color: #fff;
  font-family: arial;
  font-size: 17px;
  font-weight: 200;
  height: 39px;
  padding: 12px 0 0 10px;
  position: absolute;
  right: 370px;
  top: 530px;
  width: 144px;
}
.adsheader {
  background: rgba(0,0,0,0) linear-gradient(to bottom,#fff1e7 0,#ff8327 100%) repeat scroll 0 0;
  float: left;
  overflow: hidden;
  padding: 5px;
}
.adshead {
  color: #000;
  float: left;
  font-family: "arial";
  font-size: 25px;
  font-weight: 700;
  width: 60%;
}
.adscate {
  color: #000;
  float: right;
  font-family: "arial";
  font-size: 20px;
  padding-top: 5px;
  text-align: center;
  width: 40%;
}
.adsmain {
  border: 1px solid #ddd;
  float: left;
  margin-bottom: 30px;
  margin-top: 10px;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
.adsimg {
  border: 1px solid #ddd;
  border-radius: 5px;
  float: left;
  padding: 7px;
  width: 40%;
}
.adsimg img {
  height: 313px;
  width: 424px;
}
.adsmatter {
  float: right;
  width: 60%;
}
.adscall {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #000;
  float: left;
  font-family: "arial";
  font-size: 20px;
  margin-bottom: 10px;
  padding: 5px;
  width: 40%;
}
.adscall img {
  margin: 10px;
}
.adsloca {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #000;
  float: right;
  font-family: "arial";
  font-size: 20px;
  margin-bottom: 10px;
  padding: 5px;
  width: 60%;
}
.adsloca img {
  margin: 10px;
}
.adsbox {
  background: #e84c3d none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-family: "arial";
  font-size: 16px;
  margin-left: 5px;
  padding: 8px;
  text-align: center;
  width: 207px;
}
.adsboxdesc {
  background: #e84c3d none repeat scroll 0 0;
  border-radius: 20px 20px 0 0;
  color: #fff;
  display: inline-block;
  font-family: arial;
  font-size: 26px;
  margin-left: 5px;
  padding: 3px;
  text-align: center;
  width: 207px;
}
.adsdesctext {
  color: #000;
  font-family: arial;
  font-size: 14px;
  line-height: 185%;
  padding: 5px;
}
.adsuser {
  border-bottom: 1px solid #ddd;
  float: left;
  padding: 15px;
  width: 20%;
}
.adsuser img {
  border: 1px solid red;
  border-radius: 5px;
  height: 81px;
  padding: 1px;
  width: 80px;
}
.adsposted {
  border-bottom: 1px solid #ddd;
  color: #000;
  float: left;
  font-family: "arial";
  font-size: 18px;
  margin-top: 30px;
  padding: 15px;
  text-align: left;
  width: 40%;
}
.adsposted img {
  float: left;
  margin-right: 15px;
}
.adstime {
  border-bottom: 1px solid #ddd;
  color: #000;
  float: left;
  font-family: "arial";
  font-size: 18px;
  margin-top: 30px;
  padding: 15px;
  text-align: left;
  width: 40%;
}
.adstime img {
  float: left;
  margin-right: 15px;
}
.adsmail {
  border-bottom: 1px solid #ddd;
  color: #000;
  float: left;
  font-family: "arial";
  font-size: 16px;
  line-height: 535%;
  margin: 0;
  width: 100%;
}
.adsmail img {
  margin: 10px;
}
.adslink {
  color: #000;
  display: inline-block;
  font-family: "arial";
  font-size: 19px;
  margin: 10px;
  width: 100%;
}
.addhead {
  background: #f18a2d none repeat scroll 0 0;
  border-radius: 10px 10px 0 0;
  color: #000;
  float: left;
  font-family: "arial";
  font-size: 25px;
  margin-top: 15px;
  padding: 5px;
  text-align: center;
  width: 200px;
}
.adsdescmatter {
  border: 1px solid #ddd;
  color: #000;
  float: left;
  line-height: 200%;
  padding: 10px;
  text-align: justify;
  width: 100%;
}
.fcphead {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 15px 15px 0 0;
  color: #333;
  display: inline-block;
  font-family: calibri;
  font-weight: 700;
  font-size: 25px;
  padding: 5px;
  text-align: center;
  width: 250px;
  border-bottom:solid 1px #ddd;

}
.fcpmain {
   width:99%;
  margin:auto;
}
.fcpbox {
  background: #DCDCDC none repeat scroll 0 0;
  border-radius: 10px;
  float: left;
  height: auto;
  margin: 20px 10px 25px; 11px;
  padding: 12px;
  text-align: center;
  width: 18%;
  border: solid 1px #fff;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}
.fcpbox:hover {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 20px #ddd;
  border: solid 1px #999;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 15px 15px 15px 15px;
}
.fcpbox img {
  margin-bottom: 0;
  width: 49px;
  height: 49px;
}

.fcpbox a {
    color: #000;
    font-size: 16px;
    line-height: 175%;
    text-decoration: none;
    letter-spacing: 1;
    border-bottom: 0;
    padding-bottom: 3px;
}


.fcpmain2 {
  display: inline-block;
  width: 100%;
}
@-webkit-keyframes "pulse" {
  25% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes "pulse" {
  25% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.fcpbox2 {
  background: #DCDCDC none repeat scroll 0 0;
  border-radius: 10px;
  float: left;
  height: auto;
  margin: 11px 10px 0 11px;
  padding: 12px;
  text-align: center;
  width: 18%;
  border: solid 1px #fff;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}
.fcpbox2:hover {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 20px #ddd;
  border: solid 1px #999;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 15px 15px 15px 15px;
}
.fcpbox2 img {
  margin-bottom: 0;
  width: 49px;
  height: 49px;
}
.fcpbox3 {
  float: left;
  height: auto;
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
  border-radius: 80%;
  width: 90%;
  border: solid 1px #fff;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}
.fcpbox3:hover {
  background: #fff none repeat scroll 0 0;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 50%;
}
.fcpbox3 img {
  margin-bottom: 0;
  width: 55px;
  height: 55px;
}
.fcpbox2 a {
  color: #000;
  font-size: 16px;
  line-height: 175%;
  text-decoration: none;
  letter-spacing: 1;
  border-bottom: 0;
  padding-bottom: 3px;
}
option {
  font-size: 14px;
}
.recmain1 {
  background: #fff none repeat scroll 0 0;
  border: 3px solid #eee;
  float: left;
  margin-top: 10px;
  width: 100%;
}
.recmain {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  float: left;
  padding: 10px;
  width: 100%;
}
.recview {
  border-right: 1px solid #ddd;
  float: left;
  margin-bottom: 0;
  padding-left: 10px;
  width: 25%;
}
.recimg {
  float: left;
  width: 30%;
}
.recimg img {
  border: 2px solid #bababa;
  border-radius: 10px;
  height: 80px;
  padding: 2px;
  width: 85%;
}
.recview2 {
  float: right;
  line-height: 200%;
  width: 70%;
}
.recview2 a {
  color: #000;
  font-family: arial;
  font-size: 17px;
  text-decoration: underline;
}
.reccat {
  color: #000;
  float: left;
  font-family: arial;
  font-size: 13px;
}
.recrs {
  color: #e1753b;
  float: left;
  font-family: verdana;
  font-size: 19px;
}
.subadminicon {
  float: left;
  margin-bottom: 20px;
  text-align: center;
  width: 20%;
}
.subadminico {
  margin: auto;
  text-align: center;
  width: 100%;
}
.subadminicon span {
  color: #000;
  margin-left: 2px;
}
.datemain {
  border: 1px solid #eee;
  border-radius: 10px;
  margin-top: 10px;
  overflow: hidden;
  padding: 20px;
}
.formdate {
  float: left;
  width: 40%;
}
.formdate .input {
  margin-left: 10px;
}
.todate {
  float: left;
  width: 40%;
}
.todate .input {
  margin-left: 10px;
}
.bydate {
  float: right;
  width: 20%;
}
.bydate a.postmedium {
  margin: 0;
}
.alert-box {
  border-radius: 10px;
  color: #fff;
  font-family: Tahoma, Geneva, Arial, sans-serif;
  font-size: 14px;
  margin: 10px;
  padding: 10px 10px 10px 36px;
}
.alert-box span {
  font-weight: 700;
  text-transform: uppercase;
}
.warning {
  background: #ed3a28 url("../images/warning1.png") no-repeat scroll 10px 50%;
  border: 1px solid #b32424;
}
.ecomgrid {
  float: left;
  margin: 2% 5% 0;
  text-align: center;
  width: 40%;
}
.ecommain {
  float: left;
  margin: 0 auto;
  width: 100%;
}
.ecomghead {
  background: rgba(0,0,0,0) url("../images/ecom-head.png") no-repeat scroll 0 0;
  color: #fff;
  font-family: roboto;
  font-size: 23px;
  margin: 0 auto;
  padding: 7px 0 17px;
  position: relative;
  top: -12px;
  width: 405px;
}
.ecommain {
  border: 1px solid #bababa;
  border-radius: 15px;
}
.ecommain2 {
  margin: 0 auto;
  width: 90%;
}
.ecommain2 img {
  border: 1px solid #c3c3c3;
  border-radius: 15px;
  height: 300px;
  width: 389px;
}
.ecomprice {
  background: rgba(0,0,0,0) url("../images/ecom-price.png") repeat scroll 0 0;
  margin: auto;
  position: relative;
  top: -13px;
  width: 242px;
}
.ecomprice span {
  color: #fff;
  font-family: roboto;
  font-size: 28px;
  line-height: 160%;
}
.ecommdetails {
  background: rgba(0,0,0,0) linear-gradient(to bottom,#e60a03 0,#980400 100%) repeat scroll 0 0;
  border-radius: 0 0 15px 15px;
  float: left;
  height: 45px;
  width: 100%;
}
.ecommdetailsgrid {
  float: left;
  padding-top: 8px;
  text-align: right;
  width: 70%;
}
.ecommdetailsgrid a {
  color: #fff;
  font-family: roboto;
  font-size: 18px;
  text-decoration: none;
}
.ecommdetailsgrid2 {
  float: left;
  text-align: center;
  width: 30%;
}
.ecommdetailsgrid2 img {
  position: relative;
  top: -35px;
}
.latestnews {
  float: left;
  margin-top: 15px;
  width: 100%;
}
.latesthead {
  float: left;
  width: 100%;
}
.latestno {
  background: rgba(0,0,0,0) url("../images/tolltip.jpg") no-repeat scroll 0 0;
  color: #000;
  float: left;
  border: solid 1px red;
  border-right: 0;
  font-family: roboto;
  font-size: 25px;
  height: 50px;
  padding: 8px;
  width: 56px;
}
.latesthead2 {
  background: #e74c3c none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-family: roboto;
  font-size: 21px;
  height: 50px;
  padding: 8px;
  width: 90%;
}
.latestmain {
  border: 1px solid #ddd;
  float: left;
  padding: 10px;
  width: 95%;
}
.latestimg {
  float: left;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.latestimg img {
  border-radius: 20px;
  width: 100%;
}
.latestmain span {
  color: #000;
  float: left;
  font-family: roboto;
  text-align: justify;
  line-height: 200%;
  margin-top: 15px;
  width: 100%;
}
.latestpost {
  border-bottom: 3px solid #e74c3c;
  color: #e74c3c;
  float: left;
  padding-bottom: 5px;
  text-align: right;
  width: 100%;
}
.rewardmain {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ddd;
  border-image: none;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px 1px 5px;
  float: left;
  padding: 7px;
  width: 100%;
}
.rewardmain2 {
  float: left;
  width: 100%;
}
.rewardimg {
  float: left;
  width: 19%;
}
.rewardimg img {
  height: 181px;
  width: 187px;
}
.rewardtable {
  float: left;
  width: 55%;
}
.name2 {
  background: #f0f0f0 none repeat scroll 0 0;
  color: #000;
  float: left;
  font-family: roboto;
  font-size: 17px;
  padding: 5px 5px 5px 20px;
  width: 60%;
}
.rewgrid {
  border-bottom: 1px solid #eee;
  color: #000;
  float: left;
  font-family: roboto;
  font-size: 16px;
  line-height: 210%;
  padding: 5px 5px 5px 20px;
  width: 30%;
}
.rewgrid2 {
  border-bottom: 1px solid #eee;
  color: #000;
  float: left;
  font-family: roboto;
  font-size: 16px;
  line-height: 210%;
  padding: 5px 5px 5px 20px;
  width: 60%;
}
.rewardrew {
  float: left;
  width: 25%;
}
.rewardbox {
  background: #eee none repeat scroll 0 0;
  padding: 20px 20px 20px 55px;
}
.rewardbox img {
  border: 1px solid #ddd;
  border-radius: 10px;
  height: 136px;
  width: 195px;
}
.meetingmain {
  border: 1px solid #ddd;
  border-radius: 20px;
  float: left;
  margin-bottom: 35px;
  padding: 8px;
  width: 100%;
}
.meetinghead {
  background: rgba(0,0,0,0) url("../images/meetinghead.jpg") no-repeat scroll 0 0;
  border-radius: 10px;
  float: left;
  height: 58px;
  width: 100%;
}
.meetingno {
  color: #fff;
  float: left;
  font-family: roboto;
  font-size: 23px;
  font-weight: 700;
  padding: 8px;
  width: 5%;
}
.meetingname {
  color: #000;
  float: left;
  font-family: roboto;
  font-size: 20px;
  font-weight: 400;
  padding: 8px;
  width: 92%;
}
.meetingrid {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #e74c3c;
  border-radius: 15px;
  float: left;
  margin-right: 38px;
  padding: 10px;
  width: 48%;
}
.meetingrid2 {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #3498db;
  border-radius: 15px;
  float: left;
  padding: 10px;
  width: 48%;
}
.meetingmain h4 {
  border-bottom: 1px solid #ddd;
  color: #f10303;
  float: left;
  font-family: roboto;
  font-size: 22px;
  padding-bottom: 10px;
  width: 100%;
}
.meetingmain p {
  border-bottom: 1px solid #ddd;
  color: #000;
  float: left;
  font-family: roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 10px;
  text-align: justify;
  width: 100%;
}
.franmain {
  border: 1px solid #ddd;
  border-radius: 15px;
  float: left;
  margin-bottom: 25px;
  padding: 10px 0 0;
  width: 100%;
}
.frangrid2 {
  float: left;
  width: 50%;
}
.fran1 {
  float: left;
  width: 30%;
}
.fran2 {
  float: left;
  width: 70%;
}
.franchiseimg {
  float: left;
  width: 100%;
}
.franchiseimg img {
  float: left;
  margin-left: 155px;
  margin-top: 25px;
  width: 25%;
}
.achgrid {
  float: left;
  font-family: roboto;
  margin-bottom: 25px;
  margin-top: 25px;
  width: 33.3%;
}
.achmain {
  float: left;
  margin: auto;
  text-align: center;
  width: 309px;
}
.achmain2 {
  background: #ececec none repeat scroll 0 0;
  border-radius: 0 0 10px 10px;
  margin: auto auto 25px;
  overflow: auto;
  width: 93%;
}
.achcity {
  background: #ececec none repeat scroll 0 0;
  border-top: 1px solid #c8c8c8;
  float: left;
  margin-top: 10px;
  padding-top: 0;
  width: 100%;
}
.achcity2 {
  background: #e8e8e8 none repeat scroll 0 0;
  color: #000;
  float: left;
  font-size: 16px;
  padding: 10px;
  width: 30%;
}
.cityname {
  background: #ddd none repeat scroll 0 0;
  color: #000;
  float: left;
  font-size: 16px;
  padding: 10px;
  width: 70%;
}
.receiptgrid {
  border: 1px solid #ddd;
  border-radius: 15px;
  float: left;
  margin-top: 10px;
  padding: 25px;
  width: 100%;
}
.rechead {
  border-bottom: 1px solid #ddd;
  float: left;
  padding-bottom: 15px;
  width: 100%;
  margin-left: 10px;
  margin-top: 7px;
}
.reclogo {
  float: left;
  width: 7%;
}
.reclogo img {
  border-radius: 8px;
}
.recname {
  color: #36f;
  float: left;
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  width: 85%;
}
.recgrid1 {
  float: left;
  width: 50%;
}
.maketype {
  border: 1px solid #ddd;
  border-radius: 15px;
  float: left;
  margin-right: 35px;
  margin-top: 15px;
  padding: 10px;
  width: 45%;
}
.maketype img {
  height: auto;
  width: 100%;
}
.makepurchase {
  border: 1px solid #ddd;
  border-radius: 15px;
  float: left;
  margin-right: 35px;
  margin-top: 15px;
  padding: 10px;
  width: 45%;
}
.makepurchase img {
  height: auto;
  width: 100%;
}
.downtable {
  color: #fff;
  font-family: roboto;
  font-size: 18px;
  margin: 15px auto auto;
  width: 99%;
}
.downicon {
  height: 28px;
  width: 28px;
}
.downarrow {
  height: 42px;
  width: 16px;
}
.downimg {
  border: 3px solid #fff;
  border-radius: 7px;
  height: 72px;
  width: 72px;
}
.downgrid {
  float: left;
  width: 50%;
}
.downgrid2 {
  float: right;
  width: 50%;
}
.downleft {
  background: #ddd none repeat scroll 0 0;
  border: 1px solid #e84c3d;
  border-radius: 20px 0 0;
  margin-left: 20px;
  margin-top: 20px;
  padding: 15px;
  width: 70%;
}
.downright {
  background: #ddd none repeat scroll 0 0;
  border: 1px solid #ee9203;
  border-radius: 20px 0 0;
  float: right;
  margin-right: 20px;
  margin-top: 20px;
  padding: 15px;
  width: 70%;
}
.downmain {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  padding: 10px;
}
.downbot {
  background: #e84c3d none repeat scroll 0 0;
  border-radius: 0 0 20px;
  color: #fff;
  float: left;
  font-family: roboto;
  font-size: 18px;
  margin-left: 20px;
  padding: 5px;
  width: 70%;
}
.downbot2 {
  background: #e84c3d none repeat scroll 0 0;
  border-radius: 0 0 20px;
  color: #fff;
  float: right;
  font-family: roboto;
  font-size: 18px;
  margin-right: 20px;
  padding: 5px;
  width: 70%;
}
.downview {
  border: 1px solid #ddd;
  border-radius: 15px;
  color: #000;
  float: left;
  font-family: roboto;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.downview h1 {
  background: #f7f7f7 none repeat scroll 0 0;
  border-radius: 10px 10px 0 0;
  color: #060606;
  font-size: 19px;
  margin: 10px;
  padding: 10px;
}
.downkit {
  background: #f6f6f6 none repeat scroll 0 0;
  border-radius: 5px;
  float: left;
  margin-top: 15px;
  padding: 5px;
  width: 100%;
}
.srcbykitselect {
  float: left;
  position: relative;
  width: 40%;
}
.srckitbtns {
  float: right;
  margin-top: 30px;
  position: relative;
  width: 0;
}
.searchkit {
  border-right: 1px solid #ddd;
  float: left;
  height: 85px;
  width: 60%;
}
.searchkit img {
  float: left;
  height: 84px;
  width: 94px;
}
.kitprice {
  float: left;
  width: 40%;
}
.searchkit h3 {
  color: #000;
  float: left;
  font-family: roboto;
  font-size: 20px;
  font-weight: 400;
  padding: 10px;
  text-decoration: none;
}
.searchkit select {
  color: #000;
  margin: 25px;
  width: 40%;
}
.searchkit a {
  background: #e95b04 none repeat scroll 0 0;
  color: #fff;
  font-size: 17px;
  padding: 8px 15px;
  text-decoration: none;
}
.kitptice {
  float: left;
  width: 40%;
}
.kitptice {
  float: left;
  width: 40%;
}
.kitptice h2 {
  color: #000;
  float: left;
  font-family: roboto;
  font-size: 20px;
  font-weight: 400;
  margin-left: 15px;
  padding: 10px;
  text-decoration: none;
}
.kitptice img {
  float: left;
  margin-top: 30px;
  padding: 0;
}
.kitpricep {
  color: red;
  float: left;
  font-family: roboto;
  font-size: 20px;
  font-weight: 400;
  padding: 25px;
  text-decoration: none;
}
.matrixleft {
  background: rgba(0,0,0,0) url("../images/matrix-left.jpg") repeat scroll 0 0;
  height: 145px;
  margin-bottom: 20px;
  margin-left: 10px;
  width: 346px;
}
.matrixleft .c1 {
  font-size: 24px;
  height: 60px;
}
.matrixright {
  background: rgba(0,0,0,0) url("../images/matrix-right.jpg") repeat scroll 0 0;
  float: right;
  height: 145px;
  margin-right: 10px;
  width: 346px;
}
.matrixright .c1a {
  font-size: 24px;
}
.matrixmember {
  float: left;
  width: 100%;
}
.matrixuser {
  background: #dadada none repeat scroll 0 0;
  border-radius: 10px;
  margin: 10px auto auto;
  padding: 4px;
  width: 105px;
}
.matrixuser2 {
  background: #eee none repeat scroll 0 0;
  border: 1px solid #b1b1b1;
  border-radius: 10px;
  width: 100%;
}
.matriximg {
  border-bottom: 1px solid #b1b1b1;
  padding: 7px 0;
  text-align: center;
}
.matriximg input[type="image"] {
  border-radius: 5px;
  width: 55px;
}
.matrixtxt {
  background: #fff none repeat scroll 0 0;
  border-radius: 0 0 8px 8px;
  padding-bottom: 3px;
  text-align: center;
}
.matrixtxt a {
  color: #000;
  font-family: roboto;
  font-size: 15px;
}
.matrixarw1 {
  margin: 3px auto auto;
  width: 748px;
}
.matrixarw1 img {
  height: auto;
  width: 748px;
}
.matrixarow4 {
  margin: 3px auto auto;
  width: 930px;
}
.matrixarow4 img {
  height: auto;
  width: 930px;
}
.matrixarow5 {
  margin: 3px auto auto;
  width: 988px;
}
.matrixarow5 img {
  height: auto;
  width: 988px;
}
.sunflowerarw {
  margin: 3px auto auto;
  width: 28px;
}
.sunflowerarw img {
  height: auto;
  width: 28px;
}
.sungrid {
  float: left;
  width: 14.2%;
}
.matrixarw2 {
  float: left;
  width: 33.3%;
}
.matrixarw4 {
  float: left;
  width: 25%;
}
.matrixarw5 {
  float: left;
  width: 20%;
}
.directgrid {
  float: left;
  width: 50%;
}
.directach {
  border: 1px solid #d7dada;
  box-shadow: 0 0 20px 0 #ddd;
  margin-top: 40px;
  overflow: hidden;
  padding: 10px;
  width: 500px;
}
.directhead {
  background: rgba(0,0,0,0) url("../images/directhead.jpg") repeat scroll 0 0;
  color: #fff;
  font-size: 17px;
  padding: 5px 5px 5px 15px;
}
.directmain {
  border-bottom: 1px solid #ddd;
  float: left;
  padding-bottom: 10px;
  width: 100%;
}
.directhead span {
  padding-right: 60px;
}
.directimg {
  float: left;
  padding: 15px 0 0 15px;
  width: 50%;
}
.directimg img {
  border: 6px solid #fff;
  border-radius: 8px;
  box-shadow: 0 0 5px 0 #888;
  height: 140px;
  width: 130px;
}
.directrew {
  float: left;
  margin-top: 8px;
  text-align: center;
  width: 50%;
}
.directrew img {
  border: 1px solid #c5c5c5;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 #fff;
  width: 50%;
}
.directrew h3 {
  color: #c60202;
  font-size: 20px;
  text-decoration: none;
}
.directimg1 {
  color: #000;
  float: left;
  font-family: roboto;
  padding-left: 60px;
  text-align: left;
  width: 50%;
}
.directimg1 h3 {
  color: #000;
  font-size: 19px;
  margin-right: 2px;
  padding: 6px 6px 5px;
  text-decoration: none;
}
.directimg1 span {
  font-size: 16px;
}
.directreward {
  border: 6px solid #f9f9f9;
  box-shadow: 0 0 10px 0 #ddd;
  float: left;
  margin-top: 200px;
  width: 100%;
}
.directreward .c5 {
  font-size: 20px;
}
.directreward .c4 {
  font-size: 18px;
}
.directreward .imgstrech {
  border-radius: 10px;
}
.directrewhead {
  float: left;
  width: 100%;
}
.rewmiddle {
  background: rgba(0,0,0,0) url("../images/rew-mid.jpg") repeat scroll 0 0% 100%;
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.rewmiddle table {
  border-radius: 8px;
  margin: 25px auto 7px;
  padding: 4px;
  width: 96%;
}
.rewbottom {
  float: left;
  width: 100%;
}
.rewbottom img {
  float: left;
  width: 100%;
}
.addcustom {
  float: left;
  margin-top: 20px;
  width: 100%;
}
.addcustom a {
  background: #f57203 none repeat scroll 0 0;
  color: #fff;
  font-family: arial;
  font-size: 17px;
  padding: 5px;
  text-decoration: none;
}
.bgmastermain {
  float: left;
  width: 100%;
}
.bgmastermain h3 {
  color: #1f9005;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
.bgmastermain span {
  color: #000;
  font-size: 17px;
  font-weight: 400;
}
.bgmastermain2 {
  float: left;
  margin-top: 30px;
  width: 40%;
}
.bgmasterbtn {
  float: left;
  margin-top: 30px;
  width: 20%;
}
.bgmasterbg {
  float: left;
  margin-top: 30px;
  width: 25%;
}
.bgmasterbg img {
  border: 8px solid #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px 0;
}
.bgmsbtn {
  float: right;
  width: 70%;
}
.rewlistgrid {
  color: #000;
  float: left;
  width: 33.3%;
}
.rewlistmain {
  border: 1px solid #b9b9b9;
  border-radius: 10px;
  margin: 30px auto auto;
  overflow: hidden;
  width: 300px;
}
.rewistno {
  float: left;
  margin-top: 12px;
  width: 20%;
}
.rewistno span {
  background: #c30505 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  margin: 10px;
  padding: 7px;
}
.rewlistimg {
  float: left;
  margin-top: 8px;
  width: 80%;
}
.rewlistimg img {
  border: 2px solid #ed6522;
  border-radius: 8px;
  height: 149px;
  margin-bottom: 10px;
  width: 206px;
}
.rewlisthead {
  background: #ee6d2e none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  width: 100%;
}
.rewlisthead span {
  color: #fff;
  float: left;
  font-size: 17px;
  font-weight: 400;
  line-height: 200%;
  text-align: center;
  width: 100%;
}
.rewlistreq {
  background: rgba(0,0,0,0) url("../images/rewlistarw.jpg") no-repeat scroll 0 0;
  border-bottom: 1px solid #b9b9b9;
  float: left;
  font-size: 17px;
  height: 45px;
  padding: 10px;
  width: 50%;
}
.rewlistnxt {
  border-bottom: 1px solid #ddd;
  float: left;
  font-size: 17px;
  line-height: 200%;
  text-align: center;
  width: 100%;
}
.hgrid {
  float: left;
  margin-top: 8px;
  width: 37%;
}
.hgrid2 {
  float: left;
  margin-top: 5px;
  width: 26%;
}
.hgrid2 input[type="image"] {
  border: 1px solid #f35315;
  border-radius: 10px;
  height: 155px;
}
.upload {
  border: 1px solid #f35315;
  border-radius: 10px;
  color: #000;
  float: left;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  height: 150px;
  margin-left: 10px;
  width: 80%;
}
.uploadmain {
  float: left;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 6px;
  padding-top: 6px;
  text-align: center;
  width: 100%;
}
.uploadimg {
  float: left;
  width: 25%;
}
.uploadimg img {
  border: 2px solid #ddd;
  border-radius: 8px;
  height: 90px;
  margin: 7px;
  width: 85px;
}
.choose {
  float: left;
  padding: 15px 15px 15px 28px;
  text-align: left;
  width: 75%;
}
.custom-file-input {
  color: #000;
  font-family: arial;
}
.custom-file-input::before {
  border: 1px solid #999;
  border-radius: 3px;
  color: black;
  content: "Choose File";
  cursor: pointer;
  display: inline-block;
  font-size: 10pt;
  font-weight: 700;
  outline: medium none;
  padding: 5px 8px;
  text-shadow: 1px 1px #fff;
  white-space: nowrap;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0 none;
}
.choose img {
  margin-top: 15px;
  width: 162px;
}
.fpbg {
  border-radius: 20px;
  height: 408px;
  margin: auto;
  width: 1078px;
}
.fpbg2 {
  border-radius: 20px;
  height: 408px;
  margin: auto;
  width: 1078px;
}
.fpmain {
  color: #000;
  font-family: roboto;
  margin: auto;
  padding-top: 22px;
  width: 425px;
}
.fptxt {
  font-size: 30px;
  margin: 0 0 23px;
}
.fpicon {
  float: left;
  width: 20%;
}
.fpinput {
  float: left;
  margin-top: 7px;
  width: 80%;
}
.fpinput .input {
  border: 1px solid #c8c8c8;
  float: left;
  font-family: arial;
  font-size: 16px;
  font-weight: 400;
  height: 42px;
  letter-spacing: 1px;
}
.fpinput2 {
  float: left;
  margin-top: 7px;
  width: 80%;
}
.fpinput2 .input2 {
  border: 1px solid #c8c8c8;
  float: left;
  font-family: arial;
  font-size: 16px;
  font-weight: 400;
  height: 42px;
  letter-spacing: 1px;
  margin-right: 32px;
  padding-left: 10px;
  width: 88px;
}
.fbiconsmain {
  float: left;
  margin-top: 25px;
  width: 100%;
}
.fpbtn {
  float: left;
  margin-top: 40px;
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}
.fpbtn a {
  background: #cc1d1d none repeat scroll 0 0;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
  padding: 10px;
  text-decoration: none;
}
.fpbtn a:hover {
  background: #f65823 none repeat scroll 0 0;
}
.fbor {
  background: #e43c03 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  font-family: roboto;
  font-size: 35px;
  height: 72px;
  margin: auto;
  padding: 10px;
  position: relative;
  text-align: center;
  top: 15px;
  width: 72px;
}
.privacypolicy {
  border: 1px solid red;
  border-radius: 10px;
  color: #000;
  float: left;
  padding: 15px;
  width: 100%;
}
.privacypolicy h4 {
  font-family: roboto;
  color: #000;
}
.privacypolicy p {
  color: #000;
  line-height: 230%;
  text-align: justify;
}
.privacypolicy li {
  display: inherit;
  font-size: 17px;
  line-height: 260%;
  text-align: left;
}
.privacyaddress {
  background: #f8f8f8 none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 5px;
  text-align: center;
}
.privacyaddress h3 {
  color: #ce0606;
  font-family: roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: 160%;
  margin: auto;
  text-decoration: none;
}
.privacyaddress p {
  font-family: roboto;
  font-size: 19px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  text-decoration: none;
}
.letterpad {
  border: 1px solid #a9a9a9;
  border-radius: 10px;
  box-shadow: 0 0 15px #a9a9a9 inset;
  height: 842px;
  margin: auto;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  width: 78%;
}
.letterpad h2 {
  color: green;
  font-family: roboto;
}
.letterinner {
  border-bottom: 1px solid #ddd;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 30px;
  width: 100%;
}
.letterinner img {
  border: 1px solid #ddd;
  border-radius: 15px;
  height: 350px;
  width: 100%;
}
.letterpadbg {
  float: left;
  width: 100%;
}
.letterpadbg h2 {
  color: #000;
  font-family: roboto;
  font-size: 20px;
}
.brochurehead {
  color: #000;
  margin-top: 30px;
  text-align: center;
}
.brochurehead h2 {
  font-family: roboto;
  font-size: 35px;
}
.brochurepro {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  float: left;
  margin-top: 20px;
  width: 100%;
  border-radius: 7px;
}
.brochurepro p {
  background: #A50514 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
}
.brcribbon {
  float: left;
  padding: 10px;
  width: 29%;
}
.brcribbon img {
  width: 115px;
  height: 115px;
  border-radius: 5px;
  border: solid 3px #fff;
  box-shadow: 0 0 1px #000;
}
.brochureprice {
  color: #000;
  float: left;
  font-size: 19px;
  margin-top: 15px;
  width: 71%;
}
.brochureprice span {
  color: #d53223;
  font-size: 17px;
}
.brochureprice h2 {
  margin: 0;
  font-family: roboto;
  font-size: 28px;
}
.brochurepro2 {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  float: left;
  margin-top: 20px;
  width: 100%;
  border-radius: 7px;
}
.brochurepro2 p {
  background: #A50514 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
}
.brcribbon2 {
  float: left;
  padding: 10px;
  width: 100%;
}
.brcribbon2 img {
  width: 300px;
  height: 300px;
  border-radius: 5px;
  border: solid 3px #fff;
  box-shadow: 0 0 1px #000;
}
.brochureprice2 {
  color: #000;
  float: left;
  font-size: 19px;
  margin-top: 15px;
  width: 100%;
}
.brochureprice2 span {
  color: #d53223;
  font-size: 17px;
}
.brochureprice2 h2 {
  margin: 0;
  font-family: roboto;
  font-size: 28px;
}
.brochurepro3 {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  float: left;
  margin-top: 20px;
  width: 100%;
  border-radius: 7px;
}
.brochurepro3 p {
  background: #A50514 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
}
.brcribbon3 {
  float: left;
  padding: 10px;
  width: 100%;
}
.brcribbon3 img {
  width: 150px;
  height: 150px;
  border-radius: 5px;
  border: solid 3px #fff;
  box-shadow: 0 0 1px #000;
}
.brochureprice3 {
  color: #000;
  float: left;
  font-size: 19px;
  margin-top: 15px;
  width: 100%;
}
.brochureprice3 span {
  color: #d53223;
  font-size: 17px;
}
.brochureprice3 h2 {
  margin: 0;
  font-family: roboto;
  font-size: 28px;
}
.brochurepro4 {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  float: left;
  margin-top: 20px;
  width: 100%;
  border-radius: 7px;
}
.brochurepro4 p {
  background: #A50514 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
}
.brcribbon4 {
  float: left;
  padding: 10px;
  width: 40%;
}
.brcribbon4 img {
  width: 180px;
  height: 180px;
  border-radius: 5px;
  border: solid 3px #fff;
  box-shadow: 0 0 1px #000;
}
.brochureprice4 {
  color: #000;
  float: left;
  font-size: 19px;
  margin-top: 15px;
  width: 60%;
}
.brochureprice4 span {
  color: #d53223;
  font-size: 17px;
}
.brochureprice4 h2 {
  margin: 0;
  font-family: roboto;
  font-size: 28px;
}
.brochurepro5 {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  float: left;
  margin-top: 20px;
  width: 100%;
  border-radius: 7px;
}
.brochurepro5 p {
  background: #A50514 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
}
.brcribbon5 {
  float: left;
  padding: 10px;
  width: 38%;
}
.brcribbon5 img {
  width: 135px;
  height: 135px;
  border-radius: 5px;
  border: solid 3px #fff;
  box-shadow: 0 0 1px #000;
}
.brochureprice5 {
  color: #000;
  float: left;
  font-size: 19px;
  margin-top: 15px;
  width: 62%;
}
.brochureprice5 span {
  color: #d53223;
  font-size: 17px;
}
.brochureprice5 h2 {
  margin: 0;
  font-family: roboto;
  font-size: 28px;
}
.brochurebg {
  float: left;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
}
.brcaddress p {
  font-size: 17px;
}
.brcaddress {
  margin-top: 700px;
}
.brcreward {
  margin-bottom: 10px;
  margin-top: 60px;
  overflow: hidden;
}
.brcreward a {
  text-decoration: none;
}
.brcreward .col-lg-12 {
  margin: 0;
  padding: 0;
  padding-left: 15px;
}
.brochurehead2 {
  margin-top: 120px;
}
.brcreward2 table {
  color: #000;
}
.adminhlphead {
  background: rgba(0,0,0,0) url("../images/adminhelp.jpg") repeat scroll 0 0;
  color: #fff;
  font-size: 24px;
  padding: 2px 2px 2px 8px;
}
.brcreward2 img {
  padding-bottom: 0;
}
.adminhelp {
  float: left;
  font-family: roboto;
  font-size: 15px;
  line-height: 230%;
  width: 100%;
}
.adminhelp span {
  border-top: 1px solid #ddd;
  color: #d30000;
  float: left;
  font-size: 17px;
  width: 100%;
}
.welcomemain {
  border: 1px solid #047ebe;
  border-radius: 10px;
  float: left;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  height: auto;
  margin-top: 8px;
  width: 85%;
}
.welmain2 {
  background: #047ebe none repeat scroll 0 0;
  border-radius: 10px 10px 0 0;
  color: #fff;
  float: left;
  font-size: 23px;
  font-weight: 700;
  padding: 0;
  text-align: center;
  width: 100%;
}
.weltable {
  color: #000;
  font-family: arial;
  line-height: 235%;
}
.welcometab {
  float: left;
  padding: 5px;
  width: 100%;
}
.bgimagesgrid {
  float: left;
  height: auto;
  margin-bottom: 35px;
  width: 100%;
}
.bgimagesgrid input {
  float: left;
  height: auto;
  margin-top: 10px;
}
.bgimagesgrid img {
  border-radius: 9px;
  float: left;
  height: 150px;
  width: 200px;
}
.adminbarnew {
  width: 100%;
  float: left;
  padding: 7px;
}
.admsrc {
  font-size: 19px;
  letter-spacing: 1px;
  font-weight: 700;
}
.adsrcbox {
  width: 100%;
  float: left;
}
.adsrcbox .input {
  border-radius: 5px;
  margin-top: 20px;
}
.addate {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.addate span {
  float: left;
  margin-left: 10px;
  font-size: 17px;
}
.addate p {
  color: #d00202;
  font-weight: 700;
}
.mypropic {
  width: 100%;
  float: left;
  color: #000;
  text-align: center;
}
.mypropic2 {
  width: 100%;
  float: left;
  background: #f1c40f;
  text-align: center;
  border-radius: 5px;
  margin-top: 5px;
}
.mypropic img {
  width: 100%;
  border-radius: 7px;
  border: solid 1px #ddd;
  height: 170px;
}
.myprotable2 {
  width: 100%;
  float: left;
  text-align: center;
}
.myprotable2 p {
  width: 100%;
  margin-top: 15px;
}
.myprotable2 .c4 {
  font-size: 22px;
  color: red;
}
.myprotable2 a.post {
  width: 160px;
  margin: 0;
}
.profilemain {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.pro_img {
  width: 218px;
  margin-left: 3px;
  float: left;
  box-shadow: 0 0 7px #ddd;
  border: solid 1px #ddd;
  margin-right: 15px;
  padding: 7px;
  text-align: center;
}
.pro_img img {
  border: solid 5px #eee;
  border-radius: 7px;
  margin-bottom: 8px;
  width: 196px;
  height: 207px;
}
.pro_img a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
.pro_table {
  width: 569px;
  float: left;
  box-shadow: 0 0 7px #ddd;
  border: solid 1px #ddd;
  margin-right: 15px;
}
.pro_table td {
  box-shadow: 0 0 1px #ddd;
}
.pro_whatsapp {
  width: 277px;
  float: left;
  box-shadow: 0 0 7px #ddd;
  border: solid 1px #ddd;
  padding: 8px;
}
.pro_text {
  width: 280px;
  float: left;
  box-shadow: 0 0 7px #ddd;
  border: solid 1px #ddd;
  padding: 8px;
  margin-top: 15px;
}
.whatsapp {
  text-align: center;
  border-bottom: solid 1px #eee;
  padding-bottom: 10px;
}
.whatsapp img {
  margin-top: 9px;
}
.pro_mobile {
  border-bottom: solid 1px #eee;
  padding-bottom: 8px;
  text-align: center;
  padding-top: 8px;
}
.pro_mobile span {
  color: #000;
  font-size: 17px;
}
.pro_text {
  width: 100%;
  float: left;
}
.pro_text h1 {
  font-size: 20px;
  font-family: roboto;
  letter-spacing: 0;
  color: #000;
  line-height: 170%;
  text-align: center;
}



.pro_text h2 {
  font-size: 35px;
  font-family: roboto;
  letter-spacing: 0;
  color: #000;
  text-align: center;
  padding:0;
  margin:0;
  padding-bottom:10px;
}

.social_bg {
  background:#e9e9e9;
  padding:15px 7px 15px 7px;
  margin-top:15px;
  float:left;
  width:100%;
}

.social_main {
  background:#ffffff;
  width:97%;
  margin:auto;
  border:solid 1px #b1b1b1;
  border-radius:15px;
}





.pro_text h3 {
  font-size: 20px;
  font-family: roboto;
  text-decoration:none;
  letter-spacing: 0;
  color: #000;
  line-height: 170%;
  text-align: center;
}


.pro_text .c9 {
  font-size: 20px;
  font-family: roboto;
  text-decoration:none;
  letter-spacing: 0;
  color: #000;
  line-height: 170%;
  text-align: center;
}

.greybg {
  width: 100%;
  background: #ddd;
  padding-top: 6px;
  padding-bottom: 4px;
  float: left;
  height: 56px;
}
.round-marq {
  width: 98%;
  background: #fff;
  box-shadow: 0 0 2px #000;
  font-weight: bold;
  border-radius: 25px;
  height: 45px;
  border: solid 1px #c7c7c7;
  padding: 12px;
  margin: 8px;
  margin: auto;
}
.round-marq2 {
  width: 98%;
  background: #fff;
  box-shadow: 0 0 2px #000;
  font-weight: bold;
  border-radius: 25px;
  height: 45px;
  border: solid 1px #c7c7c7;
  padding: 3px;
  margin: 8px;
  margin: auto;
}

.frn_login {
  width: 100%;
  float: left;
}
.frnmain {
  width: 40%;
  margin: auto;
}
.know {
  font-size: 35px;
  float: left;
}
.know h3 {
  font-size: 25px;
  text-decoration: none;
  color: #000;
  float: left;
}
.know img {
  font-size: 35px;
  float: left;
  display:none;
}
.frnbg {
  background: #FF4E50;
  background: -webkit-linear-gradient(to left,#FF4E50,#F9D423);
  background: linear-gradient(to left,#FF4E50,#F9D423);
  padding: 10px;
  box-shadow: 0 0 7px #000;
  border-radius: 10px;
  margin-top: 30px;
  float: left;
}
.frnhead {
  float: left;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  color: #000;
  margin-bottom: 25px;
  padding: 6px;
  border-radius: 8px 0 8px 0;
  background: #ECE9E6;
  background: -webkit-linear-gradient(to left,#ECE9E6,#FFF);
  background: linear-gradient(to left,#ECE9E6,#FFF);
  width: 100%;
}
.frninput {
  width: 100%;
  float: left;
  margin-bottom: 25px;
  text-align: center;
}
.frninput .input {
  width: 80%;
  float: left;
  height: 40px;
  margin-bottom: 0;
}
.frninput img {
  margin: 5px;
  float: left;
}
.frn_user {
  width: 10%;
  float: left;
}
.frn_user img {
  float: left;
}
.frn_user input {
  float: left;
}
.admin_wallet {
  width: 100%;
  float: left;
}
.admin_wallet table {
  line-height: 220%;
}
.admin_wallet input[type="radio"] {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 10px;
}
.frn-forgot {
  width: 100%;
  float: left;
  text-align: center;
}
.frn-forgot a {
  color: #000;
  font-size: 17px;
  text-decoration: none;
  margin-left: 5px;
}
.admin-date {
  width: 35%;
  float: left;
  margin-top: 4px;
}
.admin-date span {
  color: #000;
  font-size: 18px;
  font-family: roboto;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}
.admin-date span:hover {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 20px #ddd;
  border: solid 1px #999;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 15px;
  padding: 7px;
  color: red;
}

.mar_img {
  width: 70%;
  margin:auto;
  padding-left: 45px;
  padding-bottom: 34px;
}

.mar_img img {
 box-shadow:0 0 2px #ddd;
 border-radius:10px;
 margin-left:20px;
}

.con_img {
  width:100%;
}

.pan_img {
    width:240px;
    height:148px;
  }

.bank_bg {
  width:1070px;
  float:left;
  padding:20px;
  border-radius: 10px;
  margin-top: 10px; 
  border: 1px solid #A9A9A9; 
  box-shadow: inset 0px 0px 15px #A9A9A9;

}

.gogle_map {
  display:block;
}

.tree_top {
  width:585px;
  margin:auto;
  text-align:center;
}

.tree_inner {
  width:100%;
}

.tree_member {
  width:135px;
  margin:auto;
}

.tree_round {
  background:#fff;
  box-shadow:0px 0px 5px #b7b7b7;
  border-radius:15px;
  line-height:200%;
}

.tree_img {
  width:70px;
  height:70px;
  border:solid 1px #808080;
  border-radius:5px;
}

.tree_txt {
 font-size:16px;
 line-height:200%;
 font-weight:bold;
}

.tree_arrow {
  margin-top:10px;
}

.tree_grid5 {
  width:50%;
  float:left;
}

.tree_member2 {
  width:40%;
  float:left;
}

.tree_member3 {
  width:40%;
  float:right;
}

.tree_part2 {
  width:825px;
  margin:auto;
}

.part2_member {
  width:75%;
  margin:auto;
}

.tree_extra {
  padding-left:38px;
}

.tree_part3 {
  width:985px;
  margin:auto;
}

.tree4_main {
  width:25%;
  float:left;
  text-align:center;
  padding-left:25px;

}

.social li {
  padding:12px 7px 0px 7px;
  margin:0px 15px 12px 15px;
      box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}


.social li:hover {
         box-shadow: 0 12px 20px -4px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
} 

.social li a {
  line-height:260%;
  font-weight:bold;
  font-size:16px;
  color:#000;

} 


@media (min-width: 768px) and (max-width: 979px) {
  .navbar .brand {
    float: none;
    text-align: center;
  }
  #sideManu,
  #topMenu {
    height: 0;
  }
  .navbar-search {
    float: none;
    margin-top: 8px;
    width: 100%;
  }
  #topMenu {
    float: none;
    height: auto;
  }
  #topMenu li {
    float: none;
  }
  .navbar .nav>li>a {
    border-top: 1px solid #666;
    padding: 0;
  }
  #sideManu,
  #topMenu {
    height: 0;
  }
}
@media (max-width: 767px) {
  .navbar .brand {
    float: none;
    text-align: center;
  }
  #sideManu,
  #topMenu {
    height: 0;
  }
  .navbar-search {
    float: none;
    margin-top: 8px;
    width: 100%;
  }
  #topMenu {
    float: none;
    height: auto;
  }
  #topMenu li {
    float: none;
  }
  .navbar .nav>li>a {
    border-top: 1px solid #666;
    padding: 0;
  }
}
@media (max-width: 480px) {
  #sideManu,
  #topMenu {
    height: 0;
  }
  #topMenu {
    float: none;
    height: auto;
  }
  #topMenu li {
    float: none;
  }
  .navbar .nav>li>a {
    border-top: 1px solid #666;
    padding: 0;
  }
  .whiteheader {
    font-size: 12px;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
  }
  .edugrid {
    float: left;
    width: 100%;
  }
  .edubg {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: auto;
    overflow: hidden;
    padding: 2px;
    width: 80%;
  }
  .edubg .c2 {
    line-height: 200%;
  }
  .edugrid .c4 {
    font-size: 19px;
    line-height: 200%;
    margin: auto;
    width: 78%;
  }
  .course {
    background: #f45915 none repeat scroll 0 0;
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
    color: #fff;
    font-family: arial;
    font-size: 16px;
    padding: 10px;
  }
  .readm {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    float: right;
    margin: 15px;
    padding: 5px;
    width: 85px;
  }
  .edulink {
    color: #60f;
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;
  }
  .admhome {
    margin: auto;
    text-align: center;
    width: 70%;
  }
  .admhome img {
    border-radius: 7px;
  }
  .admhome span {
    color: #000;
    line-height: 200%;
    text-align: center;
  }
  .adcompany {
    color: #000;
    float: left;
    text-align: center;
    width: 100%;
  }
  .adcompany h2 {
    color: #de0305;
    font-family: roboto;
    font-size: 34px;
    font-weight: 500;
  }
  .adcompany h4 {
    font-family: roboto;
    font-size: 22px;
  }
  .adimg {
    float: left;
    padding: 15px;
    width: 100%;
  }
  .admsrc {
    color: #000;
    float: left;
    font-size: 20px;
    font-weight: 600;
    padding: 6px;
    width: 100%;
  }
  .adsrcbox {
    float: left;
    width: 100%;
  }
  .adsrcbox {
    float: left;
    width: 100%;
  }
  .addate {
    color: #000;
    float: left;
    width: 100%;
  }
  .addate span {
    color: #e40000;
    float: left;
    font-size: 17px;
    margin-right: 15px;
  }
  .addate p {
    float: left;
    font-size: 17px;
  }
  .addate {
    color: #000;
    float: left;
    margin-top: 9px;
    width: 100%;
  }
  .adminbarnew {
    background: #f4f4f4 none repeat scroll 0 0;
    float: left;
    padding: 6px;
    width: 100%;
  }
  .adminbarnew .input {
    border-radius: 3px;
    height: 40px;
    margin-top: 2px;
    width: 90%;
  }
  .adminbarnew img {
    margin-left: 2px;
  }
  
.fcpimg3 {
  display:block;
}



}
@media screen and (min-width: 240px) {


.tree_top {
  width:100%;
  margin:auto;
  text-align:center;
}

.tree_inner {
  width:100%;
}

.tree_member {
  width:135px;
  margin:auto;
}

.tree_round {
  background:#fff;
  box-shadow:0px 0px 5px #b7b7b7;
  border-radius:15px;
  line-height:200%;
}

.tree_img {
  width:70px;
  height:70px;
  border:solid 1px #808080;
  border-radius:5px;
}

.tree_txt {
 font-size:16px;
 line-height:200%;
 font-weight:bold;
}

.tree_arrow {
  margin-top:10px;
}

.tree_grid5 {
  width:50%;
  float:left;
}

.tree_member2 {
  width:40%;
  float:left;
}

.tree_member3 {
  width:40%;
  float:right;
}

.tree_part2 {
  width:100%;
  margin:auto;
}

.part2_member {
  width:75%;
  margin:auto;
}

.tree_extra {
  padding-left:38px;
}

.tree_part3 {
  width:100%;
  margin:auto;
}

.tree4_main {
  width:25%;
  float:left;
  text-align:center;
  padding-left:25px;

}


.gogle_map {
  display:none;
}


.bank_bg {
  width:100%;
  float:left;
  padding:10px;
}



.quick {
  display:none;
}

.fcpimg3 {
  display:none;
}



.know img {
  font-size: 35px;
  float: left;
  display:none;
}

.frnimg {
  display:none;
}

.frn_login {
  width: 100%;
  float: left;
}
.frnmain {
  width: 95%;
  margin: auto;
}
.know {
  font-size: 35px;
  float: left;
}
.know h3 {
  font-size: 25px;
  text-decoration: none;
  color: #000;
  float: left;
}
.know img {
  font-size: 35px;
  float: left;
  display:none;
}
.frnbg {
  background: #FF4E50;
  background: -webkit-linear-gradient(to left,#FF4E50,#F9D423);
  background: linear-gradient(to left,#FF4E50,#F9D423);
  padding: 10px;
  box-shadow: 0 0 7px #000;
  border-radius: 10px;
  margin-top: 30px;
  float: left;
}
.frnhead {
  float: left;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  color: #000;
  margin-bottom: 25px;
  padding: 6px;
  border-radius: 8px 0 8px 0;
  background: #ECE9E6;
  background: -webkit-linear-gradient(to left,#ECE9E6,#FFF);
  background: linear-gradient(to left,#ECE9E6,#FFF);
  width: 100%;
}
.frninput {
  width: 100%;
  float: left;
  margin-bottom: 25px;
  text-align: center;
}
.frninput .input {
  width: 80%;
  float: left;
  height: 40px;
  margin-bottom: 0;
}
.frninput img {
  margin: 5px;
  float: left;
}
.frn_user {
  width: 10%;
  float: left;
}
.frn_user img {
  float: left;
}
.frn_user input {
  float: left;
}


.pan_img {
    width:100px;
    height:60px;
  }

.mastcontent a {
    font-size:11px;
}

.pro_img {
  width: 99%;
  float: none;
}

.pro_img img {
  width: 100px;
  height: 107px;

}


.pro_whatsapp {
  width: 100%;
}


.pro_table {
  width: 100%;

}

  .admin-date {
    width: 100%;
    margin-top: 8px;
  }
  .admin-date span {
    font-size: 18px;
  }
  .fcpbox2 {
    height: auto;
    margin: 11px 5x 0 5px;
    padding: 5px;
    width: 91%;
  }
  .mypropic img {
    width: 50%;
  }
  .fpbg {
    border-radius: 5px;
    height: 270px;
    margin: auto;
    width: 100%;
  }
  .fpbg2 {
    border-radius: 5px;
    height: none;
    margin: auto;
    width: 100%;
  }
  .fpmain {
    color: #000;
    font-family: roboto;
    margin: auto;
    padding-top: 0;
    width: 100%;
  }
  .fptxt {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .fpicon {
    float: left;
    width: 20%;
  }
  .fpinput {
    float: left;
    margin-top: 7px;
    width: 80%;
  }
  .fpinput .input {
    border: 1px solid #c8c8c8;
    float: left;
    font-family: arial;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    letter-spacing: 1px;
  }
  .fpinput2 {
    float: left;
    margin-top: 7px;
    width: 80%;
  }
  .fpinput2 .input2 {
    border: 1px solid #c8c8c8;
    float: left;
    font-family: arial;
    font-size: 16px;
    font-weight: 400;
    height: 42px;
    letter-spacing: 1px;
    margin-right: 32px;
    padding-left: 10px;
    width: 88px;
  }
  .fbiconsmain {
    float: left;
    margin-top: 25px;
    width: 100%;
  }
  .fpbtn {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
  }
  .fpbtn a {
    background: #cc1d1d none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    text-decoration: none;
  }
  .fpbtn a:hover {
    background: #f65823 none repeat scroll 0 0;
  }
  .fbor {
    background: #e43c03 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-family: roboto;
    font-size: 20px;
    height: 52px;
    margin: auto;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 0;
    width: 52px;
  }
  .letterpad {
    background: rgba(0,0,0,0) url("../images/letterpad/lp2.jpg") repeat scroll 0 0% 100%;
    border: 1px solid #a9a9a9;
    border-radius: 10px;
    box-shadow: 0 0 15px #a9a9a9 inset;
    height: auto;
    margin: auto;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 99%;
  }
  .letterpad h2 {
    color: green;
    font-family: roboto;
  }
  .rewlistbg img {
    height: auto;
    width: 100%;
  }
  .rewlistgrid {
    width: 100%;
  }
  .rewlistmain {
    width: 95%;
  }
  .rewistno {
    width: 20%;
  }
  .rewistno span {
    font-size: 17px;
    padding: 7px;
  }
  .rewlistimg {
    width: 80%;
  }
  .rewlistimg img {
    width: 94%;
  }
  .rewlisthead {
    font-size: 19px;
  }
  .rewlisthead span {
    font-size: 13px;
    font-weight: 600;
  }
  .rewlistreq {
    font-size: 12px;
    padding: 15px;
    width: 50%;
  }
  .rewlistnxt {
    font-size: 14px;
  }
  .downtable {
    font-size: 11px;
  }
  .downicon {
    height: 15px;
    width: 15px;
  }
  .downarrow {
    height: 30px;
    width: 16px;
  }
  .downgrid {
    width: 100%;
  }
  .downgrid2 {
    width: 100%;
  }
  .downleft {
    margin-left: 0;
    padding: 15px;
    width: 100%;
  }
  .downright {
    margin-right: 0;
    width: 100%;
  }
  .downmain {
    padding: 10px;
  }
  .downbot {
    font-size: 15px;
    margin-left: 0;
    width: 100%;
  }
  .downbot2 {
    font-size: 15px;
    margin-right: 0;
    width: 100%;
  }
  .downview h1 {
    font-size: 14px;
    margin: 5px;
  }
  .srcbykitselect {
    width: 100%;
  }
  .srckitbtns {
    float: left;
    margin-top: 0;
    width: 0;
  }
  .searchkit {
    height: 150px;
    width: 100%;
  }
  .searchkit img {
    height: 64px;
    width: 74px;
  }
  .kitprice {
    width: 100%;
  }
  .searchkit h3 {
    font-size: 17px;
    padding: 5px;
  }
  .searchkit select {
    margin: 5px;
    width: 100%;
  }
  .searchkit a {
    font-size: 15px;
  }
  .kitptice {
    width: 100%;
  }
  .kitptice {
    float: left;
    width: 100%;
  }
  .kitptice h2 {
    font-size: 15px;
    margin-left: 0;
    padding: 10px;
  }
  .kitptice img {
    margin-top: 30px;
  }
  .kitpricep {
    font-size: 18px;
    padding: 25px;
  }
  .matrixleft {
    background: rgba(0,0,0,0) url("../images/matrix-left.jpg") repeat scroll 0 0% 100%;
    margin-bottom: 0;
    margin-left: 1px;
    width: 99%;
  }
  .matrixleft .c1 {
    font-size: 18px;
    height: 60px;
  }
  .matrixright {
    background: rgba(0,0,0,0) url("../images/matrix-right.jpg") repeat scroll 0 0% 100%;
    margin-bottom: 0;
    margin-right: 1px;
    width: 99%;
  }
  .matrixuser3 {
    background: #dadada none repeat scroll 0 0;
    border-radius: 10px;
    display: block;
    margin: 10px auto auto;
    padding: 4px;
    width: 105px;
  }
  .matrixright .c1a {
    font-size: 18px;
  }
  .matrixuser {
    padding: 3px;
    width: 80px;
  }
  .matriximg img {
    border-radius: 5px;
    height: 20px;
    width: 20px;
  }
  .matrixtxt a {
    font-size: 10px;
  }
  .matrixarw1 {
    width: 100%;
  }
  .matrixarw1 img {
    width: 100%;
  }
  .matrixarow4 {
    margin: 3px auto auto;
    width: 930px;
  }
  .matrixarow4 img {
    height: auto;
    width: 930px;
  }
  .matrixarow5 {
    margin: 3px auto auto;
    width: 988px;
  }
  .matrixarow5 img {
    height: auto;
    width: 988px;
  }
  .sunflowerarw {
    margin: 3px auto auto;
    width: 28px;
  }
  .sunflowerarw img {
    height: auto;
    width: 28px;
  }
  .sungrid {
    float: left;
    width: 14.2%;
  }
  .matrixarw2 {
    float: left;
    width: 33.3%;
  }
  .matrixarw4 {
    float: left;
    width: 25%;
  }
  .matrixarw5 {
    float: left;
    width: 20%;
  }
  .meetingmain {
    border-radius: 10px;
    padding: 4px;
  }
  .meetingno {
    font-size: 15px;
    padding: 15px;
    width: 20%;
  }
  .meetingname {
    font-size: 12px;
    padding: 15px;
    width: 80%;
  }
  .meetingrid {
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
  }
  .meetingrid2 {
    border-radius: 15px;
    width: 100%;
  }
  .meetingmain h4 {
    font-size: 16px;
  }
  .meetingmain p {
    font-size: 11px;
  }
  .maketype {
    border-radius: 0;
    padding: 10px;
    width: 100%;
  }
  .makepurchase {
    border-radius: 0;
    width: 100%;
  }
  .receiptgrid {
    margin-top: 10px;
    padding: 25px;
    width: 100%;
  }
  .rechead {
    padding-bottom: 15px;
    width: 100%;
  }
  .reclogo {
    text-align: center;
    width: 100%;
  }
  .reclogo img {
    border-radius: 8px;
  }
  .recname {
    font-size: 15px;
    width: 100%;
  }
  .recname img {
    height: 49px;
    width: 100%;
  }
  .recgrid1 {
    width: 100%;
  }
  .achgrid {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
  }
  .achmain {
    width: 100%;
  }
  .achcity {
    margin-top: 10px;
  }
  .achcity2 {
    font-size: 16px;
    padding: 10px;
    width: 100%;
  }
  .cityname {
    font-size: 16px;
    padding: 10px;
    width: 100%;
  }
  .franmain {
    padding: 10px 0 0;
    width: 100%;
  }
  .frangrid2 {
    float: left;
    width: 100%;
  }
  .fran1 {
    float: left;
    width: 100%;
  }
  .fran2 {
    float: left;
    width: 100%;
  }
  .franchiseimg {
    float: left;
    width: 100%;
  }
  .franchiseimg img {
    float: left;
    margin-left: 50px;
    margin-top: 15px;
    width: 50%;
  }
  .rewardmain {
    width: 100%;
  }
  .rewardmain2 {
    width: 100%;
  }
  .rewardimg {
    float: left;
    margin: 10px 0;
    text-align: center;
    width: 100%;
  }
  .rewardimg img {
    height: 100px;
    width: 40%;
  }
  .rewardtable {
    width: 100%;
  }
  .name2 {
    font-size: 17px;
    padding-left: 10px;
    width: 100%;
  }
  .rewgrid {
    background: #fafafa none repeat scroll 0 0;
    font-size: 13px;
    line-height: 150%;
    padding-left: 10px;
    width: 100%;
  }
  .rewgrid2 {
    font-size: 13px;
    line-height: 150%;
    padding-left: 0;
    width: 100%;
  }
  .rewardrew {
    width: 100%;
  }
  .rewardbox {
    padding: 6px 6px 6px 0;
    text-align: center;
  }
  .rewardbox img {
    height: 136px;
    width: 195px;
  }
  .greyarrow {
    display: none;
  }
  .greyarrow2 {
    display: none;
  }
  .dot {
    display: none;
  }
  .latestno {
    font-size: 12px;
    height: 50px;
    width: 28px;
  }
  .latesthead2 {
    font-size: 12px;
    width: 88%;
  }
  .latestmain {
    width: 99%;
  }
  .latestimg {
    margin-top: 5px;
  }
  .latestimg img {
    height: auto;
    width: 100%;
  }
  .latestmain span {
    line-height: 200%;
    margin-top: 0;
    width: 100%;
  }
  .ecomgrid {
    margin: 2% 1% 0;
    width: 100%;
  }
  .ecomghead {
    font-size: 12px;
    margin: 0 auto;
    padding: 7px 0 8px;
    top: -10px;
    width: 92%;
  }
  .ecommain {
    border: 1px solid #bababa;
    border-radius: 5px;
  }
  .ecommain2 {
    width: 90%;
  }
  .ecoimg {
    border-radius: 5px;
    height: 220px;
    width: 100%;
  }
  .ecomprice {
    top: -13px;
    width: 80%;
  }
  .ecomprice span {
    font-size: 15px;
    line-height: 190%;
  }
  .ecommdetails {
    border-radius: 0 0 5px 5px;
    height: 45px;
    width: 100%;
  }
  .ecommdetailsgrid {
    float: left;
    padding-top: 8px;
    text-align: right;
    width: 70%;
  }
  .ecommdetailsgrid a {
    color: #fff;
    font-family: roboto;
    font-size: 14px;
    text-decoration: none;
  }
  .ecommdetailsgrid2 {
    float: left;
    text-align: center;
    width: 30%;
  }
  .ecommdetailsgrid2 img {
    height: auto;
    position: relative;
    top: 3px;
    width: 50%;
  }
  p.c5 {
    height: auto;
    margin: auto;
    overflow: auto;
    width: 80%;
  }
  iframe {
    width: 100%;
  }
  .edugrid {
    float: left;
    width: 100%;
  }
  .edubg {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: 0;
    overflow: hidden;
    padding: 2px;
    width: 78%;
  }
  .edubg .c2 {
    line-height: 200%;
  }
  .edugrid .c4 {
    font-size: 19px;
    line-height: 200%;
    margin: auto;
    width: 78%;
  }
  .course {
    background: #f45915 none repeat scroll 0 0;
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
    color: #fff;
    font-family: arial;
    font-size: 16px;
    padding: 10px;
  }
  .readm {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    float: right;
    margin: 15px;
    padding: 5px;
    width: 85px;
  }
  .edulink {
    color: #60f;
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;
  }
  .formdate {
    width: 100%;
  }
  .formdate .input {
    margin: 0 0 20px;
    padding-left: 5px;
  }
  .todate {
    width: 100%;
  }
  .todate .input {
    margin: 0 0 20px 16px;
    padding-left: 5px;
  }
  .bydate {
    width: 80%;
  }
  .subadminicon {
    float: left;
    width: 50%;
  }
  .subadminico {
    width: 70%;
  }
  .recmain1 {
    width: 100%;
  }
  .recview {
    margin-bottom: 10px;
    width: 100%;
  }
  .recimg img {
    height: 60px;
    width: 85%;
  }
  .recview2 {
    line-height: 150%;
  }
  .recview2 a {
    font-size: 17px;
  }
  .reccat {
    font-size: 10px;
  }
  .recrs {
    font-size: 14px;
  }
  .fcpbox {
    background: #DCDCDC none repeat scroll 0 0;
    width: 43%;
  }
  .fcphead {
    width: 100%;
  }
  .adsheader {
    display: inline-block;
    padding: 5px;
    width: 100%;
  }
  .adshead {
    font-size: 14px;
    text-align: center;
    width: 100%;
  }
  .adscate {
    background: #e84c3d none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
    padding: 5px;
    width: 100%;
  }
  .adsimg {
    width: 100%;
  }
  .adsimg img {
    border-radius: 10px;
    height: auto;
    width: 100%;
  }
  .adsmatter {
    width: 100%;
  }
  .adscall {
    font-size: 12px;
    padding: 0;
    width: 100%;
  }
  .adsloca {
    font-size: 12px;
    padding: 0;
    width: 100%;
  }
  .adsloca img {
    margin: 10px;
  }
  .adsbox {
    font-size: 12px;
    margin: 2px;
    text-decoration: underline;
  }
  .adsuser {
    padding: 5px;
    width: 100%;
  }
  .adsuser img {
    height: 50px;
    padding: 2px;
    width: 50px;
  }
  .adsposted {
    font-size: 13px;
    margin-top: 0;
    padding: 5px;
    width: 100%;
  }
  .adstime {
    font-size: 13px;
    margin-top: 0;
    padding: 5px;
    width: 100%;
  }
  .adsmail {
    color: #000;
    font-size: 12px;
    line-height: 0;
    width: 100%;
  }
  .adslink {
    font-size: 11px;
    margin: 5px;
    width: 100%;
  }
  .addhead {
    font-size: 15px;
    margin-left: 3px;
    padding: 5px;
    width: 98%;
  }
  .adsdescmatter {
    font-size: 11px;
  }
  .classigrid1 {
    float: left;
    width: 100%;
  }
  .classibg {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    height: 450px;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: -119px;
    width: 100%;
  }
  .classiname {
    border-bottom: 1px solid #c7c7c7;
    border-top: 1px solid #c7c7c7;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 400;
    padding: 5px;
    text-align: center;
  }
  .classicate {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    padding: 5px;
  }
  .classigrid1 .c2 {
    line-height: 210%;
    padding: 6px;
  }
  .vdetails2 {
    background-image: url("../images/view.png");
    color: #fff;
    font-family: arial;
    font-size: 17px;
    font-weight: 200;
    height: 39px;
    left: 488px;
    padding: 12px 0 0 10px;
    position: relative;
    top: 530px;
    width: 144px;
  }
  .vdetails3 {
    background-image: url("../images/view.png");
    color: #fff;
    font-family: arial;
    font-size: 17px;
    font-weight: 200;
    height: 39px;
    padding: 12px 0 0 10px;
    position: absolute;
    right: 370px;
    top: 530px;
    width: 144px;
  }
  .topupid {
    width: 99%;
  }
  .topupid hr {
    margin: 0;
  }
  .topupid #header {
    margin: 10px;
    padding-left: 0;
    text-align: center;
  }
  .topupid a.post {
    font-size: 11px;
    width: 70%;
  }
  .ordergrid {
    float: none;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
  }
  .ordergrid img {
    height: 40px;
    margin: auto;
    width: 90%;
  }
  .ordergrid {
    float: none;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
  }
  .ordergrid img {
    height: 40px;
    margin: auto;
    width: 90%;
  }
  .ordergrid1 {
    float: none;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
  }
  .ordergrid1 img {
    height: 40px;
    margin: auto;
    width: 90%;
  }
  .viewdetail {
    float: none;
    margin: auto;
    width: 96%;
  }
  .viewdetail img {
    border: 1px solid #d23639;
    border-radius: 10px;
    height: 100%;
    margin: 20px 20px 20px 0;
    width: 100%;
  }
  .viewdesc {
    float: none;
    margin: auto;
    width: 96%;
  }
  .viewdesc h1 {
    border-bottom: 2px solid #f60;
    color: #333;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding-bottom: 10px;
  }
  .viewdesc h2 {
    color: #e1753b;
    display: inline-block;
    font: italic bold 20px Georgia;
    margin-bottom: 16px;
  }
  .proddesc {
    border: 1px solid #ccc;
    margin: auto;
    padding: 12px;
    width: 96%;
  }
  .proddesc p {
    color: #000;
    line-height: 200%;
  }
  .h2pro {
    background: rgba(0,0,0,0) linear-gradient(to bottom,#f7601b 0,#ffa435 50%,#f7601b 100%) repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font: italic bold 19px Georgia;
    padding: 10px;
  }
  .masteradmin {
    border: 1px solid #333;
    float: left;
    padding: 10px;
    width: 100%;
  }
  .subadmin {
    border: 1px solid #333;
    float: right;
    padding: 10px;
    width: 100%;
  }
  .subimg {
    height: 40px;
    width: 40px;
  }
  .adicon1 img {
    height: 50px;
    width: 50px;
  }
  .arrow1 {
    margin: auto;
    text-align: center;
    width: 95%;
  }
  .arrow1 img {
    margin: auto;
    text-align: center;
    width: 95%;
  }
  .arrowblue {
    text-decoration: underline;
  }
  .arrow1 span {
    color: #000;
  }
  .arrow1 .arr {
    margin-top: 0;
  }
  .arrow2 {
    height: 32px;
    margin: auto;
    padding-left: 0;
    text-align: center;
    width: 95%;
  }
  .arrow2 .arimg1 {
    float: left;
  }
  .arrow2 .arimg2 {
    float: right;
  }
  .arrow3 {
    display: none;
  }
  .arrow4 {
    display: none;
  }
  .arrow5 {
    display: none;
  }
  .arrow6 {
    display: none;
  }
  .mcard {
    background-size: 100% 100%;
    height: 243px;
    margin: auto;
    padding: 17px 0 0 17px;
    width: 100%;
  }
  .idcardbg {
    background-size: 100% 100%;
    overflow: hidden;
  }
  .logo {
    float: left;
    width: 17%;
  }
  .logo img {
    border: 1px solid #c00;
    border-radius: 5px;
    height: 35px;
    width: 35px;
  }
  .compname {
    color: #f00;
    float: right;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    padding-top: 5px;
    width: 83%;
  }
  .idbox1 {
    float: none;
    width: 10%;
  }
  .idbox1 img {
    float: left;
    height: 85px;
    margin: 31px 0 0 5px;
    width: 45px;
  }
  .idboxtext1 {
    color: #000;
    font-size: 10px;
    font-weight: 700;
    line-height: 140%;
    width: 100%;
  }
  .idboxtext2 {
    color: #000;
    font-size: 10px;
    font-weight: 700;
    line-height: 160%;
    padding-left: 0;
    text-align: left;
    width: 100%;
  }
  .idbox2 {
    float: left;
    padding: 12px 0 0 10px;
    text-align: left;
    width: 28%;
  }
  .idbox3 {
    float: right;
    padding: 12px 0 0;
    width: 45%;
  }
  .ourwebsite {
    color: #000;
    float: left;
    font-size: 10px;
    font-weight: 700;
    margin-top: 15px;
    width: 100%;
  }
  .ourwebsite2 {
    color: #30c;
    float: right;
    font-size: 8px;
    font-weight: 700;
    margin-top: 0;
    text-decoration: underline;
    width: 100%;
  }
  .visitingcard {
    margin: auto;
    width: 99%;
  }
  .viscardbg {
    background-size: 100% 100%;
    height: 180px;
    padding: 10px 0 0 10px;
  }
  .cardlogo img {
    height: 50px;
    width: 50px;
  }
  .companyname {
    font-size: 15px;
  }
  .numbers p {
    font-size: 12px;
  }
  .cardtext {
    font-size: 18px;
  }
  .cardtext2 {
    font-size: 12px;
    line-height: 160%;
  }
  .cardtext3 {
    font-size: 10px;
  }
  .mainwrap {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
    width: 100%;
  }
  .top1 {
    float: none;
    margin: auto;
    text-align: center;
    width: 100%;
  }
  .top1s {
    float: left;
    width: 100%;
  }
  .top1s span {
    font-size: 14px;
  }
  .top1 img {
    border: 1px solid #f00;
    border-radius: 5px;
  }
  .top1 img {
    border: 1px solid #f00;
    border-radius: 5px;
  }
  .top1 p {
    color: #00c;
    font-size: 13px;
    text-decoration: underline;
  }
  .top1 span {
    font-size: 14px;
  }
  .top2 {
    float: left;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
  }
  .top2 h1 {
    font-size: 21px;
  }
  .top2 h2 {
    color: #000;
    font-size: 15px;
  }
  .top2 .input {
    height: 35px;
    width: 200px;
  }
  .top3 {
    float: left;
    margin-top: 12px;
    width: 50%;
  }
  .top4 {
    float: left;
    margin-top: 12px;
    width: 50%;
  }
  .iconwrapper {
    margin: auto;
    width: 95%;
  }
  .iconwrapper p {
    color: #03c;
    text-decoration: underline;
  }
  .adicon1 {
    float: left;
    margin-bottom: 20px;
    width: 15%;
  }
  .adicon1 {
    float: left;
    width: 50%;
  }
  .invoice {
    border: 1px solid #000;
    border-radius: 10px;
    margin: auto;
    overflow: hidden;
    width: 90%;
  }
  .invoice p {
    font-size: 10px;
  }
  .invlogo {
    float: none;
    margin: auto;
    padding: 5px 0 0 5px;
    width: 40%;
  }
  .invlogo img {
    border: 1px solid #f00;
    border-radius: 10px;
    height: 50px;
    width: 50px;
  }
  .invcompany {
    float: left;
    width: 100%;
  }
  .invcompany h1 {
    font-size: 15px;
  }
  .invcompany p {
    font-size: 12px;
  }
  .tinno {
    float: right;
    width: 100%;
  }
  .tinno p {
    color: #000;
    font-size: 12px;
    padding: 0 10px 0 0;
    text-align: right;
  }
  .invborder {
    border: 1px solid #f00;
    overflow: auto;
    width: 100%;
  }
  .invinner {
    border: 1px solid #000;
    margin: 2px;
    overflow: hidden;
    width: 98%;
  }
  .invbox1 {
    border-right: 1px solid #000;
    float: left;
    height: 193px;
    padding: 10px;
    width: 60%;
  }
  .invbox2 {
    float: right;
    padding: 10px;
    text-align: center;
    width: 40%;
  }
  .invmiddle {
    border-top: 1px solid #000;
    overflow: hidden;
    width: 100%;
  }
  .invgrid1 {
    width: 15%;
  }
  .invgrid1 p {
    font-size: 7px;
  }
  .invgrid2 {
    width: 25%;
  }
  .invgrid2 p {
    font-size: 7px;
  }
  .invgrid3 {
    width: 20%;
  }
  .invgrid3 p {
    font-size: 7px;
  }
  .invgrid4 {
    width: 20%;
  }
  .invgrid4 p {
    font-size: 7px;
  }
  .invgrid5 {
    width: 20%;
  }
  .invgrid5 p {
    font-size: 7px;
  }
  .invgrid6 {
    float: left;
    text-align: center;
    width: 0;
  }
  .invgrid7 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 66.7%;
  }
  .invgrid8 {
    border-bottom: 1px solid #000;
    float: right;
    text-align: center;
    width: 33.3%;
  }
  .invgrid9 {
    border-bottom: 1px solid #000;
    float: left;
    text-align: center;
    width: 20%;
  }
  .middlebox1 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    height: 100px;
    width: 40%;
  }
  .middlebox2 {
    float: right;
    line-height: 160%;
    width: 60%;
  }
  .middletext {
    line-height: 230%;
    margin: auto;
    width: 97%;
  }
  .terms {
    float: left;
    width: 70%;
  }
  .terms2 {
    float: right;
    width: 30%;
  }
  .terms2 h1 {
    color: #000;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-weight: 700;
    margin-right: 32px;
    text-align: center;
    width: 30%;
  }
  .myimg {
    height: 170px;
    width: 200px;
  }
  .blackbig {
    font-size: 13px;
  }
  .automarquee {
    max-width: 180px;
    width: 180px;
  }
  .c2 {
    font-size: 14px;
  }
  .c3 {
    font-size: 14px;
  }
  .newstext {
    font-size: 14px;
    text-align: left;
  }
  .c4 {font-size: 18px;line-height: 20px;font-weight: 600;font-family: 'Open Sans', sans- serif;letter-spacing:1px;text-align: justify;color: #000;}
  .c5s {
    width: 30%;
  }
  .c6 {
    font-size: 13px;
  }
  .c7 {
    font-size: 12px;
  }
  .c7admin {
    font-size: 22px;
  }
  .c8 {
    font-size: 12px;
  }
  .c9 {
    font-size: 9px;
  }
  .tblack {
    font-size: 12px;
  }
  .c10 {
    font-size: 12px;
  }
  .blueclr {
    font-size: 12px;
  }
  .edit {
    font-size: 13px;
  }
  a.edit {
    font-size: 13px;
  }
  .update {
    font-size: 18px;
  }
  .star {
    color: #f00;
    font-size: 12px;
  }
  h3 {
    font-size: 10px;
  }
  #header {
    padding-left: 60px;
    text-align: left;
  }
  #header2 {
    padding-left: 5px;
    text-align: left;
  }
  .roundbox {
    width: 99%;
  }
  #trboxes {
    display: none;
  }
  #trflash {
    display: none;
  }
  #trlinks {
    display: none;
  }
  #trmarquee {
    display: none;
  }
  #trads {
    display: none;
  }
  #trnews {
    display: none;
  }
  #trpayout {
    display: none;
  }
  #trphoto {
    display: none;
  }
  .trhide {
    display: block;
  }
  .trhidesmall {
    display: none;
  }
  .printhide {
    display: none;
  }
  .autowidth {
    margin: 0 auto;
    width: 100%;
  }
  .updatebtn2 {
    background-image: url("../../images/orange/update.html");
    height: 30px;
    width: 90px;
  }
  .lside {
    color: Red;
    font-family: tahoma;
    font-size: 17px;
    font-weight: 700;
    width: 17%;
  }
  .rside {
    width: 75%;
  }
  .blackhead {
    font-size: 20px;
  }
  .welcometext {
    height: 260px;
    overflow: scroll;
    width: 180px;
  }
  .subred {
    color: Red;
    font-size: 9px;
    font-weight: 700;
  }
}
@media screen and (min-width: 320px) {

.roundbox {
    width: 100%;
}
  
  .fcpbox2 {
    height: auto;
    margin: 11px 5x 0 5px;
    padding: 5px;
    width: 42%;
  }
  .fcpbox2 a {
    font-size: 12px;
  }
  .mypropic img {
    width: 35%;
  }
  .fpbg {
    border-radius: 5px;
    height: 270px;
    margin: auto;
    width: 100%;
  }
  .fpbg2 {
    border-radius: 5px;
    height: none;
    margin: auto;
    width: 100%;
  }
  .fpmain {
    color: #000;
    font-family: roboto;
    margin: auto;
    padding-top: 0;
    width: 100%;
  }
  .fptxt {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .fpicon {
    float: left;
    width: 20%;
  }
  .fpinput {
    float: left;
    margin-top: 7px;
    width: 80%;
  }
  .fpinput .input {
    border: 1px solid #c8c8c8;
    float: left;
    font-family: arial;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    letter-spacing: 1px;
    width: 90%;
  }
  .fpinput2 {
    float: left;
    margin-top: 7px;
    width: 80%;
  }
  .fpinput2 .input2 {
    border: 1px solid #c8c8c8;
    float: left;
    font-family: arial;
    font-size: 16px;
    font-weight: 400;
    height: 42px;
    letter-spacing: 1px;
    margin-right: 32px;
    padding-left: 10px;
    width: 88px;
  }
  .fbiconsmain {
    float: left;
    margin-top: 25px;
    width: 100%;
  }
  .fpbtn {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
  }
  .fpbtn a {
    background: #cc1d1d none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    text-decoration: none;
  }
  .fpbtn a:hover {
    background: #f65823 none repeat scroll 0 0;
  }
  .fbor {
    background: #e43c03 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-family: roboto;
    font-size: 20px;
    height: 52px;
    margin: auto;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 0;
    width: 52px;
  }
  .rewlistmain {
    width: 85%;
  }
  .rewlistreq {
    font-size: 13px;
  }
  .srckitbtns {
    margin-top: 60px;
  }
  .treehead {
    font-size: 17px;
    margin-left: 95px;
  }
  .treehead2 {
    font-size: 17px;
    margin-left: 98px;
  }
  .meetingmain {
    border-radius: 10px;
    padding: 4px;
  }
  .meetingno {
    font-size: 20px;
    padding: 12px;
    width: 20%;
  }
  .meetingname {
    font-size: 16px;
    padding: 15px;
    width: 80%;
  }
  .meetingrid {
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
  }
  .meetingrid2 {
    border-radius: 15px;
    width: 100%;
  }
  .meetingmain h4 {
    font-size: 16px;
  }
  .meetingmain p {
    font-size: 13px;
  }
  .franmain {
    padding: 10px 0 0;
    width: 100%;
  }
  .frangrid2 {
    float: left;
    width: 100%;
  }
  .fran1 {
    float: left;
    width: 100%;
  }
  .fran2 {
    float: left;
    width: 100%;
  }
  .franchiseimg {
    float: left;
    width: 100%;
  }
  .franchiseimg img {
    float: left;
    margin-left: 90px;
    margin-top: 15px;
    width: 40%;
  }
  .rewardmain {
    width: 100%;
  }
  .rewardmain2 {
    width: 100%;
  }
  .rewardimg {
    float: left;
    margin: 10px 0;
    text-align: center;
    width: 100%;
  }
  .rewardimg img {
    height: 125px;
    width: 40%;
  }
  .rewardtable {
    width: 100%;
  }
  .name2 {
    font-size: 17px;
    padding-left: 10px;
    width: 100%;
  }
  .rewgrid {
    background: #fafafa none repeat scroll 0 0;
    font-size: 15px;
    line-height: 150%;
    padding-left: 10px;
    width: 100%;
  }
  .rewgrid2 {
    font-size: 15px;
    line-height: 150%;
    padding-left: 0;
    width: 100%;
  }
  .rewardrew {
    width: 100%;
  }
  .rewardbox {
    padding: 6px 6px 6px 0;
    text-align: center;
  }
  .rewardbox img {
    height: 136px;
    width: 195px;
  }
  .greyarrow {
    display: none;
  }
  .greyarrow2 {
    display: none;
  }
  .dot {
    display: none;
  }
  .latesthead2 {
    font-size: 13px;
    width: 91%;
  }
  .ecoimg {
    height: 280px;
  }
  .ecomprice span {
    font-size: 20px;
  }
  .edubg {
    margin: auto;
    width: 80%;
  }
  .adshead {
    font-size: 16px;
  }
  .adscate {
    font-size: 16px;
  }
  .adscall {
    font-size: 16px;
  }
  .adsloca {
    font-size: 16px;
  }
  .adsbox {
    margin: 2px;
    width: 100%;
  }
  .adsuser {
    padding: 5px;
    width: 100%;
  }
  .adsposted {
    font-size: 17px;
  }
  .adstime {
    font-size: 17px;
  }
  .adsmail {
    font-size: 17px;
  }
  .adslink {
    font-size: 14px;
  }
  .addhead {
    font-size: 18px;
  }
  .adsdescmatter {
    font-size: 12px;
  }
  .topupid {
    width: 98%;
  }
  .topupid a.post {
    font-size: 13px;
    width: 75%;
  }
  .ordergrid {
    float: none;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
  }
  .ordergrid img {
    margin: auto;
    width: auto;
  }
  .ordergrid2 {
    float: none;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
  }
  .ordergrid2 img {
    margin: auto;
    width: auto;
  }
  .viewdetail {
    float: none;
    margin: auto;
    width: 96%;
  }
  .viewdetail img {
    border: 1px solid #d23639;
    border-radius: 10px;
    height: 100%;
    margin: 20px 20px 20px 0;
    width: 100%;
  }
  .viewdesc {
    float: none;
    margin: auto;
    width: 96%;
  }
  .viewdesc h1 {
    border-bottom: 2px solid #f60;
    color: #333;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding-bottom: 10px;
  }
  .viewdesc h2 {
    color: #e1753b;
    display: inline-block;
    font: italic bold 20px Georgia;
    margin-bottom: 16px;
  }
  .proddesc {
    border: 1px solid #ccc;
    margin: auto;
    padding: 12px;
    width: 96%;
  }
  .proddesc p {
    color: #000;
    line-height: 200%;
  }
  .h2pro {
    background: rgba(0,0,0,0) linear-gradient(to bottom,#f7601b 0,#ffa435 50%,#f7601b 100%) repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font: italic bold 19px Georgia;
    padding: 10px;
  }
  .mcard {
    background-size: 100% 100%;
    height: 243px;
    margin: auto;
    padding: 17px 0 0 17px;
    width: 100%;
  }
  .idcardbg {
    background-size: 100% 100%;
    overflow: hidden;
  }
  .logo {
    float: left;
    width: 17%;
  }
  .logo img {
    border: 1px solid #c00;
    border-radius: 5px;
    height: 35px;
    width: 35px;
  }
  .compname {
    color: #f00;
    float: right;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    padding-top: 5px;
    width: 83%;
  }
  .idbox1 {
    float: none;
    width: 10%;
  }
  .idbox1 img {
    float: left;
    height: 70px;
    margin: 37px 0 0 6px;
    width: 64px;
  }
  .idboxtext1 {
    color: #000;
    font-size: 11px;
    font-weight: 700;
    line-height: 160%;
    width: 100%;
  }
  .idboxtext2 {
    color: #000;
    font-size: 11px;
    font-weight: 700;
    line-height: 160%;
    padding-left: 0;
    text-align: left;
    width: 100%;
  }
  .idbox2 {
    float: left;
    padding: 25px 0 0 20px;
    text-align: left;
    width: 40%;
  }
  .idbox3 {
    float: right;
    padding: 25px 0 0;
    width: 35%;
  }
  .ourwebsite {
    color: #000;
    float: left;
    font-size: 11px;
    font-weight: 700;
    margin-top: 15px;
    width: 30%;
  }
  .ourwebsite2 {
    color: #30c;
    float: right;
    font-size: 11px;
    font-weight: 700;
    margin-top: 15px;
    text-decoration: underline;
    width: 70%;
  }
  .mainwrap {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
    width: 100%;
  }
  .top1 {
    float: none;
    margin: auto;
    padding-top: 35px;
    width: 100%;
  }
  .top1s {
    float: left;
    width: 100%;
  }
  .top1s span {
    font-size: 14px;
  }
  .top1 img {
    border: 1px solid #f00;
    border-radius: 5px;
  }
  .top1 img {
    border: 1px solid #f00;
    border-radius: 5px;
  }
  .top1 p {
    color: #00c;
    font-size: 13px;
    text-decoration: underline;
  }
  .top1 span {
    font-size: 14px;
  }
  .top2 {
    float: left;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
  }
  .top2 h1 {
    font-size: 21px;
  }
  .top2 h2 {
    color: #000;
    font-size: 15px;
  }
  .top2 .input {
    height: 35px;
    width: 280px;
  }
  .top3 {
    float: left;
    margin-top: 12px;
    width: 50%;
  }
  .top4 {
    float: left;
    margin-top: 12px;
    width: 50%;
  }
  .iconwrapper {
    margin: auto;
    width: 95%;
  }
  .iconwrapper p {
    color: #03c;
    font-size: 11px;
    text-decoration: underline;
  }
  .adicon1 {
    float: left;
    margin-bottom: 20px;
    width: 15%;
  }
  .adicon1 {
    float: left;
    text-align: center;
    width: 50%;
  }
  .adicon1 img {
    height: 60px;
    width: 60px;
  }
  .invoice {
    border: 1px solid #000;
    border-radius: 10px;
    margin: auto;
    overflow: hidden;
    width: 90%;
  }
  .invoice p {
    font-size: 13px;
  }
  .invlogo {
    float: none;
    padding: 15px 0 0;
    width: 30%;
  }
  .invlogo img {
    border: 1px solid #f00;
    border-radius: 10px;
    height: 80px;
    width: 80px;
  }
  .invcompany {
    float: left;
    width: 100%;
  }
  .invcompany h1 {
    color: #000;
    font-family: tahoma;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
  }
  .invcompany p {
    font-size: 13px;
    text-align: center;
  }
  .tinno {
    float: right;
    width: 100%;
  }
  .tinno p {
    color: #000;
    font-size: 13px;
    padding: 0 10px 0 0;
    text-align: right;
  }
  .invborder {
    border: 1px solid #f00;
    overflow: auto;
    width: 100%;
  }
  .invinner {
    border: 1px solid #000;
    margin: 3px;
    overflow: hidden;
    width: 98%;
  }
  .invbox1 {
    border-right: 1px solid #000;
    float: left;
    padding: 10px;
    width: 60%;
  }
  .invbox2 {
    float: right;
    padding: 10px;
    text-align: center;
    width: 40%;
  }
  .invmiddle {
    border-top: 1px solid #000;
    overflow: hidden;
    width: 100%;
  }
  .invgrid1 {
    width: 15%;
  }
  .invgrid1 p {
    font-size: 11px;
  }
  .invgrid2 {
    width: 30%;
  }
  .invgrid2 p {
    font-size: 11px;
  }
  .invgrid3 {
    width: 15%;
  }
  .invgrid3 p {
    font-size: 11px;
  }
  .invgrid4 {
    width: 20%;
  }
  .invgrid4 p {
    font-size: 11px;
  }
  .invgrid5 {
    width: 20%;
  }
  .invgrid5 p {
    font-size: 11px;
  }
  .invgrid6 {
    float: left;
    text-align: center;
    width: 0;
  }
  .invgrid7 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 66.7%;
  }
  .invgrid8 {
    border-bottom: 1px solid #000;
    float: right;
    text-align: center;
    width: 33.3%;
  }
  .invgrid9 {
    border-bottom: 1px solid #000;
    float: left;
    text-align: center;
    width: 20%;
  }
  .middlebox1 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    height: 112px;
    width: 40%;
  }
  .middlebox2 {
    float: right;
    line-height: 200%;
    width: 60%;
  }
  .middlebox2 p {
    font-size: 12px;
  }
  .middletext {
    line-height: 230%;
    margin: auto;
    width: 97%;
  }
  .terms {
    float: left;
    width: 100%;
  }
  .terms p {
    font-size: 12px;
  }
  .terms2 {
    float: right;
    width: 100%;
  }
  .terms2 h1 {
    color: #000;
    float: right;
    font-family: tahoma;
    font-size: 13px;
    font-weight: 700;
    margin-right: 0;
    text-align: center;
    width: 40%;
  }
  .viscardbg {
    background-size: 100% 100%;
    height: 200px;
    padding: 10px 0 0 10px;
  }
  .cardlogo img {
    height: 55px;
    width: 55px;
  }
  .companyname {
    font-size: 19px;
  }
  .numbers p {
    font-size: 13px;
  }
  .cardtext {
    font-size: 20px;
  }
  .cardtext2 {
    font-size: 11px;
    line-height: 190%;
  }
  .cardtext3 {
    float: left;
    font-size: 14px;
  }
  .myimg {
    height: 170px;
    width: 247px;
  }
  .blackbig {
    font-size: 13px;
  }
  .automarquee {
    max-width: 150px;
    width: 150px;
  }
  .c2 {
    font-size: 14px;
  }
  .c3 {
    font-size: 14px;
  }
  .newstext {
    font-size: 14px;
    text-align: left;
  }
  .c4 {
    font-size:18px;
   
  }
  .c5 {
    font-size: 13px;
    width: 110px;
  }
  .c5s {
    width: 30%;
  }
  .c6 {
    font-size: 14px;
  }
  .c7 {
    font-size: 18px;
  }
  .c7admin {
    font-size: 22px;
  }
  .c8 {
    font-size: 12px;
  }
  .c9 {
    font-size: 13px;
  }
  .tblack {
    font-size: 13px;
  }
  .c10 {
    font-size: 12px;
  }
  .blueclr {
    font-size: 12px;
  }
  .update {
    font-size: 18px;
  }
  .star {
    color: #f00;
    font-size: 12px;
  }
  h3 {
    font-size: 13px;
  }
  #header {
    padding-left: 80px;
    text-align: left;
  }
  #header2 {
    padding-left: 5px;
    text-align: left;
  }
  .edit {
    font-size: 12px;
  }
  a.edit {
    font-size: 12px;
  }
  .roundbox {
    width: 99%;
  }
  #trboxes {
    display: none;
  }
  #trflash {
    display: none;
  }
  #trlinks {
    display: none;
  }
  #trmarquee {
    display: none;
  }
  #trads {
    display: none;
  }
  #trnews {
    display: none;
  }
  #trpayout {
    display: none;
  }
  #trphoto {
    display: none;
  }
  .trhide {
    display: block;
  }
  .trhidesmall {
    display: none;
  }
  .printhide {
    display: none;
  }
  .autowidth {
    margin: 0 auto;
    width: 100%;
  }
  .btn-res {
    float: left;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
  .lside {
    color: Red;
    font-family: tahoma;
    font-size: 17px;
    font-weight: 700;
    width: 17%;
  }
  .rside {
    width: 75%;
  }
  .blackhead {
    font-size: 22px;
  }
  .welcometext {
    height: 260px;
    overflow: scroll;
    width: 260px;
  }
  .subred {
    color: Red;
    font-size: 9px;
    font-weight: 700;
  }
}
@media screen and (min-width: 480px) {


.quick {
  display:block;
}

  .pan_img {
    width:240px;
    height:148px;
  }

  .fcpbox2 {
    height: auto;
    margin: 11px 2x 0 2px;
    padding: 2px;
    width: 29%;
  }
  .fcpbox2 a {
    font-size: 13px;
  }
  .mypropic img {
    width: 30%;
  }
  .fpbg {
    border-radius: 5px;
    height: 270px;
    margin: auto;
    width: 100%;
  }
  .fpbg2 {
    border-radius: 5px;
    height: none;
    margin: auto;
    width: 100%;
  }
  .fpmain {
    color: #000;
    font-family: roboto;
    text-align: center;
    margin: auto;
    padding-top: 0;
    width: 100%;
  }
  .fptxt {
    font-size: 30px;
    margin: 0 0 10px;
  }
  .fpicon {
    float: left;
    width: 20%;
  }
  .fpinput {
    float: left;
    margin-top: 7px;
    width: 80%;
  }
  .fpinput .input {
    border: 1px solid #c8c8c8;
    float: left;
    font-family: arial;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    letter-spacing: 1px;
    width: 90%;
  }
  .fpinput2 {
    float: left;
    margin-top: 7px;
    width: 80%;
  }
  .fpinput2 .input2 {
    border: 1px solid #c8c8c8;
    float: left;
    font-family: arial;
    font-size: 16px;
    font-weight: 400;
    height: 42px;
    letter-spacing: 1px;
    margin-right: 32px;
    padding-left: 10px;
    width: 88px;
  }
  .fbiconsmain {
    float: left;
    margin-top: 25px;
    width: 100%;
  }
  .fpbtn {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
  }
  .fpbtn a {
    background: #cc1d1d none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    text-decoration: none;
  }
  .fpbtn a:hover {
    background: #f65823 none repeat scroll 0 0;
  }
  .fbor {
    background: #e43c03 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-family: roboto;
    font-size: 20px;
    height: 52px;
    margin: auto;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 0;
    width: 52px;
  }
  .rewlistbg {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    border-bottom: solid 1px red;
  }
  .rewlistbg img {
    height: 145px;
    width: 364px;
  }
  .rewlistgrid {
    width: 50%;
  }
  .rewlistmain {
    width: 96%;
  }
  .downtable {
    font-size: 17px;
  }
  .downicon {
    height: 25px;
    width: 25px;
  }
  .downarrow {
    height: 40px;
  }
  .downbot {
    font-size: 22px;
  }
  .downbot2 {
    font-size: 22px;
  }
  .downview h1 {
    font-size: 25px;
    margin: 5px;
  }
  .searchkit {
    height: 150px;
    width: 50%;
  }
  .searchkit h3 {
    font-size: 22px;
  }
  .searchkit a {
    font-size: 17px;
  }
  .kitptice {
    float: left;
    width: 50%;
  }
  .kitptice h2 {
    font-size: 18px;
    padding: 5px;
  }
  .meetingmain {
    border-radius: 10px;
    padding: 4px;
  }
  .meetingno {
    font-size: 20px;
    padding: 12px;
    width: 13%;
  }
  .meetingname {
    font-size: 20px;
    padding: 7px;
    width: 80%;
  }
  .meetingrid {
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
  }
  .meetingrid2 {
    border-radius: 15px;
    width: 100%;
  }
  .meetingmain h4 {
    font-size: 22px;
  }
  .meetingmain p {
    font-size: 16px;
  }
  .recname img {
    height: 49px;
    width: 250px;
  }
  .achcity2 {
    font-size: 19px;
  }
  .cityname {
    font-size: 19px;
  }
  .franmain {
    padding: 10px 0 0;
    width: 100%;
  }
  .frangrid2 {
    float: left;
    width: 100%;
  }
  .fran1 {
    float: left;
    width: 35%;
  }
  .fran2 {
    float: left;
    width: 65%;
  }
  .franchiseimg {
    float: left;
    width: 100%;
  }
  .franchiseimg img {
    float: left;
    margin-left: 170px;
    margin-top: 25px;
    width: 26%;
  }
  .rewardmain {
    width: 100%;
  }
  .rewardmain2 {
    width: 100%;
  }
  .rewardimg {
    float: left;
    margin: 10px 0;
    text-align: center;
    width: 100%;
  }
  .rewardimg img {
    height: 155px;
    width: 30%;
  }
  .rewardtable {
    width: 100%;
  }
  .name2 {
    font-size: 22px;
    padding-left: 10px;
    width: 100%;
  }
  .rewgrid {
    background: #fafafa none repeat scroll 0 0;
    font-size: 20px;
    line-height: 150%;
    padding-left: 10px;
    width: 100%;
  }
  .rewgrid2 {
    font-size: 20px;
    line-height: 150%;
    padding-left: 0;
    width: 100%;
  }
  .rewardrew {
    width: 100%;
  }
  .rewardbox {
    padding: 6px 6px 6px 0;
    text-align: center;
  }
  .rewardbox img {
    height: 136px;
    width: 195px;
  }
  .greyarrow {
    display: none;
  }
  .greyarrow2 {
    display: none;
  }
  .dot {
    display: none;
  }
  .latestno {
    font-size: 25px;
    width: 55px;
  }
  .latesthead2 {
    font-size: 16px;
    width: 88%;
  }
  .latestimg img {
    height: 70%;
    width: 70%;
  }
  .ecomgrid {
    margin: 2% 3% 0 1%;
    width: 46%;
  }
  .ecomghead {
    font-size: 12px;
  }
  .ecoimg {
    height: 220px;
  }
  .edugrid {
    float: left;
    width: 100%;
  }
  .edubg {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: auto;
    overflow: hidden;
    padding: 2px;
    width: 50%;
  }
  .edubg .c2 {
    line-height: 200%;
  }
  .edugrid .c4 {
    font-size: 19px;
    line-height: 200%;
    margin: auto;
    width: 50%;
  }
  .course {
    background: #f45915 none repeat scroll 0 0;
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
    color: #fff;
    font-family: arial;
    font-size: 16px;
    padding: 10px;
  }
  .readm {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    float: right;
    margin: 15px;
    padding: 5px;
    width: 85px;
  }
  .edulink {
    color: #60f;
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;
  }
  .viewdetail {
    width: 50%;
  }
  .viewdetail img {
    margin: 0;
  }
  .formdate {
    width: 50%;
  }
  .formdate .input {
    margin: 0 0 20px;
    width: 90%;
  }
  .todate {
    width: 50%;
  }
  .todate .input {
    margin: 0 0 20px;
    width: 90%;
  }
  .bydate {
    width: 70%;
  }
  .subadminicon {
    float: left;
    width: 30%;
  }
  .fcpbox {
    background: #DCDCDC none repeat scroll 0 0;
    width: 45%;
  }
  .fcphead {
    width: 50%;
  }
  .classigrid1 {
    float: left;
    width: 100%;
  }
  .classibg {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    height: 450px;
    margin: auto;
    overflow: hidden;
    position: relative;
    top: -119px;
    width: 66%;
  }
  .classiname {
    border-bottom: 1px solid #c7c7c7;
    border-top: 1px solid #c7c7c7;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 400;
    padding: 5px;
    text-align: center;
  }
  .classicate {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    padding: 5px;
  }
  .classigrid1 .c2 {
    line-height: 210%;
    padding: 6px;
  }
  .vdetails2 {
    background-image: url("../images/view.png");
    color: #fff;
    font-family: arial;
    font-size: 17px;
    font-weight: 200;
    height: 39px;
    left: 488px;
    padding: 12px 0 0 10px;
    position: relative;
    top: 530px;
    width: 144px;
  }
  .vdetails3 {
    background-image: url("../images/view.png");
    color: #fff;
    font-family: arial;
    font-size: 17px;
    font-weight: 200;
    height: 39px;
    padding: 12px 0 0 10px;
    position: absolute;
    right: 370px;
    top: 530px;
    width: 144px;
  }
  .ordergrid {
    float: left;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
  }
  .ordergrid img {
    margin: 16px;
    width: 100%;
  }
  .ordergrid1 {
    width: 100%;
  }
  .ordergrid1 img {
    margin: 16px;
    width: 100%;
  }
  .ordergrid2 {
    width: 100%;
  }
  .adsuser img {
    border: 1px solid red;
    border-radius: 5px;
    height: 81px;
    padding: 1px;
    width: 80px;
  }
  .iconwrapper p {
    font-size: 13px;
  }
  .whiteheader {
    font-size: 18px;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
  }
  .subimg {
    height: 60px;
    width: 60px;
  }
  .subred {
    color: Red;
    font-size: 13px;
    font-weight: 700;
  }
  .mcard {
    height: 282px;
    margin: auto;
    padding: 17px 0 0 17px;
    width: 447px;
  }
  .idcardbg {
    background-size: 100% 100%;
    height: 282px;
    overflow: hidden;
  }
  .logo {
    float: left;
    width: 17%;
  }
  .logo img {
    border: 1px solid #c00;
    border-radius: 5px;
    height: 45px;
    width: 50px;
  }
  .compname {
    color: #f00;
    float: right;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    padding-top: 5px;
    width: 83%;
  }
  .idbox1 {
    float: none;
    width: 139px;
  }
  .idbox1 img {
    float: left;
    height: 105px;
    margin: 31px 0 0 17px;
    width: 90px;
  }
  .idboxtext1 {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    line-height: 160%;
    width: 100%;
  }
  .idboxtext2 {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    line-height: 160%;
    padding-left: 10px;
    text-align: left;
    width: 100%;
  }
  .idbox2 {
    float: left;
    padding: 25px 0 0 20px;
    text-align: left;
    width: 139px;
  }
  .idbox3 {
    float: right;
    padding: 25px 0 0 10px;
    width: 179px;
  }
  .ourwebsite {
    color: #000;
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin-top: 15px;
    width: 30%;
  }
  .ourwebsite2 {
    color: #30c;
    float: right;
    font-size: 13px;
    font-weight: 700;
    margin-top: 15px;
    text-decoration: underline;
    width: 70%;
  }
  .visitingcard {
    margin: auto;
    width: 464px;
  }
  .viscardbg {
    height: 311px;
    padding: 20px 0 0 26px;
    width: 100%;
  }
  .cardlogo img {
    border-radius: 5px;
    height: 70px;
    width: 70px;
  }
  .companyname {
    font-size: 28px;
  }
  .numbers p {
    font-size: 15px;
  }
  .cardtext {
    font-size: 28px;
  }
  .cardtext2 {
    font-size: 15px;
    line-height: 250%;
  }
  .cardtext3 {
    float: left;
    font-size: 20px;
  }
  .mainwrap {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
    width: 100%;
  }
  .top1 {
    float: none;
    width: 100%;
  }
  .top1s {
    float: left;
    width: 100%;
  }
  .top1 img {
    border: 1px solid #f00;
    border-radius: 5px;
  }
  .top1 img {
    border: 1px solid #f00;
    border-radius: 5px;
  }
  .top1 p {
    color: #00c;
    font-size: 13px;
    text-decoration: underline;
  }
  .top1 span {
    font-size: 14px;
  }
  .top2 {
    float: left;
    margin-bottom: 0;
    width: 100%;
  }
  .top2 h1 {
    font-size: 30px;
  }
  .top2 h2 {
    color: #000;
    font-size: 22px;
  }
  .top3 {
    float: left;
    padding-left: 50px;
    width: 50%;
  }
  .top4 {
    float: left;
    padding-left: 50px;
    width: 50%;
  }
  .iconwrapper {
    margin: auto;
    width: 95%;
  }
  .iconwrapper p {
    color: #03c;
    text-decoration: underline;
  }
  .adicon1 {
    float: left;
    margin-bottom: 20px;
    width: 15%;
  }
  .adicon1 {
    float: left;
    width: 33%;
  }
  .invoice {
    border: 1px solid #000;
    border-radius: 10px;
    margin: auto;
    overflow: hidden;
    width: 90%;
  }
  .invoice p {
    font-size: 11px;
  }
  .invlogo {
    float: left;
    padding: 15px 0 0 15px;
    width: 20%;
  }
  .invlogo img {
    border: 1px solid #f00;
    border-radius: 10px;
    height: 80px;
    width: 80px;
  }
  .invcompany {
    float: left;
    width: 50%;
  }
  .invcompany h1 {
    color: #000;
    font-family: tahoma;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
  }
  .invcompany p {
    font-size: 12px;
    text-align: center;
  }
  .tinno {
    float: right;
    width: 20%;
  }
  .tinno p {
    color: #000;
    font-size: 12px;
    padding: 10px 10px 0 0;
    text-align: right;
  }
  .invborder {
    border: 1px solid #f00;
    overflow: auto;
    width: 100%;
  }
  .invinner {
    border: 1px solid #000;
    margin: 10px;
    overflow: hidden;
    width: 98%;
  }
  .invbox1 {
    border-right: 1px solid #000;
    float: left;
    padding: 10px;
    width: 45%;
  }
  .invbox2 {
    float: right;
    padding: 10px;
    text-align: center;
    width: 55%;
  }
  .invmiddle {
    border-top: 1px solid #000;
    overflow: hidden;
    width: 100%;
  }
  .invgrid1 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 10%;
  }
  .invgrid2 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 20%;
  }
  .invgrid3 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 30%;
  }
  .invgrid4 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 20%;
  }
  .invgrid5 {
    border-bottom: 1px solid #000;
    float: left;
    text-align: center;
    width: 20%;
  }
  .invgrid6 {
    float: left;
    text-align: center;
    width: 0;
  }
  .invgrid7 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 66.7%;
  }
  .invgrid8 {
    border-bottom: 1px solid #000;
    float: right;
    text-align: center;
    width: 33.3%;
  }
  .invgrid9 {
    border-bottom: 1px solid #000;
    float: left;
    text-align: center;
    width: 20%;
  }
  .middlebox1 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    height: 112px;
    width: 40%;
  }
  .middlebox2 {
    float: right;
    line-height: 200%;
    width: 60%;
  }
  .middletext {
    line-height: 230%;
    margin: auto;
    width: 97%;
  }
  .terms {
    float: left;
    width: 70%;
  }
  .terms2 {
    float: right;
    width: 30%;
  }
  .terms2 h1 {
    color: #000;
    float: right;
    font-family: tahoma;
    font-size: 20px;
    font-weight: 700;
    margin-right: 0;
    text-align: right;
    width: 30%;
  }
  .blackbig {
    font-size: 12px;
  }
  .automarquee {
    max-width: 450px;
    width: 450px;
  }
  .c2 {
    font-size: 14px;
  }
  .c3 {
    font-size: 18px;
  }
  .newstext {
    font-size: 14px;
    text-align: center;
  }
  .c4 {
    font-size: 19px;
    letter-spacing: 2px;
  }
  .c5 {
    font-size: 18px;
    width: 110px;
  }
  .c5s {
    width: 30%;
  }
  .c6 {
    font-size: 14px;
  }
  .c9 {
    font-size: 13px;
  }
  .tblack {
    font-size: 13px;
  }
  .c10 {
    font-size: 12px;
  }
  .c7 {
    font-size: 16px;
  }
  .c7admin {
    font-size: 26px;
  }
  .c8 {
    font-size: 14px;
  }
  .blueclr {
    font-size: 14px;
  }
  .update {
    font-size: 14px;
  }
  .edit {
    font-size: 12px;
  }
  a.edit {
    font-size: 12px;
  }
  .star {
    color: #f00;
    font-size: 14px;
  }
  #header {
    padding-left: 0;
    text-align: center;
  }
  #header2 {
    padding-left: 5px;
    text-align: left;
  }
  .roundbox {
    width: 99%;
  }
  #trboxes {
    display: none;
  }
  #trflash {
    display: none;
  }
  #trlinks {
    display: none;
  }
  #trmarquee {
    display: none;
  }
  #trads {
    display: none;
  }
  #trnews {
    display: none;
  }
  #trpayout {
    display: none;
  }
  #trphoto {
    display: none;
  }
  .trhide {
    display: block;
  }
  .trhidesmall {
    display: none;
  }
  .printhide {
    display: none;
  }
  .autowidth {
    margin: 0 auto;
    width: 100%;
  }
  .btn-res {
    float: left;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
  .lside {
    color: Red;
    font-family: tahoma;
    font-size: 17px;
    font-weight: 700;
    width: 17%;
  }
  .rside {
    width: 75%;
  }
  .blackhead {
    font-size: 24px;
  }
  .welcometext {
    height: 250px;
    overflow: scroll;
    width: 320px;
  }
}
@media screen and (min-width: 768px) {


.tree_top {
  width:585px;
  margin:auto;
  text-align:center;
}

.tree_inner {
  width:100%;
}

.tree_member {
  width:135px;
  margin:auto;
}

.tree_round {
  background:#fff;
  box-shadow:0px 0px 5px #b7b7b7;
  border-radius:15px;
  line-height:200%;
}

.tree_img {
  width:70px;
  height:70px;
  border:solid 1px #808080;
  border-radius:5px;
}

.tree_txt {
 font-size:16px;
 line-height:200%;
 font-weight:bold;
}

.tree_arrow {
  margin-top:10px;
}

.tree_grid5 {
  width:50%;
  float:left;
}

.tree_member2 {
  width:40%;
  float:left;
}

.tree_member3 {
  width:40%;
  float:right;
}

.tree_part2 {
  width:825px;
  margin:auto;
}

.part2_member {
  width:75%;
  margin:auto;
}

.tree_extra {
  padding-left:38px;
}

.tree_part3 {
  width:985px;
  margin:auto;
}

.tree4_main {
  width:25%;
  float:left;
  text-align:center;
  padding-left:25px;

}


.fcpimg3 {
  display:block;
}


.mastcontent a {
    font-size:14px;
}


.pro_whatsapp {
  width: 277px;
}

.pro_img img {
  width: 196px;
  height: 207px;
}

.con_img {
  width:596px;
}

.pro_table {
  width: 569px;

}


  .admin-date {
    width: 35%;
    float: left;
    margin-top: 7px;
  }
  .admin-date span {
    color: #000;
    font-size: 18px;
    font-family: roboto;
  }
  .fcpbox2 {
    height: auto;
    margin: 11px 5x 0 5px;
    padding: 5px;
    width: 30%;
  }
  .fcpbox2 a {
    font-size: 16px;
  }
  .letterpad {
    background: rgba(0,0,0,0) url("../images/letterpad/lp2.jpg") repeat scroll 0 0;
    border: 1px solid #a9a9a9;
    border-radius: 10px;
    box-shadow: 0 0 15px #a9a9a9 inset;
    height: auto;
    margin: auto;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 83%;
  }
  .letterpad h2 {
    color: green;
    font-family: roboto;
    font-size: 25px;
  }
  .rewlistgrid {
    width: 50%;
  }
  .rewlistmain {
    width: 85%;
  }
  .rewistno span {
    font-size: 17px;
    padding: 7px;
  }
  .rewlistimg {
    width: 80%;
  }
  .rewlistimg img {
    width: 94%;
  }
  .rewlisthead {
    font-size: 22px;
  }
  .rewlisthead span {
    font-size: 19px;
    font-weight: 600;
  }
  .rewlistreq {
    font-size: 14px;
  }
  .rewlistnxt {
    font-size: 14px;
  }
  .downtable {
    font-size: 18px;
  }
  .downicon {
    height: 25px;
    width: 25px;
  }
  .downarrow {
    height: 40px;
  }
  .downgrid {
    width: 50%;
  }
  .downgrid2 {
    width: 50%;
  }
  .downleft {
    width: 95%;
  }
  .downright {
    width: 95%;
  }
  .downbot {
    font-size: 20px;
    width: 95%;
  }
  .downbot2 {
    font-size: 20px;
    width: 95%;
  }
  .downview h1 {
    font-size: 22px;
  }
  .srcbykitselect {
    width: 100%;
  }
  .srckitbtns {
    float: left;
    margin-top: 0;
    width: 50%;
  }
  .searchkit {
    height: 120px;
    width: 50%;
  }
  .searchkit img {
    height: 74px;
    width: 84px;
  }
  .kitprice {
    width: 50%;
  }
  .searchkit h3 {
    font-size: 22px;
  }
  .searchkit select {
    margin: 5px;
    width: 50%;
  }
  .searchkit a {
    font-size: 15px;
    margin-left: 90px;
  }
  .kitptice {
    width: 50%;
  }
  .kitptice {
    float: left;
    width: 50%;
  }
  .kitptice h2 {
    font-size: 15px;
    margin-left: 0;
    padding: 10px;
  }
  .kitptice img {
    margin-top: 30px;
  }
  .kitpricep {
    font-size: 18px;
    padding: 25px;
  }
  .meetingmain {
    border: 1px solid #ddd;
    border-radius: 20px;
    float: left;
    margin-bottom: 35px;
    padding: 8px;
    width: 100%;
  }
  .meetinghead {
    background: rgba(0,0,0,0) url("../images/meetinghead.jpg") no-repeat scroll 0 0;
    border-radius: 10px;
    float: left;
    height: 58px;
    width: 100%;
  }
  .meetingno {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 23px;
    font-weight: 700;
    padding: 8px;
    width: 5%;
  }
  .meetingname {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: 400;
    padding: 8px;
    width: 92%;
  }
  .meetingrid {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e74c3c;
    border-radius: 15px;
    float: left;
    margin-right: 19px;
    padding: 10px;
    width: 48%;
  }
  .meetingrid2 {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #3498db;
    border-radius: 15px;
    float: left;
    padding: 10px;
    width: 48%;
  }
  .meetingmain h4 {
    border-bottom: 1px solid #ddd;
    color: #f10303;
    float: left;
    font-family: roboto;
    font-size: 22px;
    padding-bottom: 10px;
    width: 100%;
  }
  .meetingmain p {
    border-bottom: 1px solid #ddd;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
    padding-bottom: 10px;
    text-align: justify;
    width: 100%;
  }
  .maketype {
    border: 1px solid #ddd;
    border-radius: 15px;
    float: left;
    margin-right: 35px;
    margin-top: 15px;
    padding: 10px;
    width: 45%;
  }
  .maketype img {
    height: auto;
    width: 100%;
  }
  .makepurchase {
    border: 1px solid #ddd;
    border-radius: 15px;
    float: left;
    margin-right: 0;
    margin-top: 15px;
    padding: 10px;
    width: 45%;
  }
  .makepurchase img {
    height: auto;
    width: 100%;
  }
  .recgrid1 {
    width: 50%;
  }
  .achgrid {
    width: 50%;
  }
  .achmain {
    width: 309px;
  }
  .achmain2 {
    width: 93%;
  }
  .achcity2 {
    font-size: 16px;
    width: 30%;
  }
  .cityname {
    width: 70%;
  }
  .franmain {
    margin-right: 20px;
    padding: 10px 0 0;
    width: 47%;
  }
  .frangrid2 {
    float: left;
    width: 100%;
  }
  .fran1 {
    float: left;
    width: 35%;
  }
  .fran2 {
    float: left;
    width: 65%;
  }
  .franchiseimg {
    float: left;
    width: 100%;
  }
  .franchiseimg img {
    float: left;
    margin-left: 110px;
    margin-top: 25px;
    width: 35%;
  }
  .rewardmain {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd;
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 1px 5px;
    float: left;
    padding: 0;
    width: 100%;
  }
  .rewardmain2 {
    float: left;
    width: 100%;
  }
  .rewardimg {
    float: left;
    width: 19%;
  }
  .rewardimg img {
    height: 110px;
    width: 80%;
  }
  .rewardtable {
    float: left;
    width: 55%;
  }
  .name2 {
    background: #f0f0f0 none repeat scroll 0 0;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 17px;
    padding: 5px 5px 5px 20px;
    width: 60%;
  }
  .rewgrid {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 210%;
    padding: 5px 5px 5px 10px;
    width: 40%;
  }
  .rewgrid2 {
    border-bottom: 1px solid #eee;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 210%;
    padding: 5px 5px 5px 0;
    width: 60%;
  }
  .rewardrew {
    float: left;
    width: 25%;
  }
  .rewardbox {
    background: #eee none repeat scroll 0 0;
    padding: 20px 20px 20px 55px;
  }
  .rewardbox img {
    border: 1px solid #ddd;
    border-radius: 10px;
    height: 136px;
    width: 100%;
  }
  .greyarrow {
    display: block;
  }
  .greyarrow2 {
    display: block;
  }
  .latestno {
    font-size: 25px;
    width: 55px;
  }
  .latesthead2 {
    font-size: 19px;
    width: 92%;
  }
  .latestimg img {
    height: 50%;
    width: 50%;
  }
  .ecomghead {
    font-size: 16px;
  }
  .ecoimg {
    height: 280px;
  }
  .ecomprice span {
    font-size: 22px;
  }
  .ecommdetailsgrid a {
    font-size: 16px;
  }
  iframe {
    margin: auto;
    width: 90%;
  }
  .formdate {
    width: 50%;
  }
  .formdate .input {
    margin: 0 0 20px;
    width: 70%;
  }
  .todate {
    width: 50%;
  }
  .todate .input {
    margin: 0 0 20px;
    width: 70%;
  }
  .bydate {
    width: 70%;
  }
  .edugrid {
    float: left;
    width: 50%;
  }
  .edubg {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: auto;
    overflow: hidden;
    padding: 2px;
    width: 80%;
  }
  .edubg .c2 {
    line-height: 200%;
  }
  .edugrid .c4 {
    font-size: 19px;
    line-height: 200%;
    margin: auto;
    width: 78%;
  }
  .course {
    background: #f45915 none repeat scroll 0 0;
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
    color: #fff;
    font-family: arial;
    font-size: 16px;
    padding: 10px;
  }
  .readm {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    float: right;
    margin: 15px;
    padding: 5px;
    width: 85px;
  }
  .edulink {
    color: #60f;
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;
  }
  .subadminicon {
    float: left;
    width: 20%;
  }
  .recmain1 {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #dedede;
    border-radius: 20px;
    float: none;
    margin: 10px auto auto;
    overflow: auto;
    width: 99%;
  }
  .recmain {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    float: left;
    padding: 10px;
    width: 100%;
  }
  .recview {
    border-right: 1px solid #ddd;
    float: left;
    margin-bottom: 0;
    padding-left: 10px;
    width: 25%;
  }
  .recimg {
    float: left;
    width: 30%;
  }
  .recimg img {
    border: 2px solid #bababa;
    border-radius: 10px;
    height: 80px;
    padding: 2px;
    width: 85%;
  }
  .recview2 {
    float: right;
    line-height: 200%;
    width: 70%;
  }
  .recview2 a {
    color: #000;
    font-family: arial;
    font-size: 17px;
    text-decoration: underline;
  }
  .reccat {
    color: #000;
    float: left;
    font-family: arial;
    font-size: 13px;
  }
  .recrs {
    color: #e1753b;
    float: left;
    font-family: verdana;
    font-size: 19px;
  }
  option {
    font-size: 14px;
  }
  .fcpbox {
    background: #DCDCDC none repeat scroll 0 0;
    width: 30%;
  }
  .fcphead {
    width: 40%;
  }
  .adsheader {
    display: block;
    overflow: hidden;
    padding: 5px;
  }
  .adshead {
    font-size: 16px;
    padding-top: 10px;
    width: 60%;
  }
  .adscate {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    color: #000;
    font-size: 16px;
    width: 40%;
  }
  .adsmain {
    border: 1px solid #ddd;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
  }
  .adsimg {
    width: 40%;
  }
  .adsimg img {
    height: 313px;
    width: 100%;
  }
  .adsmatter {
    width: 60%;
  }
  .adscall {
    color: #000;
    font-size: 10px;
    margin-bottom: 10px;
    padding: 5px;
    width: 35%;
  }
  .adsloca {
    color: #000;
    font-size: 10px;
    padding: 5px;
    width: 65%;
  }
  .adsbox {
    font-size: 10px;
    padding: 5px;
    width: 31%;
  }
  .adsuser {
    float: left;
    padding: 5px;
    width: 20%;
  }
  .adsposted {
    font-size: 12px;
    margin-top: 30px;
    padding: 5px;
    width: 40%;
  }
  .adstime {
    font-size: 12px;
    margin-top: 30px;
    padding: 5px;
    width: 40%;
  }
  .adsmail {
    font-size: 16px;
    line-height: 0;
  }
  .adslink {
    font-size: 15px;
    margin: 5px;
    width: 100%;
  }
  .addhead {
    font-size: 20px;
    width: 200px;
  }
  .classigrid1 {
    float: left;
    margin-right: 60px;
    width: 41%;
  }
  .classibg {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    height: 450px;
    margin: auto;
    overflow: hidden;
    position: relative;
    top: -119px;
    width: 100%;
  }
  .classiname {
    border-bottom: 1px solid #c7c7c7;
    border-top: 1px solid #c7c7c7;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 400;
    padding: 5px;
    text-align: center;
  }
  .classicate {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    padding: 5px;
  }
  .classigrid1 .c2 {
    line-height: 210%;
    padding: 6px;
  }
  .vdetails2 {
    background-image: url("../images/view.png");
    color: #fff;
    font-family: arial;
    font-size: 17px;
    font-weight: 200;
    height: 39px;
    left: 488px;
    padding: 12px 0 0 10px;
    position: relative;
    top: 530px;
    width: 144px;
  }
  .vdetails3 {
    background-image: url("../images/view.png");
    color: #fff;
    font-family: arial;
    font-size: 17px;
    font-weight: 200;
    height: 39px;
    padding: 12px 0 0 10px;
    position: absolute;
    right: 370px;
    top: 530px;
    width: 144px;
  }
  .topupid {
    width: 570px;
  }
  .topupid hr {
    margin: 0;
  }
  .topupid a.post {
    font-size: 14px;
    width: 75%;
  }
  .ordergrid {
    float: left;
    margin: 25px 27px 25px 4px;
    text-align: center;
    width: 31%;
  }
  .ordergrid img {
    height: 45px;
    margin: auto;
    width: auto;
  }
  .ordergrid1 {
    float: left;
    margin: 25px 0 25px 20px;
    text-align: left;
    width: 25%;
  }
  .ordergrid1 img {
    height: 45px;
    margin: auto;
    width: auto;
  }
  .ordergrid2 {
    float: left;
    margin: 25px 25px 25px 0;
    text-align: right;
    width: 31%;
  }
  .ordergrid2 img {
    height: 45px;
    margin: auto;
    width: auto;
  }
  .viewdetail {
    float: left;
    height: 418px;
    overflow: inherit;
    width: 35%;
  }
  .viewdetail img {
    border: 2px solid #e1753b;
    border-radius: 20px;
    height: 385px;
    margin: 16px 20px 20px 10px;
    padding: 6px;
    width: 95%;
  }
  .viewdesc {
    float: right;
    margin-right: 10px;
    overflow: hidden;
    width: 63%;
  }
  .viewdesc h1 {
    border-bottom: 2px solid #f60;
    color: #333;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 25px;
    padding-bottom: 10px;
  }
  .viewdesc h2 {
    color: #e1753b;
    display: inline-block;
    font: italic bold 30px Georgia;
    margin-bottom: 16px;
  }
  .proddesc {
    border: 1px solid #FF0000;
    padding: 12px;
    width: 99%;
  }
  .proddesc p {
    color: #000;
    line-height: 200%;
  }
  .h2pro {
    background: rgba(0,0,0,0) linear-gradient(to bottom,#f7601b 0,#ffa435 50%,#f7601b 100%) repeat scroll 0 0;
    border-radius: 10px 10px 0 0;
    color: #fff;
    display: inline-block;
    font: italic bold 19px Georgia;
    margin-left: 5px;
    padding: 10px;
    width: 21%;
  }
  .whiteheader {
    font-size: 15px;
    padding: 10px;
    width: 45%;
  }
  .masteradmin {
    border: 1px solid #333;
    float: left;
    padding: 17px;
    width: 42%;
  }
  .mastertext {
    color: #000;
    font-family: arial;
    font-size: 20px;
  }
  .masterbox1 {
    float: left;
    text-align: center;
    width: 20%;
  }
  .masterbox2 {
    float: left;
    text-align: center;
    width: 40%;
  }
  .masterchosee {
    float: left;
    width: 60%;
  }
  .mastermain {
    border-top: 1px solid #333;
    display: inline-block;
    margin: 15px 0;
    padding-top: 15px;
  }
  .masterpost {
    float: right;
    width: 40%;
  }
  .subadmin {
    border: 1px solid #333;
    float: right;
    padding: 10px;
    width: 57%;
  }
  .subadmin img {
    height: 60px;
    width: 60px;
  }
  .adicon1 img {
    height: 90px;
    width: 90px;
  }
  .mainwrap {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
    width: 100%;
  }
  .top1 {
    float: left;
    padding-top: 0;
    width: 20%;
  }
  .top1s {
    float: left;
    text-align: right;
    width: 20%;
  }
  .top1 img {
    border: 1px solid #f00;
    border-radius: 5px;
  }
  .top1 img {
    border: 1px solid #f00;
    border-radius: 5px;
  }
  .top1 p {
    color: #00c;
    font-size: 13px;
    text-decoration: underline;
  }
  .top1 span {
    font-size: 14px;
  }
  .top2 {
    float: left;
    margin-bottom: 18px;
    width: 40%;
  }
  .top2 h1 {
    font-size: 35px;
  }
  .top2 h2 {
    color: #000;
    font-size: 22px;
  }
  .top3 {
    float: left;
    width: 20%;
  }
  .top4 {
    float: left;
    width: 20%;
  }
  .iconwrapper {
    margin: auto;
    width: 95%;
  }
  .iconwrapper p {
    color: #03c;
    text-decoration: underline;
  }
  .adicon1 {
    float: left;
    width: 20%;
  }
  .invoice {
    border: 1px solid #000;
    border-radius: 10px;
    margin: auto;
    overflow: hidden;
    width: 90%;
  }
  .invoice p {
    font-size: 13px;
  }
  .invlogo {
    float: left;
    padding: 15px 0 0 15px;
    width: 15%;
  }
  .invlogo img {
    border: 1px solid #f00;
    border-radius: 10px;
  }
  .invcompany {
    float: left;
    width: 69%;
  }
  .invcompany h1 {
    color: #e1753b;
    font-family: tahoma;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
  }
  .invcompany p {
    font-size: 14px;
    text-align: center;
  }
  .tinno {
    float: right;
    width: 20%;
  }
  .tinno p {
    color: #000;
    font-size: 17px;
    padding: 10px 10px 0 0;
    text-align: right;
  }
  .invborder {
    border: 1px solid #f00;
    overflow: auto;
    width: 100%;
  }
  .invinner {
    border: 1px solid #000;
    margin: 10px;
    overflow: hidden;
    width: 98%;
  }
  .invbox1 {
    border-right: 1px solid #0b0b0b;
    float: left;
    height: 200px;
    padding: 10px;
    width: 29.5%;
  }
  .invbox2 {
    float: right;
    padding: 10px;
    text-align: center;
    width: 70%;
  }
  .invmiddle {
    border-top: 1px solid #000;
    overflow: hidden;
    width: 100%;
  }
  .invgrid1 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 10%;
  }
  .invgrid2 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 20%;
  }
  .invgrid3 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 10%;
  }
  .invgrid4 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 40%;
  }
  .invgrid5 {
    border-bottom: 1px solid #000;
    float: left;
    text-align: center;
    width: 20%;
  }
  .invgrid6 {
    float: left;
    text-align: center;
    width: 0;
  }
  .invgrid7 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    text-align: center;
    width: 66.6%;
  }
  .invgrid8 {
    border-bottom: 1px solid #000;
    float: right;
    text-align: center;
    width: 33.3%;
  }
  .invgrid9 {
    border-bottom: 1px solid #000;
    float: left;
    text-align: center;
    width: 20%;
  }
  .middlebox1 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    height: 116px;
    width: 40%;
  }
  .middlebox2 {
    float: right;
    line-height: 220%;
    width: 60%;
  }
  .middletext {
    line-height: 230%;
    margin: auto;
    width: 97%;
  }
  .terms {
    float: left;
    width: 70%;
  }
  .terms2 {
    float: right;
    width: 30%;
  }
  .terms2 h1 {
    color: #ed0808;
    float: right;
    font-family: tahoma;
    font-size: 20px;
    font-weight: 700;
    margin-right: 0;
    text-align: right;
    width: 100%;
  }
  .blackbig {
    font-size: 12px;
  }
  .c2 {
    font-size: 14px;
  }
  .c3 {
    font-size: 18px;
  }
  .newstext {
    font-size: 14px;
  }
  .c4 {
    font-size: 19px;
  }
  .c5 {
    font-size: 19px;
    width: 110px;
  }
  .c5s {
    width: 30%;
  }
  .c6 {
    font-size: 14px;
  }
  .c9 {
    font-size: 13px;
  }
  .tblack {
    font-size: 13px;
  }
  .c10 {
    font-size: 12px;
  }
  .c7 {
    font-size: 16px;
  }
  .c7admin {
    font-size: 26px;
  }
  .c8 {
    font-size: 14px;
  }
  .blueclr {
    font-size: 13px;
  }
  .edit {
    font-size: 13px;
  }
  .update {
    font-size: 14px;
  }
  .edit {
    font-size: 12px;
  }
  a.edit {
    font-size: 14px;
  }
  .star {
    color: #f00;
    font-size: 14px;
  }
  #header {
    padding-left: 0;
    text-align: center;
  }
  #header2 {
    padding-left: 5px;
    text-align: left;
  }
  .roundbox {
    width: 99%;
  }
  #trboxes {
    display: none;
  }
  #trflash {
    display: block;
  }
  #trlinks {
    display: block;
  }
  #trmarquee {
    display: block;
  }
  #trads {
    display: block;
  }
  #trnews {
    display: block;
  }
  #trpayout {
    display: block;
  }
  #trphoto {
    display: block;
  }
  .trhide {
    display: block;
  }
  .trhidesmall {
    display: none;
  }
  .printhide {
    display: none;
  }
  .automarquee {
    max-width: 595px;
    width: 595px;
  }
  .automarqueefullwidth {
    max-width: 740px;
    width: 740px;
  }
  .btn-res {
    float: left;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
  .lside {
    color: Red;
    font-weight: 700;
    width: 20%;
  }
  .rside {
    width: 80%;
  }
  .blackhead {
    font-size: 26px;
  }
  .welcometext {
    height: 260px;
    overflow: scroll;
    width: 510px;
  }
}
@media screen and (min-width: 992px) {
  .fcpbox {
    background: #DCDCDC none repeat scroll 0 0;
    width: 22%;
  }
  .fcphead {
    width: 30%;
  }
  .adshead {
    font-size: 20px;
    padding-top: 5px;
  }
  .adscall {
    font-size: 17px;
  }
  .adsloca {
    font-size: 17px;
  }
  .adsbox {
    font-size: 14px;
  }
  .adsposted {
    font-size: 15px;
  }
  .adstime {
    font-size: 15px;
  }
  .arrow1 {
    font-size: 14px;
    margin: auto;
    text-align: center;
    width: 429px;
  }
  .arrowblue {
    text-decoration: underline;
  }
  .arrow1 span {
    color: #000;
  }
  .arrow1 .arr {
    margin-top: 5px;
  }
  .arrow2 {
    font-size: 14px;
    height: 32px;
    margin: auto;
    padding-left: 42px;
    text-align: center;
    width: 624px;
  }
  .arrow2 .arimg1 {
    float: left;
  }
  .arrow2 .arimg2 {
    float: right;
  }
  .arrow3 {
    display: block;
    font-size: 14px;
  }
  .arrow4 {
    display: block;
    font-size: 14px;
  }
  .arrow5 {
    display: block;
    font-size: 14px;
  }
  .arrow6 {
    display: block;
    font-size: 14px;
  }
  .invlogo {
    float: left;
    margin-bottom: 10px;
    padding: 8px 0 0 15px;
    width: 11%;
  }
  .blackbig {
    font-size: 17px;
  }
  .c2 {
    font-size: 14px;
  }
  .c3 {
    font-size: 18px;
  }
  .newstext {
    font-size: 14px;
  }
  .c4 {
    font-size: 18px;
  }
  .c5 {
    font-size: 14px;
    width: 110px;
  }
  .c5s {
    width: 30%;
  }
  .c6 {
    font-size: 14px;
  }
  .c9 {
    font-size: 13px;
  }
  .tblack {
    font-size: 13px;
  }
  .c10 {
    font-size: 12px;
  }
  .c7 {
    font-size: 16px;
  }
  .c7admin {
    font-size: 26px;
  }
  .c8 {
    font-size: 14px;
  }
  .blueclr {
    font-size: 14px;
  }
  .edit {
    font-size: 13px;
  }
  .update {
    font-size: 14px;
  }
  .edit {
    font-size: 12px;
  }
  a.edit {
    font-size: 14px;
  }
  .star {
    color: #f00;
    font-size: 14px;
  }
  #header {
    padding-left: 0;
    text-align: center;
  }
  #header2 {
    padding-left: 5px;
    text-align: left;
  }
  .roundbox {
    width: 970px;
  }
  #trboxes {
    display: block;
  }
  #trflash {
    display: block;
  }
  #trlinks {
    display: block;
  }
  #trmarquee {
    display: block;
  }
  #trads {
    display: block;
  }
  #trnews {
    display: block;
  }
  #trpayout {
    display: block;
  }
  #trphoto {
    display: block;
  }
  .trhide {
    display: block;
  }
  .trhidesmall {
    display: block;
  }
  .printhide {
    display: none;
  }
  .autowidth {
    margin: 0 auto;
    width: 100%;
  }
  .automarquee {
    max-width: 810px;
    width: 810px;
  }
  .automarqueefullwidth {
    max-width: 970px;
    width: 970px;
  }
  .btn-res {
    float: left;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
  .lside {
    color: Red;
    font-weight: 700;
    width: 17%;
  }
  .rside {
    width: 83%;
  }
  .blackhead {
    font-size: 28px;
  }
  .welcometext {
    height: 300px;
    overflow: auto;
    width: 680px;
  }
  .classigrid1 {
    float: left;
    width: 33.3%;
  }
  .classibg {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    height: 450px;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: -119px;
    width: 305px;
  }
  .classiname {
    border-bottom: 1px solid #c7c7c7;
    border-top: 1px solid #c7c7c7;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 400;
    padding: 5px;
    text-align: center;
  }
  .classicate {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    padding: 5px;
  }
  .classigrid1 .c2 {
    line-height: 210%;
    padding: 6px;
  }
  .vdetails2 {
    background-image: url("../images/view.png");
    color: #fff;
    font-family: arial;
    font-size: 17px;
    font-weight: 200;
    height: 39px;
    left: 488px;
    padding: 12px 0 0 10px;
    position: relative;
    top: 530px;
    width: 144px;
  }
  .vdetails3 {
    background-image: url("../images/view.png");
    color: #fff;
    font-family: arial;
    font-size: 17px;
    font-weight: 200;
    height: 39px;
    padding: 12px 0 0 10px;
    position: absolute;
    right: 370px;
    top: 530px;
    width: 144px;
  }
}
@media screen and (min-width: 1024px) {

.bank_bg {
  width:940px;
  float:left;
  padding:10px;
}

  
  .fcpbox2 {
    height: auto;
    margin: 11px 5x 0 5px;
    padding: 5px;
    width: 22%;
  }
  .fcpbox2 a {
    font-size: 16px;
  }
  .rewlistgrid {
    border-bottom: 1px solid #E60606;
    color: #000;
    float: left;
    padding-bottom: 35px;
    width: 33.3%;
  }
  .rewlistmain {
    border: 1px solid #D00000;
    border-radius: 10px;
    margin: 30px auto auto;
    overflow: hidden;
    width: 300px;
  }
  .rewistno {
    float: left;
    margin-top: 12px;
    width: 20%;
  }
  .rewistno span {
    background: #c30505 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin: 10px;
    padding: 7px;
  }
  .rewlistimg {
    float: left;
    margin-top: 8px;
    width: 80%;
  }
  .rewlistimg img {
    border: 2px solid #ed6522;
    border-radius: 8px;
    height: 149px;
    margin-bottom: 10px;
    width: 206px;
  }
  .rewlisthead {
    background: #ee6d2e none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    width: 100%;
  }
  .rewlisthead span {
    color: #fff;
    float: left;
    font-size: 17px;
    font-weight: 400;
    line-height: 200%;
    text-align: center;
    width: 100%;
  }
  .rewlistreq {
    background: rgba(0,0,0,0) url("../images/rewlistarw.jpg") no-repeat scroll 0 0;
    border-bottom: 1px solid #b9b9b9;
    float: left;
    font-size: 17px;
    height: 45px;
    padding: 10px;
    width: 50%;
  }
  .rewlistnxt {
    border-bottom: 1px solid #ddd;
    float: left;
    font-size: 17px;
    line-height: 200%;
    text-align: center;
    width: 100%;
  }
  .downtable {
    color: #fff;
    font-family: roboto;
    font-size: 18px;
    margin: 15px auto auto;
    width: 99%;
  }
  .downicon {
    height: 28px;
    width: 28px;
  }
  .downarrow {
    height: 42px;
    width: 16px;
  }
  .downimg {
    border: 3px solid #fff;
    border-radius: 7px;
    height: 72px;
    width: 72px;
  }
  .downgrid {
    float: left;
    width: 50%;
  }
  .downgrid2 {
    float: right;
    width: 50%;
  }
  .downleft {
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #e84c3d;
    border-radius: 20px 0 0;
    margin-left: 20px;
    margin-top: 20px;
    padding: 15px;
    width: 70%;
  }
  .downright {
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #ee9203;
    border-radius: 20px 0 0;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    padding: 15px;
    width: 70%;
  }
  .downmain {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    padding: 10px;
  }
  .downbot {
    background: #e84c3d none repeat scroll 0 0;
    border-radius: 0 0 20px;
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 18px;
    margin-left: 20px;
    padding: 5px;
    width: 70%;
  }
  .downbot2 {
    background: #e84c3d none repeat scroll 0 0;
    border-radius: 0 0 20px;
    color: #fff;
    float: right;
    font-family: roboto;
    font-size: 18px;
    margin-right: 20px;
    padding: 5px;
    width: 70%;
  }
  .downview {
    border: 1px solid #ddd;
    border-radius: 15px;
    color: #fff;
    float: left;
    font-family: roboto;
    margin-top: 20px;
    text-align: center;
    width: 100%;
  }
  .downview h1 {
    background: #fe8c00;
    background: -webkit-linear-gradient(to left,#fe8c00,#f83600);
    background: linear-gradient(to left,#fe8c00,#f83600);
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 19px;
    margin: 10px;
    padding: 10px;
  }
  .downkit {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    margin-top: 15px;
    padding: 5px;
    width: 100%;
  }
  .srcbykitselect {
    float: left;
    position: relative;
    width: 40%;
  }
  .srckitbtns {
    float: right;
    margin-top: 30px;
    position: relative;
    width: 0;
  }
  .searchkit {
    border-right: 1px solid #ddd;
    float: left;
    height: 85px;
    width: 60%;
  }
  .searchkit img {
    float: left;
    height: 84px;
    width: 94px;
  }
  .kitprice {
    float: left;
    width: 40%;
  }
  .searchkit h3 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: 400;
    padding: 10px;
    text-decoration: none;
  }
  .searchkit select {
    color: #000;
    margin: 25px;
    width: 40%;
  }
  .searchkit a {
    background: #e95b04 none repeat scroll 0 0;
    color: #fff;
    font-size: 17px;
    margin-left: 18px;
    padding: 8px 15px;
    text-decoration: none;
  }
  .kitptice {
    float: left;
    width: 40%;
  }
  .kitptice {
    float: left;
    width: 40%;
  }
  .kitptice h2 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: 400;
    margin-left: 15px;
    padding: 10px;
    text-decoration: none;
  }
  .kitptice img {
    float: left;
    margin-top: 30px;
    padding: 0;
  }
  .kitpricep {
    color: red;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: 400;
    padding: 25px;
    text-decoration: none;
  }
  .meetingmain {
    border: 1px solid #ddd;
    border-radius: 20px;
    float: left;
    margin-bottom: 35px;
    padding: 8px;
    width: 100%;
  }
  .meetinghead {
    background: rgba(0,0,0,0) url("../images/meetinghead.jpg") no-repeat scroll 0 0;
    border-radius: 10px;
    float: left;
    height: 58px;
    width: 100%;
  }
  .meetingno {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 23px;
    font-weight: 700;
    padding: 8px;
    width: 5%;
  }
  .meetingname {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: 400;
    padding: 8px;
    width: 92%;
  }
  .meetingrid {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e74c3c;
    border-radius: 15px;
    float: left;
    margin-right: 28px;
    padding: 10px;
    width: 48%;
  }
  .meetingrid2 {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #3498db;
    border-radius: 15px;
    float: left;
    padding: 10px;
    width: 48%;
  }
  .meetingmain h4 {
    border-bottom: 1px solid #ddd;
    color: #f10303;
    float: left;
    font-family: roboto;
    font-size: 22px;
    padding-bottom: 10px;
    width: 100%;
  }
  .meetingmain p {
    border-bottom: 1px solid #ddd;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
    padding-bottom: 10px;
    text-align: justify;
    width: 100%;
  }
  .achgrid {
    width: 33.3%;
  }
  .achmain {
    width: 309px;
  }
  .achcity2 {
    font-size: 16px;
  }
  .cityname {
    font-size: 16px;
    width: 70%;
  }
  .rewardmain {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd;
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 1px 5px;
    float: left;
    padding: 0;
    width: 100%;
  }
  .rewardmain2 {
    float: left;
    width: 100%;
  }
  .rewardimg {
    float: left;
    width: 19%;
  }
  .rewardimg img {
    height: 135px;
    width: 70%;
  }
  .rewardtable {
    float: left;
    width: 55%;
  }
  .name2 {
    background: #f0f0f0 none repeat scroll 0 0;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 17px;
    padding: 5px 5px 5px 20px;
    width: 60%;
  }
  .rewgrid {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 210%;
    padding: 5px 5px 5px 10px;
    width: 40%;
  }
  .rewgrid2 {
    border-bottom: 1px solid #eee;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 210%;
    padding: 5px 5px 5px 0;
    width: 60%;
  }
  .rewardrew {
    float: left;
    width: 25%;
  }
  .rewardbox {
    background: #eee none repeat scroll 0 0;
    padding: 20px 20px 20px 55px;
  }
  .rewardbox img {
    border: 1px solid #ddd;
    border-radius: 10px;
    height: 136px;
    width: 100%;
  }
  .greyarrow {
    display: block;
  }
  .greyarrow2 {
    display: block;
  }
  .ecomgrid {
    margin: 2% 3% 0 1%;
    width: 46%;
  }
  .ecomghead {
    font-size: 24px;
  }
  .ecoimg {
    border-radius: 5px;
    height: 290px;
    width: 70%;
  }
  .ecomprice {
    top: -13px;
    width: 62%;
  }
  .ecomprice span {
    font-size: 24px;
  }
  .ecommdetailsgrid a {
    font-size: 20px;
  }
  .ecommdetailsgrid2 img {
    top: -29px;
  }
  iframe {
    margin: auto;
    width: 70%;
  }
  .edugrid {
    width: 33%;
  }
  .edubg {
    width: 80%;
  }
  .adsbox {
    font-size: 14px;
  }
  .formdate {
    width: 40%;
  }
  .formdate .input {
    margin: 0 0 20px;
    width: 60%;
  }
  .todate {
    width: 40%;
  }
  .todate .input {
    margin: 0 0 20px;
    width: 70%;
  }
  .bydate {
    width: 20%;
  }
  .bydate a.postmedium {
    margin: 0;
  }
}
@media screen and (min-width: 1100px) {

.gogle_map {
  display:block;
}

.bank_bg {
  width:1070px;
  float:left;
  padding:20px;

}


.frnimg {
  display:block;
}

.frn_login {
  width: 100%;
  float: left;
}
.frnmain {
  width: 40%;
  margin: auto;
}
.know {
  font-size: 35px;
  float: left;
}
.know h3 {
  font-size: 25px;
  text-decoration: none;
  color: #000;
  float: left;
}
.know img {
  font-size: 35px;
  float: left;
  display:block;
}
.frnbg {
  background: #FF4E50;
  background: -webkit-linear-gradient(to left,#FF4E50,#F9D423);
  background: linear-gradient(to left,#FF4E50,#F9D423);
  padding: 10px;
  box-shadow: 0 0 7px #000;
  border-radius: 10px;
  margin-top: 30px;
  float: left;
}
.frnhead {
  float: left;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  color: #000;
  margin-bottom: 25px;
  padding: 6px;
  border-radius: 8px 0 8px 0;
  background: #ECE9E6;
  background: -webkit-linear-gradient(to left,#ECE9E6,#FFF);
  background: linear-gradient(to left,#ECE9E6,#FFF);
  width: 100%;
}
.frninput {
  width: 100%;
  float: left;
  margin-bottom: 25px;
  text-align: center;
}
.frninput .input {
  width: 80%;
  float: left;
  height: 40px;
  margin-bottom: 0;
}
.frninput img {
  margin: 5px;
  float: left;
}
.frn_user {
  width: 10%;
  float: left;
}
.frn_user img {
  float: left;
}
.frn_user input {
  float: left;
}

.pro_img {
  width: 218px;
  float: left;
}


  .fcpbox2 {
    background: #DCDCDC none repeat scroll 0 0;
    border-radius: 15px;
    float: left;
    height: auto;
    margin: 11px 5px 0 30px;
    padding: 12px;
    text-align: center;
    width: 20.8%;
    border: solid 1px #fff;
    margin-bottom: 10px;
  }
  .adsrcbox .input {
    border-radius: 5px;
    margin-top: 0;
  }
  .addate {
    width: 100%;
    float: left;
    margin-top: 0;
  }
  .mypropic img {
    width: 100%;
    border-radius: 7px;
    border: solid 1px #ddd;
  }
  .fpbg {
    border-radius: 20px;
    height: 408px;
    margin: auto;
    width: 1078px;
  }
  .fpbg2 {
    border-radius: 20px;
    height: auto;
    margin: auto;
    width: 1078px;
  }
  .fpmain {
    color: #000;
    border-radius: 9px;
    border: solid 1px #999;
    box-shadow: 0 0 10px #999;
    padding: 15px;
    overflow: hidden;
    font-family: roboto;
    margin: auto;
    padding-top: 22px;
    width: 625px;
  }
  .fptxt {
    font-size: 30px;
    margin: 0;
  }
  .fpicon {
    float: left;
    width: 32%;
    padding-top: 15px;
    text-align: left;
  }
  .fpinput {
    float: left;
    margin-top: 7px;
    width: 58%;
  }
  .fpinput .input {
    border: 1px solid #6F6F6F;
    float: left;
    font-family: arial;
    font-size: 16px;
    font-weight: 400;
    height: 42px;
    letter-spacing: 1px;
  }
  .fpinput2 {
    float: left;
    margin-top: 7px;
    width: 68%;
  }
  .fpinput2 .input2 {
    border: 1px solid #c8c8c8;
    float: left;
    font-family: arial;
    font-size: 16px;
    font-weight: 400;
    height: 42px;
    letter-spacing: 1px;
    margin-right: 32px;
    padding-left: 10px;
    width: 88px;
  }
  .fbiconsmain {
    float: left;
    margin-top: 25px;
    width: 100%;
  }
  .fpbtn {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
  }
  .fpbtn a {
    background: #cc1d1d none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    text-decoration: none;
  }
  .fpbtn a:hover {
    background: #f65823 none repeat scroll 0 0;
  }
  .fbor {
    background: #e43c03 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-family: roboto;
    font-size: 35px;
    height: 72px;
    margin: auto;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 15px;
    width: 72px;
  }
  .admhome {
    margin: auto;
    text-align: center;
    width: 70%;
  }
  .admhome img {
    border-radius: 7px;
  }
  .admhome span {
    color: #000;
    line-height: 200%;
    text-align: center;
  }
  .adcompany {
    color: #000;
    float: left;
    text-align: center;
    width: 100%;
  }
  .adcompany h2 {
    color: #de0305;
    font-family: roboto;
    font-size: 34px;
    font-weight: 500;
  }
  .adcompany h4 {
    font-family: roboto;
    font-size: 22px;
  }
  .adimg {
    float: left;
    padding: 15px;
    width: 100%;
  }
  .admsrc {
    color: #000;
    color: #fff;
    text-shadow: 0 1px 0 #999, 0px 2px 0 #888, 0px 3px 0 #777, 0px 4px 0 #666, 0px 5px 0 #555, 0px 6px 0 #333, 0px 7px 0 #333, 0px 8px 7px #333;
    font: 80px 'ChunkFiveRegular';
    float: left;
    font-size: 20px;
    font-weight: 600;
    padding: 6px;
    width: 100%;
  }
  .adsrcbox {
    float: left;
    width: 100%;
  }
  .adsrcbox {
    float: left;
    width: 100%;
  }
  .addate {
    color: #000;
    float: left;
    width: 100%;
  }
  .addate span {
    color: #fff;
    text-shadow: 0 1px 0 #999, 0px 2px 0 #888, 0px 3px 0 #777, 0px 4px 0 #666, 0px 5px 0 #333, 0px 6px 0 #333, 0px 7px 0 #333, 0px 8px 7px #333;
    float: left;
    font-size: 20px;
    font-family: roboto;
    top: -6px;
    position: relative;
    margin-right: 15px;
  }
  .addate p {
    float: left;
    font-size: 17px;
  }
  .addate {
    color: #000;
    float: left;
    margin-top: 9px;
    width: 100%;
  }
  .adminbarnew {
    float: left;
    padding: 6px;
    width: 100%;
  }
  .adminbarnew .input {
    border-radius: 3px;
    height: 40px;
    margin-top: 2px;
    width: 90%;
  }
  .adminbarnew img {
    margin-left: 2px;
  }
  .matrixleft {
    background: rgba(0,0,0,0) url("../images/matrix-left.jpg") repeat scroll 0 0;
    height: 145px;
    margin-bottom: 20px;
    margin-left: 10px;
    width: 346px;
  }
  .matrixleft .c1 {
    font-size: 24px;
    height: 60px;
  }
  .matrixright {
    background: rgba(0,0,0,0) url("../images/matrix-right.jpg") repeat scroll 0 0;
    float: right;
    height: 145px;
    margin-right: 10px;
    width: 346px;
  }
  .matrixright .c1a {
    font-size: 24px;
  }
  .matrixmember {
    float: left;
    width: 100%;
  }
  .matrixuser {
    background: #dadada none repeat scroll 0 0;
    border-radius: 10px;
    margin: 10px auto auto;
    padding: 4px;
    width: 105px;
  }
  .matrixuser3 {
    background: #dadada none repeat scroll 0 0;
    border-radius: 10px;
    display: block;
    margin: 10px auto auto;
    padding: 4px;
    width: 105px;
  }
  .matrixuser2 {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #b1b1b1;
    border-radius: 10px;
    width: 100%;
  }
  .matriximg {
    border-bottom: 1px solid #b1b1b1;
    padding: 7px 0;
    text-align: center;
  }
  .matriximg img {
    border-radius: 5px;
  }
  .matrixtxt {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 8px 8px;
    padding-bottom: 3px;
    text-align: center;
  }
  .matrixtxt a {
    color: #000;
    font-family: roboto;
    font-size: 15px;
  }
  .matrixarw1 {
    margin: 3px auto auto;
    width: 748px;
  }
  .matrixarw1 img {
    height: auto;
    width: 748px;
  }
  .matrixarow4 {
    margin: 3px auto auto;
    width: 930px;
  }
  .matrixarow4 img {
    height: auto;
    width: 930px;
  }
  .matrixarow5 {
    margin: 3px auto auto;
    width: 988px;
  }
  .matrixarow5 img {
    height: auto;
    width: 988px;
  }
  .sunflowerarw {
    margin: 3px auto auto;
    width: 28px;
  }
  .sunflowerarw img {
    height: auto;
    width: 28px;
  }
  .sungrid {
    float: left;
    width: 14.2%;
  }
  .matrixarw2 {
    float: left;
    width: 33.3%;
  }
  .matrixarw2s {
    float: left;
    width: 33.3%;
  }
  .matrixarw4 {
    float: left;
    width: 25%;
  }
  .matrixarw5 {
    float: left;
    width: 20%;
  }
  .meetingmain {
    border: 1px solid #ddd;
    border-radius: 20px;
    float: left;
    margin-bottom: 35px;
    padding: 8px;
    width: 100%;
  }
  .meetinghead {
    background: rgba(0,0,0,0) url("../images/meetinghead.jpg") no-repeat scroll 0 0;
    border-radius: 10px;
    float: left;
    height: 58px;
    width: 100%;
  }
  .meetingno {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 23px;
    font-weight: 700;
    padding: 8px;
    width: 5%;
  }
  .meetingname {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: 400;
    padding: 8px;
    width: 92%;
  }
  .meetingrid {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e74c3c;
    border-radius: 15px;
    float: left;
    margin-right: 38px;
    padding: 10px;
    width: 48%;
  }
  .meetingrid2 {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #3498db;
    border-radius: 15px;
    float: left;
    padding: 10px;
    width: 48%;
  }
  .meetingmain h4 {
    border-bottom: 1px solid #ddd;
    color: #f10303;
    float: left;
    font-family: roboto;
    font-size: 22px;
    padding-bottom: 10px;
    width: 100%;
  }
  .meetingmain p {
    border-bottom: 1px solid #ddd;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
    padding-bottom: 10px;
    text-align: justify;
    width: 100%;
  }
  .receiptgrid {
    border: 1px solid #ddd;
    border-radius: 15px;
    float: left;
    margin-top: 10px;
    padding: 25px;
    width: 100%;
  }
  .rechead {
    border-bottom: 1px solid #ddd;
    float: left;
    padding-bottom: 15px;
    width: 100%;
  }
  .reclogo {
    float: left;
    width: 7%;
  }
  .reclogo img {
    border-radius: 8px;
  }
  .recname {
    color: #36f;
    float: left;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    width: 85%;
  }
  .recname img {
    height: 65px;
    width: 300px;
  }
  .recgrid1 {
    float: left;
    width: 50%;
  }
  .achgrid {
    float: left;
    font-family: roboto;
    margin-bottom: 25px;
    margin-top: 25px;
    width: 33.3%;
  }
  .achmain {
    float: none;
    margin: auto;
    text-align: center;
    width: 309px;
  }
  .achmain2 {
    background: #ececec none repeat scroll 0 0;
    border-radius: 0 0 10px 10px;
    margin: auto auto 25px;
    overflow: auto;
    width: 93%;
  }
  .achcity {
    background: #ececec none repeat scroll 0 0;
    border-top: 1px solid #c8c8c8;
    float: left;
    margin-top: 10px;
    padding-top: 0;
    width: 100%;
  }
  .achcity2 {
    background: #e8e8e8 none repeat scroll 0 0;
    color: #000;
    float: left;
    font-size: 16px;
    padding: 10px;
    width: 30%;
  }
  .cityname {
    background: #ddd none repeat scroll 0 0;
    color: #000;
    float: left;
    font-size: 16px;
    padding: 10px;
    width: 70%;
  }
  .franmain {
    border: 1px solid #ddd;
    border-radius: 15px;
    float: left;
    margin-bottom: 25px;
    padding: 10px 0 0;
    width: 100%;
  }
  .frangrid2 {
    float: left;
    width: 50%;
  }
  .fran1 {
    float: left;
    width: 24%;
  }
  .fran2 {
    float: left;
    margin-left: 25px;
    text-align: left;
    width: 70%;
  }
  .franchiseimg {
    float: left;
    width: 100%;
  }
  .franchiseimg img {
    border-radius: 15px;
    float: left;
    margin-left: 155px;
    margin-top: 25px;
    width: 25%;
  }
  .rewardmain {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd;
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 1px 5px;
    float: left;
    margin-bottom: 20px;
    padding: 7px;
    width: 100%;
  }
  .rewardmain2 {
    float: left;
    width: 100%;
  }
  .rewardimg {
    float: left;
    width: 19%;
  }
  .rewardimg img {
    border-radius: 15px;
    height: 181px;
    margin: -9px 0 0;
    width: 187px;
    border:solid 1px red;
  }
  .rewardtable {
    float: left;
    width: 55%;
  }
  .name2 {
    background: #f0f0f0 none repeat scroll 0 0;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 5px 5px 20px;
    text-align: left;
    width: 60%;
  }
  .rewgrid {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: bold;
    line-height: 210%;
    padding: 5px 5px 5px 20px;
    text-align: left;
    width: 30%;
  }
  .rewgrid2 {
    border-bottom: 1px solid #eee;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: bold;
    line-height: 210%;
    padding: 5px 5px 5px 20px;
    text-align: left;
    width: 60%;
  }
  .rewardrew {
    float: left;
    width: 25%;
  }
  .rewardbox {
    background: #eee none repeat scroll 0 0;
    padding: 20px 20px 20px 55px;
  }
  .rewardbox img {
    border: 1px solid #ddd;
    border-radius: 10px;
    height: 136px;
    width: 195px;
  }
  .greyarrow {
    display: block;
  }
  .greyarrow2 {
    display: block;
  }
  .dot {
    display: inline-block;
  }
  .latestnews {
    float: left;
    margin-left: 25px;
    margin-top: 15px;
    width: 100%;
  }
  .latesthead {
    float: left;
    width: 100%;
  }
  .latestno {
    background: rgba(0,0,0,0) url("../images/tolltip.jpg") no-repeat scroll 0 0;
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 25px;
    height: 50px;
    padding: 8px;
    width: 56px;
  }
  .latesthead2 {
    background: #e74c3c none repeat scroll 0 0;
    text-shadow: 0 3px 5px #000;
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 21px;
    height: 50px;
    padding: 8px;
    width: 90%;
  }
  .latestmain {
    border: 1px solid #e74c3c;
    float: left;
    padding: 10px;
    width: 95%;
  }
  .latestimg {
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
  }
  .latestimg img {
    border-radius: 20px;
    width: 400px;
    height: 250px;
  }
  .latestmain span {
    color: #000;
    float: left;
    font-family: roboto;
    line-height: 200%;
    margin-top: 15px;
    width: 100%;
  }
  .latestpost {
    border-bottom: 3px solid #e74c3c;
    color: #e74c3c;
    float: left;
    padding-bottom: 5px;
    text-align: right;
    width: 100%;
  }
  .ecomgrid {
    float: left;
    margin: 2% 5% 0;
    text-align: center;
    width: 40%;
  }
  .ecommain {
    float: left;
    margin: 0 auto;
    width: 100%;
  }
  .ecomghead {
    background: rgba(0,0,0,0) url("../images/ecom-head.png") no-repeat scroll 0 0;
    color: #fff;
    font-family: roboto;
    font-size: 28px;
    margin: 0 auto;
    padding: 7px 0 17px;
    position: relative;
    top: -12px;
    width: 405px;
  }
  .ecommain {
    border: 1px solid #DB0902;
    border-radius: 15px;
  }
  .ecommain2 {
    margin: 0 auto;
    width: 90%;
  }
  .ecoimg {
    border: 1px solid #c3c3c3;
    border-radius: 15px;
    height: 400px;
    width: 389px;
  }
  .ecomprice {
    background: rgba(0,0,0,0) url("../images/ecom-price.png") repeat scroll 0 0;
    margin: auto;
    position: relative;
    top: -13px;
    width: 242px;
  }
  .ecomprice span {
    color: #fff;
    font-family: roboto;
    font-size: 28px;
    line-height: 160%;
  }
  .ecommdetails {
    background: rgba(0,0,0,0) linear-gradient(to bottom,#e60a03 0,#980400 100%) repeat scroll 0 0;
    border-radius: 0 0 15px 15px;
    float: left;
    height: 45px;
    width: 100%;
  }
  .ecommdetailsgrid {
    float: left;
    padding-top: 8px;
    text-align: right;
    width: 70%;
  }
  .ecommdetailsgrid a {
    color: #fff;
    font-family: roboto;
    font-size: 18px;
    text-decoration: none;
  }
  .ecommdetailsgrid2 {
    float: left;
    text-align: center;
    width: 30%;
  }
  .ecommdetailsgrid2 img {
    position: relative;
    top: -35px;
  }
  p.c5 {
    height: auto;
    margin: auto;
    overflow: auto;
    width: 95%;
  }
  .datemain {
    border: 1px solid #eee;
    border-radius: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0;
  }
  .formdate {
    float: left;
    margin-top: 17px;
    width: 40%;
  }
  .formdate span {
    margin-left: 8px;
  }
  .formdate .input {
    margin-left: 10px;
  }
  .todate {
    float: left;
    margin-left: 15px;
    margin-top: 17px;
    width: 35%;
  }
  .todate .input {
    margin-left: 10px;
  }
  .bydate {
    float: right;
    margin-top: 17px;
    width: 20%;
  }
  .bydate a.postmedium {
    margin: 0;
  }
  .ordergrid {
    float: left;
    margin: 25px 27px 25px 4px;
    text-align: center;
    width: 31%;
  }
  .ordergrid img {
    height: 45px;
    margin: auto;
    width: auto;
  }
  .ordergrid1 {
    float: left;
    margin: 25px 0 25px 20px;
    text-align: left;
    width: 30%;
  }
  .ordergrid1 img {
    height: 45px;
    margin: auto;
    width: auto;
  }
  .ordergrid2 {
    float: left;
    margin: 25px 25px 25px 0;
    text-align: right;
    width: 31%;
  }
  .ordergrid2 img {
    height: 45px;
    margin: auto;
    width: auto;
  }
  .fcphead {
    width: 100%;
  }
  .fcpbox {
     background: #DCDCDC none repeat scroll 0 0;
    border-radius: 15px;
    float: left;
    height: auto;
    margin: 11px 5px 0 33px;
    padding: 12px;
    text-align: center;
    width: 20.8%;
    border: solid 1px #fff;
    margin-bottom: 10px;
  }
  .adshead {
    font-size: 25px;
    text-align: left;
  }
  .adscate {
    font-size: 18px;
  }
  .adscall {
    font-size: 16px;
  }
  .adsloca {
    font-size: 16px;
  }
  .adsbox {
    border-radius: 4px;
    font-size: 14px;
    padding: 8px;
    text-decoration: underline;
    width: 32.3%;
  }
  .adsimg img {
    border-radius: 10px;
    height: 287px;
    width: 350px;
  }
  .adsuser {
    padding: 15px;
  }
  .adsposted {
    font-size: 14px;
    padding: 15px;
  }
  .adstime {
    font-size: 14px;
    margin-top: 30px;
    padding: 15px;
  }
  .adsmail {
    font-size: 16px;
  }
  .adslink {
    font-size: 19px;
    margin: 10px;
    width: 100%;
  }
  .addhead {
    font-size: 25px;
    margin-left: 10px;
    text-align: left;
    width: 200px;
  }
  .classigrid1 {
    float: left;
    margin: 0;
    width: 33%;
  }
  .classibg {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    height: 450px;
    margin: 0 0 0 30px;
    overflow: hidden;
    position: relative;
    top: -119px;
    width: 300px;
  }
  .classiname {
    border-bottom: 1px solid #c7c7c7;
    border-top: 1px solid #c7c7c7;
    color: #000;
    font-family: arial;
    font-size: 22px;
    font-weight: 400;
    padding: 5px;
    text-align: center;
  }
  .classicate {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    font-family: arial;
    font-size: 16px;
    padding: 5px;
  }
  .classigrid1 .c2 {
    line-height: 210%;
    padding: 6px;
  }
  .vdetails2 {
    background-image: url("../images/view.png");
    color: #fff;
    font-family: arial;
    font-size: 17px;
    font-weight: 200;
    height: 39px;
    left: 488px;
    padding: 12px 0 0 10px;
    position: relative;
    top: 530px;
    width: 144px;
  }
  .vdetails3 {
    background-image: url("../images/view.png");
    color: #fff;
    font-family: arial;
    font-size: 17px;
    font-weight: 200;
    height: 39px;
    padding: 12px 0 0 10px;
    position: absolute;
    right: 370px;
    top: 530px;
    width: 144px;
  }
  .whiteheader {
    border-radius: 10px;
    color: #000;
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    width: 40%;
  }
  .c2 {
    font-size: 14px;
  }
  .c3 {
    font-size: 22px;
    font-weight:600;
  }
  .newstext {
    font-size: 14px;
  }
  .c4 {font-size: 18px;font-weight: 500;font-family: calibri;letter-spacing: 2px;text-align: justify;color: #000000;}
  .c5 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    vertical-align: middle;
    width: 300px;
  }
  p.c5 {
    height: 120px;
    overflow: auto;
    width: 95%;
  }
  .c5s {
    width: 30%;
  }
  .c6 {
    font-size: 14px;
  }
  .c9 {
    font-size: 13px;
  }
  .tblack {
    font-size: 13px;
  }
  .c7 {
    font-size: 16px;
  }
  .c7admin {
    font-size: 28px;
  }
  .c8 {
    font-size: 20px;
  }
  .blueclr {
    font-size: 13px;
  }
  .update {
    font-size: 18px;
  }
  .star {
    color: #f00;
    font-size: 14px;
  }
  .edit {
    font-size: 10px;
  }
  a.edit {
    font-size: 15px;
  }
  #header {
    padding-left: 0;
    text-align: center;
  }
  #header2 {
    padding-left: 5px;
    text-align: left;
  }
  .roundbox {
    background-color: #fff;
    box-shadow: 0 20px 40px #000;
    border-radius: 17px;
    margin: 0 auto;
    width: 1100px;
  }
  #trboxes {
    display: block;
  }
  #trflash {
    display: block;
  }
  #trlinks {
    display: block;
  }
  #trmarquee {
    display: block;
  }
  #trads {
    display: block;
  }
  #trnews {
    display: block;
  }
  #trpayout {
    display: block;
  }
  #trphoto {
    display: block;
  }
  .trhide {
    display: block;
  }
  .trhidesmall {
    display: block;
  }
  .printhide {
    display: none;
  }
  .autowidth {
    margin: 0 auto;
    width: 1100px;
    
  }
  .automarquee {
    max-width: 100%;
    width: 100%;
  }

.automarquee img {
    border-radius:10px;
  }

  .automarqueefullwidth {
    max-width: 1080px;
    width: 1080px;
  }
  .btn-res {
    float: left;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
  .lside {
    color: Red;
    font-weight: 700;
    width: 18%;
  }
  .rside {
    width: 85%;
  }
  .blackhead {
    font-size: 28px;
  }
  .welcometext {
    height: 320px;
    overflow: auto;
    width: 700px;
  }
}