/*======================================*/
/*   NAVIGATION: Set max-width accordinly      */
/*======================================*/
		
		
			@media (max-width: 992px) {
				
				#BankFieldId, #BankFieldSub{
					width: -webkit-fill-available;
				}

				.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;
					position: absolute;
					width: 100% !important;
					margin: 0;
					z-index: 999;
				}
				.bankLogin{
					padding-left:0;
					float: left;
					text-align: center;
					margin: 0;
					width: 100%
				}
				.col-md-2.weather{
					width:75%;
					float:left;
					padding:0;
				}
			  .navbar-header {
			      float: none;
			  }
			  .navbar-left,.navbar-right {
			      float: none !important;
			  }
			  .navbar-toggle {
			      display: block;
			  }
			  
			  	.navbar-toggle{
			  		float: none;
			  		background: #007a3e;
			  		border-radius: 0;
			  		border: none;
			  		width: 100%;
			  		height: 40px;
			  		padding: 0 0 0 23px;
			  		margin: 0;
			  		z-index: 999;
			  		position: absolute;
				}
			  .navbar-inverse .navbar-toggle:hover,
			.navbar-inverse .navbar-toggle:focus{
					background:#025b2f;
				}
				#navbar.navbar-collapse.collapse.navbar-rightxxx{
					margin-right:0;
					margin-left:0;
					background: white;
				}
				#navbar{
					margin-top: 40px;
				
				}
				.navbar-inverse
			  	
				.nav>li:hover, .nav>li:focus{
					background: #007a3e;
				}
				
	
				#navbar li{
					width:100%;
					float:none;
				}
				#navbar li a{
					padding: 10px 20px;
					font-size: 1rem;
				}
				.navbar-nav.sm-collapsible .caret{
					color: white;
					border: 1px solid white;
					padding-bottom: 30px;
					margin-top: -5px;
				}
				.dropdown-menu {
					background-color: #007a3e;
					margin: 0;
					border: 0;
					box-shadow: none;
					padding: 0;
				}
				.dropdown-menu li a{
					color: white;
					
				}
				.dropdown-menu li a:hover, .dropdown-menu li a:focus{
					color: #007a3e;
					background:white;
				}
					/* Second level mobile links */
					.sub-menu li{
						margin: 0;
						line-height: 1.4em;
						}
					
					.sub-menu a {
						color:white;
						text-decoration: none;
						}
				
				.sub-menu li:hover{
					background: rgba(2, 91, 47, 0.75);
					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;
			  }
			.csi-hero{
				min-height: 300px;
			}

			body:not(.home) .csi-hero .tagline{
    				max-width: fit-content;
    				padding: 1px;
    				background: #007a3e;
    				color: white;
    				text-align: center;
    				opacity: 0.75;
			}

			.quick-links{
				padding: 0;
			}
			.quick-link-div{
				width: 50%;
				margin: 0 25%;
			}
			.row.home-products{
				text-align: center;
    				margin: 0;
    				width: auto;
			}



			/* FOOTER */ 
			.footerProducts{
				margin: 0;
			}
			.row.fprod{
				background: #ffffff;
				text-align: left;
				position: relative;
			}
			#social.col-md-2.col-sm-3.col-xs-6{
				width: auto;
			}
			.mobileBanking, .mobileBankingText{
				padding: 0;
			}
			.mobileBankingButtons *{
				webkit-box-sizing: unset;
				box-sizing: unset;
			}
			.mobileBanking .button1{
				background-color: #007a3e;
    				border: none;
   				color: white;
   				text-decoration: none;
    				display: inline-block;
				font-size: 1.0rem;
    				margin: 4px 14px;
    				border-radius: 2px;
    				width: auto;
				padding: 0 10%;
			}
			.mobileBanking .button2{
				background-color: #007a3e;
    				border: none;
    				color: white;
   				text-decoration: none;
    				display: inline-block;
				font-size: 1.0rem;
    				margin: 4px 14px;
    				border-radius: 2px;
    				width: auto;
				padding: 0 10%;
			}
			.copyright .col-sm-10, .col-sm-2{
				width: auto;
			}
		}	

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


}


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


}




/*======================================*/
/*   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;
	}
}






/*======================================*/
/*   767      */
/*======================================*/

@media (max-width:768px)
{

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
		color: white;
		background: #007a3e;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{
		color: #007a3e;
		background:white; 
	}

}




/*======================================*/
/*   568      */
/*======================================*/
@media (max-width: 568px)
{

	p.lead{
		font-size: 3rem;
	}
	
	.csi-ib input, .csi-ib button{
		width: 100%;
		margin: 0;
	}
	
		.csi-ib button{
			margin-top: 15px;
		}

}