
@media only screen and (min-width: 992px) {
	.innerContent {min-height: 370px;}
}
@media only screen and (max-width: 1460px) {
	.indexBanner .owl-dots{left: 5%;}

}

@media only screen and (max-width: 1360px) {
	.container{width: 96%;}
.indexBanner .sliderBanner .bannerCaption > .leftAnimate{font-size: 48px;}
.depostBox{width: 76%;}
.depostBox p{font-size: 15px;}
.eventNewsWrap h2{font-size: 36px;margin-bottom: 30px;}
.educational h2{font-size: 36px;margin-bottom: 30px;}
.ourPeople h2{font-size: 36px;margin-bottom: 30px;}
.serviceEducational h2{font-size: 36px;margin-bottom: 30px;}
}

/* ************* Media Queries Tablets ****************** */
@media only screen and (max-width: 1169px) {
.container{width: 98%;}
.logo{max-width: 200px;}
#nav li a{padding: 5px 6px;font-size: 1em;}
.innerCaption h1{font-size: 1.7em;}
.indexBanner .sliderBanner .bannerCaption > .leftAnimate { font-size: 42px; line-height: 42px; }
.deposIcon{width: 20%;float: left;}
.depostBox { width: 80%; }
.serBottomText{padding: 0;}
.ourPeopleRow li h4{font-size: 16px;}
.servEducationSilder .owl-nav .owl-prev{left: 0;}
.servEducationSilder .owl-nav .owl-next{right: 0;}
.innerBanner img{height: 400px;}
}
@media only screen and (max-width: 1023px) {
	.indexBanner .sliderBanner .bannerCaption > .leftAnimate{font-size: 38px;}
	.indexBanner .sliderBanner .bannerCaption{top: 45%;}
	.indexBanner .owl-dots{bottom: 20px;}
	.serBottomText h5{font-size: 22px;}
	.depositService{padding: 30px 0;}
	.newsEventWrap{padding: 30px 0;}
	.educational{padding: 30px 0;}
	.ourPeople{padding: 30px 0;}
    .serviceEducational{padding: 30px 0;}
    .eventNewsWrap h2{font-size: 30px;}
    .educational h2{font-size: 30px;}
    .ourPeople h2{font-size: 30px;}
    .serviceEducational h2{font-size: 30px;}
    .innerContent { padding: 25px 0; }
    .footerLinks .cols4,.cols3,.cols2{width: 33.33%;}
     .cols3.socialIcon { width: 100%; border: 0; padding: 0 15px ; text-align: center; }
     .innerCaption{padding: 15px 0;}
}



@media only screen and (max-width: 991px) {
/*Navigation*/
#nav {display:none;position:absolute;left:0;right:0;background:#073e74;}
#nav ul{background:#305d93;}
.toggleMenu, #nav .menuIcon {display:block;}
#nav li {float:none;display:block;border:none;}
#nav li a{border-top:1px solid #727272;color: #fff;}
#nav li.parent {position:relative;}
#nav li .menuIcon, #nav li li .menuIcon {width:46px; height:auto; background-color:#002d63; background-color: rgba(0, 45, 99, 0.5); background-image:url(../images/down-arrow.gif); background-repeat:no-repeat; background-position:center 15px; position:absolute;right:0;top:0;bottom:0;cursor:pointer;}
#nav li .menuIcon.active, #nav li li .menuIcon.active {background-color:#002d63; background-color: rgba(1, 36, 78, 0.5);}
#nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a {background-color:#002d63;color: #fff;}
#nav ul {width:100%;display:none;position:static;transition:none;-webkit-transition:none;}
.hasJS #nav ul{opacity:1;}
#nav li ul li, #nav ul a {width:100%}
#nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul {display:none;}
#nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul {margin-left:0;}
#nav li a {padding-left:15px;padding-right:15px;display:block;line-height:30px;font-size:16px;}
#nav li ul li a {padding:7px 55px 7px 25px; display:block;line-height:21px; background:url(../images/right-arrow.gif) no-repeat 15px 15px;color:#fff;border:none}
#nav li ul li ul li a {padding-left:45px;background-position:33px center}
#nav li ul li ul li ul li a {padding-left:60px;background-position:45px center}
#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a {background-color:#305d93;color: #fff;}
#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a {background-color:#305d93;color: #fff;}

/*Responsive Table*/
.responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none;	/* Converts a table, table row, table column and table column:before into a block element */ }
.responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; }
.responsiveTable thead, .responsiveTable tr th { position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em; }
.responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }
.responsiveTable tr td:nth-child(1) { /* first column of the row */ border-left:none;}
.responsiveTable tr td:last-child { /* last column of the row */ border-right:none; }
.responsiveTable tr:last-child .td, .responsiveTable td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }
.responsiveTable td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";	/* call the attribute value of data-label and adds a string // */ }
.responsiveTable tbody {display:block;}
.responsiveTable tr td {padding:5px 15px; width:auto !important;}

header{position: relative;}
.indexBanner .sliderBanner .bannerCaption{top: 35%;}
.serBottomText{margin-top: 30px;}
.serBottomText p{margin-bottom: 0;}
.eventRow .cols4 { width: 50%; margin-bottom: 25px; }
.eventRow .cols4:nth-last-child(-n+2) { margin-bottom: 0; }
.eduBoxImg { display: inline-block; width: 100%; margin: 0 auto; text-align: center; }
.eduBoxImg img{border-radius: 10px;}
.educationalText{width: 100%;padding-right: 0;text-align: center;}
.socialIcon{border-left: 0;width: 100%; padding: 0;}
.footerLinks h4{margin-bottom: 15px;font-weight: 700;}

.toggleMenu .mobileMenu{display: none;}
.mainNavigation{position: initial; margin-top: 0; float: left;}
.menuInformation { max-width: 100%; background-color: #5c994a; margin-top: 10px; flex: 0 0 100%;display: initial; }
.toggleMenu, #nav .menuIcon{display: inline-block;}
.headerBG{padding: 15px 0 0 0;}
.toggleMenu .iconBar{background-position: left 6px;}
.toggleMenu{padding: 5px 15px;}
.logo { text-align: center; flex: 0 0 100%; max-width: 100%; }
.rightLinks li{display: none;}
.search a{padding: 5px 15px; font-size: 19px;color: #fff;line-height: 40px;}
.fixed .menuInformation { position: fixed; top: 0; width: 100%; left: 0; margin-top: 0; }
.rightLinks .language { display: block; }
.menuInformation .search { display: block;}
header.fixed{position: relative;}
.search .form-wrapper{top: 50px;}
.innerCaption h1{font-size: 32px;line-height: 32px;}
.innerBanner img{height: 250px;}
.row.peopleSingle { margin: 0; }
.innerContent .row { margin-left: 0; margin-right: 0; }
#frmsrch { width: 50%;}
.fixed #nav li a { color: #ffffff; }
.fixed #mainNav{margin-top: 4px;}
.innerCaption h1 { font-size: 22px; }
}
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}
.indexBanner .sliderBanner .bannerCaption > .leftAnimate { font-size: 32px; }
.indexBanner .sliderBanner .bannerCaption .knowMoreInfo{margin-top: 20px;}
.ourPeople .resTab .r-tabs-accordion-title .r-tabs-anchor{color: #1f1f1f;font-weight: 500;font-size: 17px; background-color: #ffffff;border-bottom: 1px solid #e9e9e9;position: relative;}
.ourPeople .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{background-color: #5c994a; color: #fff;}
.ourPeople .resTab .r-tabs-accordion-title .r-tabs-anchor:after { content: "\f107"; position: absolute; right: 15px; font-family: 'FontAwesome'; font-size: 24px; line-height: 22px; }
.ourPeople .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after{content: "\f106"; position: absolute; right: 15px; font-family: 'FontAwesome'; font-size: 24px; line-height: 22px;}




}
/* ************* Mobiles Media Queries ****************** */
@media only screen and (max-width: 767px) {
.formList .boxs > li, .formList .boxs > div {float:none; width:100%;}
.width50p {width:100%;}
.innerCaption h1{font-size: 22px;}
.footerLinks .cols4, .cols3, .cols2 { width: 100%; text-align: center;margin-bottom: 12px; }
.cols3.socialIcon{margin-top: 15px;}
}
@media only screen and (max-width: 639px) {
.formList .boxs {margin-left:0;}
.formList .box {float:none; width:auto; margin-left:0;}
.indexBanner .sliderBanner .bannerCaption > .leftAnimate{font-size: 24px;}
.indexBanner .sliderBanner .bannerCaption{top: 25%; padding: 0 15px 0 0;}
.eventRow .cols4 { width: 100%; margin-bottom: 25px; padding: 0; }
.eventColl{min-height: auto;}
.eventNewsWrap h2{font-size: 24px;}
.educational h2{font-size: 24px;}
.ourPeople h2{font-size: 24px;}
.serviceEducational h2{font-size: 24px;}
.serBottomText h5 { font-size: 18px; }
.aduSubTitle{font-size: 20px;line-height: 24px;}
.depositServiceRow .owl-item.active.center{border-left: 0;border-right: 0;}
.footerBottomLinksWrap .bottomLinksLeft{text-align: center;width: 100%;margin-bottom: 15px;}
.copyRights{width: 100%;text-align: center;}
.footerLinks .cols2{margin-bottom: 15px;}
.innerCaption h1 { font-size: 18px; line-height: 24px; }
.innerCaption .breadcrumb{margin-top: 0;}
#frmsrch { width: 100%;}


}
@media only screen and (max-width: 479px) {
.bannerCaption .button{padding: 9px 12px;font-size: 15px;}
.indexBanner .owl-dots{bottom: 10px;}
.indexBanner .sliderBanner .bannerCaption .knowMoreInfo{margin-top: 10px;}
.deposIcon{width: 100%; text-align: center;margin: 0 auto;margin-bottom: 15px;}
.deposIcon img{width: auto !important; text-align: center;margin: 0 auto;}
.depostBox{width: 100%;padding-left: 0; text-align: center;}
.depostBox h4{text-align: center;font-size: 18px;}
.depostBox p{text-align: center;}
.eventNewsWrap h2{font-size: 22px;margin-bottom: 50px;}
.eventNewsWrap .viewAll{top: 42px;}
.educational h2{font-size: 22px; margin-bottom: 50px;}
.eduDeatilRow .viewAll{top: 42px;}
.ourPeople h2{font-size: 22px;}
.serviceEducational h2{font-size: 22px; margin-bottom: 50px;}
.servEducationRow .viewAll{top: 42px;}
.innerCaption h1 { font-size: 16px; line-height: 24px; }
.innerCaption .breadcrumb li a{font-size: 13px;display: initial;}
.innerCaption .breadcrumb li{display: initial;}

.innerBanner img { height: auto; }
.innerCaption .breadcrumb{text-align: left;float: none;}
.innerCaption{position: relative;padding: 15px;background-color: #000000cf;}

.innerContent h2 { font-size: 20px;}
.innerContent h3 { font-size: 18px;}

}
@media only screen and (max-width: 359px) {
	.indexBanner .sliderBanner .bannerCaption > .leftAnimate { font-size: 16px; line-height: 24px; }
	.rightLinks { float: none; display: inline-block; text-align: center; width: 100%; }
	.topStrip a{font-size: 13px;}
	.rightLinks .language { display: inline-block; float: none;}
	.innerCaption h1 { font-size: 18px; line-height: 24px; }
	.rightLinks { display: none;}

	.innerContent p { font-size: 1em; }
	th, td, .tableData th, .tableData td{font-size: 1em;}
	.footerLinks{padding: 20px 0 20px;}

}