/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
}

/* ------------------- Tablet Layout: 768px ------------------- */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mainmenu-area #primary-menu > ul > li > a { padding: 30px 12px; }
/*.header-area { padding-top: 80px; }*/
/*.price-table, .box { padding: 30px 15px; }*/
/*.price-table.active { padding: 50px 15px; }*/
/*.single-team { margin-bottom: 30px }*/
.side-icon-boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
}

 @media screen and (max-width: 768px) {
ul { list-style: none; padding: 0; z-index: 999 }

/* ------------------- Styles for the menu button------------------- */
.menu-btn { border-radius: 50%; cursor: pointer; height: 56px; left: 0px; position: fixed; top: 10px; width: 56px; z-index: 9999 }
/* Styles for the menu */
.menu { bottom: 0; background-color: #ffffff; left: 0; margin: 0; padding: 32px; position: fixed; top: 0; width: 288px; transform: translate3d(-100%, 0, 0); transition: transform .2s linear; z-index: 9999 }
/* Creating the hamburger/hotdog icon in CSS */
.menu-btn li { background-color: #cbcbcb; bottom: 0; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 29px; top: 0; transition: all .3s ease-in-out; }
/* The following two lines set the three lines of our hamburger/hotdog icon apart */
.menu-btn li:first-child { transform: translate3d(0, -7px, 0); }
.menu-btn li:last-child { transform: translate3d(0, 7px, 0); }
/* We're now in the animation territory. These are the classes you toggle on with our Javascript function. */
.menu-btn--on li:first-child { transform: rotate(135deg) translate3d(0, 0, 0); }
.menu-btn--on li:last-child { transform: rotate(-135deg) translate3d(0, 0, 0); }
.menu-btn--on li:nth-child(2) { opacity: 0; }
.menu--open { transform: translate3d(0, 0, 0); }
/* Styles for the menu button */
.masthead .navbar-nav li { padding: 7px 0px; width: 100% }
.masthead .navbar-nav li ul { padding: 0px 10px 0; }
.masthead h1 span { display: block; float: left; }
.masthead h1 a { font-size: 18px; font-weight: 600; margin-top: 55px; }
.masthead .navbar-collapse { margin: 50px 0 0; border: 0 }
.masthead .navbar-nav li a.active { width: 55px; padding: 0 25px 0 0 }
.masthead h1 a img { width: 5%; float: left; top: -15px; position: relative; }
.masthead .pull-right .navbar-nav { margin: 15px 0 0 0; }
.dropdown.hover:hover ul.dropdown-menu-right { position: absolute; }
.dropdown.hover:hover ul { position: relative; box-shadow: none; }
.dropdown { width: auto; }
.dropdown.hover ul li a { padding: 8px 0; }
.masthead .pull-right .navbar-collapse { margin: 0px 0 0; }
.masthead .dropdown-menu-right li { padding: 0px 15px; }
/* ------------------- Styles for the menu button------------------- */

/* ------------------- form ------------------- */
select { margin: 10px 0; padding: 10px; width: 100%; }
option{ width: 10% ; padding: 10px; }
/* ------------------- tab-content ------------------- */
.tab-content { padding: 15px; width: 100%; }
.resp-tab-content { border: 1px solid #c1c1c1; }
/* ------------------- contact-us ------------------- */
.contact-us p { font-size: 13px;  letter-spacing: 0px;  }
.contact-us { padding: 25px 11px; }
.contact-us h2 {  font-size: 18px; }
.contact-us ul {  font-size: 13px; }
/* ------------------- member-detail  ------------------- */
.about-us .member-detail h4 { height:  auto; font-size: 15px; line-height: 1.4;}
.about-us .member-detail p{   font-size: 13px;  padding: 0 0 10px 0} 
.about-us .member-detail .fa {     height: 42px; float: left;   } 
.about-us .team-data hr {   border: 1px solid #eee;  margin: 5px 18px 35px;  } 
/* ------------------- Page title ------------------- */
.page-title { text-align: left; }
.page-title p { font-size: 14px; font-weight: 700; text-align: left; }
.page-title h2, .header-text h2 { font-size: 20px; }
.home .page-title h2:before { background: none; }
.home .page-title h2 span { padding: 0; }
/* ------------------- Services section ------------------- */
.box { padding: 0px 0px; }
.home-services .box h3 { font-size: 16px; font-weight: 700; text-align: left; }
/* ------------------- Home > Services section > accordion ------------------- */
.accordion { margin: 15px auto 20px; background: #fff; /*height: auto;*/ box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.1);   border-radius: 10px;
padding: 10px 25px }
.accordion .submenu li { font-weight: 700; padding: 0 5px 0 0; font-size: 13px }
.accordion li.open .link { border-bottom: 0px solid #f4f4f4 ; }
.accordion li.default .submenu { border-bottom: 1px solid #cbcbcb ; }
/* ------------------- Why choose ------------------- */
.why-choose-us h3 { font-size: 16px; font-weight: 500; text-align: left; }
.why-choose-us p { font-size: 12px; font-weight: 500; text-align: left; }
/* ------------------- Team-Section ------------------- */
.carousel-wrap .single-team h4 { font-size: 13px; letter-spacing: 0px; text-align: left; color: #0272bd; margin: 21px 0 5px; }
.carousel-wrap .single-team { text-align: left; }
.carousel-wrap .single-team h6 { font-size: 12px; letter-spacing: 0px; text-align: left; color: #ffc056; margin: 5px 0 15px; }
.carousel-wrap {  padding: 0 2%; }
/* ------------------- Home, About us > View all Directors ------------------- */
.center-button-area {text-align : center;  margin: 5px auto }
/* ------------------- Our history ------------------- */
.ps-timeline-sec .owl-prev { left: -1%; font-size: 35px!important; }
.ps-timeline-sec .owl-next { right: -1%; font-size: 35px!important; }
.ps-timeline-sec .owl-nav [class*=owl-] { top: -0%; }
.ps-timeline-sec .owl-nav [class*=owl-]{transform: translateY(-52%); }
 /* ------------------- Home banner ------------------- */
.hero { height: 300px; position: relative; background-image: url(../images/banner-1-t.png); overflow: hidden; margin: 10px 0 0 }
.hero .banner-text h2 { font-size: 28px; line-height: 40px; letter-spacing: 0px; margin: 0 0 35px 0 }
.hero .banner-text {  transform: translateY(70%); margin: 0 3% }
.hero .banner-text h3 { margin-bottom: 20px; font-size: 15px; line-height: normal; }
.hero .blue-box { height: 205px; padding: 21px; width: 75%;  transform: translateY(46.5%); position: relative;left: 21% }
.hero .blue-box h2 { font-size: 18px; line-height: 1.5; letter-spacing: 0px; }
.hero .banner-btn {  font-size: 10px; font-weight: bold; letter-spacing: .5px; }
.hero .blue-box h3 { margin-bottom: 20px; font-size: 13px; font-weight: normal; }
/* ------------------- langswitcher -------------------*/
#langswitcher  { height: 65px;  position: absolute; top: 10px  }
/* ------------------- owl-theme ------------------- */
.owl-theme .owl-nav { display: none!important; }
.owl-dots { display: none; }
/* ------------------- inner banner ------------------- */
.banner-btn:nth-child(1n) { margin: 1px 5px 0 0px; }
.inner-banner.savings-accounts { background-image: url(../images/savings-accounts-tablet.png); }
.inner-banner.student-savings-account { background-image: url(../images/student-savings-account-tablet.png); background-size: cover; }
.inner-banner.current-account { background-image: url(../images/current-account-tablet.png); }
.inner-banner.fixed-deposit { background-image: url(../images/fixed-deposit-tablet.png); }
.inner-banner.recurring-deposit { background-image: url(../images/recurring-deposit-tablet.jpg); }
.inner-banner.short-term-deposit { background-image: url(../images/short-term-deposit-tablet.jpg); }
.inner-banner.term-deposit { background-image: url(../images/term-deposit-tablet.jpg); }
.inner-banner.madhu-sanchayani { background-image: url(../images/madhu-sanchayani-tablet.png); }
.inner-banner.business-loans { background-image: url(../images/business-loans-tablet.png); }
.inner-banner.personal-loan { background-image: url(../images/personal-loan-tablet.png); }
.inner-banner.atm { background-image: url(../images/atm-tablet.png); }
.inner-banner.tax-payment { background-image: url(../images/tax-payment-tablet.png); }
.inner-banner.core-banking { background-image: url(../images/core-banking-tablet.png); }
.inner-banner.madhu-sanchayani { background-image: url(../images/madhu-sanchayani-tablet.jpg); }
.inner-banner.service-charges { background-image: url(../images/service-charges-tablet.png); }
.inner-banner.rate-of-interest-save { background-image: url(../images/rate-of-interest-save-tablet.jpg); }
.inner-banner.locker-facility { background-image: url(../images/locker-facility-tablet.png); }
.inner-banner.rate-of-interest { background-image: url(../images/current-account-tablet.png); }
.inner-banner { height: 300px; }
.inner-banner  .banner-text  {    height: 330px; }
.inner-text .table-responsive  { border: 0px;    }
/*.navbar-bright li > a:hover { background-color: transparent; }*/
/* ------------------- owl nav ------------------- */
#home-banner1.owl-theme .owl-dots{display: block;}
}
/* Mobile Layout: 767px. */
@media only screen and (max-width: 767px) {	
.header-area { padding-top: 120px; padding-bottom: 100px; height: auto; }
 /* ------------------- not use ------------------- */
.mainmenu-area .navbar-toggle { margin-top: 20px; }
.mainmenu-area .navbar-toggle .icon-bar { background-color: #ffffff; }
.mainmenu-area #primary-menu { background-color: #138FC2; }
.mainmenu-area #primary-menu ul { overflow-y: auto; max-height: 70vh; margin: 0; }
.mainmenu-area #primary-menu > ul > li > a { padding: 15px; overflow: hidden; }
.form-double input { width: 100%; }
.x-left { text-align: left; }
.footer-top { margin-bottom: 50px; }
.mainmenu-area .logo { margin-left: 15px; }
/* ------------------- Services section -------------------*/
.box .box-icon { height: auto; }
/*------------------- Team-Section ------------------- */
.single-blog, .single-team, .price-table.active { margin-top: 30px; }
}

/* Mobile Layout: 480px. */
 @media screen and (max-width: 480px) {
/* ------------------- inner-page ------------------- */
.inner-text table tr td { font-size: 13px; padding: 10px!important; white-space: initial!important; }
.inner-text .right-sidebar table tr td ul li { font-size: 13px; margin-bottom: 5px; }
.inner-text .right-sidebar .center-button-area { float: left; margin: 25px 0 15px; }
.inner-text .page-title h2 { margin-bottom: 20px; font-size: 21px; }
.page-title h2:before { width: calc(100% + 30px); }
.inner-text .page-title p { font-size: 13px; }
.inner-text h3 { margin-bottom: 10px; font-size: 16px; font-weight: 500; }
.inner-text { padding: 25px 5px; }
.inner-banner .banner-text { height: 201px; }
.inner-banner { height: 201px; }
.inner-banner .banner-text h2 { font-size: 16px; font-weight: bold; }
.inner-banner .banner-text h3 { font-size: 13px; font-weight: 500; }
.inner-banner.savings-accounts { background-image: url(../images/savings-accounts-mobile.png); }
.inner-banner.student-savings-account { background-image: url(../images/student-savings-account-mobile.png); background-size: cover; }
.inner-banner.current-account { background-image: url(../images/current-account-mobile.png); }
.inner-banner.fixed-deposit { background-image: url(../images/fixed-deposit-mobile.png); }
.inner-banner.recurring-deposit { background-image: url(../images/recurring-deposit-mobile.png); }
.inner-banner.short-term-deposit { background-image: url(../images/short-term-deposit-mobile.png); }
.inner-banner.term-deposit { background-image: url(../images/term-deposit-mobile.png); }
.inner-banner.madhu-sanchayani { background-image: url(../images/madhu-sanchayani-mobile.png); }
.inner-banner.business-loans { background-image: url(../images/business-loans-mobile.png); }
.inner-banner.personal-loan { background-image: url(../images/personal-loan-mobile.png); }
.inner-banner.atm { background-image: url(../images/atm-mobile.png); }
.inner-banner.tax-payment { background-image: url(../images/tax-payment-mobile.png); }
.inner-banner.core-banking { background-image: url(../images/core-banking-mobile.png); }
.inner-banner.madhu-sanchayani { background-image: url(../images/madhu-sanchayani-mobile.png); }
.inner-banner.service-charges { background-image: url(../images/service-charges-mobile.png); }
.inner-banner.rate-of-interest-save { background-image: url(../images/rate-of-interest-save-mobile.png); }
.inner-banner.locker-facility { background-image: url(../images/locker-facility-mobile.png); }
.inner-banner.rate-of-interest { background-image: url(../images/current-account-mobile.png); }
.inner-banner::before { display: block; background: rgba(0, 0, 0, .6); }
/* ------------------- Footer-area ------------------- */
footer li:nth-child(1) { width: 100%; }
footer li:nth-child(2) { width: 100%; }
footer li:nth-child(3) { width: 100%; }
footer li:nth-child(4) { width: 100%; }
footer li:nth-child(5) { width: 100%; }
footer li:nth-child(6) { width: 100%; }
footer h3 { color: #fff; font-size: 14px; font-weight: 500; }
.footer-area { padding: 25px 5px 0; }
.panel-default > .panel-heading { border-bottom: 1px solid #ffffff; padding: 10px 0 8px; }
footer li.Contact { margin: 15px 0px; }
/* ------------------- header  --------------------*/
header { height: 135px; }
.masthead h1 a { font-size: 16px; }
.masthead h1 a img { width: 10%; }
.masthead h1 a img {  top: -11px; position: relative; }
/* ------------------- Home > Services section > accordion ------------------- */
.accordion .know-more { font-weight: 700; }
.accordion .submenu li { font-weight: 700; font-size: 13px }
/* ------------------- Why choose ------------------- */
.why-choose-us .why-choose-us-box .col-md-3 { border-right: 0px; }
.section-padding { padding: 25px 0px; }
 /* ------------------- Home banner ------------------- */
.hero { background-repeat: no-repeat; height: 284px; background-size: contain; background-image: url(../images/banner-1-m.png); margin: 10px 15px }
.hero .blue-box { width: auto; height: auto; padding: 18px 35px; position: relative; transform: translateY(88%); left: 0% }
.hero .col-xs-12 { padding: 0px; }
.hero .blue-box h2 { font-size: 14px; font-weight: 500; letter-spacing: 0px; }
.hero .blue-box h3 { font-size: 14px; font-weight: normal; letter-spacing: 0px; }
.hero .banner-btn { font-size: 12px; padding: 7px 11px; margin: 0 13px 0 0 }
.hero .banner-text { transform: translateY(30%); position: absolute; padding: 15px; }
.hero .banner-text h2 { font-size: 14px; width: 51%; line-height: 21px; margin: 0 0 15px 0 }
.hero .banner-text h3 { margin-bottom: 20px; font-size: 12px; letter-spacing: 0px; }
/*#home-banner1.owl-theme .owl-nav { display: none!important; }*/
/* ------------------- Our history ------------------- */
.ps-timeline-sec .container ol.ps-timeline li { width: 100%; padding-top: 30px; }
.ps-timeline-sec .container ol.ps-timeline { margin: 140px 3% 130px; }
.ps-timeline {  width:auto; }
/* ------------------- Footer-area ------------------- */
.footer-bottom { border-top: 0px; padding-top: 15px; padding-bottom: 0px; }
/* ------------------- About us > Board of Directors ------------------- */
.about-us .member-detail .fa {    height: 38px;  } 
.about-us .member-detail h3{   font-size: 13px;  } 
.about-us .member-detail h4 {font-size: 13px; } 
.about-us .member-detail .fa.h-65 {     height: 65px;    } 
/* ------------------- contact-us ------------------- */
.contact-us { margin-bottom: 25px; }
/* ------------------ Our history ------------------- */
.ps-timeline-sec .container ol.ps-timeline li p { font-size: 13px !important;  }
.ps-timeline-sec .container ol.ps-timeline li .ps-bot { margin-top: -145px; }
/* ------------------- Team-Section ------------------- */
.carousel-wrap {  padding: 0 3%;  }
/* ------------------- Page title ------------------- */
.page-title h2, .header-text h2 { font-size: 18px; }
 /* ------------------- header  --------------------*/
#langswitcher { right: 10px; }
#langswitcher { right: 10px; }
 /* ------------------- dropdown  --------------------*/
.dropdown.hover ul li:hover a{  color: #ffffff; }
 /** Home banner */
#home-banner1 .owl-next, #home-banner1 .owl-prev {margin: 0 5%}}
 /* ------------------- Home banner ------------------- */
 @media screen and (max-width:320px) 
{
}