@media screen and (max-width: 979px) {
.foot > .navfoot > ul.foot.nav > li {
	display: block;
}
#content {
	margin: 10px 0 -8px 0;
	border-radius: 6px !important;
}
/* The style of the navigation menu for phone & tablet view */	 
.sideborder {
	height: auto;
}
.navbar .nav > li.last-menuitem {
	padding-right: 0px;
	padding-left: 5px;
}
.navbar .nav li {
	border-bottom: medium none;
	line-height: 25px;
	padding: 0px;
	float: none;
}
textarea, input[type="text"], input[type="password"], .uneditable-input {
	height: 30px;
}
.quoter {
	top: 75px;
}
.quoteline {
	max-width: 380px;
}
.foot li {
	float: none;
}
.foot {
	height: auto;
}
.navbar .nav {
	width: 100%;
	margin-right: 0px;
	position: relative;
	height: auto;
}
.nav-collapse .nav {
	float: none;
	margin: 0px;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	padding: 6px 10px;
}
.navbar .nav > li > a {
	font-size: 12px;
	margin-bottom: 0px;
}
.navbar .nav > li > a.active {
	color: #fff;
	font-weight: bold;
}
.navbar-inner {
	margin-top: -10px;
}
.navbar .nav li:hover:first-child, .navbar .nav li a.active:first-child, ul.foot li:first-child a:hover, ul.foot li:first-child a.active, ul.foot li:first-child a.active {
 -webkit-border-top-left-radius: 0px!;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
}
.navbar .nav li:hover:last-child, .navbar .nav li a.active:last-child, ul.foot li:last-child a:hover {
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
}
.navbar .nav li a:hover, .navbar .nav li a.active {
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
/* The width of the navigation menu increased to 100% */

.type {
	margin-left: 25px;
}
/* Footer navigation menu style */
.footnav, .foot .nav {
	padding: 0;
}
.foot {
	margin-top: 0px;
}
.foot li {
	background: #fff;
	color: #000;
}
.foot .container .span12 > ul > li {
	width: 100%;
	text-align: center;
	padding: 10px 0 10px 0px;
	border-bottom: 10px solid #281813;
	margin-left: 0px;
}
.foot li a {
	color: #000!important;
	border-bottom: 1px solid #281813;
}
.foot li a.active {
	color: #fff!important;
	border-bottom: 1px solid #281813;
}
ul.foot li:first-child a, ul.foot li:first-child a:hover, ul.foot li:first-child a.active {
	border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
ul.foot li:last-child a, ul.foot li:last-child a:hover, ul.foot li:last-child a.active {
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}
.contact {
	margin: -10px -20px 0 0;
}
.nav-collapse {
	display: block;
}
.nav-collapse > ul.navbar.nav {
	display: block;
	width: 100%;
	float: none;
}
.nav-collapse > ul.navbar.nav > li {
	display: block;
	float: none;
	padding: 0;
}
.nav-collapse > ul.navbar.nav > li > a {
	padding: 9px 0px 9px 0px;
}
navbar.nav > li.active {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #69b3f0 100%, #369aef 0%) repeat scroll 0 0;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover {
	background: none;
}
.TitleStyle1 {
	line-height: 41px!important;
}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
.quoteform {
text-align: center;
}
}

@media screen and (min-width: 979px) and (max-width: 1199px) {
/* navbar */	 
.sideborder {
	margin-top: 0px;
}
.last-menuitem {
	padding-left: 9px;
}
.navbar .nav li {
	border-bottom: medium none;
	line-height: 25px;
	padding: 0px;
}
.navbar .nav > li > a {
	padding: 10px 9px 10px 12.25px;
}
/* Quote-box */

#content {
	margin-bottom: 0px;
}
.foot a:link, .foot a:visited, .foot a:hover {
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 5px 19px;
}
}

@media screen and (max-width: 767px) {
#content {
	margin: 20px 0 3px 0 !important;
}
.content-left {
	width: initial;
}
.content-right {
	width: 100%;
	overflow: hidden;
}
.foot > .navfoot > ul.foot.nav > li {
	display: block;
}
.addr-editable {
	font-size: 12px;
}
.sideborder {
	margin-top: 0px;
}
#ZipCode {
	border: 5px none;
	padding: 0px 0px 0px 4px;
	width: 78%;
}
.quoteline {
	position: absolute;
	background-color: transparent;
	top: 5px;
}
.quoter {
	position: relative;
}
.primarybutton {
	display: block;
	margin: 0px auto;
	float: none;
}
#logo {
	margin: 0px auto 38px;
	/* display: block; */
}
.TitleStyle3 {
	padding: -10px;
}
.TitleStyle4 {
	font-size: 16px;
}
.TitleStyle6 {
	margin-right: 30px;
}
.highlight {
	font-size: 20px;
	font-weight: bold;
}
.headlines {
	padding-left: 5px;
}
/* banner */
.banner {
	width: 99.8%;
	margin: 0px 0 0 .5px;
}
.banner #main-img {
	width: 100%;
	height: auto;
}
/* container */
.container {
	margin: 0 10px;
}
#content {
	margin-top: 20px;
}
.contact {
	margin-right: -20px;
}
.quoteline {
	display: block;
}
.quoter {
	float: left;
	width: 100%;
	height: auto;
	right: 0px;
	top: 10px;
}
/* quote-box */
.quoter .TitleStyle3 {
	text-align: center;
	font-size: 24px;
	margin-left: 30px;
}
.quoteform {
	width: 100%;
	height: 100px;
	position: relative;
	left: 0px;
}
.type {
	width: 79%;
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
	border: 5px none;
}
.zip {
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0px;
}
.type {
	margin-left: 10%;
	margin-right: 10%;
}
.social {
	float: none;
	text-align: center;
}
.social > li {
	margin-right: 0px;
	float: none;
	display: inline-block;
	margin-bottom: 20px;
}
.height-fix {
	height: 40px;
}
footer {
	padding: 20px 0px;
}

.row-fluid  > .logo-display{
text-align: center;
}
}

@media screen and (max-width: 480px) {
.custServTable tr th {
	display: none;
}
.custServTable td:nth-child(1), .custServTable td:nth-child(2), .custServTable td:nth-child(3) {
	width: 33.33%;
	font-size: 10px;
}
}

@media screen and (max-width: 611px) {
.cs-content .TitleStyle1 {
	margin-top: 0px!important;
}
.TitleStyle1 {
	margin-top: 273px!important;
}
.TitleStyle1, .TitleStyle1 p {
	font-size: 25px;
}

.cqcs-heading {
    margin-top: 10px !important;
}

}

@media screen and (max-width: 479px) {
.logo-display {
	text-align: center;
}
#logo {
	margin: 0px auto 35px;
}
.social.pull-right {
	float: none !important;
	;
}
.topnum {
	float: none !important;
}
.social {
	margin: 20px auto 0px;
	display: block;
	clear: both;
	text-align: center;
}
}

@media screen and (max-width: 480px) {
}