body{background-color:#fff; font-family: 'Signika Negative', sans-serif;}
.mainLayout{width:100%; margin: 0 auto; padding:0;}
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}
/* hdr start here */
header{ clear:both; width:1024px; padding:0; margin:auto;}
.mainHdr{ width:1024px; clear:both; padding-bottom:9px; margin: auto; border-bottom:3px solid #10a201}
.mainHdr .logo{ width:auto; float:left; padding:1em 0 0 0;}
.mainHdr .hdrRightside{ width:50%; float:right; padding:1em 0 0 0;}
/* hdr end here */
section{ clear:both; width:100%; margin:auto; padding:0;}
.sliderGallery { clear:both; width:100%; margin:auto; padding-top:0.1em;}
/* mainWrapper start here */
.mainWrapper{ clear:both; width:1024px; margin:auto; padding:0.3em 0 1em 0; overflow:hidden;}
.mainWrapper .bothBoxs {clear: both; margin:0; padding-top:0.8em;}
.mainWrapper .bothBoxs .leftpanel { width:69%; float:left;}
.mainWrapper .bothBoxs .rightpanel { width:28%; float:right; padding-top:9px;}
.mainWrapper .bothBoxs .leftBox { width:23%; float:left; border-right:1px solid #fff; margin-left:-1px; padding-right:1em;}
.mainWrapper .bothBoxs .rightBox { width:73.8%; float:right; border-left:1px solid #fff; margin-left:-1px; padding-left:1em;}
.mainWrapper .bothBoxs .leftside{ width:49%; float:left;}
.mainWrapper .bothBoxs .leftside1{ width:67%; float:left;}
.mainWrapper .bothBoxs .rightside{ width:49%; float:right;}
.mainWrapper .bothBoxs .rightside1{ width:31%; float:right;}
/* mainWrapper end here */
/* -- footer css start here -- */
footer{ width:100%; clear:both; margin:auto; padding:0; overflow:hidden;}
.footerBg{ clear:both; width:100%; padding:0; overflow:hidden; margin:auto; background-color:#232323; border-top:double #ccc;}
.footerBg .mainFooter {clear: both;width: 1024px; margin: auto; padding:1em 0 0.8em 0; overflow:hidden;}
.footerBg .mainFooter .useFullLinkBoxs {width:15%;float:left;margin-right:1em;padding-right:1em;border-right:1px solid #454545;min-height:133px;}
.footerBg .mainFooter .useFullLinkBoxs:last-child {width:15%; float:left; margin:0; padding:0; border:none;}
.copyRightPowerBy{clear: both; width:100%; padding: 0; margin:auto; background-color:#343434; height:33px; line-height:33px;}
.copyRightPowerBy .copyPowerBoth{ width:1024px; clear:both; margin:auto; padding:0; overflow:hidden;}
.copyRightPowerBy .copyPowerBoth .copyRight {width:100%; float: left; font-size: 13px; font-weight: normal;color: #adadad; padding:0;margin: 0; font-family: 'Signika Negative', sans-serif;}
.copyRightPowerBy .copyPowerBoth .powerBy {	width:30%; float: right; text-align: right;font-size: 13px;color: #adadad; padding:0;  font-family: 'Signika Negative', sans-serif;}
/* -- footer css end here -- */
.bgstrip { width:1024px; margin:4px auto; background:#ff9933; height:70px;}
.bgstrip .text { width:70%; float:left; margin:0; padding:0;}
.font { color:#fff; margin:1em 0 0 1.5em; padding:0; font-size:22px; font-weight:500; font-family: Arial, Helvetica, sans-serif;}
.number { width:30%; clear:both; margin:-35px 15px 0px 0; float:right}
.font11 { color:#fff; margin:0em 0 0 1.5em; padding:8px; font-size:22px; font-weight:500; text-align:center; font-family: Arial, Helvetica, sans-serif; border:1px solid #fff; border-radius:5px;}
.float { float:left; border:1px solid #999; margin:0 10px 0 0;}