@media screen and (max-width:1279px) {
	.scrl_default{ overflow-x: auto;}
	.tbl_scroll {
	overflow-x: auto;
}
	.tbl_scroll table.table {
  max-width: inherit;
  width: 1000px !important;
}
}
@media screen and (max-width:1170px) {
    .latest-news-bg h3 { font-size: 18px; line-height: 22px; }
    .latest-news-bg h3 { font-size: 16px; line-height: 18px; margin-bottom: 5px; }
    .latest-news-bg p { font-size: 13px; }
    .bnr_nav ul li a {padding: 10% 10px;}
}

@media screen and (max-width:1024px) {
    body { font-size: 13px; }
    .inner-wrap h1 { font-size: 22px; margin: 0 0 8px; }
    a.link1 { font-size: 14px; }
    .login-wrap { padding: 20px 18px 40px; }
    .login-form label, .login-btn a { font-weight: normal; }
    .form-control { font-size: 13px; }
    .smart-solutions { font-size: 24px; }
    .footer-links span { font-size: 13px; }
    .footer-links ul { font-size: 12px; }
    footer p { font-size: 12px; }
    .footer-links i { font-size: 36px; }
    .btns-right .btn-primary { font-size: 13px; }
    footer { float: left; width: 100%; }
    .top-head .navbar-collapse { font-size: 14px; }
    .top-head .dropdown-menu { font-size: 12px; }
    .doners-btns { margin: 30px 0 0 15%; }
        .doners-btns .large-btn { font-size: 22px; width: 200px; }
    .doners-logo { width: 30%; }
    .top-head .navbar-header { width: 40%; }
    .top-head .navbar { margin-bottom: 0; min-height: inherit; position: relative; }
    .navbar-brand { float: left; height: auto; }
    .blue-strip { margin: 0px 0 25px; }
    .blue-strip-inner { margin-top: 0px; }
    .latest-news-bg h2 { font-size: 28px; margin-bottom: 15px; }
    .chk_box label { margin-right: 0; padding-left: 15px; text-align: left; width: 150px; }
    .sv_btn2 { padding: 0; }
    .pad_lt8 { padding-left: 10px; padding-top: 10px; }
    .chk_mrg { padding-left: 36px; }
    .mrg_top10_less { margin-top: 0; padding: 0; }
    .transfer_btn { left: 95px; margin: -59px 0 0; right: inherit; }
    .ps2 { margin: 10px 0 0; }
    .new_res1 input[type="checkbox"], .new_res1 input[type="checkbox"], .new_res1 input[type="radio"], .new_res1 input[type="radio"] { margin-left: -8px;}
    .bnr_nav ul li a {padding: 9.1% 10px;}
}

@media screen and (max-width:1020px) {
    .news-col { height: 430px; padding: 15px; }
    .news-img { position: inherit; width: auto; padding-bottom: 15px; height: 275px; }
        .news-img img { object-fit: cover; }
    .news-col a { position: static; }
    .latest-news { width: 100%; margin-left: 0; }
    .news-small, .new-small-img { height: 205px; }
    .news-small { margin-bottom: 10px; }
        .new-small-img, .news-small.bg-skyblue { margin-top: 10px; margin-bottom: 0; }
            .new-small-img img { height: 100%; }
    .news-col-full { margin-left: 0; width: 100%; }

    .btn2 input { margin: 0 1% 10px; width: 47%; }
    .pad_top50 .col-lg-4, .pad_top50 .col-sm-3, .mrg_top10 .col-lg-4, .mrg_top10 .col-sm-3 { padding: 0; }
 .bnr_nav ul li a {font-size: 1.2em;padding: 9.1% 10px;}
 .navbar-default .navbar-brand label {display: none;}
.navbar-header .navbar-brand {
  left: 0;
  padding: 15px 0 0;
  line-height: normal;
  position: absolute;
  top: 0;
}
}



@media screen and (max-width:767px) {
    body { font-size: 12px; }
    .inner-wrap h1 { font-size: 18px; margin: 0 0 5px; }
    .footer-links .col-sm-3 { text-align: center; }
    .footer-links ul { border-bottom: 1px solid #999999; padding-bottom: 15px; margin-bottom: 15px; }
    footer p { text-align: center; }
    .footer-links i { font-size: 30px; }
    .footer-strip ul { text-align: center; }
    .smart-solutions { font-size: 18px; }
    .doners-records { margin: 42px 0 25px; }
    .doners-btns .large-btn { font-size: 20px; width: 182px; margin-bottom: 26px; padding: 18px 14px; }
    .smart-solutions br { display: none; }
    .top-head .navbar-header { width: 100%; }
    .banner { margin-top: 10px; }
    .top-head .navbar-toggle { margin-bottom: 0; margin-right: 0; margin-top: 50px; }
    .top-head .navbar-default .navbar-toggle { border-color: #00c1f0; background: #00c1f0; }
        .top-head .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
    .navbar-collapse { padding-left: 0; padding-right: 0; }
    .top-head .navbar-nav { float: left; width: 100%; margin: 0px 0 0 0; }
    .top-head .nav li { background: #484848; border-top: 1px solid #636363; }
    .top-head .navbar-nav li a { padding: 10px 15px; color: #fff; }
    .top-head .nav li ul.dropdown-menu li { background: #737474; }
    .top-head .navbar-default .navbar-nav .open .dropdown-menu li a { color: #dedede; }
        .top-head .navbar-default .navbar-nav .open .dropdown-menu li a:hover { color: #000; }
    .top-head .dropdown-menu li a { border-top: 0; }
    .top-head .dropdown-submenu a::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #dedede; }
    .top-head .nav li ul.dropdown-menu li.dropdown-submenu { background: #575858; }
    .top-head .navbar-header img { max-width: 100%; width: auto; }
    .top-head .navbar-collapse { margin-top: 0; }
    .top-head .navbar-default .navbar-collapse, .top-head .navbar-default .navbar-form { border-color: rgba(0, 0, 0, 0); }
    .top-head .dropdown-menu { min-width: 100%; }
    .top-head .navbar-collapse.in { overflow-y: inherit; }
    .welcome-col, .btn-logout { padding: 5px 10px; }
    .latest-news-bg { padding: 20px; }
        .latest-news-bg h2 { font-size: 18px; }
        .latest-news-bg h3 { font-size: 14px; }
        .latest-news-bg p { font-size: 12px; }
    .pad_lt { padding-left: 4%; }
    .news-small.bg-green, .news-col.bg-dark { margin-top: 20px; }
    .top-head .navbar-nav > li:first-child > a { padding-left: 15px !important; }
    .pad_lt .checkbox label, .pad_lt .radio label { margin: 0 0 10px; }
    .mrg_top10 .col-lg-6, .mrg_top10 col-sm-6 { padding: 0 !important; }
    .mrg_top10 .btn-primary { margin: 10px 0 0; }
    .pad_top50 { padding-top: 0px; }
    .btn_top10 { margin-top: 10px; }
    .new_res1 { padding-left: 36px; }
    .pad2_lt8 { padding-left: 10px; padding-top: 10px; }
    .pad15 {padding-left: 15px !important;}
    .pad_lt35 { padding-left: 35px;}
    .btn_box2 {padding: 10px;position: relative;right: inherit;}
    .bwizard-steps li a span.bigW {display: none;}
    .bwizard-steps li a span.smallW {display: block;}
    .bwizard-steps li {padding: 12px 10px 10px 30px;}
     .ps3 { margin: 10px 0 0; }
     .dis_block{display:block!important;}
     .box-header .btn-group {display: block;margin: 10px 0 0;}
     #DonorFilter {clear: both;display: block;float: left;margin: 10px 0 0;}
     .frm-edit2 .content-header,.frm-edit2 .content{padding: 0 0 15px;}
     .frm-edit2 .checkbox input[type="checkbox"], .frm-edit2 .checkbox-inline input[type="checkbox"], .frm-edit2 .radio input[type="radio"], .frm-edit2 .radio-inline input[type="radio"] {margin-left: 0;}
       input.alphabet {float: left !important;margin: 1% !important;width: 14%;}
       .bnr_nav ul li a {font-size: 1em;padding: 10.3% 10px;}
       .blue-strip-inner {
  margin: 0;
}
        .top-head .navbar-toggle {
  margin-bottom: 8px;
  margin-top: 40px;
}
        .inner-bg-white {
  min-height: inherit;
}
        .smart-solutions {
  margin-bottom: 0;
}
        .top-head .navbar-nav > li:last-child .dropdown-submenu > a:after {
  border-color: transparent transparent transparent #fff !important;
  border-width: 5px !important;
}
 .top-head .navbar-nav > li:last-child .dropdown-submenu > a:after:hover {
  border-color: transparent transparent transparent #000 !important;
}
}

@media screen and (min-width:767px) {
    .top-head .navbar-nav > li:hover .dropdown-menu { display: block; }
    .top-head .navbar-nav > li ul li.dropdown-submenu ul.dropdown-menu { display: none; }
    .top-head .navbar-nav > li ul li:hover.dropdown-submenu > ul.dropdown-menu { display: block; }
    .top-head .navbar-nav > li:hover .caret { width: 0; height: 0; border-right: 4px solid rgba(0,0,0,0); border-left: 4px solid rgba(0,0,0,0); border-top: 4px dashed; display: inline-block; margin-left: 2px; vertical-align: middle; }
}

@media screen and (max-width:640px) {
    .secure-login { position: relative; right: 0; top: 0; display: block; margin: 0 0 10px 0; }
    .login-form { width: 100%; }
    .login-btn { margin: 5px 0 0 0; }
    .btns-right { position: relative; right: 0; top: 0; display: block; margin: 0 0 20px 0; }
        .btns-right .btn-primary { margin: 0 5px 0 0; }
    .doners-btns { margin: 0 0 15px 0; width: 100%; }
        .doners-btns .large-btn { font-size: 18px; margin-bottom: 15px; padding: 18px 14px; width: 100%; }
    .doners-logo { text-align: center; width: 75%; margin: auto; float: none; }
 .top-head .navbar-toggle {
  margin-bottom: 8px;
  margin-top: 40px;
}
    .doners-records { padding: 0px 20px; }
    .doners-btns .btn { margin-left: 0px; }
    .btn2 input { margin: 0 0 10px; width: 100%; }
    .dataTables_wrapper .row:first-child .col-sm-6 { float: left; }
    .exp_btn { left: inherit; right: inherit;margin: 0 0 8px; }
    .mrg_new_10 {margin-top:10px; }
    .bnr_nav ul li a {font-size: 12px;padding: 8.5% 10px;}

}

@media screen and (max-width:480px) {
    .top-head .navbar-toggle { margin-top: 48px; }
    .today_btn .col-xs-3, .today_btn .col-sm-3 { margin: 0 0 0 -12px; padding: 0; }
    .exp_btn { left: inherit; margin: 0 0 10px; position: relative; right: inherit; top: inherit; }
    .btn-group-lg > .btn, .btn-lg { font-size: 13px; }
    .mrg-xs-10 a, .mrg-xs-10 input.btn-primary { clear: both; display: block; margin: 0 0 10px; width: 100%; }
    .pad_lt { padding-left: 6%; } .btn_box2 {padding: 0;}
 .chkdonor-email {float: none;width: 100%;}
 .bnr_nav {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  font-size: 100%;
  height: auto;
  left: inherit;
  overflow: inherit;
  position: relative;
  top: inherit;
  width: 100%;
}
 .bnr {
  clear: both;
  display: block;
  float: none !important;
  width: 100%;
}
 .bnr_nav ul li a {
  font-size: 12px;
  padding: 8px;
}
     .navbar-header .navbar-brand {
  left: 0;
  line-height: normal;
  padding: 35px 0 0;
  position: absolute;
  top: 0;
  width: 50px;
}
}
@media screen and (max-width:1700px) {
.navbar-nav > li:last-child ul.dropdown-menu li ul.dropdown-menu {
  left: inherit;
  right: 100%;
}
.top-head .navbar-nav > li:last-child .dropdown-submenu > a:after {
  float: left;
  border-color: transparent #fff;
  border-width: 5px 5px 5px 0;
  margin-left: -10px;
}
.top-head .navbar-nav > li:last-child .dropdown-submenu:hover > a:after {
  border-right-color: #000;
}
}

.grid-btn {
    margin: 1px;
}