@media all {}
@media screen and (min-width:0px) and (max-width: 479px) {
	
  .device-pad {
    padding-left: 15px;
    padding-right: 15px;
  }
  section {
    padding: 20px 15px !important;
  }
  .header {
    padding: 0 15px 0 15px;
  }
.header-section {
    padding: 0px 0 54px 0;

}
  .topbar {
    padding: 0 !important;
  }
  .nav-border {
    padding-bottom: 10px;
  }
  .logo {
	max-width: 100%;
	height: auto;
	border: 0;
  }
  .logo img {
    width: 40%;
    max-height: unset !important;
  }
  .login-div .dropdown button {
    padding-top: 4px;
    line-height: 18px;
  }
  .login-div button i {
    font-size: 22px;
  }
  .login-div .dropdown-toggle::after {
    vertical-align: 0.4em;
  }
  .mobile-nav-show {
    margin-right: 0;
    color: var(--color-secondary);
    margin-top: 2px;
  }
  .header.sticked {
    height: 55px;
  }
  .view-all {
    padding-top: 0;
    margin-bottom: 10px;
  }
  .btns {
    padding-right: 0;
    padding-left: 0;
  }
  .btns .primary-btn {
    width: 100%;
    text-align: center;
  }
   
  .footer {
    padding: 20px 0px;
  }
  .footer-info {
    padding: 0 15px;
  }
  .footer .footer-links {
    margin-bottom: 0;
    padding: 0 15px;
  }
  .footer-contact {
    padding: 0 15px;
  }
  .bot-footer {
    padding: 11px 15px 6px 15px;
  }
  .footer .footer-info p {
    margin: 0;
  }
  .footer .footer-links ul li {
    padding: 0 5px 7px 0;
  }
  .footer .footer-links ul a {
    font-size: 12px;
  }
  .footer .copyright {
    padding-top: 3px;
    font-size: 11px;
  }
  .scroll-top.active {
    bottom: 53px;
  }
 
  .hero h2 {
    font-size: 25px;
  }
  .hero p, .Current-banlance span {
    font-size: 15px;
  }
  .Statement-div, .Current-banlance {
    margin-bottom: 15px;
    float: left;
    width: 100%;
  }
   
  .header .navbar li {
    padding: 0px 25px;
  }
  .header .navbar li:first-child {
    margin-top: 12px;
  }
  .header .navbar li a {
    border-top: solid 1px #CAE4DE;
    padding: 14px 0;
  }
}
@media screen and (min-width:480px) and (max-width: 599px) {
  .device-pad {
    padding-left: 15px;
    padding-right: 15px;
  }
  section {
    padding: 20px 15px !important;
  }
  .header {
    padding: 0 15px 0 15px;
  }
.header-section {
    padding: 0px 0 54px 0;
    background-image: url(../images/header-lines-sm.svg);
    background-size: cover;
}
  .topbar {
    padding: 0 !important;
  }
  .nav-border {
    padding-bottom: 10px;
  }
  .logo {
    max-width: 100%;
  }
  .logo img {
    width: 40%;
    max-height: unset !important;
  }
  .login-div .dropdown button {
    padding-top: 4px;
    line-height: 18px;
  }
  .login-div button i {
    font-size: 22px;
  }
  .login-div .dropdown-toggle::after {
    vertical-align: 0.4em;
  }
  .mobile-nav-show {
    margin-right: 0;
    color: var(--color-secondary);
    margin-top: 2px;
  }
  .header.sticked {
    height: 55px;
  }
  .view-all {
    padding-top: 0;
    margin-bottom: 10px;
  }
  .btns {
    padding-right: 0;
    padding-left: 0;
  }
  .btns .primary-btn {
    width: 100%;
    text-align: center;
  }
   
	.services .service-item a {
    width: 100%;
    text-align: center;
}
  .footer {
    padding: 20px 0px;
  }
  .footer-info {
    padding: 0 15px;
  }
  .footer .footer-links {
    margin-bottom: 0;
    padding: 0 15px;
  }
  .footer-contact {
    padding: 0 15px;
  }
  .bot-footer {
    padding: 11px 15px 6px 15px;
  }
  .footer .footer-info p {
    margin: 0;
  }
  .footer .footer-links ul li {
    padding: 0 5px 7px 0;
  }
  .footer .footer-links ul a {
    font-size: 12px;
  }
  .footer .copyright {
    padding-top: 3px;
    font-size: 11px;
  }
  .scroll-top.active {
    bottom: 53px;
  }
   
  .hero h2 {
    font-size: 25px;
  }
  .hero p, .Current-banlance span {
    font-size: 15px;
  }
 
  .md-display-inherit {
    display: inherit !important;
  }
  .md-text-align-left {
    text-align: left;
  }
  .header .navbar li {
    padding: 0px 25px;
  }
  .header .navbar li:first-child {
    margin-top: 12px;
  }
  .header .navbar li a {
    border-top: solid 1px #CAE4DE;
    padding: 14px 0;
  }
}
@media screen and (min-width:600px) and (max-width: 767px) {
  .device-pad {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container-fluid {
    max-width: 540px;
  }
  section {
    padding: 20px 15px !important;
  }
  .header {
    padding: 0 15px 0 15px;
  }
  .header-section {
    padding: 0px 0 54px 0;
  }
  .topbar {
    padding: 0 !important;
  }
  .nav-border {
    padding-bottom: 10px;
  }
  .logo {
    max-width: 100%;
  }
  .logo img {
    width: 34%;
    max-height: unset !important;
  }
  .login-div .dropdown button {
    padding-top: 4px;
    line-height: 18px;
  }
  .login-div button i {
    font-size: 22px;
  }
  .login-div .dropdown-toggle::after {
    vertical-align: 0.4em;
  }
  .mobile-nav-show {
    margin-right: 0;
    color: var(--color-secondary);
    margin-top: 2px;
  }
  .header.sticked {
    height: 55px;
  }
  .view-all {
    padding-top: 0;
    margin-bottom: 10px;
  }
  .btns {
    padding-right: 0;
    padding-left: 0;
  }
  
  .footer {
    padding: 20px 0px;
  }
  .footer-info {
    padding: 0;
  }
  .footer .footer-links {
    margin-bottom: 0;
    padding: 0;
  }
  .footer-contact {
    padding: 0;
  }
  .bot-footer {
    padding: 11px 15px 6px 15px;
  }
  .footer .footer-info p {
    margin: 0;
  }
  .footer .footer-links ul li {
    padding: 0 5px 7px 0;
  }
  .footer .footer-links ul a {
    font-size: 12px;
  }
  .footer .copyright {
    padding-top: 3px;
    font-size: 11px;
  }
  .scroll-top.active {
    bottom: 53px;
  }
   
  .hero h2 {
    font-size: 20px;
  }
  .hero p, .Current-banlance span {
    font-size: 13px;
  }
  
  .md-text-align-left {
    text-align: left;
  }
  .header .navbar li {
    padding: 0px 25px;
  }
  .header .navbar li:first-child {
    margin-top: 12px;
  }
  .header .navbar li a {
    border-top: solid 1px #CAE4DE;
    padding: 14px 0;
  }
}
@media screen and (min-width:768px) and (max-width: 799px) {
  .device-pad {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container-fluid {
    max-width: 720px;
  }
  section {
    padding: 20px 15px !important;
  }
  .header {
    padding: 0 25px 0 25px;
  }
  .header-section {
    padding: 0px 0 54px 0;
  }
  .topbar {
    padding: 0 !important;
  }
  .nav-border {
    padding-bottom: 10px;
  }
  .logo {
    max-width: 100%;
  }
  .logo img {
    width: 30%;
    max-height: unset !important;
  }
  .login-div .dropdown button {
    padding-top: 4px;
    line-height: 18px;
  }
  .login-div button i {
    font-size: 22px;
  }
  .login-div .dropdown-toggle::after {
    vertical-align: 0.4em;
  }
  .mobile-nav-show {
    margin-right: 0;
    color: var(--color-secondary);
    margin-top: 2px;
  }
  .header.sticked {
    height: 55px;
  }
  .btns {
    padding-right: 0;
    padding-left: 0;
  }
   
  .site-content h3 {
    font-size: 25px;
  }
  .site-content p {
    line-height: 22px;
    font-size: 14px;
  }
  .footer {
    padding: 20px 0px;
	  background-size: cover;
  }
  .footer-info {
    padding: 0;
  }
  .footer .footer-links {
    margin-bottom: 0;
    padding: 0;
  }
  .footer-contact {
    padding: 0;
  }
  .bot-footer {
    padding: 11px 15px 6px 15px;
  }
  .footer .footer-info p {
    margin: 0;
  }
  .footer .footer-links ul li {
    padding: 0 5px 4px 0;
  }
  .footer .footer-links ul a {
    font-size: 12px;
  }
  .footer .copyright {
    padding-top: 3px;
    font-size: 11px;
  }
  .footer a.logo {}
  .footer a.logo img {
    width: 80%;
  }
  .scroll-top.active {
    bottom: 53px;
  }
   
  .hero h2 {
    font-size: 20px;
  }
  .hero p, .Current-banlance span {
    font-size: 13px;
  }
  .Current-banlance h4 {
    font-size: 20px;
  }
  .make-payment-div a {
    padding: 7px 12px;
    font-size: 12px;
  }
  .md-text-align-left {
    text-align: left;
  }
  .header .navbar li {
    padding: 0px 25px;
  }
  .header .navbar li:first-child {
    margin-top: 12px;
  }
  .header .navbar li a {
    border-top: solid 1px #CAE4DE;
    padding: 14px 0;
  }
  .services .service-item h3 {
    font-size: 19px;
    width: 100%;
  }
.services .service-item .icon {
    width: 40px;
    height: 40px;
}
  .services .service-item h3 span {
    margin-top: 0;
  }
}
@media screen and (min-width:800px) and (max-width: 1023px) {
  .device-pad {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container-fluid {
    max-width: 720px;
  }
  section {
    padding: 20px 15px !important;
  }
  .header {
    padding: 0 25px 0 25px;
  }
  .header-section {
    padding: 0px 0 54px 0;
  }
  .topbar {
    padding: 0 !important;
  }
  .nav-border {
    padding-bottom: 10px;
  }
  .logo {
    max-width: 100%;
  }
  .logo img {
    width: 30%;
    max-height: unset !important;
  }
  .login-div .dropdown button {
    padding-top: 4px;
    line-height: 18px;
  }
  .login-div button i {
    font-size: 22px;
  }
  .login-div .dropdown-toggle::after {
    vertical-align: 0.4em;
  }
  .mobile-nav-show {
    margin-right: 0;
    color: var(--color-secondary);
    margin-top: 2px;
  }
  .header.sticked {
    height: 55px;
  }
  .services .service-item h5 {
    font-size: 20px !important;
  }
  .services .service-item p {
    min-height: 114px;
  }
  .view-all {
    padding-top: 13px;
  }
  .btns {
    padding-right: 0;
    padding-left: 0;
  }
  
  .site-content h3 {
    font-size: 25px;
  }
  .site-content p {
    line-height: 22px;
    font-size: 14px;
  }
  .footer {
    padding: 20px 0px;
	  background-size: cover;
  }
  .footer-info {
    padding: 0;
  }
  .footer .footer-links {
    margin-bottom: 0;
    padding: 0;
  }
  .footer-contact {
    padding: 0;
  }
  .bot-footer {
    padding: 11px 15px 6px 15px;
  }
  .footer .footer-info p {
    margin: 0;
  }
  .footer .footer-links ul li {
    padding: 0 5px 4px 0;
  }
  .footer .footer-links ul a {
    font-size: 12px;
  }
  .footer .copyright {
    padding-top: 3px;
    font-size: 11px;
  }
  .footer a.logo {}
  .footer a.logo img {
    width: 80%;
  }
  .scroll-top.active {
    bottom: 53px;
  }
   
  .hero h2 {
    font-size: 20px;
  }
  .hero p, .Current-banlance span {
    font-size: 13px;
  }
 
  .md-text-align-left {
    text-align: left;
  }
  .header .navbar li {
    padding: 0px 25px;
  }
  .header .navbar li:first-child {
    margin-top: 12px;
  }
  .header .navbar li a {
    border-top: solid 1px #CAE4DE;
    padding: 14px 0;
  }
  .services .service-item h3 {
    font-size: 19px;
    width: 100%;
  }
.services .service-item .icon {
    width: 40px;
    height: 40px;
}
  .services .service-item h3 span {
    margin-top: 0;
  }
}
@media screen and (min-width:1024px) and (max-width: 1199px) {
  .device-pad {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container-fluid {
    max-width: 960px;
  }
  section {
    padding: 20px 15px !important;
  }
  .header {
    padding: 0 25px 0 25px;
  }
  .header-section {
    padding: 0px 0 54px 0;
  }
  .topbar {
    padding: 0 !important;
  }
  .nav-border {
    padding-bottom: 10px;
  }
  .logo {
    max-width: 100%;
  }
  .logo img {
    width: 20%;
    max-height: unset !important;
  }
  .login-div .dropdown button {
    padding-top: 4px;
    line-height: 18px;
  }
  .login-div button i {
    font-size: 22px;
  }
  .login-div .dropdown-toggle::after {
    vertical-align: 0.4em;
  }
  .mobile-nav-show {
    margin-right: 0;
    color: var(--color-secondary);
    margin-top: 2px;
  }
  .header.sticked {
    height: 55px;
  }
  .services .service-item h5 {
    font-size: 28px !important;
  }
  .services .service-item p {
    min-height: 114px;
  }
  .view-all {
    padding-top: 13px;
  }
  .btns {
    padding-right: 0;
    padding-left: 0;
  }
  
  .site-content h3 {
    font-size: 25px;
  }
  .site-content p {
    line-height: 22px;
    font-size: 14px;
  }
  .footer {
    padding: 20px 0px;
	  background-size: cover;
  }
  .footer-info {
    padding: 0;
  }
  .footer .footer-links {
    margin-bottom: 0;
    padding: 0 15px;
  }
  .footer-contact {
    padding: 0;
  }
  .bot-footer {
    padding: 11px 15px 6px 15px;
  }
  .footer .footer-info p {
    margin: 0;
  }
  .footer .footer-links ul li {
    padding: 0 5px 4px 0;
  }
  .footer .footer-links ul a {
    font-size: 12px;
  }
  .footer .copyright {
    padding-top: 3px;
    font-size: 11px;
  }
  .footer a.logo {}
  .footer a.logo img {
    width: 80%;
  }
  .scroll-top.active {
    bottom: 53px;
  }
  
  .hero h2 {
    font-size: 20px;
  }
 
  .Current-banlance h4 {
    font-size: 20px;
  }
  .make-payment-div a {
    padding: 7px 12px;
    font-size: 12px;
  }
  .md-text-align-left {
    text-align: left;
  }
  .header .navbar li {
    padding: 0px 25px;
  }
  .header .navbar li:first-child {
    margin-top: 12px;
  }
  .header .navbar li a {
    border-top: solid 1px #CAE4DE;
    padding: 14px 0;
  }
  .services .service-item h3 {
    font-size: 19px;
    width: 100%;
  }

  .services .service-item h3 span {
    margin-top: 0;
  }
}
@media screen and (min-width:1200px) and (max-width: 1279px) {
  .device-pad {
    padding-left: 15px;
    padding-right: 15px;
  }
  section {
    padding: 20px 15px !important;
  }
  .header {
    padding: 0 25px 0 25px;
  }
  .header-section {
    padding: 0px 0 54px 0;
  }
  .topbar {
    padding: 0 !important;
  }
  .nav-border {
    padding-bottom: 10px;
  }
  .logo {
    width: 90%;
  }
  .logo img {
    width: 20%;
    max-height: unset !important;
  }
  .login-div .dropdown button {
    padding-top: 4px;
    line-height: 18px;
  }
  .login-div button i {
    font-size: 22px;
  }
  .login-div .dropdown-toggle::after {
    vertical-align: 0.4em;
  }
  .mobile-nav-show {
    margin-right: 0;
    color: var(--color-secondary);
    margin-top: 2px;
  }
  .header.sticked {
    height: 55px;
  }
  .services .service-item h5 {
    font-size: 28px !important;
  }
  .services .service-item p {
    min-height: 114px;
  }
  .view-all {
    padding-top: 13px;
  }
  .btns {
    padding-right: 0;
    padding-left: 0;
  }
  
  .site-content h3 {
    font-size: 25px;
  }
  .site-content p {
    line-height: 22px;
    font-size: 14px;
  }
  .footer {
    padding: 20px 0px;
  }
  .footer-info {
    padding: 0;
  }
  .footer .footer-links {
    margin-bottom: 0;
    padding: 0 15px;
  }
  .footer-contact {
    padding: 0;
  }
  .bot-footer {
    padding: 11px 15px 6px 15px;
  }
  .footer .footer-info p {
    margin: 0;
  }
  .footer .footer-links ul li {
    padding: 0 5px 4px 0;
  }
  .footer .footer-links ul a {
    font-size: 12px;
  }
  .footer .copyright {
    padding-top: 3px;
    font-size: 11px;
  }
  .footer a.logo {}
  .footer a.logo img {
    width: 80%;
  }
  .scroll-top.active {
    bottom: 53px;
  }
  .tabs-div {
    padding: 10px 0;
  }
  
  .hero h2 {
    font-size: 20px;
  }
  .hero p, .Current-banlance span {
    font-size: 13px;
  }
  .Current-banlance h4 {
    font-size: 20px;
  }
  .make-payment-div a {
    padding: 7px 12px;
    font-size: 12px;
  }
  .md-text-align-left {
    text-align: left;
  }
  .header .navbar li {
    padding: 0px 25px;
  }
  .header .navbar li:first-child {
    margin-top: 12px;
  }
  .header .navbar li a {
    border-top: solid 1px #CAE4DE;
    padding: 14px 0;
  }
  .services .service-item h3 {
    font-size: 19px;
    width: 100%;
  }

  .services .service-item h3 span {
    margin-top: 0;
  }
}