@media (max-width: 812px){
.sb-topnav { padding-left: 0 !important; }
.LeftBox, .LeftBox .LeftBlue img { display:none;}
.Newsinfo.alert-secondary { margin:1rem 0 0;}
.loginBg .login-form { max-width: 100%;}
.col-9.News { flex: 0 0 100%; max-width: 100%;}
.QuizHistory button.btn.btn-sm.btn-default.detailBtn { top: 27%; right: -31px;}
.Questionnear .card .card-body { padding: 1rem 2rem;}
}

@media (max-width: 568px){
    .kycyesbtn {
        font-size: 1rem !important;
    }
nav .Newsinfo.alert.alert-secondary.w-50{width:58% !important;display:none;}
.table-header button span{display:none;}
.table-header button i{margin-right:0px !important;}
.loginBg .login-form { padding: 0rem 0;}
header .logo, header .logoC { max-height: 100%; max-width: 100%; width: 100%;}
header .logoC { display:none;}
#divIcs .form-group.col-3 { -mx-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.Quotation .PlanFoundBg .PlanDetail .edit { margin-left: 0;}
.Quotation .PlanFoundBg .PlanDetail .edittext { margin-bottom: 0.5rem;  width: 100%;}
main .card-header { padding: 0.5rem 0.5rem !important;}
.ProposarPreview .card-header { background: #f8f8f8;}
.ProposarPreview .form-control-plaintext { padding-top: 0px;}
ProposarPreview label.col-form-label, .ProposarPreview .media-body { padding-bottom: 0;}
#divbreakup .table td, #divbreakup .table th { white-space: nowrap;}
.spanClass { margin-left: 0;font-size: 14px;}
.block-view .addsDetail img { margin-right: 5px; width: 20px; height: 20px;}
#divLogoTop { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
#divLogoTop img { width: 100%; padding: 0 0 80px;  margin-right: 0px !important;}
#divLogoTop .media-body { width: 100%; padding: 0 15px; text-align: center;}
.spanClass{margin-bottom:.5rem; display:block;}
#PaymentTable .table tr th, #PaymentTable .table tr td { white-space: nowrap;}
.CTABtn{margin-bottom:1rem;}
main {margin-bottom: 1rem;}
.CustomTable { margin-top: 1rem;}
.Questionnear .col { flex-basis: content !important; padding-bottom: 0;}
.Questionnear .col.text-right{text-align:left !important; margin-bottom:1rem;}
#layoutSidenav_content main { min-height: auto; margin: 0;}
.QuizHeader .col-md-4{text-align:left !important;}
button#btnSubmit { margin-top: 0.5rem;}
.Questionnear .card .card-body { padding: 1rem;}
button#btnHome { margin-top: 0.5rem;}
.contentHead h1 {font-size: 1.2rem;}
table#PD tr td, table#CID tr td, table#CED tr td, table#CSD tr td, table#CSA tr td, table#CF tr td, table#CP tr td { width: 100%; display:contents;}
.stepBtn{text-align:center;}

    .dataTables_wrapper .dataTables_length {
        text-align: left !important;
    }
    .dataTables_wrapper .dataTables_filter {
        text-align: left !important;
    }
    .dataTables_wrapper .col-sm-12.col-md-6:last-of-type {
        padding-left: 0 !important;
    }
}

@media (min-width: 768px) {
    .pie-chart-2 {
        border-left: 1px solid #c1baba;
    }
}