/* #Media Queries
================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px){
	.table-wrap .btn{
		width: 30%;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.container-fluid{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.padding55{
		padding: 1.5rem 0;
	}
	.wrap {
		padding: 2rem 0 0;
	}
	h2{font-size: 2rem;}
	/*header*/
	.header h1{
		position: relative;
		z-index: 999;
	}
	.navbar{
		margin-top: -10rem !important;
	}
	.header .navbar {
		font-size: 1.4rem;
	}
	.navbar-default .navbar-toggle{
		border-color: #72c02c;
	}
	.navbar-toggle{
		background: #72c02c;
	}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{
		background: rgba(114, 192, 44, 0.8);
	}
	.navbar-collapse {
		margin:4rem 0 0 0;
	}
	.cards{
		padding-bottom: 0.3rem;
	}
	.cards span{
		text-align: center;
	}
	.cards ul{
		display: inline-block;
		float: none;
		text-align: center;
		width: 100%;
	}
	/*banner*/
	.mobile-form{
		margin: 0 0 2rem;
	}
	.table-responsive{
		border: 0;
	}
	.table-wrap .btn{
		width: 100%;
	}
	/*login page*/
}

@media only screen and (min-width: 1200px){
	.create .form-wrap + .form-wrap .row{
		margin: 0;
	}
	.create h3{
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* medium screen (devices and browsers) */
@media only screen and (min-width: 992px) and (max-width: 1149px) {}

/* Smaller than standard desktop screen (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 991px) {
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}


/*css added for fathers day*/
@media(max-width: 992px){
    .bill-pay-form{position:static;}
	.bills-utility {
		padding-top: 	140px;
		padding-bottom: 50px;
		padding-left: 0;
		text-align: center;
	}
	.bills-utility ul{    background-color: rgba(72, 74, 155, 0.39);}
	.bill-pay-form{opacity: 0.95;}
	.bills-utility ul li a span{width: 100px;}
	.bills-utility ul{padding:10px 20px 10px 30px;display: inline-block;}
	.banner-fathers-day .bill-payments{position: relative;top:-500px;}
	.father-day-slogan h4 {
		font-size: 28px;
	}
	.father-day-slogan h5{font-size: 18px;}
}
@media(max-width: 768px){

	.bills-utility{padding-top: 20px;}
}
@media(max-width: 600px){
	.father-day-slogan h4 {
		font-size: 18px;
	}
	.father-day-slogan h5{font-size: 13px;}
	.father-day-slogan p{font-size: 11px;}
}
@media(max-width: 400px){
	.bill-pay-form h3{font-size: 18px;}
	.bill-pay-form h4{font-size: 15px;}
}