@media screen and (max-width: 1200px) {
    #inputtable, #myDataTable{
        display:inline-block;
    }
    .myDataTableCert{
        display:table !important;
    }
}
@media screen and (max-width: 1000px) {
    .partial_login_wrapper{
        min-width:auto;
        text-align: center;
        padding: 0px;
    }
    .login_window{
        max-width:500px;
        margin: auto;
    }
    .login_window img{max-width:100%;}
    .login_window_content{
        float:none;
        margin:auto;
        padding: 15px;
        width: 100%;
        text-align: center;
    }
    .content-wrapper{
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 30px auto 0px;
    }
    #loginForm{
        height:auto !important;
    }
}
@media screen and (max-width: 991px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
        width: auto;
        text-align: center;
    }
    .links{
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 23px;
        max-width:100%;
    }
    .nav-wrapper {
        width: 92%;
        margin: 0px 4%;
    }
    .breadcrumb{
        width:96%;
        margin-right:2%;
        margin-left:2%;
    }  
    .dataTables_filter{
        margin-right: 7px;
    }  
    .top_margin15 .col-md-1 {
        display: none;
    }
    .btn-group {
        float:left;
        /*margin-left: 14px;*/
    }
    .outer_linkbox:nth-child(1),
    .outer_linkbox:nth-child(2),
    .outer_linkbox:nth-child(3),
    .outer_linkbox:nth-child(4),
    .outer_linkbox:nth-child(5),
    .outer_linkbox:nth-child(6),
    .outer_linkbox:nth-child(7),
    .outer_linkbox:nth-child(8),
    .outer_linkbox:nth-child(9){
        border-top:none;
        border-left:none;
        border-right:none;
        border-bottom:1px solid #ddd;
    }
    .form-group .col-md-1, .formRow .col-md-3,.formRow .col-md-1{
        display:none;
    }
    .footerButtonRow .col-md-2{
        width: auto;
        display: inline-block;
        margin: 5px auto 10px;
    }
    .formRow .col-md-10,
    .formRow .col-md-6{
        width:100%;
        float: none;
        max-width:97%;
    }
    .footerButtonRow1 .col-md-3{
        display:none;
    }
    .footerButtonRow1 .col-md-6 { 
        padding-top:10px;
        padding-bottom:10px;
    }
}
@media screen and (max-width: 767px) {
    .breadcrumb{
        width:98%;
        margin-right:1%;
        margin-left:1%;
    }
    .user_dropdown img{
        width:70%;
    }
    .organisation_logo img{
        width:70%;
        max-width: 110px;
    }
    .myDataTableCert{
        display:inline-block !important;
    }
    #cancleBtn{
        margin-left:0px;
        margin-top:15px;
        position: relative;
        display: inherit;
    }  
    #btnReset{
        margin-top:15px;
        position: relative;
        display: inherit;
    }
    #btnReset, .approve-self-registration #btnCancel {
        margin-top:15px;
        position: relative;
        display: inherit;
    }
}
@media screen and (max-width: 480px) {
    .login_window_content{
        padding:5px;
    }
    .login_button, .self_reg{
        clear: both;
        float:right;
        padding-top:15px;
    }
    .user_dropdown, .organisation_logo {
        padding:2%;
    }
    .nav-pills > li{
        width:45%;
        text-align:center;
    }
    .myDataTableCert{
        display:inline-block !important;
    }
    .ui-datepicker-trigger { 
        right:22px;
    }
    #txtBannerColor, #txtNavigationBarFontColor, #txtNavigationBarHoverColor {
        width: 50%;
    }
    #Preview table{
        display:inline-block !important;
    }
    
}
@media screen and (max-width: 380px) {
    .btn-common{
        margin-left:0px;
    }
    .charNum{
        left:calc(100% - 60px);
    }
    .approve-self-registration input {
        margin-left: 0px !important;
    }
    #CreateUserTempleate {
        margin-left: 0px;
    }
}