@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;}
    .mob-sb-sidenav-toggled {
        padding-left: 225px !important;
    }
}

@media (max-width: 568px){
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: 44px;  max-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: 0rem;}
.Questionnear .card .card-body { padding: 1rem;}
button#btnHome { margin-top: 0.5rem;}
.contentHead h1 {font-size: 1.2rem;}
.ViewEmailData label.dataLabel {  margin-bottom: 0 !important; }
}




@media (min-width: 576px) {
   
}


@media (min-width: 768px) {
    img.tata-brand-logo {    
        width: 45% !important;
    }

    img.footer-brand-logo {   
        width: 45% !important;
    }
    .preference-header-title {
        font-size: 1.25rem !important;
    }
    .preference-checkbox-title {
        font-size: .825rem !important;
    }
    .footer-text {
        font-size: .75rem !important;
    }

    .modal-dialog.image-slider.breakin-slider {
        max-width: 700px;
    }
    .ICApproveModelBody .prevImage, .ICApproveModelBody .nextImage {
        top: 30%;
    }
    .image-slider .modal-content .large-image {
        min-height: 400px !important;
    }
    .login-form-container {
        width: 75%;
    }
}


@media (min-width: 992px) {

    img.footer-brand-logo {
        width: 25% !important;
    }
    .preference-header-title {
        font-size: 1.5rem !important;
    }
    .modal-dialog.image-slider.breakin-slider {
        max-width: 800px;
    }
    .ICApproveModelBody .prevImage, .ICApproveModelBody .nextImage {
        top: 30%;
    }
    .image-slider .modal-content .thumb-img-container .thumb-image .document-item {
        height: 100px !important;
    }
    .image-slider .modal-content .thumb-img-container .thumb-image .thumb-img-box {
        width: 100px !important;

    }
    .ICApproveModelBody .prevImage, .ICApproveModelBody .nextImage {
        top: 35%;
    }
    .image-slider .modal-content .large-image {
        min-height: 620px !important;
    }
    
}


@media (min-width: 1200px) {
    .modal-dialog.image-slider.breakin-slider {
        max-width: 1140px;
    }
   
}
@media (min-width: 768px) {

    .policy-reinstatement-container {
        width: 110% !important;
    }
}


@media (min-width: 992px) {


    .policy-reinstatement-container {
        width: 100% !important;
    }
}