
.breadcrumb>li{ position: relative;}

@media only screen and (max-width: 1399px) {
    .rt-content-block h3 {
        font-size: 17px;}
        .rt-content-block {
            margin-left: 89px;
        }

      
}

@media only screen and (max-width: 1199px) {
.col-sm-1.px-2.mt-4.search-btn-xs {width:12%;}
.ipapplication .row2 {display:flex;}
.box-block {display:inherit; min-height:205px;}
.rt-content {padding-left:0px;}
.box-block .img-b {display:block;}
.rt-content strong {display:block; position:relative; font-size:18px; color:#000; line-height:normal; padding-bottom:8px; height:50px; vertical-align:middle; display:table-cell;}
.circle-bg{ left: -87px;}
.circle-bg img {
    width: 40px;
    margin-left: 19px;
}
.rt-content-block {
    margin-left: 64px;
}
.box-card-block {
    min-height: 131px;
}
.page {
 
    overflow: hidden;
}

}

@media only screen and (max-width: 991px) {
button#shoeButton, .export-button-s, .flt_bx .btn-success {font-size:13px;}
.titleLink, .titleLink .box-title {display:block; width:100%;}
.flt_bx {width:100%; margin-top:15px; float:left;}
.rt-content strong {height:inherit; display:inline-block;}
.box-block {display:inherit; text-align:center; min-height:inherit;}
.box-block .img-b {display:block; text-align:center; margin:0 auto;}
.registration-form{ width:90%;}
.reg_right h4 {
    font-size: 20px;
    line-height: 27px;}
    .rt-content-block h3 {
        font-size: 18px;
        letter-spacing: -1px;
    }
  .dashrow  .col-sm-3 {
        width: 50%;
        margin-bottom: 30px;
    }
    .main-form-s fieldset{min-inline-size: inherit !important;}
    .table-responsive .form-control{width: 100%;}
    ul.breadcrumb.rounded-0 {
        margin-top: 0px !important;
        padding: 0px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
.registration-form {width:85%; margin:0 auto}
.form-top {overflow:hidden; padding:0 15px 10px}
.form-bottom {padding:15px}
.form-top-left p {line-height:20px}
input#captcha {width:100%!important; float:left; margin-right:2%}
.row {display: block;clear: both;}
}
    
@media only screen and (max-width: 767px) {
    .reg_right h4 {
    font-size: 18px;
    line-height: 27px;}
    .box-card-block{ margin-bottom: 25px;}
    .box-card-block.bg-lightpurple{ margin-bottom: 0px;}
    .rt-content-block {
        margin-left: 73px;
    }
    .dashrow  .col-sm-3 {
        width: 100%;

    }

    .loginBg {
        -ms-flex-order: 2;
        order: 2;
    }
    .loginContent{-ms-flex-order: 1;
        order: 1;}

    .table-responsive .form-control{width: 100%;}
    .main-form-s fieldset{ line-height: 17px;}
    .form-box{border-radius:10px;}
   .sbg  .box-header > .box-tools {
        position: absolute;
        right: 10px;
        top: 3px;
        display: flex;
    }


    
.one {padding-left:15px; padding-right:15px;}
.form-inline .form-group {display:flex; margin-bottom:0; align-items:baseline;}
.col-sm-1.px-2.mt-4.search-btn-xs {width:100%; padding:0px 15px !important;}
.main-header .logo .logo-lg {display:block; text-align:center;}
.col-sm-1.px-2.mt-4.search-btn-xs {margin-top:0px !important;}
.box-tools label {margin-right:5px;}
.ipapplication .form-group {margin-bottom:5px;}
.main-footer {text-align:center;}
.main-form-s .table-responsive {border:none !important;}
.middle-border {min-height:auto; margin:65px 30px 0; border-right:0; border-top:1px solid rgba(255,255,255,.6)}
.form-box {width:100%}
.reg_right {display:none}
img.capimg {float:left; margin-right:2%; width:auto!important}
.registration-form {width:83%; margin:0 auto}
.registration-form .input-group-addon {width:13%; padding:6px 0}
.form-inline .box-title {width: 63%;font-size: 120%;line-height: 22px;font-weight: bold;color: #000000;}
.box-tools label {margin-right: 5px;display: none;}
.view-form-section .form-group {min-height: auto;}


.mobile-table thead {
    display: block;
    float: left;
}
.mobile-table thead th{    display: block;}

.mobile-table thead tr {
    display: block;
}
    .mobile-table tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
.mobile-table   tbody tr {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
}
.mobile-table   tbody  td {
    display: block;
    min-height: 1.25em;
    text-align: left;

}
.table-responsive-block {
    overflow: hidden;
}
.table-responsive-block table {
    display: block;
    position: relative;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	    border: 1px solid #ddd;
    border-radius: 4px;
}
.table-responsive-block .table th {
    width: auto !important;
}
.table-responsive-block table td:first-child p {
    text-align: left !important;
}
.table-responsive-block table td input, .table-responsive-block table td select {
    border: none;
    padding: 0 5px;
    height: auto;
}
.mobile-table tbody td {
    display: block;
    min-height: 1.25em;
    text-align: left;
    width: 100%;
}


/* responsive table 2 css start */
.responsivetable2 table {
    border: 0;
  }

.responsivetable2  table caption {
    font-size: 1.3em;
  }
  
.responsivetable2  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
.responsivetable2  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
    .responsivetable2 table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
        width: 100%;
        position: relative;
        white-space: normal !important;
		padding-top: 20px !important;
    }
  
    .responsivetable2 table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 0.9rem;
    }
  .responsivetable2 table td p {
    text-align: left;
}
.responsivetable2  table td:last-child {
    border-bottom: 0;
  }
.responsivetable2 table .form-control{width:100%;}
.fid-block .responsivetable2 table tr:nth-of-type(even){background-color: #fff !important;}

/* responsive table 2 css end */

table {display: block;overflow: auto;}
.ipapplication .col-sm-1, .ipapplication .col-md-1 {width: 50% !important;float: left !important;}
.box-footer {display: flex;justify-content: center;align-items: center;}
.box-footer button{margin-right: 8px;}
.box-footer a{margin-left: 8px;}
.form-group {margin-bottom: 5px;}
.box-header {padding: 5px 10px;min-height: 46px;}
.box-header .box-title {line-height: 22px;}
.filltableresponsive table {padding: 10px;}
.filltableresponsive tr {width: 100%; display: block;}
.filltableresponsive tr td {display: block; width: 100%;}
.filltableresponsive tr td p {white-space: normal;}
.filltableresponsive tr td p br {
    display: none;
}
.pb-10{padding-bottom:10px;}

}

@media (max-width:590px) {
img.capimg, input#captcha {float:left; margin-right:2%}
.registration-form.forgotpass {width:87%}
img.capimg {width:40%!important}
input#captcha {width:100%!important}
.registration-form {width:90%; margin:0 auto}
.form-top {overflow:hidden; padding:0 15px 10px}
.form-bottom {padding:15px}
.form-top-left p {color:#16408c; font-size:14px; line-height:23px}
.input-group input {font-size:13px}
.flt_bx .btn {padding: 4px;font-size: 12px;}
}
    
@media only screen and (max-width: 576px) {
.common-button-m img {margin-right:4px;}
ul.breadcrumb.rounded-0 {margin-top:0px !important;}
.ipapplication .row2 {display:block;}
.col-md-1.px-2.mt-4.search-btn-xs {width:100%;}
#add-frm .form-group {margin-bottom:5px;}
ul.breadcrumb.rounded-0 {
    margin-top: 0px !important;
    padding: 10px 0px;
    text-align: right;
    width: 100%;
}
button.btn.login_btn {
    width: 110px !important;

    height: 38px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}
}

@media only screen and (max-width: 480px) {
.box-footer .data-count {text-align:center; float:left; width:100%;}
.box-footer ul.pagination.pagination-sm.no-margin.pull-right {width:100%; text-align:center; display:block; float:none !important;}
.box-footer .pagination>li {display:inline-block;}
.box-footer .btn-primary, .box-footer .btn-danger {width:100%}
.box-footer .btn-danger.mx-2, .box-footer .btn-danger.mx-1 {margin:5px 0px !important}
.box-footer {padding:10px 0px;}
.form-box h3 {
    font-weight: 600;
    color: #000;
    font-size: 18px;
}
.form-top-left p {
    color: #16408c;
    font-size: 12px;
    line-height: 23px;
    font-weight: 500;
}
input#captcha,input[type=email] {
    width: 100% !important;
    font-size: 12px !important;
}
}

@media (max-width:415px) {
h1, h2 {font-size:32px}
.registration-form {width:90%; margin:0 auto}
img.capimg {width:33%!important}
}
    