html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.img-circle {
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1010px;
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}
@-ms-viewport {
    width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media print {
    .hidden-print {
        display: none !important;
    }
}





/*error msg start here*/
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,25%);
    -ms-transform: translate(0,25%);
    -o-transform: translate(0,25%);
    transform: translate(0,25%);
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 100px auto;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.bootstrap-dialog.type-warning .modal-header {
    background-color: #f0ad4e;
}
.bootstrap-dialog .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.modal-header {
    padding: 5px;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.bootstrap-dialog .bootstrap-dialog-close-button {
    font-size: 20px;
    float: right;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-header .close {
    margin-top: -2px;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.bootstrap-dialog .bootstrap-dialog-title {
    color: #fff;
    display: inline-block;
    font-size: 16px;
}
.modal-body {
    padding: 10px;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 14px;
}
.modal-footer {
    padding: 10px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
button.btn {
    margin-top: 5px!important;
}
button.btn {
    height: 30px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #009900;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

@media (min-width: 768px){
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }
}

@media only screen and (max-width: 992px){
    .MenuIcon{display: inline-block; float: left; width: 100%;}
    .HeaderRgt{ min-height: 10px;}
    .headerbox{ padding:10px 15px 15px; font-size: 14px} 
    .Logbtn{margin-left: 15px; padding: 8px 15px; font-size: 14px;}
    .logo{ float: left; width: 100%; border: none; margin: 0; text-align: center; padding: 10px 0 }
    .LogoLfttxt{ padding: 10px 0; font-size: 14px; float: left;}
    .MenuList{ display: none; float: left; width: 100%;}
    .MenuList li{ padding: 0; float: left; width: 100%;}
    .MenuList li a{ line-height: 20px; padding: 8px 0; font-size: 16px;}
    .MenuList ul{margin: 0; }
    .RightTxt{ font-size: 13px; float: right; padding: 10px 0; letter-spacing: 0; }
    .Content{padding: 30px 0;}
    .Content p, .Content a{ font-size: 16px; line-height: 20px;}
    .ButtonsBox{ margin-top: 15px; }
    .CenBox:first-child{ padding: 0;}
    .CenBox a{ line-height: 50px; width: 215px; margin-bottom: 10px;}
    .Grade{ padding: 30px 0 20px;}
    .MainTitle{ margin-bottom: 15px; font-size: 30px;}
    .SubTitle{ margin-bottom: 15px; font-size: 20px;}
    .BlueBox li, .BlueBox li:last-child{ padding-right: 15px; margin-bottom: 15px}
    .seprater{ margin: 5px 0 15px; width: 100%;}
    .Bluebtn{ padding: 0 20px; font-size: 18px; line-height: 45px;}
    .Flogo, .Fcopyrgt{ padding: 15px 0; font-size: 14px; line-height: 16px;}
    .Fcopyrgt a{ margin-top: 0px; }
    .reportSec{padding: 27px 0 25px;}
    .CurriculumInnerSec{padding: 30px 0 25px;}
    .Rpttitle{font-size: 24px;margin-bottom: 15px;}
    /*.Rptlist li{ width: 50%; margin-bottom: 15px;}*/
    .Rptlist li{ width: 50%; float: left;margin-bottom: 15px;}
    .Redbtn{line-height: 50px;font-size: 18px; padding: 0 20px;}
    .InnerTitle{ margin-bottom: 25px; font-size: 28px; line-height: 30px;}
    .InnerTitle:after, .InnerTitle:before{display: none;}
    .MonthBox li{ padding: 0 7px; margin-bottom: 15px; }
    .Monthnme{font-size: 22px; line-height: 24px; margin-bottom: 8px;}
    .MonthBox .Bluebtn{ padding: 0 40px;}
    .Btmseprater{width: 100%; margin: 10px auto 15px;}
    .InnerPageSec{padding: 30px 15px;}
    .InnersubTitle{font-size: 22px;line-height: 24px;}
    .ResourcesSec{padding: 30px 0 20px;}
    .LeftsideCur{width: 100%;padding: 0;text-align: center; border-right: none;}
    .RightsideRes{float: left;width: 100%;padding: 0;text-align: center; border-right: none;}
    .ChartTitle{margin-bottom: 20px;}
    .RightsideRes .ChartTitle{text-align: center;padding:15px 0 0;float: none;margin-bottom: 20px; position: relative;float: left;width: 100%;}
    .Rgtside li:last-child{float: none;}
    /*.RightsideRes .ChartTitle:before{ content: ""; background: #fff; height: 3px; width: 100%; position: absolute; top: 0;left: 0;right: 0; margin: auto}*/
    .Lftseprater{width: 100%;margin: 0 0 12px;}
    .ChartBtns, .Rgtside li{margin: 0;}
    .Common li, .Rgtside li{padding-right: 15px;display: inline-block; float: none;padding-bottom: 15px}
    .Common li a{ font-size: 18px; line-height: 20px; width: 200px; height: 80px; padding: 0 10px;}
    .Rgtside .Bluebtn{font-size: 18px; line-height: 20px;width: 200px; height: 80px; padding: 0 10px;}
    .Lsntitle{font-size: 22px;line-height: 22px;margin-bottom: 15px;text-align: center}
    .Flogo img{ width: 222px; }
    #loginform, .widecolumn{padding: 20px 15px;width: 380px;}
    .knowatom_loginForm, .content-area{ width: 100%; padding: 50px 15px;}
    .page-content p { line-height: 24px;}
    .content-area .screen-reader-text{ line-height: 24px; margin-bottom: 10px;}
    .content-area .search-submit .screen-reader-text{ line-height: 45px; margin: 0;}
    .content-area{ width: 100%; margin: auto; text-align: center;padding: 20px 15px; float: left;}
    .comment-respond{ width: 100%; margin-bottom: 0 }
    .Rgtseprater{margin: 10px 0}
    
}
@media only screen and (max-width: 1199px){}
@media only screen and (max-width: 991px){}
@media only screen and (max-width: 767px){
    .MenuIcon{display: inline-block; float: left; width: 100%;}
    .HeaderRgt{ min-height: 10px;}
	.footer_left {text-align: center;width: 100%;float: left;}
	.footer_right {text-align: center;width: 100%;float: left;}
    .headerbox{ padding:10px 15px 15px; font-size: 14px} 
    .Logbtn{margin-left: 15px; padding: 8px 15px; font-size: 14px;}
    .logo{ float: left; width: 100%; border: none; margin: 0; text-align: center; padding: 10px 0 }
    .LogoLfttxt{ padding: 10px 0; font-size: 14px; float: left;}
    .MenuList{ display: none; float: left; width: 100%;}
    .MenuList li{ padding: 0; float: left; width: 100%;}
    .MenuList li a{ line-height: 20px; padding: 8px 0; font-size: 16px;}
    .MenuList ul{margin: 0; }
    .RightTxt{ font-size: 13px; float: right; padding: 10px 0; letter-spacing: 0; }
    .Content{padding: 30px 0;}
    .Content p, .Content a{ font-size: 16px; line-height: 20px;}
    .ButtonsBox{ margin-top: 15px; }
    .CenBox:first-child{ padding: 0;}
    .CenBox a{ line-height: 50px; width: 215px; margin-bottom: 10px;}
    .Grade{ padding: 30px 0 20px;}
    .MainTitle{ margin-bottom: 15px; font-size: 30px;}
    .SubTitle{ margin-bottom: 15px; font-size: 20px;}
    .BlueBox li, .BlueBox li:last-child{ padding-right: 15px; margin-bottom: 15px}
    .seprater{ margin: 5px 0 15px; width: 100%;}
    .Bluebtn{ padding: 0 20px; font-size: 18px; line-height: 45px;}
    .Flogo, .Fcopyrgt{ padding: 15px 0; font-size: 14px; line-height: 16px;}
    .Fcopyrgt a{ margin-top: 5px; }
    .reportSec{padding: 27px 0 25px;}
    .CurriculumInnerSec{padding: 30px 0 25px;}
    .Rpttitle{font-size: 24px;margin-bottom: 15px;}
    /*.Rptlist li{ width: 50%; margin-bottom: 15px;}*/
    .Rptlist li{ width: 50%; float: left;margin-bottom: 15px;}
    .Redbtn{line-height: 50px;font-size: 18px; padding: 0 20px;}
    .InnerTitle{ margin-bottom: 25px; font-size: 28px; line-height: 30px;}
    .InnerTitle:after, .InnerTitle:before{display: none;}
    .MonthBox li{ padding: 0 7px; margin-bottom: 15px; }
    .Monthnme{font-size: 22px; line-height: 24px; margin-bottom: 8px;}
    .MonthBox .Bluebtn{ padding: 0 40px;}
    .Btmseprater{width: 100%; margin: 10px auto 15px;}
    .InnerPageSec{padding: 30px 15px;}
    .InnersubTitle{font-size: 22px;line-height: 24px;}
    .ResourcesSec{padding: 30px 0 20px;}
    .LeftsideCur{width: 100%;padding: 0;text-align: center; border-right: none;}
    .RightsideRes{float: left;width: 100%;padding: 0;text-align: center; border-right: none;}
    .ChartTitle{margin-bottom: 20px;}
    .RightsideRes .ChartTitle{text-align: center;padding:15px 0 0;float: none;margin-bottom: 20px; position: relative;float: left;width: 100%;}
    .Rgtside li:last-child{float: none;}
    /*.RightsideRes .ChartTitle:before{ content: ""; background: #fff; height: 3px; width: 100%; position: absolute; top: 0;left: 0;right: 0; margin: auto}*/
    .Lftseprater{width: 100%;margin: 0 0 12px;}
    .ChartBtns, .Rgtside li{margin: 0;}
    .Common li, .Rgtside li{padding-right: 15px;display: inline-block; float: none;padding-bottom: 15px}
    .Common li a{ font-size: 18px; line-height: 20px; width: 200px; height: 80px; padding: 0 10px;}
    .Rgtside .Bluebtn{font-size: 18px; line-height: 20px;width: 200px; height: 80px; padding: 0 10px;}
    .Lsntitle{font-size: 22px;line-height: 22px;margin-bottom: 15px;text-align: center}
    .Flogo img{ width: 222px; }
    #loginform, .widecolumn{padding: 20px 15px;width: 380px;}
    .knowatom_loginForm, .content-area{ width: 100%; padding: 50px 15px;}
    .page-content p { line-height: 24px;}
    .content-area .screen-reader-text{ line-height: 24px; margin-bottom: 10px;}
    .content-area .search-submit .screen-reader-text{ line-height: 45px; margin: 0;}
    .content-area{ width: 100%; margin: auto; text-align: center;padding: 20px 15px; float: left;}
    .comment-respond{ width: 100%; margin-bottom: 0 }
    .Rgtseprater{margin: 10px 0}
    
}
@media only screen and (max-width: 480px){
    
    .content-area .screen-reader-text{width: 100%; float: left; }
   .content-area .search-field{ width: 100%; margin: 0 0 10px;}
}
@media only screen and (max-width: 400px){
    
    .MonthBox .Bluebtn{padding: 0 35px;}
    .Rptlist li{ width: 100%;}
    #loginform, .widecolumn{width: 280px;padding: 20px 15px}
    #loginform p{margin-bottom: 15px}
    #loginform label, .comment-respond label, .comment-respond input[type="text"], .comment-respond input[type="url"], .comment-respond input[type="email"]{width: 100%; }
    #loginform .input, #lostpasswordform label{ width: 100%; margin: 0;}
    #lostpasswordform input[type="text"]{width: 100%}
}
@media only screen and (min-width:360px) and (max-width:767px){}
@media only screen and (min-width:360px) and (max-width:414px){}
@media only screen and (min-width: 480px) and (max-width: 767px){
    .CenBox:first-child{ padding-right: 10px;}
}
@media only screen and (min-width: 568px) and (max-width: 767px){
    .Btmseprater{width: 460px;}
    .Lftseprater{width: 480px; float: none;clear: both; margin: auto auto 12px;}
    .RightsideRes .ChartTitle:before{width: 480px;background: none}
    .Common li a, .Rgtside .Bluebtn{width: 230px}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){}
@media only screen and (min-width:768px) and (max-width:1199px){}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .logo{ padding-right: 15px; margin-bottom: 15px;}
    .LogoLfttxt{ padding-left: 15px; font-size: 24px;}
    .RightTxt{ font-size: 17px;}
    .MenuList li a{ font-size: 18px; }
    .MainTitle{ margin-bottom: 25px;font-size: 35px;}
    .SubTitle{ margin-bottom: 25px;font-size: 25px;}
    .Content{padding: 50px 30px;}
    .Content p, .Content a{ font-size: 20px; line-height: 28px;}
    .ButtonsBox{ margin-top: 15px;}
    .CenBox a{ line-height: 50px;}
    .CenBox:first-child{ padding-right: 20px;}
    .Bluebtn{font-size: 20px; line-height: 50px;}
    .BlueBox li{width: 177px;}
    .seprater{width: 97%;}
    .seprater{ margin: 20px auto 15px}
    .Grade{ padding: 50px 0;}
    .Flogo, .Fcopyrgt{padding: 25px 0;}
    .reportSec, .CurriculumInnerSec{padding: 40px 0;}
    .Rpttitle{margin-bottom: 25px;font-size: 25px;}
    .Rptlist li{padding: 0 5px;}
    .Rptlist li a{font-size: 17px;}
    .InnerTitle{margin-bottom: 50px;font-size: 35px;}
    .Monthnme{font-size: 24px;line-height: 26px;}
    .Btmseprater{margin: 25px auto 15px;}
    .MonthBox .Bluebtn{padding: 0 45px;}
    .InnerPageSec{ padding: 40px 0;}
    .InnersubTitle{font-size: 30px; line-height: 30px;}
    .ResourcesSec{padding: 40px 0;}
    .ChartTitle{font-size: 24px;line-height: 26px;margin-bottom: 25px;}
    .Rgtside li{margin-bottom: 35px;}
    .Rgtside .Bluebtn{font-size: 18px;line-height: 26px; width: 210px; height: 75px;}
    .Common li a{font-size: 18px;line-height: 22px;}
    .Lsntitle{ font-size: 26px; line-height: 26px;}
    .LeftsideCur{ padding-right: 15px; }
    .Common li{padding-right: 20px;}
    .Common li a {width: 200px; padding: 0 15px;}
    .Lftseprater{width: 96.7%;}
    .ChartBtns{margin-left: 0;}
    .knowatom_loginForm, .content-area{ width: 720px; padding: 80px 15px;}
    .comment-respond{ margin-bottom: 80px;}
    .RightsideRes{width: 30%;}
    .RightsideRes .ChartTitle{float: left;width: 100%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
     .Content{padding: 50px 30px;}
     .MainTitle, .SubTitle, .Rpttitle{ margin-bottom: 30px;}
     .ButtonsBox{ margin-top: 25px;}
     .Grade, .reportSec, .CurriculumInnerSec, .ResourcesSec{ padding: 50px 0;}
     .Flogo, .Fcopyrgt{padding: 30px 0;}
     .InnerTitle{margin-bottom: 55px;}
     .Monthnme{font-size: 28px;line-height: 34px;}
     .Btmseprater{margin: 35px auto 25px}
     .InnerPageSec{ padding: 40px 0;}
     .InnersubTitle{font-size: 35px;}
     .Rgtside li{margin-bottom: 40px;}
     .Rgtside .Bluebtn{font-size: 20px;line-height: 24px;}
     .Common li{padding-right: 55px;}
     .Common li a {padding: 0 20px;}
     .Lsntitle{ font-size: 28px;}
     .Lftseprater{width: 522px;}
     .ChartBtns{margin-left: 0;}
     .knowatom_loginForm, .content-area{ width: 940px; padding: 100px 15px;}
     .comment-respond{ margin-bottom: 80px;}
     .RightsideRes{width: 25%;}
    .RightsideRes .ChartTitle{float: left;width: 100%;}
}
@media only screen and (min-width: 1600px) and (max-width: 1950px){}
@media only screen and (min-width: 1024px) and (max-width: 1199px){}