@charset "utf-8";
/* CSS Document */

/* RESET
========================================================================*/
@charset "utf-8";
/* CSS Document */

/* HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
/* Base
========================================================================*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; background-color:#f6f6f6;overflow-x:hidden;}
::-moz-selection {
background:#73ad21;
color:#f6f6f6;
text-shadow: none;
}
::selection {
background:#73ad21;
color:#FFF;
text-shadow: none;
}
p{ line-height:30px; }
/* GLOBAL RESETS
========================================================================*/
* { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ol, ul { list-style:none }
a { margin:0px; padding:3px 0px; color:#006699; list-style-type:none; text-decoration:none;}
a:hover { text-decoration:underline;}
:focus, a:focus { outline:none; }
:active, a:active { outline:none; }
:focus { -moz-outline-style:none; }
/* TABLE
========================================================================*/
table { border-collapse:collapse; border-spacing:0}
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
/* IMAGES
========================================================================*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%; }
svg:not(:root) {
overflow: hidden;
}
img.flLeft { margin-right:15px; }
img.flRight { margin-left:15px; }
/* POSITION ABSOLUTE
========================================================================*/
.absolute { position:absolute }
.absoluted > * { position:absolute }
/* POSITION RELATIVE
========================================================================*/
.rel { position:relative }
/* GLOBAL FLOAT
========================================================================*/
.flLeft { float:left; }
.flRight { float:right; }
/* CLEAR FLOAT
========================================================================*/
.clearfix:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden }
.clear { clear:both; padding:0; margin:0; overflow:hidden; height:0 }
/* DISPLAY INLINE
========================================================================*/
.inline { display:inline }
/* DEFAULT FORM STYLING
========================================================================*/
input[type="radio"], input[type="checkbox"] { vertical-align:-2px }
textarea { resize:none; overflow:auto }
input { visibility:visible; outline:none }
/* MARGIN 0
========================================================================*/
.mrgLast { margin-right:0 !important }
.mrgFirst { margin-left:0 !important }
/* FORM
========================================================================*/
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px;
padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;
}
button, input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px;
*height: 13px;
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;
}
button[disabled], input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Chrome Frame Prompt
========================================================================*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* STYLE
========================================================================*/
body{ margin:0px; padding:0px; font-size:15px; line-height:23px; background-color:#f6f6f6; font-family:"Verdana", Helvetica, Open Sans, Arial, sans-serif; background:#f6f6f6;}

/* MAIN LAYOUT
========================================================================*/
.wrapper { width:1000px; margin:auto;}
.wrapper, .container, div, img { transition:all 0.5s ease-in-out;}

/* HEADER
========================================================================*/
header { width:100%; margin:auto; background:rgba(0, 0, 0, 0) linear-gradient(to top, #fff 47px, #fff 100%) repeat scroll 0 0; box-shadow:0 0 5px #ccc;  margin:0px; padding:0px 0 0px 0px; display:block; z-index:1; height:auto; position:fixed;}

.headertopright{ margin:0px; padding:0px; float:right;}

/* LOGO
========================================================================*/
.logo { margin:20px 0px 20px 20px;}
.logo a { display:inline-block; padding:0px; line-height:0px;}
.logo a img{ max-width:100%; }

/* CSE-SEARCH-BOX
========================================================================*/
#cse-search-box{ margin:0px 0px 15px 20px; padding:0px; float:right; width:202px; display:block; position:relative;}
#cse-search-box input[type="text"]{ width:160px; margin:0px; padding:4px 5px !important; display:inline-block; font-size:14px; font-weight:normal; color:#333; border:1px solid #333;}
#cse-search-box input[type="submit"]{ width:30px; margin:0px; height:26px; display:inline-block; background: url(/images/search.png) center no-repeat #006699; border:0px; position:absolute;}

/* SOCIAL ICONS
========================================================================*/
.social-icons{ margin:20px 0px 20px 20px; padding:0px; float:left; display:block;}
.social-icons ul{ list-style-type:none; text-decoration:none; margin:0px; padding:0px;}
.social-icons ul li{ margin:0px 6px 0 0; float:left;}
.social-icons ul li a{ margin:0px; padding:0px; font-size:0px; line-height:0px; display:block;}

/* NAV
========================================================================*/
nav { margin:0px; padding:0px; display:block; width:100%; height:auto; background-color:#03818d; box-shadow:0 0 5px #03818d;}
nav ul { list-style-type:none; text-decoration:none; margin:0px 0 0 0px; padding:0px;}
nav ul li { float:left; margin:0px 0 0 0px; line-height:0px;}
nav ul li a { display:block; font-size:14px; line-height:20px; font-family:"Helvetica", Open Sans, Arial, sans-serif, Verdana; font-weight:bold; color:#FFF; padding:5px 20px; border-radius:0px;}
nav ul li a:hover, nav ul li.active a, nav ul li:hover a { text-decoration:none; color:#ffffff; background:orange;}

/* BANNER-INDEX
=========================================================================*/
.banner-index{ margin:0px; padding:0px; width:100%; display:block; background:url(/images/banner-index.jpg);-webkit-background-size:cover;  -moz-background-size:cover;  -o-background-size:cover;background-size:cover; min-height:350px; overflow:hidden;background-attachment:fixed;background-position-y:90px;}
.banner-index .category{ text-align:center; padding:150px 0 0 0; display:block; overflow:hidden;}
.banner-index .category h1{ color:#FFF; text-align:center;}
.banner-index .category p{ font-size:50px; text-align:center; color:#302c2c;; margin-bottom:50px; letter-spacing:2px; font-family:Calibri;}
.category ul{ list-style-type:none; margin:30px 0px 30px 0; padding:0px; width:60%; margin:auto;}    
.category ul li{ margin:0px 0px 50px; padding:0px; color:#FFF; font-size:16px; line-height:17px; text-align:center; display:inline;}
.category ul li a{ padding:10px; font-size:20px; line-height:70px; color:#fff;background-color:darkorange; font-family:Calibri; text-align:center; display: inline;  }
.category ul li a:hover{ color:#fff; text-decoration:none; background-color:orange; }

/* PAGE-CATEGORY
=========================================================================*/
.subcategory{ margin:0px; padding:0px; width:100%; display:block; background:url(/images/banner-index.jpg);-webkit-background-size:cover;  -moz-background-size:cover;  -o-background-size:cover;background-size:cover; height:300px; background-position:top;background-position-y:90px; overflow:hidden;}
.subcategory .subcategory-title{ text-align:center; padding:140px 0 0 0; display:block; overflow:hidden;}
.subcategory .subcategory-title p{ font-size:90px; line-height:70px; text-align:center; color:orange; margin-bottom:50px; letter-spacing:2px; font-family:Calibri;}

/* SUBCATEGORY-TOPIC
========================================================================*/
.subcategory-topic{  margin:0; padding:0; width:100%; display:block; overflow:hidden; background:url(/images/subcategory-bg.jpeg);-webkit-background-size:cover;  -moz-background-size:cover;  -o-background-size:cover;background-size:cover; min-height: 450px;overflow:hidden;background-position:right; }
.subcategory-topic ul{ list-style-type:none; text-decoration:none; margin:50px 0 200px 0; padding:10px 0 0 10px; overflow:hidden;}
.subcategory-topic ul li{ float:left; width:40%; margin:0 10px 20px 0px; padding:0 0 0 19px;}
.subcategory-topic ul li a{ margin:0px; padding:7px 0 5px 5px; display:block; color:#fff; background:orange; font-size:16px; text-align:center; font-weight:bold; line-height:30px; width:98%; border-radius:5px 5px 5px 5px;opacity:0.9; }
.subcategory-topic ul li a:hover{ text-decoration:none; color:#ffffff; background:#03818d;opacity:0.9;}


/* MIDDLE-SEC
========================================================================*/
.middle-sec{ width:88%; display:block; margin:auto; padding:98px 0 1% 0px;  background-color:#f6f6f6;}
.middle-sec h1{ text-align:center; text-shadow:2px 2px 3px #ccc;}

/* BODY-SEC
========================================================================*/
.body-sec{ width:100%; display:block; margin:0px; padding:0px 0 0px 0px;  background-color:#f6f6f6; overflow:hidden;}
.body-sec h1{ text-align:center; text-shadow:2px 2px 3px #ccc;}

/* COLUMN
========================================================================*/
.leftcolumn{ margin:0px 0 0 0; width:100%; display:block;}
.menu-items{ margin:0px; padding:0px; display:block; width:100%;}
.menu-items h6{ margin:0px; color:teal; font-weight:bold; background:#5f5f5f; padding:4px 0px 4px 10px; border-radius:5px 5px 0px 0px;}
.menu-items ul{list-style-type:none; text-decoration:none; margin:0px 0 10px 0; padding:0px;}
.menu-items ul li{ margin:0px;}
.menu-items ul li a{ padding:8px 10px; display:block; color:#000; font-size:0.9em; line-height:18px; border-bottom:1px dotted #CCC;}
.menu-items ul li a:hover{ text-decoration:none; color:#ffffff; background:teal;}

ul.one-link-for-multiple-line{ list-style-type:none; text-decoration:none; margin:0px 0 10px 0; padding:0px;}
ul.one-link-for-multiple-line li{ margin:0px;}
ul.one-link-for-multiple-line li a{ padding:5px 0px 5px 10px; display:block; color:#000; font-size:0.9em; line-height:26px; border-bottom:0px;}
ul.one-link-for-multiple-line li a:hover{ text-decoration:none; color:#ffffff; background:#73ad21;}

.pagedata{ margin:0px auto; padding:0px; width:98%; display:block;}
.pagedata h3{ margin:0px 0 10px;}
.pagedata h4{ margin:0px 0 10px;}
.pagedata h4.underlined{ margin:0px 0px 10px; padding:0px 0px 4px 10px; border-bottom:2px solid #F1F1F1;}
.pagedata p{ margin:10px 0px 10px;}


.rightcolumn{margin:0px 0 0 0; width:100%; display:block;}


.hide{ display:block;}

/* ADS-SEC
========================================================================*/
.ads-sec{ width:100%; height:100px; margin:0px 0 5px 0; padding:10px 0 00px 0;  display:block; text-align:center; vertical-align:middle;  border-bottom:1px solid #ccc; overflow:hidden;}
.ads-sec a img{ max-width:100%; margin:0 0 0px 0;}

.ads-sec-new{ width:100%; height:auto; margin:0px 0 14px 0; padding: 5px 0 5px 0; display:block; text-align:center; overflow:hidden;background:#f1f1f1;}
.ads-sec-new a img{ max-width:100%; margin:0 0 10px 0}

.ad-bottom-new{margin:15px 5px 5px 5px;text-align:center;}
.ad-middle-new{text-align:center;}


/* Four-COLUMN
========================================================================*/
.four-column{  margin:0; padding:0; width:100%; display:block; overflow:hidden; background:#fff;}
.four-column h4{ margin:0px 0 10px 0; padding:4px 0px 4px 10px; color:black; text-shadow: 2px 2px 3px #ccc;  background:#f6f6f6;}
.four-column ul{ list-style-type:none; text-decoration:none; margin:10px 0 10px 0; padding:0px 0 0 10px; overflow:hidden;}
.four-column ul li{ float:left; width:20%; margin:0 10px 0 0px; padding:0 0 0 19px; background:url(/images/folder-left-2.png) 0 8px no-repeat;}
.four-column ul li a{ margin:0px; padding:7px 0 5px 5px; display:block; color:#333333; font-size:13px; line-height:16px; width:98%;}
.four-column ul li a:hover{ text-decoration:none; color:#ffffff; background:#03818d;}

/* RELATED TOPICS
========================================================================*/
.related-topics{  margin:0; padding:1%; width:98%; overflow:hidden; background:#f6f6f6;}
.related-topics h4{ margin:0px 0 10px 0; padding:4px 0px 4px 10px; color:black; text-shadow: 2px 2px 3px #ccc;border-bottom:1px solid #ddd;}
.related-topics ul{ list-style-type:none; text-decoration:none; margin:10px 0 10px 0; padding:0px 0 0 10px; overflow:hidden;}
.related-topics ul li{ margin:0 10px 0 0px; padding:0 0 0 19px; background:url(/images/folder-left-2.png) 0 8px no-repeat;}
.related-topics ul li a{ text-align:left;margin:0px; padding:7px 0 5px 5px; display:block; color:#333333; font-size:14px; line-height:16px; width:98%;}
.related-topics ul li a:hover{ text-decoration:none; color:#ffffff; background:#03818d;}

/* PAGEDATA-ONE-COLUMN
========================================================================*/
.pagedata-one-column { margin:auto; padding:0; width:95%; display:block;}
.pagedata-one-column h1{ padding:7px 0 7px 0px; border-bottom:1px solid #ccc; text-align:left;}

/* COLUMN-FOR-INNER-PAGES
========================================================================*/
.pagedata-left{ margin:0 0 0 0px; width:100%; display:block;}
.pagedata-left img{width:100%; margin:2px 0 0 0;} 
.menu-items-left{ margin:0px 0 2% 0; padding:0px; display:block; width:100%;background-color:#f6f6f6;max-height:120px;overflow-x: auto;}
.menu-items-left h6{ margin:0px; color:#666; font-weight:bold; background:#f6f6f6; border-bottom:1px solid #ddd;padding:8px 0px 8px 8px;}
.menu-items-left ul{list-style-type:none; text-decoration:none; margin:0px 0 10px 0; padding:0px;overflow: hidden;}
.menu-items-left ul li{float: left;width: 48%;}
.menu-items-left ul li a{ padding:5px 8px; display:block; color:#000; font-size:0.9em; line-height:18px;}
.menu-items-left ul li a:hover{ text-decoration:none; color:#ffffff; background:orange;}
.menu-items-left ul li a.active{ text-decoration:none; color:black; background:#ccc;}

.pagedata-inner{ margin: 0 0 1% 0; padding: 1%; width:98%; display:block; background-color:#fff;box-shadow: 0 6px 15px rgba(0,0,0,0.2);}
.pagedata-inner h1{font-size:24px;line-height:28px;text-align:left; text-shadow:2px 2px 3px #ccc; padding:5px 0 5px 0;}
.pagedata-inner h3{ margin:0px 0px 15px;}
.pagedata-inner h4{ margin:0px 0px 15px;}
.pagedata-inner h4.underlined{ margin:0px 10px 10px; padding:0px 0px 4px 10px; border-bottom:2px solid #F1F1F1;}
.pagedata-inner p{ margin:10px 0;}

.pagedata-right{margin: 0 0 0 1%;padding:1%; width:98%; display:block; background-color:#fff;box-shadow: 0 6px 15px rgba(0,0,0,0.2);}
.pagedata-right img{text-align:left;} 

.pagedata-right ul{list-style-type:none; text-decoration:none; padding:0px;}
.pagedata-right ul li{ margin:2px 0 4px 0; text-align:center; min-width:300px}

.adsmargin{ margin:0px 0 5px;}


/* NEXTPREV
========================================================================*/
.nextprev{ margin:15px 0px; padding:0px; display:block; overflow:hidden;}
.nextprev ul{ list-style-type:none; text-decoration:none; margin:0px; padding:0px;}
.nextprev ul li{ float:left;}
.nextprev ul li:nth-child(1){ float:left;}
.nextprev ul li:nth-child(2){ float:right;}
.nextprev ul li a{ color:#73ad21; font-size:18px; line-height:18px;}
.nextprev ul li a:hover{ text-decoration:none; color:Orange;}

/* BREADCRUMB
========================================================================*/
.breadcrumb{ display:block; margin:0px; padding:0px;margin-bottom:15px;}
.breadcrumb ul{ list-style-type:none; text-decoration:none;  margin:0px; padding:0px;}
.breadcrumb ul li{ margin:0 6px 0 0; float:left; color:#000; font-size:12px; line-height:14px;}
.breadcrumb ul li a{ padding:0px; color:#006699; font-size:12px; line-height:14px;}
.breadcrumb ul li a:hover{ text-decoration:underline;}


/* BREADCRUMB WITH BOTTOM MARGIN
========================================================================*/
.breadcrumbbottommargin{ display:block; margin:0px 0 10px; padding:0px;}
.breadcrumbbottommargin ul{ list-style-type:none; text-decoration:none;  margin:0px; padding:0px;}
.breadcrumbbottommargin ul li{ margin:0 6px 0 0; float:left; color:#000; font-size:12px; line-height:14px;}
.breadcrumbbottommargin ul li a{ padding:0px; color:#006699; font-size:12px; line-height:14px;}
.breadcrumbbottommargin ul li a:hover{ text-decoration:underline;}

/* RELATED-LINKS 
========================================================================*/
.relatedlinks{display:block; overflow:hidden; background:#f1f1f1; margin:10px 0px 10px 0; padding:10px 0 10px 0px;}
.relatedlinks ul{ list-style-type:none; text-decoration:none;}
.relatedlinks ul li{ margin:0px 0 0px; padding:0 0 0 20px; width:100%; float:left;background:url(/images/mark-red.png) 0 10px no-repeat;}
.relatedlinks ul li a{ margin:0px; padding:0px; color:#14558c; font-size:14px; line-height:16px;}
.relatedlinks ul li a:hover{ color:orange;}

/* FOOTER
========================================================================*/
footer{ width:100%;text-align:center; display:block; margin:0px; padding:0px; overflow:hidden;}
footer .footer-bottom-sec{ margin:0px; padding:0px; width:100%; display:block; background:#03818d; overflow:hidden;}
footer .footer-bottom-sec ul{ list-style-type:none;display:inline-block;text-align:center; text-decoration:none; margin:10px 0 15px 20px; padding:0px;}
footer .footer-bottom-sec ul li{  margin-right:15px;display:inline-block;text-align:center;}
footer .footer-bottom-sec ul li a{ margin:0px; padding:0px; color:#fff; font-size:14px; line-height:16px;}
footer .footer-bottom-sec ul li a:hover{ text-decoration:none; color:orange;}


.copyright{ margin:0px 0 6% 20px; padding:0px; width:100%; display:block; color:#fff; font-size:14px; line-height:16px;}

/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6{ color:#000; margin-bottom:10px; padding:0px;}
h1{ font-size:29px; line-height:30px;}
h2{ font-size:23px; line-height:26px;}
h3{ font-size:22px; line-height:23px;}
h4{ font-size:18px; line-height:19px;}
h5{ font-size:16px; line-height:17px;}
h6{ font-size:14px; line-height:16px;}
p{ margin-top:10px; text-align:left; font-size:15px; line-height:26px;}
p:first-child{ margin:0; }

p.bgtitle {background-color: LightGrey;}


/* Aptitude
=========================================================================*/
table.apti-tbl-answer{width:auto;}
table.apti-tbl-answer tr.apti-tr-divident{white-space:nowrap;border:0px;}
table.apti-tbl-answer td{text-align:center;}
table.apti-tbl-answer tr.apti-td-divisor{white-space:nowrap;border:0px;}
i.apti-var{font-style:italic;margin-left:1px;margin-right:1px}
i.apti-bar{font-style:normal;text-decoration:overline;margin-left:1px;margin-right:1px}
i.apti-def{font-weight:700;color:#555;font-style:normal}
i.apti-fhead{font-style:normal;font-weight:700;color:#555}
i.apti-facts{color:#f0f;font-style:normal;font-weight:700}
i.apti-formula{color:#f0f;font-style:normal;font-weight:700}
.apti-root-h1{background-image:url(/images/aptitude/root-h1.gif);background-position:top left;background-repeat:no-repeat;padding-left:10px;padding-top:1px}
.apti-root-h2{background-image:url(/images/aptitude/root-h2.gif);background-position:left top;background-repeat:no-repeat;padding-left:10px;padding-top:2px}
.apti-3root-h1{background-image:url(/images/aptitude/3root-h1.gif);background-position:left top;background-repeat:no-repeat;padding-left:10px;padding-top:1px}
.apti-nroot-h1{background-image:url(/images/aptitude/nroot-h1.gif);background-position:left top;background-repeat:no-repeat;padding-left:10px;padding-top:1px}
.apti-tbl-dsqrt{background-image:url(/images/aptitude/droot-h1.gif);background-repeat:no-repeat;background-position:left top;border:none}
.apti-td-dsqrt{padding-left:12px;padding-top:2px}
.apti-td-divident{border:0px;border-bottom:1px solid #000;vertical-align:bottom;padding-bottom:2px}
.apti-td-divisor{border:0px;vertical-align:top;padding-top:2px}
.apti-td-divisor-h2{border:0px;vertical-align:top;padding-top:3px}
.apti-td-line{border:0px;padding:0;vertical-align:middle;white-space:nowrap;height:auto}
.apti-td-upline{border:0px;font-size:12px;padding:0;margin:0;vertical-align:top}
.apti-td-root-up-h2{border:0px;background-image:url(/images/aptitude/root-h1.gif);background-position:left top;background-repeat:no-repeat;padding-left:10px;padding-top:3px}
.apti-td-line-lpad{border:0px;padding-left:7px;vertical-align:middle}
.apti-td-line-rpad{border:0px;padding-right:7px;vertical-align:middle}
.apti-td-line-lrpad{border:0px;padding-left:7px;padding-right:7px;vertical-align:middle}
.apti-td-normal{border:0px;padding-bottom:17px}
.apti-td-normal-rpad{border:0px;padding-bottom:17px;padding-right:7px}
.apti-td-normal-lpad{border:0px;padding-bottom:17px;padding-left:7px}
.apti-td-normal-lrpad{border:0px;padding-bottom:17px;padding-right:7px;padding-left:7px}
.apti-td-common{border:0px;padding:3px}
.apti-pre-gen{overflow:hidden}
.apti-rcorners{border-radius: 25px;border:2px solid #73ad21;padding:20px;display:inline-block;height:auto;}
.apti-note{color:darkorange;font-weight:bold;}

/* HR
========================================================================*/
hr{ margin-bottom:10px; padding:0px; display:block; width:100%; border-bottom:0px solid #F1F1F1;}
hr.resume{ display:block; margin:0.5em auto; border-style:inset; border-width:1px;}

/* TABLE
========================================================================*/
table { width:100%; border-collapse:collapse; border-spacing:10px; text-align:left; margin-left:0px; font-weight:normal; font-size:14px; color:black; line-height:21px;}
table th, table td{ padding:0px; border:1px solid #f1f1f1;}

table.mcq{ border:0px;}
table.mcq th, table.mcq td{ margin:0px; padding:0px 10px 0px 0px; border:0px;}

table.tablecontent{ width:100%;}
table.tablecontent th, table.tablecontent td{ margin:0px; padding:4px; border:1px solid teal;}
table.tablecontent th{ color:#333; font-weight:bold; font-size:13px; background:#E3FEAB; text-align:center;}

table.tablecontentnoborder{ width:100%;}
table.tablecontentnoborder th, table.tablecontentnoborder td{ margin:0px; padding:4px; border:0px;}

table.onlinetest{ border:0px;}
table.onlinetest th, table.onlinetest td{ margin:0px; padding:0px 0px 10px 0px; border:0px;}

table.tablecontrol{ width:100%; margin:auto;}
table.tablecontrol td:nth-child(1){ width:20%;}
table.tablecontrol td:nth-child(2){ width:80%;}
table.tablecontrol th, table.tablecontrol td{margin:0px; padding:0px 5px 5px 0px; border:0px; font-size:15px; line-height:23px; color:#000; font-family:"Verdana", Helvetica, Open Sans, Arial, sans-serif;}
table.tablecontrol td input[type="text"]{ height:25px;  width:40%; padding-left:3px; border:1px solid #ccc;}
table.tablecontrol td textarea{width:60%; padding-left:3px; border:1px solid #ccc;}
table.tablecontrol td textarea:hover{ border:1px solid #006699;}
table.tablecontrol td textarea:focus{ border:1px solid #006699;}
table.tablecontrol td input[type="password"]{ height:25px;  width:30%; padding-left:2px; border:1px solid #ccc;}
table.tablecontrol td input[type="text"]:hover, table.tablecontrol td input[type="password"]:hover{ border:1px solid #006699;}
table.tablecontrol td input[type="text"]:focus, table.tablecontrol td input[type="password"]:focus{ border:1px solid #006699;}
table.tablecontrol td input[type="radio"] { height:13px; width:25px;}
table.tablecontrol td select { height:25px; width:100%; border:1px solid #ccc;}
table.tablecontrol td select:hover{ border:1px solid #006699;}
table.tablecontrol td select:focus{ border:1px solid #006699;}
table.tablecontrol td label { font-size:14px; color:#333; height:25px;  width:30%;}

.intro-msg{font-size:13px;line-height:19px;color:black;margin-bottom:8px;margin-top:8px;background-color:#f6f8f8;border-left:5px solid green;padding:1%;width:97%}
.intro-msg h2{font-size:18px;margin-bottom:8px;margin-top:8px;}

.paratitle1
{
    width:100%;
    margin:0px;  
    padding:0px;
    display:block;
    text-align:left; font-size:15px; line-height:26px;
    color:black; font-family:"Verdana", Helvetica, Open Sans, Arial, sans-serif;     
}

.paratitle1 h2{font-size:20px; margin:20px 0px;}

.rname
{
	font-weight: bold;
	font-size: 18px;
	color: Black;
	line-height: 28px;
	font-family:"Verdana", Helvetica, Open Sans, Arial, sans-serif; 
}


.bgtitle {background-color: LightGrey;font-size:15px; font-weight:bold;text-align:center;  padding-left: 5px;padding-bottom: 5px;margin: 1em 0 1em;}
.rfloat{float:right;}
/*==================*/

.morenews{float:right;}

/* PAGETOPCONTAINER
========================================================================*/
.pagetopcontainer{ display:block; margin:10px 0px 0px; padding:0px; overflow:hidden;}
.pagetopcontainer ul{ list-style-type:none; text-decoration:none;  margin:0px; padding:0px;}
.pagetopcontainer ul li{ margin:0 6px 0 0; float:left;}
.pagetopcontainer ul li span{ margin:12px 0px 0px 0px; display:inline-block; font-size:12px; line-height:14px; font-weight:bold;}
.pagetopcontainer ul li select{ color:#73ad21; font-weight:bold; width:180px;}
.pagetopcontainer ul li select option{ padding:0px 0px 0px 7px;}

/* SELECTED
========================================================================*/
span.selected-red{ background:#F00; padding:0px 3px;}
span.selected-green{ background:#73ad21; padding:0px 3px;}
span.selected-yellow{ background:#FF0; padding:0px 3px;}

/* HIGHLIGHTER
========================================================================*/
span.highlighter-red{ color:#F00; font-weight:bold;}
span.highlighter-green{ color:#73ad21; font-weight:bold;}
span.highlighter-sgreen{ color:#73ad21; font-size:13px;}
span.highlighter-orange{ color:#FF4500; font-weight:bold;}
span.highlighter-sorange{ color:#FF4500; font-size:13px;}
span.highlighter-yellow{ color:#FF0; font-weight:bold;}
span.highlighter-sgray{ color:Gray; font-size:13px;}
span.quescircle{ color:white; padding:3px 6px 3px 6px; font-size:13px; font-weight:bold; background:#73ad21; border:0px; border-radius:10px 10px 10px 10px;}

.smalltitlegray{ color:Gray; font-size:12px;}
.subtitleteal{ color:teal; font-size:17px; line-height:26px;}
.dgnextprev a{ color:#73ad21; font-size:17px; line-height:26px; padding-right:30px;}

/* IMG
=========================================================*/
img.img-responsive { max-width:100%; }

/* CODE
========================================================================*/
.code{ font-weight:normal; background-color:#f1f1f1; font-size:15px; color: black; border:1px solid #969696; padding:10px 0 10px 10px; line-height: 23px;}
.code-box {background-color: #f1f1f1;padding:2% 1%; margin:1% 0 1% 0;display:block;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important; }
.code-box h4 {font-size: 20px;}
.code-box p {background-color: #fff; padding:1%;}

/* comment
========================================================================*/
a.comment{ font-weight:bold; font-size:18px; color:#006699; line-height:40px; background:url(/images/comment.png) 179px 5px no-repeat; display:block; width:50%}

/* LOGIN-SEC
========================================================================*/
.loginsec{ margin:0px; padding:0px; width:100%; display:block; background:url(/images/office.jpg) center 77px no-repeat fixed;-webkit-background-size:cover;  -moz-background-size:cover;  -o-background-size:cover;background-size:cover; min-height:797px; overflow:hidden;}

.loginsec .loginsec-left{ margin:18% 0 0; padding:0; display:block;}
.loginsec .loginsec-left h1{ color:#FFF;}

.loginsec-left ul{ list-style-type:none; margin:0px; padding:0px;}    
.loginsec-left ul li{ margin:0px 0px 10px; padding:0px; color:#FFF; font-size:16px; line-height:17px;}

.loginsec .loginsec-left h5{ color:#FFF; text-align:left; margin-left:20px; line-height:30px}
.loginbox{ margin:27% 10% 0px; padding:0px; width:360px;  min-height:480px; float:right; display:block; background:#FFF; box-shadow:0 0 5px #ccc;}
.loginbox h3{ margin:3% 0px 30px 0px; text-align:center;}
.loginbox h3 span{ font-weight:bold;}

.loginbox-nav{ margin:0px 0px 35px; padding:20px 0px 0px 20px; border-bottom:1px solid #ddd;}
.loginbox-nav ul{ list-style-type:none; text-decoration:none; margin:0px; padding:0px;}
.loginbox-nav ul li{ margin:0px 30px 10px 0px; float:left;}
.loginbox-nav ul li a{ padding:0 0 12px; font-size:20px; line-height:22px; color:#333; font-family:Calibri;}
.loginbox-nav ul li a:hover{ color:#c20b0d; border-bottom:2px solid #c20b0d; text-decoration:none;}
.loginbox-nav ul li a.active{ color:#c20b0d; border-bottom:2px solid #c20b0d; text-decoration:none;}

.form-control{ margin:0px 0px 20px 20px; padding:0px; display:block;}
.form-control input[type="text"]{ border-top:0px; border-right:0px; border-bottom:1px solid #ccc; border-left:0px; padding:6px 6px; width:308px;}
.form-control input[type="password"]{ border-top:0px; border-right:0px; border-bottom:1px solid #ccc; border-left:0px; padding:6px 6px; width:308px;}
.form-control input[type="text"]:focus, .form-control input[type="password"]:focus{ border-bottom:2px solid #14558c;}

.error{ color:#c00;}

.btn-sigin{ margin:0px 15px 0 0px; padding:5px 20px; font-size:14px; line-height:20px; color:#fff; font-weight:bold; text-align:center; border:0px; background:#73ad21; display:inline-block; box-shadow:0 0 5px #ccc;}
.btn-sigin:hover{ background:#14558c; text-decoration:none;}

.new_account{ margin:34.6% 0 0; padding:5% 0 20px 23%; background:#f5f5f5 url(/images/new-member.png) 0px 10px no-repeat; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:0px 1px 0 #fff inset;}
.new_account span{ color:black; font-size:20px;} 
.new_account span .member{ font-weight:bold;} 
.btn-signup{ margin:0px 0px 0px 10px; padding:10px 20px; font-size:14px; line-height:20px; color:#fff; font-weight:bold; text-align:center; border:0px; background:#73ad21; display:inline-block; box-shadow:0 0 5px #ccc;}
.btn-signup:hover{ background:#14558c; text-decoration:none;}


/* MYBUTTON AND NEWBTN
========================================================================*/
.newbtn{ margin:0px; padding:5px 20px; font-size:14px; line-height:18px; color:#fff; font-weight:bold; text-align:center; border:0px; background:#73ad21; display:inline-block; box-shadow:0 0 5px #ccc;}
.newbtn:hover{ text-decoration:none; background:#14558c;}

.btn-answer {background-color: white; color: black; border: 2px solid #4CAF50; padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 0px 0px;-webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer;}
.btn-answer:hover { background-color: #4CAF50; color: white;}
.answer-inner {padding: 5px;text-align: left;background-color: white;border: solid 1px #c3c3c3;margin:0px 0 0 0px;}
.answer-inner {padding: 5px 0px;display: none;width:100%;}
.answer-inner p{padding: 5px;}

button.toolbar {border: solid 1px #808080;background-color: transparent;padding: 0;margin-right: 4px;padding: 4px;}
/* SELECTBOX
========================================================================*/
.selectbox{ width:98%; height:27px; background-color:#FFF; font: 400 12px/18px 'Open Sans' , sans-serif; color:#000; font-weight:normal; border:1px solid #ccc; margin: 5px 0 0 0; padding:5px;}

/* HYPLINKBTN FOR PASSAGE
========================================================================*/
a.passagebtn{margin:10px 0px; padding:2px 10px; display:inline-block; border-radius:5px; color:#fff; font-weight:normal; font-size:13.5px; line-height:21px; background:#73ad21;}

/* HYPLINKBTN FOR GENERAL
========================================================================*/
a.hyplinkbtn1{padding:2px 10px; display:inline-block; border-radius:5px; color:#fff; font-weight:normal; font-size:13.5px; line-height:21px; background:#73ad21;}

/* HYPLINKBTN
========================================================================*/
a.hyplinkbtn{margin:10px 0px; padding:2px 5px; display:inline-block; border:1px solid #006699; color:black; font-weight:normal; font-size:13.5px; line-height:21px;}

/* HYPLINKBTN2
========================================================================*/
a.hyplinkbtn2{margin:0px; padding:2px 5px; display:inline-block; border:1px solid #006699; color:black; font-weight:normal; font-size:13.5px; line-height:21px;}

/* TOGGLE BUTTON
========================================================================*/

a.togglebtn{ margin:10px 0px; padding:2px 5px; display:inline-block; border:1px solid #006699; color:black; font-weight:normal; font-size:13.5px; line-height:21px;}

#z1,#z2,#z3,#z4,#z5,#z6,#z7,#z8,#z9,#z10,#z11,#z12,#z13,#z14,#z15,#z16,#z17,#z18,#z19,#z20,#z21,#z22,#z23,#z24,#z25,#z26,#z27,#z28,#z29,#z30,#z31,#z32,#z33,#z34,#z35,#z36,#z37,#z38,#z39,#z40,#z41,#z42,#z43,#z44,#z45,#z46,#z47,#z48,#z49,#z50,#z51,#z52,#z53,#z54,#z55,#z56,#z57,#z58,#z59,#z60{ margin:-11px 0px 10px; padding:0px 10px; border:1px solid #006699; display:none;}
#z1 p,#z2 p,#z3 p,#z4 p,#z5 p,#z6 p,#z7 p,#z8 p,#z9 p,#z10 p,#z11 p,#z12 p,#z13 p,#z14 p,#z15 p,#z16 p,#z17 p,#z18 p,#z19 p,#z20 p,#z21 p,#z22 p,#z23 p,#z24 p,#z25 p,#z26 p,#z27 p,#z28 p,#z29 p,#z30 p,#z31 p,#z32 p,#z33 p,#z34 p,#z35 p,#z36 p,#z37 p,#z38 p,#z39 p,#z40 p,#z41 p,#z42 p,#z43 p,#z44 p,#z45 p,#z46 p,#z47 p,#z48 p,#z49 p,#z50 p,#z51 p,#z52 p,#z53 p,#z54 p,#z55 p,#z56 p,#z57 p,#z58 p,#z59 p,#z60 p{ margin:10px 0px 0;}

#y1,#y2,#y3,#y4,#y5,#y6,#y7,#y8,#y9,#y10,#y11,#y12,#y13,#y14,#y15,#y16,#y17,#y18,#y19,#y20,#y21,#y22,#y23,#y24,#y25,#y26,#y27,#y28,#y29,#y30,#y31,#y32,#y33,#y34,#y35,#y36,#y37,#y38,#y39,#y40,#y41,#y42,#y43,#y44,#y45,#y46,#y47,#y48,#y49,#y50,#y51,#y52,#y53,#y54,#y55,#y56,#y57,#y58,#y59,#y60{ margin:-11px 0px 10px; padding:0px 10px; border:1px solid #006699; display:none;}
#y1 p,#y2 p,#y3 p,#y4 p,#y5 p,#y6 p,#y7 p,#y8 p,#y9 p,#y10 p,#y11 p,#y12 p,#y13 p,#y14 p,#y15 p,#y16 p,#y17 p,#y18 p,#y19 p,#y20 p,#y21 p,#y22 p,#y23 p,#y24 p,#y25 p,#y26 p,#y27 p,#y28 p,#y29 p,#y30 p,#y31 p,#y32 p,#y33 p,#y34 p,#y35 p,#y36 p,#y37 p,#y38 p,#y39 p,#y40 p,#y41 p,#y42 p,#y43 p,#y44 p,#y45 p,#y46 p,#y47 p,#y48 p,#y49 p,#y50 p,#y51 p,#y52 p,#y53 p,#y54 p,#y55 p,#y56 p,#y57 p,#y58 p,#y59 p,#y60 p{ margin:10px 0px 0;}

/* SELECTED-BOX
========================================================================*/
.selected-box{ margin:10px 0px 0px; padding:0px; display:block; background:#f1f1f1;}
.selected-box p{ padding:10px; font-weight:bold; color:maroon;}

/* UL FORMAT - DISC,CIRCLE,SQUARE.
========================================================================*/
ul{ text-decoration:none; list-style-type:disc; margin:0px 3px 20px; padding:0 0 0 18px; color:#000;} 
ul li{ margin:0px; line-height:26px;}

ul.disc{ list-style-type:disc;}    
ul.circle{ list-style-type:circle;}    
ul.square{ list-style-type:square;}    
ul.resume{list-style-type:disc;}
ul.tcontrol{ margin:0px; padding:0px; list-style-type:none; text-decoration:none;}
ul.tcontrol li{ float:left; padding-right:5px;}

ul.one-link-for-multiple-line{ list-style-type:none; text-decoration:none; margin:0px 0 10px 0; padding:0px;}
ul.one-link-for-multiple-line li{ margin:0px;}
ul.one-link-for-multiple-line li a{ padding:5px 0px 5px 10px; display:block; color:#000; font-size:0.9em; line-height:26px; border-bottom:0px;}
ul.one-link-for-multiple-line li a:hover{ text-decoration:none; color:#ffffff; background:#73ad21;}

.loginmsg{ margin:0px; padding:0px; display:block; overflow:hidden;}
.loginmsg ul{ float:right; margin:0px; padding:0px; list-style-type:none; text-decoration:none;}
.loginmsg ul li{ float:left; padding-right:5px; font-size:13px;}
.loginmsg ul li:nth-child(3){ padding:0px;}


.loginmenu{ margin:0px 0px 15px; padding:0px; display:block;}
.loginmenu ul{ list-style-type:none; text-decoration:none; margin:0px; padding:0px;}
.loginmenu ul li{ float:left; margin:0 7px 7px 0;}
.loginmenu ul li a{ padding:5px; color:#14558c; font-size:14px; line-height:16px; background:#E3FEAB; border-bottom:2px solid transparent; border:1px solid #B3FE41;}
.loginmenu ul li a:hover{ text-decoration:none; border-bottom:2px solid #f17421;}

/* LEFTCOLUMN-TOGGLE
========================================================================*/
button.leftcolumn-toggle{ display:none; float:left; margin:2px 7% 0 18%; width:35px; height:25px; background: url(/images/button.png) no-repeat center #03818d; border:0px;}

/* SCROLL-TO-TOP
========================================================================*/
a.scroll-to-top{ background:orange none repeat scroll 0 0; border-radius:50%; bottom:10px; color:#fff; font-size:22px; line-height:36px; font-weight:bold; display:inline-block; height:40px; opacity:0.7;
padding:0px;
    position:fixed;
    right:38px;
    text-align:center;
    text-decoration:none;
    transition: all 0.3s ease 0s;
    width:40px;
    z-index:1040;
}

/* NAVSUB
========================================================================*/
a.navsub{ display:inline-block; position:relative; background:url(/images/arrow-down.png) 49px 10px no-repeat; padding:5px 20px 5px 6px;}
a:hover.navsub{ background:url(/images/arrow-down-hover.png) 46px 10px no-repeat #73ad21;}
.navsub-content{ margin:31px 0 0 10px; padding:0; width:99.8%; background:#f1f1f1 none repeat scroll 0 0; border:1px solid #ccc; box-shadow:0 0 5px #ccc; display:none; min-height:212px; overflow:hidden; position:absolute; z-index:1;}
a.close{ background:#006699; border-radius:100px; color:#FFF; float:right; font-size:26px; line-height:31px; font-weight:bold; margin:10px 10px 0 0; padding:0px; text-align:center; width:30px; height:30px; text-decoration:none;}
.navsub-content ul{ list-style-type:none; text-decoration:none; margin:0px; padding:10px 0 0 0;}
.navsub-content ul li{ float:none;}
.navsub-content ul li a{ font-weight:normal; border-radius:0px; padding:5px 0px 5px 10px;}


/* FLUID-GRID-16
========================================================================*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 { width: 100%; margin-left: 0%; margin-right: 0%;}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display:inline; float: left; position: relative;}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .grid_1 { width:4.25%; }
.container_16 .grid_2 { width:12.5%; }
.container_16 .grid_3 { width:20%; }
.container_16 .grid_4 { width:23%; }
.container_16 .grid_5 { width:31.25%; }
.container_16 .grid_6 { width:40%; }
.container_16 .grid_7 { width:41.75%; }
.container_16 .grid_8 { width:60.0%; }
.container_16 .grid_9 { width:57%; }
.container_16 .grid_10 { width:60%; }
.container_16 .grid_11 { width:68.75%; }
.container_16 .grid_12 { width:75.0%; }
.container_16 .grid_13 { width:79.25%; }
.container_16 .grid_14 { width:85.5%; }
.container_16 .grid_15 { width:91.75%; }
.container_16 .grid_16         { width:100%; }
/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .prefix_1 { padding-left:6.25%; }
.container_16 .prefix_2 { padding-left:12.5%; }
.container_16 .prefix_3 { padding-left:18.75%; }
.container_16 .prefix_4 { padding-left:25.0%; }
.container_16 .prefix_5 { padding-left:31.25%; }
.container_16 .prefix_6 { padding-left:37.5%; }
.container_16 .prefix_7 { padding-left:43.75%; }
.container_16 .prefix_8 { padding-left:50.0%; }
.container_16 .prefix_9 { padding-left:56.25%; }
.container_16 .prefix_10 { padding-left:62.5%; }
.container_16 .prefix_11 { padding-left:68.75%; }
.container_16 .prefix_12 { padding-left:75.0%; }
.container_16 .prefix_13 { padding-left:81.25%; }
.container_16 .prefix_14 { padding-left:87.5%; }
.container_16 .prefix_15 { padding-left:93.75%; }
/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .suffix_1 { padding-right:6.25%; }
.container_16 .suffix_2 { padding-right:12.5%; }
.container_16 .suffix_3 { padding-right:18.75%; }
.container_16 .suffix_4 { padding-right:25.0%; }
.container_16 .suffix_5 { padding-right:31.25%; }
.container_16 .suffix_6 { padding-right:37.5%; }
.container_16 .suffix_7 { padding-right:43.75%; }
.container_16 .suffix_8 { padding-right:50.0%; }
.container_16 .suffix_9 { padding-right:56.25%; }
.container_16 .suffix_10 { padding-right:62.5%; }
.container_16 .suffix_11 { padding-right:68.75%; }
.container_16 .suffix_12 { padding-right:75.0%; }
.container_16 .suffix_13 { padding-right:81.25%; }
.container_16 .suffix_14 { padding-right:87.5%; }
.container_16 .suffix_15 { padding-right:93.75%; }
/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .push_1 { left:6.25%; }
.container_16 .push_2 { left:12.5%; }
.container_16 .push_3 { left:18.75%; }
.container_16 .push_4 { left:25.0%; }
.container_16 .push_5 { left:31.25%; }
.container_16 .push_6 { left:37.5%; }
.container_16 .push_7 { left:43.75%; }
.container_16 .push_8 { left:50.0%; }
.container_16 .push_9 { left:56.25%; }
.container_16 .push_10 { left:62.5%; }
.container_16 .push_11 { left:68.75%; }
.container_16 .push_12 { left:75.0%; }
.container_16 .push_13 { left:81.25%; }
.container_16 .push_14 { left:87.5%; }
.container_16 .push_15 { left:93.75%; }
/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .pull_1 { left:-6.25%; }
.container_16 .pull_2 { left:-12.5%; }
.container_16 .pull_3 { left:-18.75%; }
.container_16 .pull_4 { left:-25.0%; }
.container_16 .pull_5 { left:-31.25%; }
.container_16 .pull_6 { left:-40%; }
.container_16 .pull_7 { left:-43.75%; }
.container_16 .pull_8 { left:-50.0%; }
.container_16 .pull_9 { left:-56.25%; }
.container_16 .pull_10 { left:-60%; }
.container_16 .pull_11 { left:-68.75%; }
.container_16 .pull_12 { left:-75.0%; }
.container_16 .pull_13 { left:-81.25%; }
.container_16 .pull_14 { left:-87.5%; }
.container_16 .pull_15 { left:-93.75%; }
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* MEDIA
========================================================================*/
@media only screen and (max-width:1024px){ 
.container_16 .grid_3{ width:20%;}
nav ul li a{ padding:5px 10px;}
#z1{ margin:-11px 0px 10px; display:none;}
.four-column ul li{ width:20%;}
.img-responsive { max-width:90%; }
.banner-index .category {font-size:30px; }
.subcategory {font-size:90px;}
.middle-sec{width:100%;}
.container_16 .grid_11{ width:70%;}
.container_16 .grid_5{ width:30%;}
}

@media only screen and (max-width:959px){    
.img-responsive { max-width:80%; }
.subcategory-topic ul li{width:27%}
.subcategory .subcategory-title p{font-size:80px;line-height:70px;}
}

@media only screen and (max-width:800px){
.container_16 .grid_3{ width:25%;}    
.container_16 .grid_9{ width:75%;}
.four-column ul li{ width:20%;}
.social-icons{ display:none;}
a.close{ display:none;}
.rightcolumn a img{ display:none;}
.rightcolumn-inner{ display:none;}
.img-responsive { width:90%;} 
.banner-index {background-position:bottom;}
.banner-index .category {font-size:30px;}
.subcategory .subcategory-title p{font-size:70px;line-height:60px;}
.subcategory .subcategory-title{padding:170px 0 0 0;}
}

@media only screen and (max-width:768px){
.container_16 .grid_11{ width:100%;}
.pagedata-right{margin:0;}
.container_16 .grid_5{ width:100%;}
.container_16 .grid_3{ width:30%;}
.container_16 .grid_9{ width:70%;}
.banner-index .category p {font-size:40px;}
.category ul li a {font-size:18px;}
.subcategory .subcategory-title p{font-size:60px;line-height:50px;}
.subcategory-topic ul li{width:40%}
nav ul li a{ font-size:13px;padding:5px 9px;}

}

@media only screen and (max-width:600px){
nav ul li a{ font-size:14px;}
.container_16 .grid_2{display:none;}
.container_16 .grid_3{ width:35%;}
.container_16 .grid_9{ width:100%;}
.container_16 .grid_11{ width:100%;}
.container_16 .grid_6{ width:100%;}    
.pagedata-left{display:none;}
.ads-sec{margin:-40px 0 5px 0;}
.pagedata-left{margin:-40px 0 0px 0;}
button.leftcolumn-toggle{margin:15px 0 15px 1%; display:block;}
.logo{margin:15px 0 15px 15px; float:left;}
.container_16 .grid_10{ width:100%;}
#cse-search-box{ display:none;}    
nav{ margin:0px; padding:60px 0 0 0px; width:100%; display:none; z-index:1;}
nav ul{ margin:0;}
nav ul li{ float:none;}
nav ul li a{ margin:0; padding:8px 10px; border-radius:0px; font-size:0.9em; line-height:18px; font-weight:normal; border-bottom:1px dotted #ccc;}
nav ul li a:hover{  box-shadow:none;}
a.navsub{ display:none;}
.container_16 .grid_4{ width:100%;}
.container_16 .grid_5{ width:100%;}
.container_16 .grid_16{ width:100%;}
.container_16 .grid_12{ width:100%;}
.leftcolumn-inner{ display:none;}
.container_16 .grid_8{ width:100%;}
.four-column ul li{ width:100%;}
a.scroll-to-top{ bottom:10%;}
.padtop10{ padding-top:10px;}
.martop{ margin-top:auto;}
.img-responsive { width:70%;} 
.banner-index {background-position-y:0px;min-height:250px;}
.banner-index .category {padding:100px 0 0 0;}
.banner-index .category p {font-size:30px;}
.category ul{width:100%}
.category ul li a {font-size:17px;}
.subcategory{background-position-y:0px;height:200px;}
.subcategory .subcategory-title{padding:80px 0 0 0;}
.subcategory .subcategory-title p{font-size:50px;line-height:40px;}
.middle-sec{padding-top:57px;}
.middle-sec h1{font-size: 22px;line-height: 24px;}
.paratitle1 h2{font-size:18px; margin:18px 0px;}
}

@media only screen and (max-width:568px){
.container_16 .grid_9{ width:100%;}
.new_account{ margin:60px 0 0;}
.pagetopcontainer ul li{ margin:0 6px 0 0;}
.pagetopcontainer ul li select{ width:180px;}
footer .footer-bottom-sec ul{ width:50%;}
.banner-index .category p {font-size:30px;}
.category ul li a {font-size:14px; padding:4px; line-height:40px;}
}

@media only screen and (max-width:480px){
.four-column h1{ margin:0 0 5px; font-size:22px; line-height:23px;}
footer .footer-top-sec h3{ padding:10px 0 10px 4px;}
footer .footer-bottom-sec ul{ width:60%;}
a.scroll-to-top{ right:26px; bottom:12%;}
.martop{ margin-top:auto;}
.img-responsive { width:65%;} 
.banner-index {min-height:250px;}
.banner-index .category {font-size:30px; padding:100px 0 0 0;}
.banner-index .category p {font-size:25px; margin:2% 0 5% 0;}
.category ul li a {font-size:15px; padding:2px;}
.body-sec {margin:-5% 0 0 0;}
.subcategory .subcategory-title p{font-size:40px;}
.logo a img{ max-width:80%;height:auto;}
.middle-sec h1{font-size: 20px;line-height: 22px;}
.related-topics ul li{ width:100%;}
.menu-items-left ul li{ width:100%;}
.menu-items-left {max-height:150px;overflow-x: auto;}
}

@media only screen and (max-width:360px){
.logo{margin:15px 0 15px 1%; float:left;}
.logo img {max-width:90%;}
nav{ padding:60px 0 0;}
.middle-sec h1{ font-size:18px; line-height:20px;}    
.pagedata-inner h3{ font-size:18px; line-height:19px;}
.pagetopcontainer ul li:nth-child(1){ float:none; text-align:center;}
.pagetopcontainer ul li:nth-child(2){ margin:0 5px 0 14%;}
footer .footer-bottom-sec ul{ width:100%;}
.martop{ margin-top:auto;}
.padtop10{ padding-top:10px;}
.img-responsive { max-width:60%; }
.subcategory .subcategory-title p{font-size:36px;line-height:30px;}
}

@media only screen and (max-width:320px){
table.tablecontrol td input[type="text"]{ width:205px;}
.loginbox{ margin:30% 0 0;}
.form-control input[type="text"]{ width:96%;}
.form-control input[type="password"]{ width:96%;}
a.scroll-to-top{ right:8px;}
.martop{ margin-top:auto;}
.banner-index .category {font-size:30px;}
}

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}