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 #ff0000;
    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: bold;
}
.newstext {
    color: #009900;
    font-family: arial;
    font-style: italic;
    font-weight: bold;
}
b {
    color: #333333;
}
.whitehead {
    color: #fff;
    font-family: tahoma;
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
}
.c2 {
    color: #000000;
    font-family: arial;
}
.c3 {
    color: #36f;
    font-family: times New Roman;
    font-style: italic;
    font-weight: bold;
}
.c4 {
    background: transparent none repeat scroll 0 0;
    color: #000000;
    font-family: Roboto,arial,sans-serif;
    font-weight: 900;
    letter-spacing: 2px;
    vertical-align: middle;
}
.c5 {
    color: #000000;
    height: 39px;
    padding-left: 3px;
}
.c5s {
    color: #000000;
    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: #ff0000;
    font-family: arial;
    font-weight: bold;
}
.c7admin {
    color: #ff0000;
    font-family: arial;
    font-weight: bold;
}
.c8 {
    color: #ffffff;
    font-family: Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman",serif;
    font-weight: bold;
    letter-spacing: 2px;
    vertical-align: middle;
}
.c9 {
    color: #33c;
    font-family: arial;
    font-weight: bold;
}
.c10 {
    color: #1023d2;
    font-family: arial;
    font-weight: bold;
}
.tblack {
    color: #000000;
    font-family: arial;
    font-weight: bold;
}
.blueclr {
    color: #3333cc;
    font-family: arial;
    font-weight: bold;
    vertical-align: middle;
}
.update {
    color: #6ec124;
    font-family: arial;
}
.roundbox {
    background-color: #ffffff;
    border-radius: 15px;
    margin: 0 auto;
    width: 1100px;
}
h3 {
    color: #3333cc;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: underline;
}
.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 #cc0000;
    border-radius: 5px;
    /* height: 45px; */
    width: 50px;
}
.compname {
    color: #f00;
    float: right;
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
    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: bold;
    line-height: 160%;
    width: 100%;
}
.idboxtext2 {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    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: bold;
    margin-top: 15px;
    width: 30%;
}
.ourwebsite2 {
    color: #30c;
    float: right;
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
    text-decoration: underline;
    width: 70%;
}
.invoice {
    border: 1px solid #000000;
    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 #ff0000;
    border-radius: 10px;
}
.invcompany {
    float: left;
    width: 50%;
}
.invcompany h1 {
    color: #000;
    font-family: tahoma;
    font-size: 35px;
    font-weight: bold;
    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 #ff0000;
    overflow: auto;
    width: 100%;
}
.invinner {
    border: 1px solid #000000;
    margin: 10px;
    overflow: hidden;
    width: 98%;
}
.invbox1 {
    border-right: 1px solid #000000;
    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: bold;
    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 #ff0000;
    border-radius: 5px;
}
.top1 img {
    border: 1px solid #ff0000;
    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: bold;
    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: bold;
    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: bold;
    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: #ffffff 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: #ffffff 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: bold;
}
.lside {
    color: Red;
    font-family: tahoma;
    font-size: 17px;
    font-weight: bold;
    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: bold;
}
.roundimg5 {
    border-radius: 5px;
    display: inline-block;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0px;
}
.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 0.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, #eeeeee 0%, #ffffff 50%, #eeeeee 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: bold;
    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: 0.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: #666666;
    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 #333333;
    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 #333333;
    display: inline-block;
    margin: 15px 0;
    padding-top: 1px;
}
.masterpost {
    float: right;
    width: 40%;
}
.subadmin {
    border: 1px solid #333333;
    float: right;
    height: 281px;
    padding: 10px;
    width: 57%;
}
.subred {
    color: Red;
    font-size: 14px;
    font-weight: bold;
}
.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 #ff6600;
    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 #cccccc;
    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 #ff0000;
    border-radius: 8px;
    width: 93%;
}
.addgridhead {
    border-bottom: 8px solid #dfdfdf;
    color: #e1753b;
    font-family: arial;
    font-size: 24px;
    margin: 20px 0 0;
    padding-bottom: 2px;
    width: 200%;
}
.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("/m/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("/m/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: bold;
    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: #e67e22 none repeat scroll 0 0;
    border-radius: 15px 15px 0 0;
    color: #fff;
    display: inline-block;
    font-family: timesnewroman;
    font-weight:bold;
    font-size: 25px;
    padding: 2px;
    text-align: center;
    width: 250px;
}
.fcpmain {
    display: inline-block;
    width: 100%;
}
.fcpbox {
    background: #f8f9f9 none repeat scroll 0 0;
    border-radius: 10px;
    float: left;
    height: 170px;
    margin: 11px;
    padding: 20px;
    text-align: center;
    width: 18%;
    border:solid 1px #fff;
}
.fcpbox:hover {
    background: #fff none repeat scroll 0 0;
    box-shadow:0px 0px 20px #ddd;
    border:solid 1px #ddd;
}
.fcpbox img {
    margin-bottom: 8px;
}
.fcpbox a {
    color: #000;
    font-size: 16px;
    line-height:175%;
    text-decoration:none;
}


.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 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -ms-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out;
}
.fcpbox2:hover {
    background: #fff none repeat scroll 0 0;
    box-shadow:0px 0px 20px #ddd;
    border: solid 1px #999999;
    -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: 0px;
    width:49px;
    height:49px;
    
}

.fcpbox2 img:hover {
        
     
   
   
}



.fcpbox3 {
    float: left;
    height: auto;
    margin: 0px 0px 10px; 0px;
    padding: 0px 0px 0px 0px; 
    text-align: center;
    border-radius: 80%;
    width: 90%;
    border:solid 1px #fff;
    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -ms-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out;
}
.fcpbox3:hover {
    background: #fff none repeat scroll 0 0;
    /*box-shadow:0px 0px 20px #ddd;*/
    -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: 0px;
    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: bold;
    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: bold;
    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: #dddddd none repeat scroll 0 0;
    color: #000;
    float: left;
    font-size: 16px;
    padding: 10px;
    width: 70%;
}
.receiptgrid {
    /* background: rgba(0, 0, 0, 0) url("../images/receipt_bg.jpg") repeat scroll 0 0 / 100% 100%; */
    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: bold;
    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: #eeeeee 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% 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: bold;
    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: bold;
    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: bold;
    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;
}
.custom-file-input:active::before {
}
.choose img {
    margin-top: 15px;
    width: 162px;
}
.fpbg {
    /* background: rgba(0, 0, 0, 0) url("../images/fpbg.jpg") repeat scroll 0 0; */
    border-radius: 20px;
    height: 408px;
    margin: auto;
    width: 1078px;
}
.fpbg2 {
    /* background: rgba(0, 0, 0, 0) url("../images/fpbg2.jpg") repeat scroll 0 0; */
    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: #ffffff;
    float: left;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    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;
}

/* 2 rows start */
.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: #ffffff;
    float: left;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    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;
}

/* 2 rows end */

/* 3 rows start */
.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: #ffffff;
    float: left;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    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;
}

/* 3 rows end */

/* 4 rows start */
.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: #ffffff;
    float: left;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    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;
}

/* 4 rows end */

/* 5 rows start */
.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: #ffffff;
    float: left;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    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;
}

/* 5 rows end */



.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: #000000;
}
.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: 0px;
}
.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: bold;
    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; /* background:#eee; */ padding:7px; }
.admsrc { font-size:19px; letter-spacing:1px; font-weight:bold; }
.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:bold; }
.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;
    
}

.mypropic span {

}

.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:0px;
}

.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:10px;
    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:10px;
    text-align:center;
    padding-top:10px;
}

.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:0px;
    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;/* fallback for old browsers */
    box-shadow: 0 0 2px #000;
    border-radius:25px;
    height:45px;
    border: solid 1px #c7c7c7;
    padding:12px;
    margin:8px;
    margin:auto;
}

.round-marq2 {
    width:98%;
    background: #fff;/* fallback for old browsers */
    box-shadow: 0 0 2px #000;
    border-radius:25px;
    height:45px;
    border: solid 1px #c7c7c7;
    padding:3px;
    margin:8px;
    margin:auto;
}



.tree_img {
    border:solid 1px red;
    border-radius: 4px;
}

.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;

}

.frnbg {
    

background: #FF4E50; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #FF4E50 , #F9D423); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #FF4E50 , #F9D423); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
    padding:10px;
    box-shadow:0 0 7px #000;
    border-radius:10px;
    margin-top:30px;
    float:left;
}

.frnhead {
    float:left;
    font-size:25px;
    font-weight:bold;
    text-align:center;
    color:#000;
    margin-bottom:25px;
    padding:6px;
    border-radius: 8px  0 8px 0;   

background: #ECE9E6; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #ECE9E6 , #FFFFFF); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #ECE9E6 , #FFFFFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
    width:100%;
}

.frninput {
    width:100%;
    float:left; 
    margin-bottom:25px;
    text-align:center;      

}

.frninput .input {
    width:80%;
    float:left; 
    height:40px;
    margin-bottom:0px;      

}


.frninput img {
    margin:5px;
    float:left;   

}


.frn_user {
    width:10%;
    float:left;
}

.frn_user img {
    float:left;
}

.frn_user input {
    float:left;
}

.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 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -ms-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out;
   
}

.admin-date span:hover {
      background: #fff none repeat scroll 0 0;
    box-shadow:0px 0px 20px #ddd;
    border: solid 1px #999999;
    -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;
  padding:7px;
  color:red;
   
}


@media (min-width: 1200px) {
}
@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;
}




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

.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 {
    /* background: rgba(0, 0, 0, 0) url("../images/fpbg.jpg") repeat scroll 0 0; */
    border-radius: 5px;
    height: 270px;
    margin: auto;
    width: 100%;
}
.fpbg2 {
    /* background: rgba(0, 0, 0, 0) url("../images/fpbg2.jpg") repeat scroll 0 0; */
    border-radius: 5px;
    height: none;
    margin: auto;
    width: 100%;
}
.fpmain {
    color: #000;
    font-family: roboto;
    margin: auto;
    padding-top: 0px;
    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: 0px;
    width: 52px;
}


.letterpad {
    background: rgba(0, 0, 0, 0) url("../images/letterpad/lp2.jpg") repeat scroll 0 0 / 100% 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% 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% 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 {
    /* background: rgba(0, 0, 0, 0) url("../images/receipt_bg.jpg") repeat scroll 0 0 / 100% 100%; */
    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: #f8f9f9 none repeat scroll 0 0;
    width: 90%;
}
.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("/m/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("/m/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 #ff6600;
    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 #cccccc;
    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 #333333;
    float: left;
    padding: 10px;
    width: 100%;
}
.subadmin {
    border: 1px solid #333333;
    float: right;
    padding: 10px;
    width: 100%;
}
.subimg {
    height: 20px;
    width: 20px;
}
.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 #cc0000;
    border-radius: 5px;
    /* height: 35px; */
    width: 35px;
}
.compname {
    color: #f00;
    float: right;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    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: bold;
    line-height: 140%;
    width: 100%;
}
.idboxtext2 {
    color: #000;
    font-size: 10px;
    font-weight: bold;
    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: bold;
    margin-top: 15px;
    width: 100%;
}
.ourwebsite2 {
    color: #30c;
    float: right;
    font-size: 8px;
    font-weight: bold;
    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 #ff0000;
    border-radius: 5px;
}
.top1 img {
    border: 1px solid #ff0000;
    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 #000000;
    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 #ff0000;
    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 #ff0000;
    overflow: auto;
    width: 100%;
}
.invinner {
    border: 1px solid #000000;
    margin: 2px;
    overflow: hidden;
    width: 98%;
}
.invbox1 {
    border-right: 1px solid #000000;
    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: bold;
    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: 12px;
    letter-spacing: 1px;
}
.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.png");
    height: 30px;
    width: 90px;
}
.lside {
    color: Red;
    font-family: tahoma;
    font-size: 17px;
    font-weight: bold;
    width: 17%;
}
.rside {
    width: 75%;
}
.blackhead {
    font-size: 20px;
}
.welcometext {
    height: 260px;
    overflow: scroll;
    width: 180px;
}
.subred {
    color: Red;
    font-size: 9px;
    font-weight: bold;
}
}
@media screen and (min-width: 320px) {


.fcpbox2 {
    height: auto;
    margin: 11px 5x 0 5px;
    padding: 5px;
    width: 43%;
}

.fcpbox2 a {
   font-size:12px;
}


.mypropic img {
    width:35%;  
}

.fpbg {
    /* background: rgba(0, 0, 0, 0) url("../images/fpbg.jpg") repeat scroll 0 0; */
    border-radius: 5px;
    height: 270px;
    margin: auto;
    width: 100%;
}
.fpbg2 {
    /* background: rgba(0, 0, 0, 0) url("../images/fpbg2.jpg") repeat scroll 0 0; */
    border-radius: 5px;
    height: none;
    margin: auto;
    width: 100%;
}
.fpmain {
    color: #000;
    font-family: roboto;
    margin: auto;
    padding-top: 0px;
    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: 0px;
    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 #ff6600;
    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 #cccccc;
    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 #cc0000;
    border-radius: 5px;
    height: 35px;
    width: 35px;
}
.compname {
    color: #f00;
    float: right;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    padding-top: 5px;
    width: 83%;
}
.idbox1 {
    float: none;
    width: 10%;
}
.idbox1 img {
    float: left;
    height: 70px;
    margin: 37px 0 0 10px;
    width: 64px;
}
.idboxtext1 {
    color: #000;
    font-size: 11px;
    font-weight: bold;
    line-height: 160%;
    width: 100%;
}
.idboxtext2 {
    color: #000;
    font-size: 11px;
    font-weight: bold;
    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: bold;
    margin-top: 15px;
    width: 30%;
}
.ourwebsite2 {
    color: #30c;
    float: right;
    font-size: 11px;
    font-weight: bold;
    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 #ff0000;
    border-radius: 5px;
}
.top1 img {
    border: 1px solid #ff0000;
    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 #000000;
    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 #ff0000;
    border-radius: 10px;
    height: 80px;
    width: 80px;
}
.invcompany {
    float: left;
    width: 100%;
}
.invcompany h1 {
    color: #000;
    font-family: tahoma;
    font-size: 22px;
    font-weight: bold;
    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 #ff0000;
    overflow: auto;
    width: 100%;
}
.invinner {
    border: 1px solid #000000;
    margin: 3px;
    overflow: hidden;
    width: 98%;
}
.invbox1 {
    border-right: 1px solid #000000;
    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: bold;
    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: 12px;
    letter-spacing: 1px;
}
.c5 {
    font-size: 14px;
    width: 110px;
}
.c5s {
    width: 30%;
}
.c6 {
    font-size: 14px;
}
.c7 {
    font-size: 12px;
}
.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: bold;
    width: 17%;
}
.rside {
    width: 75%;
}
.blackhead {
    font-size: 22px;
}
.welcometext {
    height: 260px;
    overflow: scroll;
    width: 260px;
}
.subred {
    color: Red;
    font-size: 9px;
    font-weight: bold;
}
}
@media screen and (min-width: 480px) {


.fcpbox2 {
    height: auto;
    margin: 11px 2x 0 2px;
    padding: 2px;
    width: 29%;
}

.fcpbox2 a {
   font-size:13px;
}


.mypropic img {
    width:30%;  
}

.fpbg {
    /* background: rgba(0, 0, 0, 0) url("../images/fpbg.jpg") repeat scroll 0 0; */
    border-radius: 5px;
    height: 270px;
    margin: auto;
    width: 100%;
}
.fpbg2 {
    /* background: rgba(0, 0, 0, 0) url("../images/fpbg2.jpg") repeat scroll 0 0; */
    border-radius: 5px;
    height: none;
    margin: auto;
    width: 100%;
}
.fpmain {
    color: #000;
    font-family: roboto;
    text-align:center;
    margin: auto;
    padding-top: 0px;
    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: 0px;
    width: 52px;
}


.rewlistbg {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.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: #f8f9f9 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("/m/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("/m/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: bold;
}
.mcard {
    height: 282px;
    margin: auto;
    padding: 17px 0 0 17px;
    width: 464px;
}
.idcardbg {
    background-size: 100% 100%;
    height: 282px;
    overflow: hidden;
}
.logo {
    float: left;
    width: 100%;
}
.logo img {
    border: 1px solid #cc0000;
    border-radius: 5px;
    width: 200px;
    height: 48px;
    /* margin-left: 25%; */
}
.compname {
    color: #f00;
    float: right;
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
    padding-top: 5px;
    width: 83%;
}
.idbox1 {
    float: none;
    width: 139px;
}
.idbox1 img {
    float: left;
    height: 105px;
    margin: 28px 0 0 17px;
    width: 90px;
}
.idboxtext1 {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    line-height: 160%;
    width: 100%;
}
.idboxtext2 {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    line-height: 160%;
    padding-left: 1px;
    text-align: left;
    width: 100%;
}
.idbox2 {
    float: left;
    padding: 25px 0 0 13px;
    text-align: left;
    width: 127px;
}
.idbox3 {
    float: right;
    padding: 25px 0 0 0px;
    width: 209px;
}
.ourwebsite {
    color: #000;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
    width: 30%;
}
.ourwebsite2 {
    color: #30c;
    float: right;
    font-size: 13px;
    font-weight: bold;
    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 #ff0000;
    border-radius: 5px;
}
.top1 img {
    border: 1px solid #ff0000;
    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 #000000;
    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 #ff0000;
    border-radius: 10px;
    height: 80px;
    width: 80px;
}
.invcompany {
    float: left;
    width: 50%;
}
.invcompany h1 {
    color: #000;
    font-family: tahoma;
    font-size: 20px;
    font-weight: bold;
    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 #ff0000;
    overflow: auto;
    width: 100%;
}
.invinner {
    border: 1px solid #000000;
    margin: 10px;
    overflow: hidden;
    width: 98%;
}
.invbox1 {
    border-right: 1px solid #000000;
    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: bold;
    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: bold;
    width: 17%;
}
.rside {
    width: 75%;
}
.blackhead {
    font-size: 24px;
}
.welcometext {
    height: 250px;
    overflow: scroll;
    width: 320px;
}
}
@media screen and (min-width: 768px) {

.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: bold;
    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: #f8f9f9 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("/m/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("/m/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: 418px;
    margin: 20px 20px 20px 10px;
    padding: 6px;
    width: 95%;
}
.viewdesc {
    float: right;
    margin-right: 10px;
    overflow: hidden;
    width: 63%;
}
.viewdesc h1 {
    border-bottom: 2px solid #ff6600;
    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 #c1c1c1;
    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 #333333;
    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 #333333;
    display: inline-block;
    margin: 15px 0;
    padding-top: 15px;
}
.masterpost {
    float: right;
    width: 40%;
}
.subadmin {
    border: 1px solid #333333;
    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 #ff0000;
    border-radius: 5px;
}
.top1 img {
    border: 1px solid #ff0000;
    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 #000000;
    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 #ff0000;
    border-radius: 10px;
}
.invcompany {
    float: left;
    width: 69%;
}
.invcompany h1 {
    color: #e1753b;
    font-family: tahoma;
    font-size: 35px;
    font-weight: bold;
    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 #ff0000;
    overflow: auto;
    width: 100%;
}
.invinner {
    border: 1px solid #000000;
    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: bold;
    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;
}
.autowidth {
}
.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: bold;
    width: 20%;
}
.rside {
    width: 80%;
}
.blackhead {
    font-size: 26px;
}
.welcometext {
    height: 260px;
    overflow: scroll;
    width: 510px;
}
}
@media screen and (min-width: 992px) {
.fcpbox {
    background: #f8f9f9 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: 13px;
}
.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: bold;
    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("/m/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("/m/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) {


.fcpbox2 {
    height: auto;
    margin: 11px 5x 0 5px;
    padding: 5px;
    width: 22%;
}

.fcpbox2 a {
   font-size:16px;
}



.rewlistgrid {
    border-bottom: 1px solid #ddd;
    color: #000;
    float: left;
    padding-bottom: 35px;
    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: bold;
    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: bold;
    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; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #fe8c00 , #f83600); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #fe8c00 , #f83600); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
    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: bold;
    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: 20px;
}
.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) {

.fcpbox2{
    opacity:1;
    background: linear-gradient(60deg, #ffffff, #ffffff)!important;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border: solid 4px #CFD8DC !important;
    border-radius: 55%;
    float:left;
    height: 174px !important;
    /* font-weight: bold; */
    margin: 11px 25px 10px 18px;
    padding: 25px 7px 7px 7px;
    text-align:center;
    width: 176px;
    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;
    height: auto;
    border-bottom: solid 4px #607D8B !important;
    cursor: pointer;
    }



 
 .fcpbox2:hover{
    opacity:1;
    background: linear-gradient(60deg, #ffffff, #ffffff)!important;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border: solid 4px #FF5722 !important;
    border-radius: 55%;
    float:left;
     width: 176px  !important;
    /* font-weight: bold; */
    margin: 11px 25px 10px 18px;
    padding: 25px 7px 7px 7px;
    text-align:center;
   width: 170px;
    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;
    height: auto;
    border-bottom: solid 4px #4CAF50 !important;
    }   

.fcpbox2 img {width: 56px;height: 55px;}


.adsrcbox .input {border-radius:5px;  margin-top:0px; }
.addate { width:100%; float:left; margin-top:0px; }

.mypropic img {
    width:100%;
    border-radius:7px;
    border:solid 1px #ddd;
    
}

.fpbg {
    /* background: rgba(0, 0, 0, 0) url("../images/fpbg.jpg") repeat scroll 0 0; */
    border-radius: 20px;
    height: 408px;
    margin: auto;
    width: 1078px;
}
.fpbg2 {
    /* background: rgba(0, 0, 0, 0) url("../images/fpbg2.jpg") repeat scroll 0 0; */
    border-radius: 20px;
    height: 408px;
    margin: auto;
    width: 1078px;
}
.fpmain {
    color: #000;
    border-radius:9px;
    border: solid 1px #999999;
    box-shadow: 0 0 10px #999999;
    padding:15px;
    overflow:hidden;
    font-family: roboto;
    margin: auto;
    padding-top: 22px;
    width: 625px;
}
.fptxt {
    font-size: 30px;
    margin: 0 0 0px;
}
.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: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #333, 0px 7px 0px #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: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #333333, 0px 6px 0px #333333, 0px 7px 0px #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: #eeeeee 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: bold;
    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 {
    /* background: rgba(0, 0, 0, 0) url("../images/receipt_bg.jpg") repeat scroll 0 0 / 100% 100%; */
    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: bold;
    text-align: center;
    width: 85%;
}
.recname img {
    height: 49px;
    width: 281px;
}
.recgrid1 {
    float: left;
    width: 50%;
}
.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: #dddddd 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;
}
.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;
    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;
    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;
    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 #ddd;
    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: 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%;
}
.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: 31%;
}
.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 {
    width: 18%;
}
.adshead {
    font-size: 25px;
    text-align: left;
}
.adscate {
    font-size: 18px;
}
.adscall {
    font-size: 16px;
}
.adsloca {
    font-size: 16px;
}
.adsbox {
    border-radius: 6px;
    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("/m/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("/m/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: bold;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    width: 40%;
}
.c2 {
    font-size: 14px;
}
.c3 {
    font-size: 20px;
}
.newstext {
    font-size: 14px;
}
.c4 {
    font-family: Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman",serif;
    font-size: 16px;
    letter-spacing: 2px;
}
.c5 {
    font-family: Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman",serif;
    font-size: 14px;
    font-weight: bold;
    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: #ffffff;
    box-shadow:0 20px 40px #000;
    border-radius: 15px;
    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%;
}
.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: bold;
    width: 18%;
}
.rside {
    width: 85%;
}
.blackhead {
    font-size: 28px;
}
.welcometext {
    height: 320px;
    overflow: auto;
    width: 700px;
}
}





 @media print {
        .ourwebsite{
            margin-top: 21px;
            text-align: center;
        }
        .ourwebsite2 {
    color: #30c;
    float: right;
    font-size: 13px;
    font-weight: bold;
    padding-top: 6px;
    margin-bottom: 0px;
    text-decoration: underline;
}

.idbox1 img {
    float: left;
    height: 105px;
    margin: 39px 0 0 17px;
    width: 90px;
}

        .idbox1{

        }
        
        .idbox2{
            
/* margin-top: 29px; */
            
padding: 25px 0 0 15px;
        }

        .idbox3{
            
padding: 25px 0 0 0px;
        }
        .logo{
            
width: 100%;
        }
        .logo img{
            width:140px;
        }


       }