/*-- /Menu button start --*/

.slide-menu-right {
    right: -330px;
    top: 0;
    width: 300px;
    height: 100%;
}
.menu {
    position: fixed;
    z-index: 10000;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
button.close-menu {
       color: #fff;
    background: black;
    border: none;
    display: block;
    outline: none;
}
body.smr-open .slide-menu-right {
    right: 0;
}
ul.resp-menu {
    padding: 0;
    max-height: 100vh;
    overflow: auto;
    padding-bottom: 40px;
}
ul.resp-menu li {
    padding: 0;
    list-style-type: none;
}
li.active-reg {
    background: #4a524c;
}

.active-reg a {
    color: #fff !important;
}
ul.resp-menu li a {
      padding: 13px;
    display: block;
    border-bottom: 1px solid #ccc;
    color: #000;
     font-size: 11px;
    text-transform: uppercase;
}
li.sub-menu.main a {
    background: #E0E0E0;
}
li.sub-menu a {
    padding-left: 30px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.27);
}
 

b.n {
    background-image:url(../images/plus.png);
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    float:right;
    margin-top: 3px;
    right: 21px;
    margin-right: 10px;
}
b.n.active {
    background-image:url(../images/minus.png);
}
.slide-menu-right {
    right: -330px;
    top: 0;
     width: 288px;
    height: 100%;
}

@media only screen and (max-width:991px)
{
	.navbar-toggle
	{
		display:none;
	}
	
	.menu-ul{
	display:none;
	}
	.top-resp span{
	display:none;
	}
	
	.active2{
	    background: #a20c0d;
		color:#fff !important;
	}
	.service-quote-wrap{
	display:none;
	}
	footer{
	display:none;
	}
	.intrest-rateli li{
	    width: auto;
	}
	.intrest-rateli{
	 width:100%;
	}
	
	
}
@media only screen and (min-width:992px)
{
	a#trigger-menu  {
  display:none;
}
.web-none{
 display:none;
}
}

@media only screen and (max-width:640px)
{
.marquee {
    width: 88% !important;
}
}

@media only screen and (max-width:340px)
{
.history-para {
    font-size: 12px !important;
	}
	.cf :after {
    width: 258px;
    bottom: -45px;
}
	.cf1 :after {
    width: 258px;
    bottom: -45px;
	}
	.cf2 :after {
    width: 258px;
    bottom: -45px;
}
	.cf3 :after {
    width: 258px;
    bottom: -45px;
}
.cf4 :after {
    content: '';
    position: absolute;
    background-color: #e0e6ec;
    width: 258px;
    bottom: -45px;
    height: 1px;
    left: 12px;
}
	.cf5 :after {
    width: 258px;
    bottom: -45px;
}

.cf6 :after {
    width: 258px;
    bottom: -45px;
}
.cf7 :after {
    width: 258px;
    bottom: -45px;
}
.cf8 :after {
    width: 258px;
    bottom: -45px;
}
}
@media only screen and (min-width:562px) and (max-width:602px){
	.history-para {
    font-size: 12px;
	}
.cf :after {
   width: 414px;
    bottom: -24px;
}
.cf1 :after {
   width: 414px;
    bottom: -24px;
}
.cf2 :after {
   width: 414px;
    bottom: -24px;
}
.cf3 :after {
   width: 414px;
    bottom: -5px;
}
.cf4 :after {
    content: '';
    position: absolute;
    background-color: #e0e6ec;
    width: 414px;
    bottom: 4px;
    height: 1px;
    left: 12px;
}

.cf5 :after {
   width: 414px;
    bottom: -24px;
}
.cf6 :after {
   width: 414px;
    bottom: -24px;
}
.cf7 :after{
	 width: 414px;
}
.cf8 :after{
	 width: 414px;
}
}

@media only screen and (min-width:481px) and (max-width:640px){

.box-width p{
    font-size: 12px !important;
}
.number-text{
    font-size: 12px !important;
}
.box-width h3 {
    font-size: 0.7em;
}

}


@media only screen and (max-width:561px)
{
.cf :after {
  display:none !important;
   
}
.cf1 :after {
  display:none !important;
   
}
.cf2 :after {
  display:none !important;
   
}
.cf3 :after {
 display:none !important;
}
.cf4 :after {
display:none !important;
}

.cf5 :after {
     display:none !important;
  
}
.cf6 :after {
   display:none !important;
    
}
.cf7 :after{
	  display:none !important;
}
.cf8 :after{
	 display:none !important;
}

}
@media only screen and (max-width:480px)
{
	.resp-fullgrid{
	width:100% !important;
	margin:0 auto;
	}
	.form-control{
	width:100% !important;
	}

.box-width {
    width: 100%;
    }
	.box-width{
		border-right:0px solid #ccc;
	}
	
	.news-name {
    padding-top: 13px;
    font-size: 14px;
}
.box-width p{
	    line-height: 7px;
    font-size: 14px !important;
}
.box-width h3 {
    font-size: 0.7em;
}

}
@media only screen and (max-width:475px)
{
	.intrest-rateli li {
    font-size: 10px;
	width: 74px;
}
}




@media only screen and (max-width:550px)
{
.form-grid span{
	    font-size: 11px !important;
		    width: 32%;
			padding-left: 0;
    padding-top: 16px;
	}
.form-grid1 span {
    width: 32%;
	  font-size: 11px !important;
	  padding-left: 0;
    padding-top: 16px;
}
.form-grid1 textarea {
    width: 55% !important;
}
.form-submit input[type="submit"] {
	    font-size: 11px;
		padding: 8px 20px;
	}
	
	.resp-fullgrid{
		    padding-right: 0px !important;
	}
	
	
	
	.agileits_w3layouts_about_counter_left h3 {
padding-top: 3px;
	}

	
}
@media only screen and (max-width:343px)
{
	.deposite{
		    width: 100%;
	}
	.loans{
		   width: 98%;
	}
	.intrest{
	width: 96.8%;
	}
	.services{
	width: 96.8%;
	}
}
@media only screen and (min-width:344px) and (max-width:438px){

	.deposite{
		    width: 100%;
	}
	.loans{
		   width: 98%;
	}
	.intrest{
	    width: 97%;
	}
	.services{
       width: 96.4%;
	}
}
@media only screen and (min-width:439px) and (max-width:550px){

	.deposite{
		    width: 100%;
	}
	.loans{
		   width: 99%;
	}
	.intrest{
	    width: 98%;
	}
	.services{
         width: 97.3%;
	}
}

@media only screen and (min-width:481px) and (max-width:746px){
.resp-loansgap{
margin-bottom:20px;
}
}

@media only screen and (max-width:414px)
{
.header-logo {
    top: -20px;
    left: 8px;
}
.logo-name {
 padding-left: 39px;
}
.bank {
    font-size: 10px;
	line-height: 17px;
}
.menu-btn img {
    position: absolute;
    right: 2px;
    top: 17px;
    width: 30px;
}


.header-div{
    top: 20px;
	padding-bottom: 7px;
}
.breadcrumb li a {
    color: #000;
    font-size: 12px;
}
.history-para {
    font-size: 12px;
}
.main-head{
font-size: 14px;
}
.deposites-icon-info h5{
font-size: 12px;
}
.deposites-icon-info p{
    font-size: 12px;
}

}
@media only screen and (min-width:343px) and (max-width:480px){
.inner_wrap h3, .inner_wrap2 h3{
top: inherit;
bottom: 115px;
}
}

@media only screen and (min-width:518px) and (max-width:768px){
.inner_wrap h3, .inner_wrap2 h3{
top: inherit;
bottom: 115px;
}
.resp-loansgap{
margin-bottom:15px;
}
}
@media only screen and (min-width:585px) and (max-width:768px){
.deposite{
width: 97%;
}
.loans {
    width: 95.8%;
}
.intrest {
 width: 95.9%;
}
.services {
 width: 96.9%;
}

}
@media only screen and (max-width:340px){
.est {
  font-size: 10px;
}
}

@media only screen and (min-width:341px) and (max-width:415px){
.est {
    width: 300px;
    font-size: 10px;
    text-align: center;
    margin-left: 0px;
    float: none;
    padding-right: 0;
}
}
@media only screen and (min-width:415px) and (max-width:768px){
.header-logo{
top: -18px;
}
.bank {
    font-size: 13px;
}
.logo-name {
    padding-top: 7px;
}
.menu-btn img{
 position: absolute;
 right: 24px;
 top: 15px;
}
.est {
font-size: 12px;
    text-align: center;
    display: block;
    float: none;
    width: 307px;
    margin-left: 50px;
}
.header-div{
    top: 20px;
	padding-bottom: 2px;
}


}
@media only screen and (max-width:435px)
{
	.slider {
  margin-top: 85px !important;
}
}
@media only screen and (max-width:398px)
{
.owl-theme .owl-controls {
    margin-top: -5px !important;
	}
}
@media only screen and (max-width:511px)
{
	#owl-demo .owl-prev img{
	    width: 8px !important;
	}
	#owl-demo .owl-next img{
	 width: 8px !important;
	}
#owl-demo .owl-prev{
padding: 3px 4px;
}
#owl-demo .owl-next {
	padding: 3px 4px;
	}
	.news-para
	{  
	font-size: 12px;
	}
}
@media only screen and (max-width:768px)
{
.history-para {
    margin-top: 11px;
   line-height: 21px;
}
.resp-logo{
width:50px;
}

.top-links{
    padding-top: 4px;
}
.news-box1{
    margin-bottom: 13px;
}
.commonrespdiv{
margin-bottom:15px;
}
.savingsrespdiv{
margin-bottom:15px;
}
.currentrespdiv{
margin-bottom:15px;
}
.deposite-box {
    margin-bottom:15px;
}

.recurringrepdiv{
 margin-top:15px;
   margin-bottom:15px;
}
.history-para {
    font-size: 12px;
}
.servicesrespdiv{
margin-bottom:15px;
}
.table__td:last-child, .table__th:last-child{
width:100% !important;
}
.enquiry-form{
margin-top:15px;
}
.form-grid1{
height: 42px;
}
.content-form {
    margin-top: 2px;
}
.contact-address{
    padding-right: 15px;
}
.form-submit {
    float: none;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 5px;
}
.slider {
  margin-top: 90px;
}
.owl-theme .owl-controls {
    margin-top: 0;
	}
	

	
}


@media only screen and (min-width:768px) and (max-width:991px){
.top-links{
padding-top: 10px;
}
.menu-btn img{
float: right;
 margin-top: 14px;
}
.deposites-icon-info h5{
    font-size: 12px;
}
.deposites-icon-info p{
font-size: 12px;
}
.black-box{
max-height: 186px;
min-height: 186px;
}
.box-height{
    max-height: 169px !important;
    min-height: 169px !important;
}
.safe-resp{
    margin-top: 14px;
}
.resp-curentbutton {
    margin-top: 41px;
}
.resp-recurring-button{
    margin-top: 39px;
}
.cf :after {
    width: 300px;
    bottom: -34px;
}
.cf1 :after {
    width: 300px;
    bottom: -34px;
}
.cf2 :after {
    width: 300px;
    bottom: -34px;
}
.cf3 :after {
    width: 300px;
    bottom: -34px;
}
.cf4 :after {
    width: 300px;
    bottom: -34px;
}
.cf5 :after {
    width: 300px;
    bottom: -34px;
}
.cf6 :after {
    width: 300px;
    bottom: -34px;
}
.cf7 :after {
    width: 300px;
    bottom: -34px;
}
.cf8 :after {
    width: 300px;
    bottom: -34px;
}
.insurancebutton{

}
.form-grid span {
    width: 25%;
  padding-top: 15px;
  font-size: 10px;
}
.form-grid1 span {
    width: 25%;
 font-size: 10px;
 padding-top: 15px;
}
.form-grid1{
    height: 42px;
}
.form-submit input[type="submit"]{
   padding: 8px 21px !important;
    margin-bottom: 10px;
  font-size: 11px;
}
.form-grid input.name{
    font-size: 12px;
}
label.error{
    bottom: -20px;
    font-size: 11px;
}
.form-control{
font-size: 12px;
}
.history-para {
    font-size: 12px;
}
.main-address{
  font-size: 12px;
  }
 address{
    font-size: 12px;
 }
 .inner_wrap h3, .inner_wrap2 h3{
     top: 149px;
 }
.loans {
    width: 96.7%;
}
 .intrest {
 width: 96.7%;
 }
 .services {
 width: 96.7%;
 }
 .resp-none{
 dispaly:none;
 }
ul.star1{
     margin-top: 30px;
 }
 .resptopgap{
 margin-top:15px;
 }
 .locate-div{
  margin-top:0px;
  padding: 18px 20px;
  padding-bottom: 67px;
 }
 .deposite{
	     width: 97.2%;
 }
 .resp-loansgap{
	 margin-bottom:10px;
 }
}
@media only screen and (min-width:992px) and (max-width:1199px){
.menu-ul a {
    padding: 7px 3px;
	font-size: 10px;
}
.bank{
font-size: 16px;
}
.est{
font-size: 12px;
}
.deposite {
width: 94%;
}
.loans {
	 width: 92.8%;
}
.intrest {
width: 92.4%;
}
.services {
    width: 94.5%;
}
ul.star1{
    margin-top: 25px;
}
.star1 li{
    font-size: 10px;
	}
.intrest-rateli li{
font-size: 12px;	
	}
.cf :after{
     width: 417px;
    bottom: -33px;
}
.cf1 :after{
     width: 417px;
    bottom: -33px;
}
.cf2 :after{
     width: 417px;
    bottom: -33px;
}
.cf3 :after{
     width: 417px;
    bottom: -33px;
}
.cf4 :after{
     width: 417px;
    bottom: -33px;
}
.cf5 :after{
     width: 417px;
    bottom: -33px;
}
.cf6 :after{
     width: 417px;
    bottom: -33px;
}
.cf7 :after{
     width: 417px;
    bottom: -33px;
}
.cf8 :after{
     width: 417px;
    bottom: -33px;
}
.deposites-icon-info h5{
    font-size: 12px;
}
.black-box{
    max-height: 166px;
    min-height: 166px;
}
.resp-buttonsaving{
    margin-top: 47px;
}
.our-service .img-cont{
    margin-right: 8px;
}
.our-service li a {
    font-size: 11px;
}
.form-grid1 span {
    width: 25%;
}
.form-grid span {
    width: 25%;
}
.inner_wrap h3, .inner_wrap2 h3 {
    top: 70px;
 }
}