﻿
@media(max-width:1100px) {
img {
	max-width: 100%;
	height: auto;
}
.header, .container, .footer-inside {
	width: 98%;
}
.leftPanel {
	width: 60%;
}
.rightPanel {
	width: 38%;
	text-align: right;
}
.header-pic-1, .header-pic-2, .header-pic-3 {
	float: none;
	display: inline-block;
	margin: 0;
}
.heading-two, .footer-base-inside {
	width: auto;
}
.home-picture {
	width: 60%;
}
.straplines {
	width: 38%;
}
.textArea {
	width: 23.5%;
	margin-right: 2%;
}
.nav-black {
	width: auto;
}
.heading-2-tag {
	width: 57%;
}
.header-phone-number-mobile {
	width: 39%;
	display: none;
}
.about-block, .about-block-right, .about-block-right {
	width: 30%;
	margin-left: 1.33%;
	box-sizing: border-box;
}
h2 {
	font-size: 12px;
}
.footer1
 {
	width: 20%;
	float: right;
	margin-left: 0px;
	text-align: left;
	}
.footer2
 {
	width: 25%;
	float: left;
	margin-left: 0px;
	text-align: left;
}
.footer3
 {
	width: 25%;
	float: left;
	margin-left: 0px;
	text-align: left;
}
.footer4
 {
	width: 25%;
	float: left;
	margin-left: 0px;
	text-align: left;
}

}

@media(max-width:700px) {
.header, .container, .footer-inside {
	width: 95%;
}
.leftPanel, .rightPanel, .heading-2-tag, .header-phone-number {
	float: none;
	width: auto;
	text-align: center;
}
.rightPanel, .header-phone-number {
	margin-top: 15px;
}
.nav-black {
	padding: 10px;
}
.nav-black-text, .facebook {
	width: auto;
	margin: 0;
	float: none;
	text-align: center;
}
.mobile-menu {
	display: block;
	padding: 10px;
}

.mobile-menu {
	background: #000;
	padding: 10px;
	margin-bottom: 10px;
	display: none;
}
.mobile-menu a {
	color: #fff;
	background:url("images/menu-icon.png") no-repeat left center;
	padding-left:30px;
	display:inline-block;
}
.mobile-menu a.active{
		background:url("images/cross-icon.png") no-repeat left center;
	}


.navigation > ul {
	display: none;
}
.navigation {
	border-radius: 0;
}
.textArea {
	width: 49%;
	margin-right: 2%;
}
.textArea:nth-child(2n) {
	margin-right: 0;
}
li {
	float: none;
}
.navigation ul li > a {
	display: block;
	width: auto !important;
	margin-bottom: 10px;
	text-align: left !important;
	padding: 10px !important;
}
.nav-black {
	margin: 0;
}
.home-picture {
	float: none;
	width: auto;
	text-align: center;
}
.straplines {
	float: none;
	width: auto;
	margin-top: 15px;
}
.footer4, footer2, .footer1, .footer3 {
	float: left;
	width: auto;
	margin: 0 0 15px 0;
	border-bottom: solid 1px #fff;
	padding-bottom: 15px;
}
.footer1 {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
}
.about-block, .about-block-right, .about-block-right {
	float: none;
	margin: 0 0 15px 0;
	border: 0;
	width: auto;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #c0c0c0;
}
.about-block-right{ border:0; margin:0; padding:0;}
.profile-right {
	width: 100%;
	position: relative;
	margin-left: 0px;
	margin-top: 20px;
	float: left;
}
.footer1  {
	float: left;
	margin-left: 0px;
	text-align: left;
	width: 100%;
	padding-bottom: 5px;
	margin-top: 25px;
}
.footer2  {
	float: left;
	margin-left: 0px;
	text-align: left;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	padding-bottom: 15px;
}
.footer3  {
	float: left;
	margin-left: 0px;
	text-align: left;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	padding-bottom: 15px;
}
.footer4  {
	float: left;
	margin-left: 0px;
	text-align: left;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	padding-bottom: 15px;
}


}

@media(max-width:480px) {
.header, .container, .footer-inside {
	width: 90%;
}
.textArea {
	float: none;
	width: auto;
	margin: 0 0 20px 0;
}
.home-gas-safe-2, .home-gas-safe-1 {
	float: none;
	width: auto;
}
.home-gas-safe-1 {
	margin-top: 15px;
}
.home-gas-safe-1 img, .home-credit-cards img {
	display: block;
	margin: 0 auto;
}
.xs-n {
	display: none;
}
img.mobile {
    width: 90%;
}
img.corners2 {
	width: 360px;
	height: auto;
}
.rightPanel {
	width: auto;
	margin: 10px 0px 0px 0px;
	text-align: center;
}
.header-pic-1, .header-pic-2, .header-pic-3 {
	float: left;
	margin: 0px;
}
.header-pic-1 {
	width: 40.78%;
}

.header-pic-2  {
	width: 23.27%;
}

.header-pic-3 {
    width: 35.95%;
}
.header-phone-number {
	font-size: 24px;
	width: 80%;
	left-margin: 20%;
	line-height: 30px;
	text-align: center;
	display: none;
}
.header-yellow-text {
	font-size: 24px;
}
img.stop-image {
    display: none !important;
    visibility:hidden;
}
.header-phone-number-mobile {
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	width: 100%;
}
.heading-2-tag {
	margin-bottom: 10px;
}
.footer1  {
	float: left;
	margin-left: 0px;
	text-align: left;
	width: 100%;
	padding-bottom: 5px;
	margin-top: 25px;
}
.footer2  {
	float: left;
	margin-left: 0px;
	text-align: left;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	padding-bottom: 15px;
}
.footer3  {
	float: left;
	margin-left: 0px;
	text-align: left;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	padding-bottom: 15px;
}

}

@media(max-width:300px) {
	.header-pic-1, .header-pic-2, .header-pic-3{ vertical-align:middle; width:32.33%;}
.header-phone-number{ font-size:17px;}	
	}
	
	


	@media(max-width:700px) {
#vlightbox1 .vlightbox1 {
    margin: 20px;
    width: auto;
}
.mobile-menu {
	display: block;
	padding: 10px;
}
.band5-navigation-inner ul.nava {
	display: none;
	margin-top: 15px;
}
.mobile-menu a {
	color: #fff;
	text-decoration: none;
	background: url(images/menu-icon.png) no-repeat;
	padding-left: 30px;
}
.mobile-menu a.active {
	background: url(images/cross-icon.png) no-repeat;
}
.band5-navigation-inner ul.nava li.navb {
	float: none;
}
.nava li{
		margin-bottom:0;
		border-bottom: solid 1px #fff;
	}
.band5-navigation-inner ul.nava li.navb a {
	width: auto !important;
	border: 0 !important;
	text-align: left !important;
	padding: 10px !important;
	display: block;
}
.band5-navigation-inner ul.nava li.navb a:hover {
	background: ##fd02fd;
}

.band6-box-image > img {
	width: 100%;
}
.band3-imageonly {
	background-image: url(images/admin-solutions.jpg);
    height: 215px;
    background-repeat: no-repeat;
	background-size: contain;
}
.band6-box, .band6-box-end{
		float:none;
		width:auto;
		margin:0 0 10px 0;
	} 
.band6-box-header{
		min-height:1px;
	}
	
	.tele-color:hover{
		color:#ffffff;
	}
	.tele-color:active{
		color:#ffffff;
	}
	.tele-color:focus{
		color:#ffffff;
	}

	.tele-color-top:hover{
		color:#ffff00;
	}
	.tele-color-top:active{
		color:#ffff00;
	}
	.tele-color-top:focus{
		color:#ffff00;
	}


	

	
.tele-color-top {
    color: #ffff00;
    font-size: 24px;
    width: 100%;
}

	
			
}
@media(max-width:400px) {
#vlightbox1 .vlightbox1{
		margin:5px;
	}
.band8-text-inner-left, .band8-text-inner-right {
	float: none;
	width: auto;
	margin: 0 0 15px 0;
}
.band8-text-inner-right {
	margin-bottom: -30px;
}
.band8-text-inner-left {
	margin-top: 0px;
}
.band8-text {
	margin-top: 5px
}

.band6-box, .band6-box-end{
		float:none;
		width:auto;
		margin:0 0 10px 0;
	}	
.band11-form-inner-right td {
	display: block;
	width: 100% !important;
	height: auto !important;
}
	
}
	
	
	