@charset "utf-8";
/* CSS Document */

@import url('custom-css.css');


*{
	padding-top: 0;
	margin-top: 0;
}
body{
	font-family: 'libre_franklinregular';
	background-color: white;
	font-size: 14px;color: #333
}

a:hover{text-decoration: none;}
.clear-fix{float: none; clear: both;}
span.clear-fix{display: block;}

.box{display: table;}
.sub-box{display: table-cell;}
.sub-box1{padding-right: 15px}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus 
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus{
    outline: none;
    outline-offset: 0px;
}
.btn{border-radius: 2px}
.pd-2-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.no-padding{padding-left: 0px; padding-right: 0px}
.clear-fix{clear: both; float: none;}
ul{padding-left: 0px; list-style-type: none;}
.gen-p{line-height: 28px; font-family: 'srvinfotechnormal' !important; font-size: 16px; margin-bottom: 15px }
h1{font-size: 24px}
h2{font-size: 23px}
h1.inner-h1{margin-bottom: 20px}
.semi{font-family: 'libre_franklinsemibold';}
.med{font-family: 'libre_franklinmedium';}
.bol{font-family: 'libre_franklinbold';}





/*header*/
.logo-div {
    float: left;
    padding-left: 15px;
}
.header-cont{padding-bottom: 14px;padding-top: 14px; position: relative; box-shadow: 1px 1px 13px 2px rgba(0, 0, 0, 0.2);}
.net-class{float: right;}
.net-div{float: left;padding-right: 15px}
.net-list{display: block;padding-top: 5px; padding-bottom: 3px; float: right;}
.net-list li{display: inline-block; margin-left: 5px}
.net-list li a{display: block;padding: 4px 20px; text-transform: capitalize; color: white; font-size: 13px; border-radius: 30px;
	border:1px solid transparent;}
.net-list li a img{padding-right: 3px; position: relative;top:-1px;}
.net-list a:hover img.sicon{animation-name: zoomIn; animation-duration: .5s; display: inline-block;}
.net-list a:hover img.siconh{display: none;}
.net-list a img.sicon{display: none;}
.net a{background-color: #E46778}
.branch a{background-color:#6EBCD4}
.atm a{background-color: #6EBCD4}
.net a:hover, .branch a:hover, .atm a:hover{background-color:white; color: #333;}
.net a:hover{border: 1px solid #E46778;}
.branch a:hover{border: 1px solid #94C173;}
.atm a:hover{border: 1px solid #6EBCD4;}
.hd-top-head{font-size: 13px; font-family: 'libre_franklinmedium';margin-bottom: 0px}
.hd-top-head span{font-size: 18px; font-family: 'libre_franklinsemibold'; color: #3E3D3D}
.hd-top-head span i{color: #37A520}


/*latest changes*/
.class-div{float: left;padding-right: 15px; }
.net-div{ padding-right: 30px}
.figure{position: relative;width: 73px; height: 100%}
.figure img{position: absolute;left:0px; top:0px;}

/**/
.social-top{ padding-left: 20px;}
.social li {
   /* float: left;*/
    display: inline-block;
    /*width: 20px;*/
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 20px;
    margin-left: 10px;
}

.social li a {
    display: block;     transition: all .4s ease;
    -webkit-transition: all 0.4s ease;-moz-transition:all .4s ease;
}
.social li a:hover i{ animation-name: zoomIn; animation-duration: .5s; }

.social li i {
    font-size: 17px;
    color: #BA476D;
    line-height: 20px;
    display: block;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
}

.social{margin-bottom: 0px; }

.social-cont, .hd-top-head{float:left; }
.call-col{float: right;}
.social li.first i, .social li.first span{display: inline-block !important; font-size: 13px;
}
.social li.first i{color: #37A520; padding-right: 3px; font-size: 16px}
.social li.first span{font-family: 'libre_franklinmedium';}
.grade{float: right;
    margin-top: 10px;
    padding-left: 18px;
    margin-left: 18px;
    border-left: 1px solid #BD0000;}
.grade span{    font-family: 'libre_franklinmedium'; font-size: 15px; text-transform: uppercase;color: #BD0000}


/*menu-cont*/
.menu-cont{  background-color:#BD0000; color: white}




/*menu*/
.navbar
{min-height: 0px !important;width:100% !important;display: inline-block;float:right!important;margin-bottom: 0px;
background-color: transparent;border: none;border-radius: 0px}

#myNavbar
{border:none;padding-left:0px;padding-right:0px;}

.navbar-nav>li>a
{color: white !important; font-size: 14px; font-family: 'libre_franklinmedium'; text-transform: capitalize; padding:12px 22px;}

.dropdown-menu>li>a
{font-size: 13px;
line-height: 20px}

.dropdown-menu>li>a:hover
{background-color: #fcfcfc !important;color:#262626 !important;}

.navbar-nav>li>a:hover
{ background-color: #FFFFFF !important; color: #333 !important;}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{background-color: #fcfcfc !important;color:#262626 !important;}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.navbar-inverse .navbar-toggle 
{border:none;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent !important;
}

.dropdown-menu{animation-name: pulse; animation-duration: .8s; padding:15px 25px; border-bottom: 2px solid #BD0000 !important;
 border: 1px solid rgba(189, 0, 0, 0.2); box-shadow: 0 6px 12px rgba(189,0,0,0.27);}
.dropdown-menu li a{padding: 8px 5px; border-bottom: 1px dotted #ccc;position: relative; padding-left: 18px; }
.dropdown-menu li:last-child a{border-bottom: none;}
.dropdown-menu li a:hover{background-color: white !important; }
.dropdown-menu li a:before{content: "\f144";position: absolute;left:0px; font-family: 'FontAwesome'; top:8px;z-index: 8; 
color: rgba(189, 0, 0, 0.2);transition: all .4s ease;  -webkit-transition: all 0.4s ease;}
.dropdown-menu li a:hover:before{color:rgba(189, 0, 0, 1) ; animation-name: shake; animation-duration: .2s; }






/******************** slider ***********************/
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      
      width: 100%;
      height:auto;
      margin: auto;
  }


.item img
{margin:0 auto !important;}


.carousel-indicators.my-ind
{width: auto; left:45px; margin-left: 0px}

.carousel-indicators.my-ind li {
    border: 2px solid white;
    height: 12px;
    width: 12px;
}

.carousel-indicators.my-ind .active {
    height: 13px;
    width: 13px;
    border: 2px solid white;
    background-color: white;
}





/*icon slide*/
.icon-slide{text-align: center;padding: 45px 20px;position: relative;color: #BD0000;transition: all .4s ease;
    -webkit-transition: all 0.4s ease;-moz-transition:all .4s ease;}
.r-more i{width: 32px; height: 32px; line-height: 32px; background-color: white;color:#BD0000; display: block;border-radius: 100%; font-size: 17px;
text-align: center; margin:0 auto;}
.loan-name{ font-family: 'libre_franklinbold';  text-transform: uppercase; font-size: 13px;  margin-top: 10px; margin-bottom: 0px}

* #owl-car-loan .owl-nav{display: none !important;}

.more-p{display: none;position: absolute;bottom: 10px; right: calc(100% / 2 - 16px); cursor: pointer}


.high-col{padding-left: 60px; padding-right: 60px}

.highlights .item{width: calc(100% / 5 - 0px); float: left;}
.icon-slide:after{content: '';position: absolute; top:56px; right: 0px; width: 2px; height: 60px; background-color: rgba(189, 0, 0, 0.19)}
.icon-slide.last:after{display: none;}
.highlights{box-shadow: 0 6px 12px rgba(189,0,0,0.27);margin-top:-25px;background-color: white; margin-bottom: 50px; border-radius:8px;}
.icon-slide:hover {background-color: #BD0000; color: white; transform:scale(1.1, 1.1);padding: 25px 20px 65px; border-radius:8px;}
.icon-slide:hover img{-webkit-filter: brightness(150%) !important;
    -moz-filter: brightness(150%) !important;
    filter: brightness(150%) !important;}
.icon-slide:hover .more-p{display: block;}




/*about*/
.about h1, h1.inner-h1{border-bottom: 1px dotted #BD0000; padding-bottom: 15px}
.about-col{padding-right: 60px}
.about{padding-bottom: 30px}
.about .more{float: right;}
.gen-more:hover{color: #E46778}



/*nws-owl*/
.nws-owl{background-color:rgb(253, 241, 241) }

.nws-owl-cont{ padding-top: 20px; padding-bottom: 20px;}
.red{color: red}

.high-div {
    padding: 15px;
}

.transition {
    transition: all .3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition:all 0.3s ease;
}

.high-sub {
-webkit-box-shadow: 0px 0px 20px -2px rgb(253, 201, 201);
-moz-box-shadow: 0px 0px 20px -2px rgb(253, 201, 201);
box-shadow: 0px 0px 20px -2px rgb(253, 201, 201);
border-top: 2px solid red;
}


.high-desc {
    padding: 30px 15px 30px; text-align: center; background-color: white;  transition: all .3s ease;
    -webkit-transition: all 0.3s ease;   -moz-transition:all 0.3s ease;
}
.high-head {
    font-family: 'srvinfotechbold';
    text-transform: uppercase;
    font-size: 18px;
}

.more {
    color: red;
    font-size: 13px; letter-spacing: 1px
    border-radius: 0px;
    text-transform: capitalize;
    font-family: 'libre_franklinsemibold';
}

.high-sub .more {width: 143px;}

.more i{font-size: 16px;position: relative;bottom: -1px; padding-left: 5px}

.percent{ margin-bottom: 12px; font-size: 15px}

.high-sub:hover{
-webkit-box-shadow: 0px 0px 20px -2px rgba(189,0,0,0.32);
-moz-box-shadow: 0px 0px 20px -2px rgba(189,0,0,0.32);
box-shadow:  0px 0px 20px -2px rgba(189,0,0,0.32);
}

.high-sub:hover .high-desc 
{background-color: white}

.high-sub:hover .more
{background-color: #BD0000; color: white}

.more:hover i{animation-name: shake; animation-duration: 1s;}

.owl-car-loan{font-family: 'srvinfotechnormal' !important;}


.high-sub:hover {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
    position: relative;
}

.high-sub:hover .img-div img {
    -webkit-transform: scale(1.1) rotate(-2deg);
    -moz-transform:  scale(1.1) rotate(-2deg);
    -ms-transform:  scale(1.1) rotate(-2deg);
    -o-transform: scale(1.1) rotate(-2deg);
    transform:  scale(1.1) rotate(-2deg);
}

.img-div{overflow: hidden;}

.img-div img{
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -moz-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
}




/*former, directors*/
.dir-image img{padding: 8px;border:1px solid #D4D4D4;}
.dir-image{
    -webkit-box-shadow: 10px 10px 19px -10px rgba(0,0,0,0.26);
-moz-box-shadow: 10px 10px 19px -10px rgba(0,0,0,0.26);
box-shadow: 10px 10px 19px -10px rgba(0,0,0,0.26);}
.director{padding: 10px}
.dir-name{text-align: center;padding-top: 6px; font-family: 'libre_franklinmedium'; font-size: 13px}
.former-cont{padding-top: 20px; padding-bottom: 30px}
.owl-12{padding-left: 5px; padding-right: 5px}


/*nav-pills*/
.nav-pills> li>a{background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FFF9F9), color-stop(100%, #F3B7B7)) !important;
    border: 1px solid #FBE3E3; color: #BD0000; font-size: 13px; font-family: 'libre_franklinmedium'; border-radius: 0px; border-top-right-radius:22px;
    padding: 8px 25px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background: #BD0000 !important;
}

#owl-car-dir .owl-dots, #owl-car-pre .owl-dots{display: none;}
#owl-car-dir .owl-nav.disabled, #owl-car-pre .owl-nav.disabled{display: block; position: absolute;top:-30px; right: 10px}
#owl-car-dir .owl-prev span, #owl-car-pre .owl-prev span,
#owl-car-dir .owl-next span, #owl-car-pre .owl-next span
{font-size: 40px; line-height: 24px; display: inline-block;width: 30px; height: 30px; background-color: #FBD1D1; margin-left: 15px; border-radius: 100%;
text-align: center; color: white}

#owl-car-dir .owl-prev span:hover, #owl-car-pre .owl-prev span:hover,
#owl-car-dir .owl-next span:hover, #owl-car-pre .owl-next span:hover
{background-color: #BD0000; }
.owl-car-pre .dir-yr{margin-top: 8px}




/******************** footer ***********************/
footer{font-size: 13px; background-color: #eeeeee}
.foot-head{text-transform: capitalize; font-size: 15px;  font-family: 'libre_franklinmedium';margin-bottom: 20px }
.link-col ul li{margin-bottom: 10px}
.add-para{line-height: 25px; }

.pd-2-10{padding-left: 10px; padding-right: 10px}
.pd-l-15{padding-left: 15px}
.pd-2-45{padding-right: 45px; padding-left: 45px}
.pd-2-50{padding-right: 50px; padding-left: 50px}
.pd-2-30{padding-left: 30px; padding-right: 30px}
.bg-blue{background-color: #171717; color: rgba(255,255,255,.8) }
.bg-blue a{color: rgba(255,255,255,.8) }
.bg-blue a:hover{color: white}
.bg-blue .foot-head{color: rgba(255,255,255,0.9)}
.mid-footer{padding-top: 50px; padding-bottom: 40px; background-color: #BD0000}
.last-col-4{padding-left: 30px}
.link-col ul{padding-left: 20px; list-style-type: disc;}
.connect{list-style-type: none !important; padding-left: 0px !important}
.connect li i{width: 30px;font-size: 16px }
.connect li {border-bottom: 1px dotted rgba(255,255,255,.6) ;padding-bottom: 8px; margin-bottom: 8px}


/*bottom-footer2*/
.bottom-footer2{padding-top: 22px; padding-bottom: 12px;background-color: white; color: #333; font-family: 'libre_franklinmedium';}


/******************************************************/
/******************** innerpage ***********************/
/******************************************************/
.inner-carousel{display:none;}

/*governing body members*/

.table-responsive {
    color: black;
    border-radius: 4px;
    margin-bottom: 15px;
    margin-bottom: 20px;
    border: 1px solid #F1B2B2;
    border-right: none;
    border-top: none;
    border-top-right-radius: 22px;border-top-left-radius: 22px;
}
.first-row {
    background-color: #BD0000;
}
.first-row th{color: white !important; font-weight: normal}
.table-responsive.mal .first-row th{font-size: 20px}
.table-responsive.eng .first-row th{ font-size: 15px; font-family: 'libre_franklinmedium';}
.table-responsive.eng .first-row th i{padding-right: 8px}
.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td, .table>tbody>tr>th {
    border-top: 1px solid #F1B2B2 !important;
    border-right: 1px solid #F1B2B2;
    padding: 10px 15px;
    color:#333;
}

.color-table{margin-bottom: 0px}
.mal{ font-family: 'srvinfotechnormal';}
.table-responsive.mal{font-size: 16px}
.in-main-col{padding-top: 30px;padding-bottom: 30px}


/*former presidents*/
.pre-main{width: calc(100% / 6 - 0px); float: left;}
.pres{margin-bottom: 5px}
.pres .director{padding:15px 18px}
.pd-2-5{padding-left: 5px; padding-right: 5px}
.dir-yr{font-size: 12px; text-align: center; color: #BD0000; background-color: rgb(253, 241, 241);
    padding: 5px 2px;}


/*former secretaries*/
.pos{text-align: center; background-color:#BD0000; color: white; border-top-right-radius: 12px; border-top-left-radius: 12px; padding: 2px; 
    height: 24px}
 

/*report*/
ol{padding-left: 15px}
ol.mal, ul.mal{font-size: 16px}
ol.mal li, ul.mal li{margin-bottom: 10px}
.gen-list li{position: relative;padding-left: 30px; line-height: 24px}
.gen-list li:before{content: "\f144";position: absolute;left:0px; font-family: 'FontAwesome'; top:-2px;z-index: 8; 
color: rgba(189, 0, 0, 1);transition: all .4s ease;  -webkit-transition: all 0.4s ease;}
.gen-list, ol{margin-bottom: 15px}
.pr{font-size: 18px; color: #BD0000}


/*branches*/
.branch-table{width: 80%; margin: 0 auto; margin-bottom: 20px; text-align: center;}



/*contact*/
.address-col, .contact-col, .email-col { padding: 25px 15px 15px 30px; box-shadow: 5px 8px 30px rgba(154, 154, 154, 0.24); margin-bottom: 35px; 
    border-right: 3px dotted red !important; border:1px solid rgba(255, 30, 9, 0.2);border-bottom-right-radius:6px; border-top-right-radius: 6px}
.cnt-head{font-size: 18px; font-family: 'libre_franklinmedium';}


input[type=text], input[type=tel], input[type=email], input[type=password], input[type=date], textarea, select {
    margin-bottom: 15px;
    border: 1px solid #E6A7A0;
    min-height: 45px;
    border-radius: 0px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}


textarea{height: 150px}
.address-col .sub-box1 i{width: 30px; height: 30px; text-align: center;line-height: 29px;  border: 1px solid #BD0000; color: red;}
.address-col .sub-box{vertical-align: middle;}
.address-col .box{margin-bottom: 15px}
.contact-col .address{line-height: 26px}
.med{ font-family: 'libre_franklinmedium';}
.red1{color: #BD0000}
iframe{border:none; width: 100%; height: 340px;}
.submit{background-color: #BD0000; color: white; padding: 8px 22px; transition: all .4s ease;  -webkit-transition: all 0.4s ease;}
.submit:hover{background-color: #424242; color: white; -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px); box-shadow: 2px 2px 3px rgba(0,0,0,.5)}
.submit:hover i{animation-name:shake; animation-duration: 1s; }
.submit i{padding-left: 5px}


/*news and events*/
/*accordion*/
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 15px;
}
#accordion .panel-heading{
    padding: 0;
    border-radius: 0;
    border: none;
}
#accordion .panel-title a{
    display: block;
    padding: 10px 28px 10px 28px;
    background: #f1f1f1;
    font-size: 14px;
    color: #20457c;
    position: relative;
    transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed{
    background: #fff;
    color: #696969;
    box-shadow: 0px 0px 2px 1px #DADADA;
    border-radius: 5px;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f106";
    font-family: FontAwesome;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 25%;
    left: -11px;
    background: #C71A04;
}
#accordion .panel-title a.collapsed:after{
    content: "\f107";
    background: red;
}
#accordion .panel-title a.collapsed:hover{
    background: #f1f1f1;
    color: #20457c;
}
#accordion .panel-body{
    font-size: 14px;
    color: #737373;
    line-height: 25px;
    background: #f1f1f1;
    padding: 5px 15px 15px 28px;
    border: none;
    transition: all 0.5s ease 0s;
}

.aco-head{float: left; color: #333; padding-top: 4px}
.aco-date{float: right; padding: 5px 8px; border-radius: 2px; background-color: #BD0000; color: white; font-size: 13px}
.img-width{width: 150px; height: 100px}
.aco-link{float: left;position: relative;margin-right: 15px; background-color: white; margin-bottom: 20px;
    display: inline-block;
    color: #5d5d5d;
    padding: 5px;
    box-shadow: 0px 0px 2px 1px #DADADA;}
.aco-link .gal-name{font-size: 12px}
.pdf{float: left;margin-right: 15px}
.pdf i{font-size: 35px; color: #FB5C48}
.panel .gen-para {margin-bottom: 10px;}
.img-width {
    width: 100px;
    height: 130px;
}
.pnl-figure {
    overflow: hidden;
}



/*loan schemes*/
.loan-h2{border-bottom: 1px dashed #aaa;  font-family: 'srvinfotechbold'; }
.loan-h2 i{width: 32px;color: #6BA21B; }
.loan-schemes ul{margin-bottom: 25px}


/*gallery*/
.gal-link{margin-bottom: 20px; display: block;  color: #5d5d5d;padding: 5px; box-shadow: 0px 0px 2px 1px #DADADA;  }
.gal-link img{transition: all .3s ease; -webkit-transition:all .3s ease;
-moz-transition:all .3s ease;}
.gal-link:hover img{ -webkit-transform: rotate(5deg) scale(1.2,.1.2); /* Safari */
    transform: rotate(5deg) scale(1.2,1.2); }
.gal-figure{overflow: hidden;}
.gal-col{padding-left: 10px; padding-right: 10px}
.gal-cont{padding-right: 5px; padding-left: 5px}
.gal-link span{font-size: 11px; padding:0px 8px 8px 8px; display: block;}
.gal-link-left{float: left;}




/******************************************************/
/******************** Responsive **********************/
/******************************************************/


    @media (max-width: 1299px){
    .pres .dir-name{/*height: 40px; */line-height: 17px; padding-bottom: 8px;}
    .pres .name-yr{height: 67px}
    }


    @media (min-width: 1300px){
    .pd-2-35 {
    padding-left: 75px;
    padding-right: 75px;}

    .pd-2-50{padding-left: 90px;padding-right:90px;}
    .pres .dir-name {padding-bottom: 8px;}
    .pres .dir-image{width: 159px; height: 199px; margin:0 auto;}
    .pres .pos{ width: 159px; margin:0 auto;}

    }


    @media (min-width: 768px){
    .menu-nav{ float: none; text-align: center;}
    .navbar-nav>li{display: inline-block; float: none;}
    .dropdown-menu{display: none;}
    .navbar-nav>li:hover .dropdown-menu{display: block !important;}
    }

    
    @media (min-width: 992px) and (max-width: 1199px) {
    .high-col {padding-left: 30px; padding-right: 30px; }
    .about-col {padding-right: 30px;}
    .pre-main { width: calc(100% / 5 - 0px);}
    .address-col, .contact-col, .email-col{ padding: 25px 5px 15px 10px;}
    .address-col .sub-box1{ padding-right: 10px;}
    .table-responsive.eng .first-row th { font-size: 14px; padding: 10px 10px;}
    .table-responsive.eng .first-row th i {padding-right: 5px;}
    }


    @media (min-width: 768px) and (max-width: 991px) {
    .icon-slide{ padding: 30px 0px;}
    .loan-name{ font-size: 12px;}
    .high-col {padding-left: 15px; padding-right: 15px;}
    .icon-slide:after{top: 45px;}
    .icon-slide:hover{  padding: 10px 0px 50px;}
    .more-p{bottom: 2px}
    .navbar-nav>li>a{ padding: 12px 10px;}
    .pre-main { width: calc(100% / 4 - 0px);}
    .column1, .column2{height: 470px;}
    iframe{height: 329px}
    }


    @media (max-width: 991px){
    .about img{margin:0 auto;}
    .about-col { padding-right: 15px;}
    .link-col{height: 166px}
    .quick-link.pd-l-15{padding-left: 0px}
    .ft-contact, .ft-depo{margin-bottom: 25px}
    .branch-table{width: 100%}
    .aco-head { display: block; padding-bottom: 4px;}
    .aco-date, .aco-head {float: none;}
    .aco-date {display: inline-block; font-size: 11px;}
    .message{margin-bottom: 35px}
    
    }


    @media (max-width: 835px){
    .logo-div,.net-class{float: none; text-align: center;}
    .logo-div{margin-bottom: 12px; margin-top: 0px; padding-left: 0px}
    .net-div{display: inline-block; float: none; padding-right: 0px; text-align: center; margin-top: 5px;}
    .class-div{display: none;}
    .call-col, .hd-top-head{text-align: center; float: none;}
    .net-list li{ margin-left: 5px; margin-right: 5px}

    }

    @media (min-width: 768px){
    .pd-2-5{padding-left: 0px; padding-right: 0px}
    }


     @media (max-width: 767px){
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header
    {margin-left: 0px; margin-right: 0px}
    
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a
      {color:#333;}

    .dropdown-menu>li>a:hover
      {color: !important;background-color: ;}

    .dropdown-menu
      {background:white  !important;}

    .navbar-nav
      {margin:0px 0px;}


    .pd-2-35 {
    padding-left: 15px;
    padding-right: 15px;}

    .pd-2-50{padding-left: 30px;padding-right:30px;}
    .high-col {padding-left: 15px; padding-right: 15px;}
    .highlights{margin-top: 25px; box-shadow: 0 2px 12px rgba(189,0,0,0.27); margin-bottom: 25px;}
    .icon-slide{ padding: 20px 0px;}
    .loan-name{ font-size: 9px;}
    .icon-slide:after{top: 30px;}
    .icon-slide:hover {padding: 5px 0px 35px;}
    .more-p { bottom:1px; margin-bottom: 5px}
    .r-more i{ width: 27px;height: 27px; line-height: 27px;}
    .icon-slide .loan-name{margin-top: 8px}
    .carousel-indicators.my-ind{left: 50%; margin-bottom: 0px}
    .pre-main { width: calc(100% / 4 - 0px);}
    .dir-yr { font-size: 11px;}
    .pres .dir-name{font-size: 12px; line-height: 15px}
    .pres .director { padding: 8px 10px;}
    .pres .name-yr {height: 80px;overflow: hidden;}
    .message{margin-bottom: 20px}
    .navbar-nav{padding-bottom: 15px}
    .address-col, .contact-col, .email-col{ margin-bottom: 26px;}
    iframe{height: 280px;}

     }


     @media (max-width: 600px){
     body, .navbar-nav>li>a, .dropdown li a, .btn, .form-control, .dropdown-menu>li>a, .table-responsive.eng tr td:nth-child(2),   
     .panel .gen-para {font-size: 12px}
    .table-responsive.eng .first-row th {font-size: 13px; letter-spacing: 1px}
     .ft-col{width: 100%}
     .link-col{height: auto;}
     .ft-depo, .ft-cnn{padding-left: 0px}
     .ft-cnn{margin-top: 15px}
     .pd-2-35 {padding-left: 0px; padding-right: 0px;}
     .pd-2-50{padding-left: 15px;padding-right:15px;}
     .gen-p{font-size: 15px; line-height: 26px}
     .more{font-size: 12px}
     h1 { font-size: 21px;}
     h2 { font-size: 20px;}
    .high-head{font-size: 17px}
    footer{text-align: center; font-size: 12px}
    .link-col ul{list-style-type: none; padding-left: 0px}
    .bottom-footer2 p span{display: block; padding: 1.5px 0px}
    .bottom-footer2 {padding-top: 15px; padding-bottom: 5px;}
    #owl-car-dir .owl-nav.disabled, #owl-car-pre .owl-nav.disabled,
    #owl-car-dir .owl-nav, #owl-car-pre .owl-nav
    {position: static; text-align: center !important; padding-top: 10px}
    #owl-car-dir .owl-prev span, #owl-car-pre .owl-prev span,
    #owl-car-dir .owl-next span, #owl-car-pre .owl-next span
    {margin-right: 7.5px; margin-left: 7.5px}
    .icon-slide.last{display: none;}
    .highlights .item { width: calc(100% / 4 - 0px);}
    .icon-slide.second-last:after{display: none;}
    .table-responsive.mal, ol.mal, ul.mal, .gen-list {font-size: 15px;}
    .first-row th{font-size: 18px;}
    .in-main-col { padding-top: 20px; padding-bottom: 20px;}
    .inner-h1{margin-top: 12px}
    .dir-name{font-size: 12px}
    .pres .dir-name {height: 35px; line-height: 15px;}
    .pres {margin-bottom: 0px;}
    .pre-main { width: calc(100% / 3 - 0px);}
    h1.inner-h1{ padding-bottom: 12px; margin-bottom: 18px; text-align: center;}
    .gen-p, .gen-list, ol{margin-bottom: 10px}
    .address-col, .contact-col, .email-col { padding: 15px 15px 5px 18px; margin-bottom: 26px;}
    .address-col .box { margin-bottom: 10px;}
    .cnt-head { font-size: 16px;}
    .gen-list li{line-height: 23px}
    .add-para {line-height: 20px;}
    .link-col ul li { margin-bottom: 6px;}
    .foot-head{ margin-bottom: 12px;}
    .mid-footer { padding-top: 35px; padding-bottom: 25px;}
    .ft-contact, .ft-depo { margin-bottom: 22px;}
    h2.loan-h2 {font-size: 18px;}
    ol.mal li, ul.mal li { margin-bottom: 8px;}
    .loan-schemes ul { margin-bottom: 20px;}
    .gal-col, .gal-cont {padding-left: 7.5px; padding-right: 7.5px;}
    .gal-link{margin-bottom: 15px}
    iframe{height: 224px;}
    #accordion .panel-body { padding: 5px 15px 15px 20px;}
    #accordion .panel-title a {padding: 3px 20px 8px 20px;}
    #accordion .panel-body{ line-height: 22px; font-size: 13px}

    }



    @media (max-width: 425px){
    .highlights .item,  .pre-main { width: calc(100% / 2 - 0px);}
    .icon-slide img{width: 54px; height: 54px}
    .icon-slide:after{display: none;}
    .icon-slide{padding: 15px 0px}
    .icon-slide:hover{padding: 15px 0px}
    .more-p{top:5px;right: 5px}
    .logo{width: 244px;}
    .net-list, .net-class{display: none;}
    .hd-top-head span {font-size: 16px;}
    .logo-div { margin-bottom: 0px;}
    .header-cont { padding-top: 11px;padding-bottom: 11px}

   }