/*======================================*/
/*   NAVIGATION: Set max-width accordinly      */
/*======================================*/					
			@media (max-width: 1230px) {
				/*
				div div.bankLogin form input[type=text]{
					margin-left: 25%;
					width: 35%;
				}
				div div.bankLogin form input[type=submit]{
					width: 35%;
				}*/

				div div.bankLogin form input[type=text]{
					margin-left: 0;
					width: 30%;
				}
				div div.bankLogin form input[type=submit]{
					width: 30%;
				}
				section div.bankLogin form.form-inline{
					margin-right: -25px;
				}
				section div.bankLogin p span{
					margin-left: 10px;
				}
				section div.bankLogin p{
					font-size: 1rem;
				}

			}
			@media (max-width: 1100px) {
				section.logo-form-section{
					left: 0;
					width: 100%;
				}
				div.home-page section.home .carousel-inner .item div.carousel-caption{
					right: 1%;
					left: 1%;
				}
				.home-page section.home section.home-section{
					padding: 5% 10%;
				}
			}
		
			@media (max-width: 992px) {
				section.csi-header section.csi-nav nav.navbar div#navbar ul#menu-main{
					margin-top: 40px;
				}
				body section.csi-header section.csi-nav nav.navbar div#navbar ul#menu-main>li{
					float: none;
				}
				div.home-page section.home .carousel-inner div.item div.carousel-caption{
					right: 0;
					left: 0;
				}
				div.home-page section.home .carousel-inner .item, section div.carousel{
					min-height: 500px;
				}
				section.accordion-buttons div.row{
					margin-left: -15px;
					margin-right: -15px;
				}
				body section.csi-header section.csi-nav nav.navbar div#navbar ul#menu-main{
					width: 100%;
					display: inline-block;
					text-align: initial;
				}
				body section.csi-header section.csi-nav nav.navbar div#navbar ul#menu-main li{
					margin: 0;
				}
				body footer{
					padding: 20px 5%;
				}
				body footer div.copyright p{
					width: 100%;
					padding: 10px;
				}
				body section.logo-form-section{
					margin-top: 0;
				}
				.home-page section.home section.home-products{
					padding: 7.5% 20%;
				}
				body section.csi-header div section.csi-nav nav.navbar.navbar-right{
					width: 100%;
				}
				body div.row{
					margin: 0;
				}
				div div.csi-logo a.navbar-brand{
					padding: 0;
				}
				div[class^="col-md"]{
					width: 100%;
					float: left;
				}
				div div div.bankLogin{
					text-align: center;
					padding: 10px;
				}
				div div.bankLogin p{
					text-align: center;
				}
				div div div.bankLogin form input[type=text]{
					margin-left: 0%;
					
				}
				div div div.bankLogin form input[type=submit]{
					
					float: left; 
				}
				.sub-menu {
					position: relative;
					float:left;
					padding: 10px 15px;
					width: 100%;		
				}
				.caret{
					top:10px;
				}
				.menu-item-has-children .dropdown-menu{
					position: relative;
					width: 100%;
					margin-bottom: 10px;
				}
				.csi-logo{
					min-height: 100px;
				}
				
				.csi-nav{
					min-height: auto !important;
					width: 100% !important;
					margin: 0;
					z-index: 999;
				}	
			
			  .navbar-header {
			      float: none;
			  }
			  .navbar-left,.navbar-right {
			      float: none !important;
			  }
			  .navbar-toggle {
			      display: block;
			  }
			  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
				  background: #1C2E55;
			  }
			  	.navbar-toggle{
			  		float: none;
			  		background: #1C2E55;
			  		border-radius: 0;
			  		border: none;
			  		width: 100%;
			  		height: 40px;
			  		padding: 0 10px;
			  		margin: 0;
			  		z-index: 999;
			  		position: absolute;
				}
			  
				#navbar{
					margin-top: 40px;
				
				}
			  	
				.nav>li:hover{
					background: gray;
				}
				
	
				#navbar li{
					width:100%;
					float:none;
				}
				
				
				
					/* Second level mobile links */
					.sub-menu li{
						margin: 0;
						line-height: 1.4em;
						}
					
					.sub-menu a {
						color: #ffffff;
						text-decoration: none;
						}
				
				.sub-menu li:hover{
					background: rgba(0, 0, 0, 0.2);
					width: 100%;
					}

			  
			  
			  .navbar-collapse {
			      border-top: 1px solid transparent;
			      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
			  }
			  .navbar-fixed-top {
			      top: 0;
			      border-width: 0 0 1px;
			  }
			  .navbar-collapse.collapse {
			      display: none!important;
			  }
			  .navbar-nav {
			      float: none!important;
			      margin-top: 7.5px;
			  }
			  .navbar-nav>li {
			      float: none;
			  }
			  .navbar-nav>li>a {
			      padding-top: 10px;
			      padding-bottom: 10px;
			  }
			  .collapse.in{
			      display:block !important;
			  }
			}
@media (max-width: 815px){
	.home-page section.home .home-section a{
		width: 100%;
		display: block;
	}
}

@media (max-width: 1340px)
{
	
	/* Navbar Fontsize */
	.navbar-inverse .navbar-nav>li>a{
		padding-left: 0;
		padding-right: 0;
		}
		


}


@media (max-width: 1100px)
{
	
	/* Navbar Fontsize */
	.navbar-inverse .navbar-nav>li>a{
		font-size: 1.7rem;
		}
		


}




/*======================================*/
/*   1199      */
/*======================================*/

@media (max-width: 1200px)
{
	
	

}








/*======================================*/
/*   979      */
/*======================================*/

@media (max-width:992px)
{
	
li.page_item_has_children{
		cursor: pointer;
	}
	li.page_item_has_children:before{
		content: ">";
    		color: white;
    		float: right;
    		margin-right: 25px;
	}
	li.page_item_has_children ul.children{
		display:none;
	}
	ul.navbar-nav .open .dropdown-menu{
		background: #1C2E55;
	}
}






/*======================================*/
/*   767      */
/*======================================*/
/* USE WHEN CSI LOGIN IS LIVE
@media (max-width:768px){
	div div.bankLogin form input[type=submit]{
		width: 100%;
	}
	div div.bankLogin form input[type=text]{
		width: 100%;
		margin-bottom: 10px;
	}
	section.logo-form-section div.bankLogin form.form-inline{
		margin-right: 0;
	}

}
@media (max-width: 425px){
	body section.logo-form-section{
		padding: 10px 7px;
	}
	section div div div.bankLogin{
		padding: 5px 0;
	}
	body section div.bankLogin p span{
		margin: 0;
	}
}
*/


/*======================================*/
/*   568      */
/*======================================*/
@media (max-width: 568px)
{
	div.home-page section.home .carousel-inner .item div.carousel-caption h2{
		margin-bottom: 0;
	}
	div.home-page section.home .carousel-inner .item div.carousel-caption p{
		font-size: 1rem;
	}
	p.lead{
		font-size: 3rem;
	}
	
	.csi-ib input, .csi-ib button{
		width: 100%;
		margin: 0;
	}
	
		.csi-ib button{
			margin-top: 15px;
		}

}
@media (max-width: 550px) {
	div.home-page section.home section.home-products div.product div.product-text{
		min-height: 150px;
	}
	div.bankLogin p span{
		display: block;
	}
	div.home-page section.home .home-products{
		padding: 5%;
	}
	div.home-page section.home .mobile-banking-section, div.home-page section.home section.home-section{
		padding: 5% 0;
	}
	div.row div div.bankLogin form input[type=text]{
		margin-bottom: 10px;
	}
	div.row div div.bankLogin form input[type=text], div.row div div.bankLogin form input[type=submit], div.home-page section.home .mobile-banking-section a{
		width: 100%;
		display: inline-block;
	}
	div.home-page section.home .carousel-inner .item div.carousel-caption{
		padding: 2%;
		padding-bottom: 55px;
	}
	div.home-page section.home .carousel-inner .item div.carousel-caption h2{
		font-size: 1.25rem;
	}
}