/*-- Fonts --*/

@font-face {

    font-family: 'Roboto Bold';

    src: url('../fonts/roboto-bold.eot');

    src: url('../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto-bold.woff2') format('woff2'),

         url('../fonts/roboto-bold.woff') format('woff'),

         url('../fonts/roboto-bold.ttf') format('truetype'),

         url('../fonts/roboto-bold.svg#RobotoBold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto Light';

    src: url('../fonts/roboto-light.eot');

    src: url('../fonts/roboto-light.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto-light.woff2') format('woff2'),

         url('../fonts/roboto-light.woff') format('woff'),

         url('../fonts/roboto-light.ttf') format('truetype'),

         url('../fonts/roboto-light.svg#RobotoLight') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto Medium';

    src: url('../fonts/roboto-medium.eot');

    src: url('../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto-medium.woff2') format('woff2'),

         url('../fonts/roboto-medium.woff') format('woff'),

         url('../fonts/roboto-medium.ttf') format('truetype'),

         url('../fonts/roboto-medium.svg#RobotoMedium') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto Regular';

    src: url('../fonts/roboto-regular.eot');

    src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto-regular.woff2') format('woff2'),

         url('../fonts/roboto-regular.woff') format('woff'),

         url('../fonts/roboto-regular.ttf') format('truetype'),

         url('../fonts/roboto-regular.svg#RobotoRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



/*-- Reset css --*/

/*==================box-sizing================*/

*{box-sizing: border-box}

*,

*:before,

*:after{box-sizing: border-box}

html{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

*,

*:before,

*:after{-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit}

/*====*/

*{margin: 0;padding: 0;border: none}

abbr,acronym,dfn{cursor: help;border-bottom: 1px #000 dotted}

dfn{font-style: normal}

.left{float: left}.right{float: right}

.clear{clear: both}

.aligncenter{text-align: center}

.alignright{text-align: right}

a{color: #000;outline: none;border: none;text-decoration: none}

a:visited{color: #5c5c5c}

a:hover{text-decoration: none;color: #0198d1}

a:active{color: #000}

address{margin: 0.2em 0;padding: .5em 0 1em;line-height: 140%;font-style: normal}

:focus{outline: 0}

ul,ol{list-style: none;margin: 0;padding: 0}

p{font-size: 16px;padding: 8px 0;line-height: 24px;margin: 0;color: #000;}

.input-group{position: relative;margin-bottom: 15px}

.form-control{background:#fff;border:solid 1px #d8d8d8;font-size:15px;color:#434343;border-radius: 4px;width:100%;height:50px;padding:8px 15px}

.form-control::-moz-placeholder{color: #797979;opacity: 1}

.form-control:-ms-input-placeholder{color: #797979}

.form-control::-webkit-input-placeholder{color: #797979}

.form-control:focus{box-shadow:none}

.btn-primary{width:100%;min-height:62px;background-color:#252525;border:0;font:20px "Roboto Regular", Arial, sans-serif;font-weight:600;padding: 16px 0 0 0;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase}

.btn-primary:hover,.btn-primary:focus{background:#059ad9}

.btn-primary:focus,.btn-primary:active{border:0;box-shadow:none}

textarea{font: 12px Arial, Helvetica, sans-serif}

textarea.form-control{height:120px}

.block{display: inline-block;width: 100%}

.button{display: inline-block;background-color: transparent;color: #fff;font-size: 16px;text-transform: uppercase;border: solid 2px #0097ce;padding: 12px 26px;	text-align: center;vertical-align: middle;border-radius: 4px;}

.error{display: block;color: #d60606;margin-top: 5px}

.alert-success{opacity: 1}.button.radius{border-radius: 4px}

.capitalize{text-transform: none;text-transform: capitalize}

img.img-block{display: block;max-width: 100%;height: auto}

.center-box{background-color: transparent;text-align: center;padding: 60px 0}

.ucase:before{text-transform: uppercase}

.block{display: inline-block;width: 100%;}

.icon{display: inline-block;fill: currentColor;height: 1em;position: relative;top: -0.0625em;vertical-align: middle;width: 1em;}

.list{list-style:none;}

.list li{background:url(../images/list.png) no-repeat 3px 9px;color:#424242;font-size:16px;line-height:22px;padding:4px 0 4px 20px;}

.list-numeric{list-style: number;font-size: 16px;color: #000;margin:10px 0 10px 20px}

.list-numeric li{line-height: 24px;margin: 0 0 16px;}
.list.circle-red li{background:url(../images/list-circle.png) no-repeat left 12px;padding:10px 0 10px 30px}

/*-- Body --*/

html{background: #fff;height: 100%;font-family: Arial, Helvetica, sans-serif}

body{background: #fff;font-family: Arial, Helvetica, sans-serif;font-weight: 400;font-size: 15px;min-height: 100%;color: #404040}

.container{max-width: 1190px;margin: 0 auto;position: relative;padding: 0 15px}



/*====----====*/

html,body{margin:0;padding:0;overflow-x:hidden}

.page-body,.page-content{position:relative}

.page-body{min-height:100vh}

.page-content{min-height:100vh;background-color:#fff}

/*====----====*/

.img-border{height: 125px;width: 125px;background: #0f7dc2;border-radius: 50%;border: 6px solid #fff;margin: 0 auto;text-align: center;padding-top: 30px;	box-shadow:0px 0px 6px -3px #181818;}

.img-border img{margin: 0 auto;display:inline-block;}

.content-box{text-align: center;}

.content-box .hd-box{font-size: 26px;padding: 25px 0 0;}

.content-box p{padding: 0;color: #626262;}



/*-- Fetch Fonts --*/

h1,h2,h3,h4,h5,h6{font-family:"Roboto Bold", Arial, sans-serif;font-weight:normal}

/*-- Container --*/

#content{display: inline-block;width: 100%;min-height: 300px;padding:0 0 40px}

#nav ul li,.intro-text .small,.intrest .intrest-detail h3,.loan .loan-name p,.content-box .hd-box,.ifs-code p,.loanes .details h3{font-family:"Roboto Medium", Arial, sans-serif;}

.intrest .intrest-detail p,.middle-section p,.loan .loan-name span,.breadcrumbs li,.content-box p,.about-bankprofile .table thead th,.about-bankprofile h3,.intrest-rate-inner .table thead th,.intrest-rate-inner .table td,.deposits h2,.members-info h2,.privacy h2,.privacy h3,.members-info ol,.bank-loanes h2 span,.description{font-family:"Roboto Regular", Arial, sans-serif;font-weight:normal}

.middle-section h2,.about-bankprofile .table tbody td{font-family:'Roboto Light', Arial, sans-serif;font-size:45px;color:#2f2f2f;}



.home #content{padding:40px 0 50px;}

.hd-h2{font-family:'Roboto Light', Arial, sans-serif;font-size:45px;color:#1f1f1f;margin:0 0 18px;text-transform:uppercase;}

.subintro-hd{font-size:55px;color:#fff;text-transform:uppercase;margin:0 0 6px;}



/*-- Header --*/

.header #logo{margin-top: 18px;}

.header .navbar-brand{margin: 14px 0 0 0;padding: 0;min-height: 106px;}

.nav-head{background:#f8f8f8}

.header-main{background: url(../images/bg.gif) no-repeat right 0;background-size: 31% 100%;}

@media (min-width:2000px){

  .header-main{background-size: 41% 100%;}

}

.header-bg{background:url(../images/header-bg.png) no-repeat 25% 0;text-align:right;font-family: 'Roboto Medium', Arial, sans-serif; font-size: 18px;font-weight:normal;max-width: 774px;margin: 0 auto;min-height: 127px;}

.social-head{display:none}

.social-head li{display:inline-block;margin:25px 0 15px 7px;font-size:18px;}

.social-head li .fa{color:#fff;border: 2px solid;padding:5px 0;border-radius: 50%;font-size: 16px;width: 30px;height: 30px;text-align: center}

.social-head li .fa:hover{color:#000}

.contact-head{padding-top:50px}

.contact-head li{display:inline-block;margin-left:14px;color:#fff}

.contact-head .fa{margin-right: 7px}

.contact-head a{color: #fff;font-size:18px;}

.contact-head a:hover{color: #000;}



/*----Inner Common----*/

#content.content{padding: 10px 0 0;}



/*====----header-shrink----====*/

@media (min-width:992px){

    /*-- Header Fixed --*/

    .header{background-color:transparent;padding:0;min-height:80px;position: relative;top:0;z-index:1000;width:100%}

    .header,.navbar-brand,#nav{-webkit-transition:all 500ms ease 0s;-moz-transition:all 500ms ease 0s;transition:all 500ms ease 0s}



    /*-- Main Navigation --*/

    #nav{float: none;min-height:40px;padding-right:0;position:relative;z-index:100000;margin-top:13px}

    #nav ul li{font-size:16px;display:inline-block;position:relative;text-transform:uppercase}

    #nav ul li a,#nav ul li span{display:block;color:#000000;padding:9px 17px 14px;margin:0 2px}

	#nav > ul > li > a,#nav > ul > li > span{border-bottom:2px solid transparent;}

	

    #nav ul li,#nav ul li a,#nav ul li span,a.button{-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

    #nav > ul > li > a:hover,#nav > ul > li.active > span,#nav > ul > li.active > a,#nav > ul > li:hover > a,#nav > ul > li > span:hover,#nav > ul > li:hover > span{border-bottom:2px solid #098acc; color: #098acc;}

    #nav ul li.has-submenu span{cursor:pointer}



    /*-- Submenu --*/

    #nav .sub-menu{opacity:0;visibility:hidden;position:absolute;left:0;top:49px;width:280px;text-align:left;z-index:9999;padding:0;background:#fff;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;box-shadow: 0px 7px 6px 3px rgba(0,0,0,0.35);}

    #nav li:hover > ul{opacity:1;visibility:visible}

    #nav .sub-menu > li{display:block;color:#333;font:15px OpenSans Bold;line-height:22px;border-bottom: solid 1px #ddd;}

	#nav ul li:hover .sub-menu li a,#nav ul li:hover .sub-menu li span{border:none;}

    #nav .sub-menu > li a,#nav .sub-menu > li span{display:block;color:#333;font:15px 'Open Sans', Arial, sans-serif;display:block;text-transform:none;padding:13px 0 13px 25px;text-transform:uppercase;}

     #nav li:hover ul li a,#nav li:hover ul li span{padding-left:18px}

    #nav .sub-menu li:hover a,#nav .sub-menu li:hover span{padding-left:24px;background:#f8f8f8}

    #nav .sub-menu li:hover span, #nav .sub-menu li:hover a:hover,#nav .sub-menu > li.active a,#nav .sub-menu > li.active span{color:#098acc;}

	#nav .sub-menu > li:last-child{border-bottom: none;}



    }



@media (max-width:991px){

    .nav{position:fixed;top:0;bottom:0;width:261px;padding:75px 0 15px;box-sizing:border-box;background-color:#1c1c1c;box-shadow:4px 0 5px 0 rgba(0,0,0,0.14),1px 0 10px 0 rgba(0,0,0,0.12),2px 0 4px -1px rgba(0,0,0,0.3);opacity:0;visibility:hidden;z-index:500}

    .nav-list{position:relative;padding:0;margin:45px 0 0;list-style-type:none;width:100%}

    .nav-list li:not(:last-child){margin-bottom:6px;border-bottom:solid 1px #333}

    .nav-list li a,.nav-list li span{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;display:block;align-items:center;color:#fff;text-decoration:none;padding:10px 18px 12px}

    .nav-list li a:hover{color:#098acc}

    .nav-link-icon{position:relative;top:-3px;margin-right:10px;color:currentColor}

    .nav-close{position:absolute;top:24px;right:24px;width:40px;height:25px;cursor:pointer}

    .nav-close:before,.nav-close:after{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;display:block;width:4px;height:28px;border-radius:10px;content:'';-webkit-transform-origin:center center;transform-origin:center center;background-color:#fff}

    .nav-close:before{position:absolute;top:0;left:18px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

    .nav-close:after{position:absolute;top:0;right:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

    .nav-close:hover:before,.nav-close:hover:after{background-color:#098acc}

    .nav-open-btn{position:fixed;top:24px;right:23px;transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;width:35px;height:25px;overflow:hidden;cursor:pointer;z-index:10000}

	.nav-open-btn:before{content:" ";background:#098acc;height:42px;width:50px;position:fixed;right:16px;top:12px;}

    .nav-open-btn.js-hidden{transition-property:all;transition-duration:0;transition-timing-function:linear;transition-delay:0;opacity:0;visibility:hidden}

    .nav-open-btn__bar{width:100%;height:3px;background-color:#fff;border-radius:20px}

    .nav-open-btn__bar:nth-child(1){position:absolute;top:0;left:0}

    .nav-open-btn__bar:nth-child(2){position:absolute;top:10px;left:0}

    .nav-open-btn__bar:nth-child(3){position:absolute;top:20px;left:0}

    .nav-offcanvas-1{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;right:-260px}

    .nav-offcanvas-1.js-opened{transition-property:right;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;right:0;opacity:1;visibility:visible}

    .page-content-offcanvas-1{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;right:0}

    .page-content-offcanvas-1.js-opened{transition-property:all;transition-duration:.3s;transition-timing-function:linear;transition-delay:0;right:260px}

    #nav ul li a,#nav ul li span{padding:10px 0 12px 18px}

    #nav li.has-submenu{position:relative}

    #nav .sub-menu{display:none}

    #nav li.has-submenu .expand-collapse{width:16%;background:url(../images/expand-collapsed-menu.png) no-repeat 50% 0;position:absolute;top:0;right:0;display:block;z-index:1000000;height:40px;cursor:pointer}

    #nav li.has-submenu.open > .expand-collapse{background-position:50% 100%}

    #nav .sub-menu > li a{font-size:13px;padding:11px 0 11px 34px;background:url(../images/subnav-bullet.png) no-repeat 19px center}

    #nav ul li .sub-menu li:first-child{border-top:solid 1px #333}



}



/*====----Home Page----=====*/

.home #intro{background: #fff url(../images/intro-bg.jpg) no-repeat center 0;min-height: 620px;max-width: 1920px;margin: 0 auto;position:relative;background-size:cover}.intro-text{padding:50px 0 0;}

.home #intro .intro-text{position: absolute;right: 0;top:109px;right: 0;max-width: 655px;min-height: 400px;padding: 35px 0 0 40px;background:rgba(9,138,204, 0.10)}

.home .intro-text h1{font-size:98px;color:#098acc;width: 620px;text-align: left;}

.home .intro-text .small{display: block;font-size:58px;font-weight:normal;text-transform: capitalize;color: #000}

.home .intro-text .btn{max-width:210px;margin:10px 0 0 0;color:#fff;}



/*====----Sub Header Page----=====*/

.breadcrumbs{list-style:none;margin:0;padding:0;}

.breadcrumbs li{display:inline-block;vertical-align:middle;font-size:18px;margin:0 8px 0 0;padding:0 24px 0 0;color:#fff;background:url(../images/double-arrow.png) no-repeat right 10px;}

.breadcrumbs li a,.breadcrumbs li span{display:inline-block;color:#fff;}

.breadcrumbs li:last-child{background:none;}

.intro{background:url(../images/intro-topbg.jpg) no-repeat center 0;background-size:cover;margin:0 auto;position:relative;background-size:cover;min-height:212px}



/*====----About us Page----=====*/

.about-bankprofile,.intrest-rate-inner{padding:40px 0 0;}

.about-bankprofile p{color:#424242;}

.about-bankprofile h3{font-size: 18px;color: #000}

.about-bankprofile .description{color:#1c1c1c;font-size:26px;margin:0 0 24px;line-height:31px;}
.about-bankprofile p.note{font-size:22px;line-height:45px}
.tfoot p{font-size:18px}

.intrest-rate-inner h3{font-size: 26px;color: #000;padding-bottom: 24px;margin: 0;}

.list-circle{list-style:none;margin-top:26px;}

.list-circle li{background:url(../images/circle.png) no-repeat left 5px;color:#424242;font-size:16px;line-height:24px;margin:0 0 24px;padding-left:31px;}

.about-bankprofile .figure{margin:26px 0 0;max-width:512px;max-height:477px;}



.custom-table .table{background:#fff;border:1px solid #d4d4d4;}

.custom-table .table thead{background:#098acc;}

.custom-table .table thead th{padding:10px 18px;color:#fff;font-size:18px;border:1px solid #d4d4d4;vertical-align: top;}

.custom-table .table tbody td{border:1px solid #d4d4d4;font-size:15px;color:#595252;padding:8px 18px;vertical-align: top;}



.about-bankprofile.custom-table .table thead th{padding:10px 24px;font-size:21px;}

.about-bankprofile.custom-table .table tbody td{font-size:20px;padding:8px 24px;}

.table thead tr .category,.table tbody tr .ct-padding{text-align: center;}

.intrest-rate-inner .table-responsive{width: 100%;margin: 0 0 26px 0;}

.tp-padding span{color: #d20000;padding-left: 3px}

.description .update{display:block;color:#777;}



/*====----services Page----=====*/

.bank-services{padding:60px 0 33px;}

.bank-services .img-border{height: 176px;width: 176px;padding:0;line-height:168px;}

.bank-services .services{margin:0 0 60px;}

.bank-services .img-border img{margin: 0 auto;}

.bank-services .content-box{text-align: center;}

.bank-services .content-box p{padding: 0;color: #626262;}

.ifs-code{background:#d01d1d;padding:33px 15px 26px 50px;}

.ifs-code h3{color:#fff;font-size:31px;margin:0 0 8px;}

.ifs-code p{color:#fff;font-size:21px;line-height:31px;margin:0;}



/*====----bank-loan Page----=====*/

.bank-loanes{padding:60px 0 0;margin:0 0 -35px;}

.bank-loanes h2{font-size: 35px;text-align: center;color: #000;padding-bottom: 45px;}

.bank-loanes h2 span{border-bottom: 3px solid #000;display: inline-block;padding: 0 15px 16px;}

.bank-loanes li[class*="col-"]{margin: 0 0 60px;}

.loanes .details{overflow: hidden;}

.loanes figure{float:left;margin-right:15px;}

.loanes .details h3{color:#2f2f2f;font-size:26px;margin:0 0 10px;}

.loanes .list li{color: #575757;}



/* header-bottom */

.header-bottom .row{margin-left:-5px;margin-right:-5px;}

.header-bottom [class*="col-"]{padding-left: 5px;padding-right: 5px;}

.header-bottom{display:block;border-bottom: 1px solid #e5e5e5;padding-bottom: 45px;}

.header-bottom .intrest{padding:10px;text-align:left;}

.header-bottom .intrest figure{float:left;margin: 0 22px 0 24px;}

.header-bottom .intrest figure span{background:url(../image/sprite-lux.png) no-repeat center center;display:block;height:37px;width:57px;

-webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

.intrest .intrest-detail{overflow:hidden;}

.intrest .intrest-detail h3{color:#000;margin:0 0 4px;font-size:22px;}

.intrest .intrest-detail p{color:#6e6e6e;margin:0;padding:0;font-size:16px;}



/* middle-section-home */

.middle-section{text-align: center;padding:57px 0 0 0;}

.middle-section h2{max-width: 737px;margin: 0 auto;padding-bottom: 12px;}

.middle-section p{font-size: 18px;}



/*--Counter--*/

.auto-counter {background: url(../images/counter-bg.jpg) no-repeat center 0;background-size: cover;padding:68px 0 35px;text-align: center;min-height:302px}

.auto-counter .hd-h2{text-transform: capitalize;color: #fff;margin-bottom: 45px;}

.auto-counter ul{overflow:hidden}

.auto-counter li {float: left;width: 33.33%;margin-bottom: 35px;}

.auto-counter li strong, .auto-counter li em {display: inline-block;font-size:53px;color: #fff;vertical-align:middle;}

.auto-counter li em {font-family:'Roboto Bold', Arial, sans-serif;font-style: normal;font-weight: normal}

.auto-counter li span {font-family:'Roboto Regular', Arial, sans-serif;font-size:30px;line-height:35px;color: #fff;display: block;padding:0;}

.branches h3{color: #fff;font-size: 20px;}

.branches p,.branches a{color: #fff;}

.branches a:hover{text-decoration: underline;}

.auto-counter hr{border-top: 2px solid rgba(255,255,255,.1);}

/*--Deposits--*/

.deposits{padding-top: 48px;}

.deposits h2{font-size: 35px;text-align: center;color: #000;padding-bottom: 45px;}

.deposits span{border-bottom:3px solid #000 ;display: inline-block;padding:0 15px 16px;}

.deposits-bank{padding: 65px 0 0;}



.members-info,.notice{padding-top: 43px;}

.members-info h2{font-size: 26px;padding-bottom: 42px;}

.members-info ol{font-size: 16px;color: #686868;float:left;width:50%;}

.members-info ol li{line-height: 24px;margin: 0 0 16px;}



/* AGM Reports */

.attachment-link{padding-top: 43px;}

.attachment-link a{font-size: 20px;font-family:Arial, Helvetica, sans-serif;color:#1d84b9;border-bottom: 1px solid #1d84b9;}



/* Deaf */

.deaf-content{padding-top: 46px;}

.deaf-content h2{font-size: 20px;font-family: Arial, Helvetica, sans-serif;color:#424242;}

.deaf-content p{font-size: 16px;font-family:Arial, Helvetica, sans-serif;color: #424242;padding: 20px 0 0}

.deaf-content .attachment-link{padding-top: 28px;}



/* Contact Us */

.contact-us {padding:80px 0 35px;}

.contact-us .branch-detail{padding-left:30px}

.contact-us h2{font-size:26px;font-family:"Roboto Medium", Arial, sans-serif;color:#222222;padding-bottom: 9px;}

.contact-us .address span,.contact-us .address span a{font-size:16px;font-family:"Roboto Regular", Arial, sans-serif;display:block;color:#5a5a5a;}

.contact-us .address span{padding-bottom: 10px;}



/* Board of Directors */

.all-board{padding-top:40px}

.board-gallery{padding-top:26px;}

.board-gallery li{margin:0 0 24px;}

.board-gallery .hd-info h2{font-size:20px;font-family:"Roboto Regular", Arial, sans-serif;color:#000000;text-align: center;}

.board-gallery .hd-info p{font-size:20px;font-family:"Roboto Regular", Arial, sans-serif;font-weight: 100;color:#747474;text-align: center;padding-top: 0}

.board-gallery .image{position: relative;display: block;border: 8px solid #098acc;border-radius: 50%;max-width: 202px;max-height: 252px;margin: 0 auto;}

.board-gallery figure img {border-radius: 50%;width: 100%;height: 100%;}

/* Privacy Policy */
.privacy h2{font-size:28px}
.privacy h3{font-size:24px;padding-top:20px}



/*-- Footer--*/

footer{padding-top:62px;clear:both}

footer h3{font:30px "Roboto Regular", Arial, sans-serif;color:#3f3f3f;font-weight:600}

footer h4{font-family:"Roboto Regular", Arial, sans-serif;font-size:28px;color:#000;margin:0 0 12px;}

.links-top{padding-top: 20px}

.quick-links li{font:18px "Roboto Regular", Arial, sans-serif;padding:0 0 15px}

.quick-links li a{color:#3f3f3f}

.quick-links li a:hover{color:#1b81bb}

.social-media{/*margin-top:70px;text-align:center;*/margin:30px 0}

.social-media li{font:18px "Roboto Medium", Arial, sans-serif;display:inline-block;margin:0 7px;}

.social-media li .fa{font-size:18px;color:#000}

.social-media li .fa:hover{color:#1b81bb}

.bottom figure{display:inline-block;margin:0 1%;vertical-align:middle}

.footer-base{background:#f8f8f8;padding:24px 0 21px;margin-top:30px;position:relative}

.copyright{font-family:Arial, Helvetica, sans-serif;font-size:18px;text-align:center}

.social{position:absolute;right:66px;top:0;padding-top:8px}

.social li{display:inline-block;margin-right:4px;font-family:"Arial", Helvetica, sans-serif;font-size:18px;}

.social .fa{border: 2px solid #000;border-radius: 50%;padding: 5px 0;width: 30px;color:#020202;height: 30px;font-size:16px;text-align: center;}

.social .fa:hover{color:#1b81bb;border: 2px solid #1b81bb;}



/*====Responsive====*/

@media (min-width:1281px){}

/*====----=====*/

@media (max-width:1280px){}



@media (max-width:1199px){

img{display:block;max-width: 100%;height: auto}

.img-responsive{display:block;max-width:100%;height:auto}

.bank-loanes li[class*="col-"]{margin: 0 0 24px;}

.loanes figure{max-width: 140px;max-height: 140px;}

.contact-us  iframe{width: 100%;height: auto;}



/* body{border: 1px solid #000} */

}



@media (max-width:1024px){

.container{max-width:928px;padding:0 10px}

.header-main,.header-bg{background:none;}

.navbar-linear{position:relative;width:100%;}

.navbar-linear{background:-webkit-linear-gradient(-60deg, #098acc 48%, #fff 48%);background:-webkit-linear-gradient(left, #098acc 48%, #fff 48%); 

background: linear-gradient(-60deg, #098acc 48%, #fff 48%);}

.subintro-hd{font-size: 45px;}.content-box .hd-box{font-size: 21px;}





/*body{border: 1px solid orange}*/

}



@media (max-width:991px){

.container{max-width: 721px;}

.auto-counter {min-height: 249px;}.auto-counter .hd-h2{margin-bottom: 40px;font-size: 30px;}

.auto-counter li strong,.auto-counter li em{font-size: 35px;}.auto-counter li span{font-size: 18px;line-height: 26px;}.social-media {margin: 20px 0 30px 0;}

.quick-links li {padding: 11px 0 0 0;}.contact-head .call{display:none;}

.nav-open-btn{top:21px;}.contact-head li{margin-left:7px;}

/*====---- ----====*/

.home #content{padding: 31px 0;}.header-bg{text-align:left;padding-left:35px;}.home #intro{min-height:420px;}

.home #intro .intro-text{top: 40px;max-width: 100%;min-height: 324px;background: rgba(9,138,204, 0.66);}

.home .intro-text h1{color: #fff;font-size:50px;width: 100%}.home .intro-text .small{color: #ff9800;font-size: 40px;}

.home .intro-text p{color: #fff;padding: 8px 8px 8px 0;}

.home .intro-text .btn.btn-primary{max-width: 190px;min-height: 48px;padding: 12px 0 0 0;font-size: 18px;}

.header-bottom{padding-bottom: 26px;}.header-bottom .intrest{padding: 0 0 18px;text-align: center;}

.header-bottom .intrest figure,.header-bottom .intrest figure img{float: none;margin: 0 auto;text-align: center;}

.middle-section{padding:26px 0 0;}.middle-section h2{font-size: 35px;}

.all-board{padding-top:40px;}.board-gallery.row{justify-content:center;}.board-gallery{padding-top:10px;}

.all-board .board-gallery div[class*="col-"]{margin: 0 0 12px;}.ifs-code{padding: 24px 15px 18px 25px;}

.bank-services ul li[class*="col-"]{flex: 0 0 50%;max-width: 50%;margin: 0 0 24px;}

.ifs-code h3 {font-size: 24px;}.ifs-code p{font-size: 18px;line-height: 26px;}

.deposits-bank{padding: 35px 0 0px;}.deposits-bank .list{list-style: none;margin: 0 0 35px;}

.members-info h2,.privacy h2{padding-bottom: 18px;margin: 0;}.members-info ol li{line-height: 21px;margin: 0 0 15px;padding-right: 12px;}

.contact-us{padding: 50px 0 15px;}.intrest-rate-inner.custom-table .table thead th{font-size:16px;}

.intrest-rate-inner.custom-table .table tbody td,.intrest-rate-inner.custom-table .table thead th{padding:8px 10px;}

footer{padding-top: 30px}footer img{margin: 0 auto}

footer h4{font-size: 24px;margin: 0;}

.footer-base{padding: 15px 0 10px;}

.social,.copyright{position:static;text-align:center;}



/*body{border: 1px solid red}*/

}



@media (max-width:767px){

.container{max-width: 590px}.home #content{padding:45px 0 40px;}#content{padding:35px 0 35px;}

.header-bg{display:none;}

.list li{line-height: 21px;padding-left: 21px;}

.navbar-linear{background: -webkit-linear-gradient(-66deg, #098acc 26%, #fff 26%);background: -webkit-linear-gradient(left, #098acc 26%, #fff 26%); 

background: linear-gradient(-66deg, #098acc 26%, #fff 26%);}

.header .navbar-brand{margin: 8px 0 0 0;min-height: 100%;max-width: 70%;}

.intro{min-height:135px;}.subintro-hd{font-size: 35px;}.intro-text{padding: 18px 0 0;}

.list-circle{margin-top: 10px;}.list-circle li{font-size: 15px;margin: 0 0 18px;}

.auto-counter li:last-child{float:none;margin:0 auto;text-align:center;}

.bank-services .img-border{height: 126px;width: 126px;line-height: 108px;}

.bank-services .img-border img{max-width: 50%;}.deposits .content-box .hd-box{font-size:21px;}

.deposits,.bank-loanes,.about-bankprofile,.intrest-rate-inner,.bank-services,.contact-us,.all-board,

.members-info,.notice,.deaf-content,.attachment-link{padding:0;}

.deposits .row figure{margin:0 auto;}.margin-zero{margin:0 !important;}

.about-bankprofile .description{font-size:21px;margin:0 0 15px;line-height:26px;padding-top:0;}

.deposits h2,.bank-loanes h2{font-size: 26px;padding-bottom: 24px;}

.deposits .row{justify-content:center;}

.deposits .row div[class*="col-"]{padding:0 15px 18px;}

.custom-table .table thead th,.custom-table .table tbody td,.about-bankprofile.custom-table .table thead th,.about-bankprofile.custom-table .table tbody td{

font-size: 16px;vertical-align: top;padding: 8px 10px;}

.intrest-rate-inner .table thead th,.intrest-rate-inner .table tbody td,.intrest-rate-inner.custom-table .table thead th{font-size: 14px;}

.intrest-rate-inner h3{font-size: 24px;padding-bottom: 15px;}

.members-info figure{margin: 18px 0;}.contact-us .branch-detail{padding: 15px 0 0 15px;}

address{margin: 0;padding: 0;}.auto-counter li{width:50%;}

.footer-base{text-align: center;margin-top: 30px;}

.footer-base .social{position:static;margin-bottom:10px}

.copyright{text-align: center}



/*body{border: 1px solid lightgreen}*/

}



@media (max-width:639px){

.container{max-width: 435px}.quick-links li{font-size: 16px}#content{min-height:100px;}

.navbar-linear{background: none;}.nav-open-btn{top:19px;right:25px;width:34px;}

.intrest-rate-inner h3{font-size: 21px;}.middle-section h2{font-size: 26px;}

.nav-open-btn::before{top:10px;right:17px;height:41px;}

.header .navbar-brand{max-width:80%;}.home #intro .intro-text{padding:15px 0 0 15px;}

.bank-services ul li[class*="col-"]{flex: 0 0 100%;max-width: 100%;}

.breadcrumbs li{font-size: 15px;margin: 0 3px 0 0;padding: 0 15px 0 0;background-position: right 8px;}

.subintro-hd.sm-hd{font-size: 28px;}

.board-gallery .image{border: 4px solid #098acc;max-width: 140px;max-height: 140px;}

.board-gallery .hd-info h2,.board-gallery .hd-info p{font-size:18px;}.board-gallery li{margin: 0 0 15px;}

.members-info ol{font-size: 15px;float: none;width: 100%;}

.members-info ol li{line-height: 18px;margin: 0 0 12px;}

.about-bankprofile .description{font-size: 18px;margin: 0 0 12px;line-height: 24px;}
.attachment-link a{font-size:18px}

.copyright{font-size: 15px;}



/*body{border: 1px solid blue}*/

}



@media (max-width:575px){

/*.nav-open-btn{width:28px;}.nav-open-btn::before{right: 13px;}*/



/*body{border: 1px solid yellow}*/

}



@media (max-width:480px){

.container{max-width: 90%}html{-webkit-text-size-adjust: none}

.links-top{text-align: center;padding-top: 10px}

.header{min-height: 60px;padding-top: 6px;}

.header .navbar-brand{max-width:90%;margin:0 0 0 -15px;}

.home #intro{background-position:-218px 100%;}

.home .intro-text h1{font-size:40px;}.home .intro-text .small{font-size: 26px;}

.home .intro-text .btn.btn-primary{max-width: 140px;min-height: 44px;padding: 12px 0 0 0;font-size: 15px;}

.subintro-hd{font-size: 31px;}.subintro-hd.sm-hd{font-size: 21px;}

.nav-open-btn{top:21px;right:23px;width:26px;}.nav-open-btn::before{top:12px;right:13px;height:41px;width:46px;}

.nav-close{top: 19px;right: 21px;}

.auto-counter {padding:33px 0;}

.loanes figure{float:none;}.quick-links{margin: 0 0 18px;}

.auto-counter .hd-h2 {margin-bottom: 35px;font-size: 25px;}

.auto-counter li strong, .auto-counter li em {font-size: 30px;}

.auto-counter li span {font-size: 16px;}.auto-counter li span br{display:none;}

.auto-counter li{width:100%;}



/*body{border: 1px solid magenta}*/

}



@media (max-width:400px){

.subintro-hd{font-size: 24px;}.header .navbar-brand{margin-top:5px;}



/*body{border: 1px solid green}*/

}

@media (max-width:320px){

.nav-open-btn{top: 18px;right: 15px;}.nav-open-btn::before{top:9px;right:5px;}

	

/*body{border: 1px solid pink}*/

}