@media ( min-width : 250px) {
	.LetterNav>a {
		padding: 3px 14px;
		margin: 2px 2px;
	}
}

@media ( min-width : 350px) {
	.LetterNav>a {
		padding: 3px 14px;
	}
}

@media ( min-width : 489px) {
	.LetterNav>a {
		padding: 3px 16px;
	}
}

@media ( min-width : 576px) {
	#homeMainBanners .bannerComponent p {
		top: 220px;
		display: block;
	}
	.LetterNav>a {
		padding: 3px 12px;
	}
}

@media ( min-width : 768px) {
	#homeMainBanners .bannerComponent p {
		top: 320px;
	}
	.LetterNav>a {
		padding: 3px 19px;
	}
}

@media ( min-width : 992px) {
	.navbar-brand img {
		display: block;
		width: 122px;
		height: auto;
		margin: 0px;
		padding: 0px 10px;
	}
	.nav-collapse.collapse {
		height: auto !important;
		overflow: visible !important;
	}
	.container {
		width: 990px;
	}
	.rateList:nth-child(6n+2), .rateList:nth-child(6n+3), .rateList:nth-child(6n+4)
		{
		background: #F3F3F3;
	}
	.LetterNav>a {
		padding: 4px 11px;
	}
}

@media ( min-width : 1200px) {
	.form-horizontal.eol {
		padding: 6px;
		background-color: #ebebeb;
	}
	.container {
		width: 1170px;
	}
	.LetterNav>a {
		padding: 4px 15px;
	}
}

@media ( max-width : 1199px) {
	.rightCalloutsItem hr {
		display: none;
	}
	.form-horizontal.eol {
		padding: 10px 6px;
	}
}

@media ( max-width : 991px) {
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	.navbar-header .collapse, .navbar-toggle {
		display: block !important;
	}
	.navbar-header {
		float: none;
	}
	.navbar-brand img {
		display: block;
		width: 55px;
		height: auto;
		margin: 0px 0px 0px 34px;
		padding: 0px;
	}
	#PageHeader #navbar {
		margin: 0px 26px;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header,
		.container>.navbar-collapse, .container>.navbar-header {
		margin-right: 15px;
		margin-left: 0px;
	}
	body {
		padding-top: 95px;
	}
	.container {
		width: auto !important;
	}
	#myRateMenu {
		top: 80px;
	}
	.rateList:nth-child(4n+2), .rateList:nth-child(4n+3) {
		background: #F3F3F3;
	}
	#weather-sticky {
		top: 80px;
	}
}

@media ( max-width : 767px) {
	.navbar-nav>li {
		float: left;
		width: 20%;
	}
	.navbar-nav>li>a {
		line-height: 5px;
	}
	.btn {
		padding: 0px 14px;
	}
	.btn-responsive {
    padding: 6px 12px;
    font-size:60%;
    line-height: 1;
    border-radius:3px;
    white-space: normal;
  }
	#mydiv {
		margin-top: 0px;
	}
	#PageHeader ul li a {
		background-image: none !important;
	}
	#navbar ul:nth-child(n+2) {
		margin-top: 2px;
		padding-top: 5px;
		border-top: 1px solid #FFF;
	}
	#homeContent h1 {
		font-size: 33px;
	}
	.navbar-nav .open .dropdown-menu {
		min-width: 110px;
		width: 60px;
		background-color: rgba(97, 62, 64, 0.21);
	}
	#PageHeader ul li .dropdown-menu a {
		color: #FFFFFF;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: rgba(255, 255, 255, 0.27);
	}
	.rateList:nth-child(odd) {
		background: #FFF;
	}
	.rateList:nth-child(even) {
		background: #F3F3F3;
	}
	
}

@media ( max-width : 650px) {
	.navbar-nav>li {
		width: 33%;
	}
	.navbar-nav>li>a {
		line-height: 2px;
	}
	.carousel-caption h3 {
		font-size: 26px;
	}
	.btn-responsive {
    padding: 6px 3px;
    font-size:50%;
    line-height: 1;
    border-radius:3px;
    white-space: normal;
    }
    .weather-small {
		padding-right: 1px;
	    padding-left: 1px;
	    font-size: small
    }

  
  
}

@media ( max-width : 550px) {
	.carousel-caption h3 {
		font-size: 20px;
	}
	.btn-responsive {
    padding: 6px 3px;
    font-size:40%;
    line-height: 1;
    border-radius:3px;
    white-space: normal;
    }
	.weather .col-xs-3 {
	padding-right: 1px;
    padding-left: 1px;
    }
    .weather .col-xs-2 {
	padding-right: 1px;
    padding-left: 1px;
    font-size: smaller;
    }
    
    .weather .col-xs-12 {
    margin-left: -10px;
    padding-right: 0px;
    font-size: smaller;
    }
    #weather-sticky {
		margin-left: -18px;
	}
    

}

@media ( max-width : 576px) {
	.tableRates a:before {
		margin-top: -190px;
		height: 190px;
	}
}

@media ( max-width : 452px) {
	.tableRates a:before {
		margin-top: -220px;
		height: 220px;
	}
	
    .weather-x-small {
		padding-right: 1px;
	    padding-left: 1px;
	    font-size: small
    }
}

@media ( max-width : 367px) {
	.tableRates a:before {
		margin-top: -250px;
		height: 250px;
	}

}



@media ( max-width : 450px) {
	.navbar-nav>li {
		width: 50%;
	}
	.carousel-caption h3 {
		font-size: 16px;
	}
}

@media ( max-width : 300px) {
	.navbar-nav>li {
		width: 100%;
	}
	.carousel-caption h3 {
		font-size: 12px;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	/*
	#navbar ul:nth-child(n+2) {
		margin-top: 0px;
		padding-top: 5px;
		border-top: 1px solid #FFF;
	} */
	#navbar li {
		padding: 0px 15px;
	}
}