@media only screen and (min-width: 220px) and (max-width: 767px) {
 img, object {
 max-width:100%;
}

.pd-imgdeal {
	margin: auto auto 10px auto;
	width: 100%;
	}
	
 h1 {
 margin:0px 0px 0px 0px!important;
 padding:0px 0px 0px 0px!important;
 font-family: 'Open Sans', sans-serif;
 font-size:20px!important;
 font-weight:bolder!important;
 color:#030303!important;
 text-align:center!important;
 text-transform:uppercase!important;
}
h2 {
 margin:0px 0px 0px 0px!important;
 padding:0px 0px 0px 0px!important;
 font-family: 'Open Sans', sans-serif!important;
 font-size:16px!important;
 font-weight:bolder!important;
 color:#030303!important;
 text-transform:uppercase!important;
}
h3 {
 margin:0px 0px 0px 0px !important;
 padding:0px 0px 0px 0px!important;
 font-family: 'Open Sans', sans-serif!important;
 font-size:20px!important;
 font-weight:bolder!important;
 text-transform:uppercase !important;
}

p {
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	font-family: 'Open Sans', sans-serif!important;
	font-size:14px!important;
	color:#030303!important;
	font-weight:normal!important;
	text-align:left;
	line-height:25px!important;
}
 .inner-middle {
 margin:auto;
 width:95%;
 height:auto;
 border:0px solid red;
}
	
	.hac-middle {
	margin: 5px auto 5px auto;
	width: 100%;
	height: auto;
	float:left;
	border:0px solid #FF0000;
}

	.hac-right {
	margin: 5px auto 5px auto;
	width: 100%;
	height: auto;
	float:right;
	border:1px solid #e7e5e5;
}
	
	.hac-banner-text {
	margin: 5px auto 5px auto;
	position: absolute;
	top:60px;
	right: 0px;
	left: 0px;
	width: 80%;
	font-size:20px;
	font-weight:bolder;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	line-height: 25px;
	border:0px solid #FF0000;
}
.hac-banner-yellow {
color:#ffff00 !important;
}

.hac-banner-phone a{
display: none;
}

/*Start Header*/

.navigation {
 margin:7px auto 3px auto;
 width:auto;
 height:auto;
 float:right;
 display:block;
 background-color:#025d49;
 border-top:0px #28166f solid;
 border:0px solid red;
}
.header-inner {
 margin:auto auto 2px auto;
 width:100%;
 height:auto;
 background-color:#025d49;
 display:block;
 border-top:3px #28166f solid;
}
 .logo-responsive {
 margin:3px 0px 5px 3px;
 width:130px;
 height:auto;
 float:left;
 text-align:center;
 display:block;
 border:0px solid red;
}
.logo-responsive-reliance {
 margin:8px 0px 5px 13px;
 width:80px;
 height:auto;
 float:left;
 text-align:center;
 display:block;
 border:0px solid red;
}
.navcall-right {
 margin:4px auto 3px auto;
 width:auto;
 height:auto;
 float:right;
 display:block;
 border:0px solid red;
}
 .click-call {
 margin:0px 5px 0px 0px;
 width:auto;
 height:auto;
 float:left;
 text-align:center;
 display:block;
 border:0px solid red;
}
 .cd-search-trigger, .cd-nav-trigger {
 position: relative;
 display: block;
 width: 44px;
 height: 39px;
 overflow: hidden;
 white-space: nowrap;
  /* hide text */
  color: transparent;
 z-index: 3;
 top:0px!important;
 left:1px;
 background:#025d49;
 border:0px solid red;
}
 .call-sliding {
 margin:auto;
 width:100%;
 height:auto;
 position:absolute;
 top:53px;
 left:0px;
 border:0px solid red;
}
 .slidingDiv {
 margin:auto;
 padding:5px 5px 0px 5px;
 width:auto;
 height:auto;
 position:relative;
 background-color: #025d49;
 z-index:999;
 border:0px solid red;
}
 .show_hide {
 display:none;
}
 .url a {
margin:5px auto 10px auto;
width:50%;
height:auto;
float:left;
text-align:center;
font-family: 'Open Sans', sans-serif;
font-size:18px;
font-weight:400;
color:#FFFFFF;
line-height:25px;
text-transform:capitalize;
border:0px solid red;
}
 .url :hover {
text-decoration:underline;
}
 .hide-close a {
margin:5px auto 5px auto;
width:100%;
height:auto;
float:left;
text-align:center;
font-family: 'Open Sans', sans-serif;
font-size:18px;
font-weight:400;
color:#FFFFFF;
border:0px solid red;
}
/*End Header*/




/*Start Middle*/
.mid-left {
 margin:auto auto 5px auto;
 width:100%;
 height:auto;
 float:left;
 border:0px solid red;
}
.mid-right {
 margin:auto auto auto auto;
 width:100%;
 height:auto;
 float:left;
 border:0px solid red;
}
 .box {
 margin:auto auto 10px auto;
 padding:5px 5px 5px 5px;
 width:100%;
 height:auto;
 float:left;
 border:1px solid #ebebeb;
}
	
 .box-wf {
 margin:auto auto 10px auto;
 padding:5px 5px 5px 5px;
 width:100%;
 height:auto;
 float:left;
 border:0px solid #ebebeb;
}
 .banner-left {
 margin:auto auto 10px auto;
 width:100%;
 height:auto;
 float:left;
 border:0px solid #FF0000;
}
.banner-right {
 margin:auto auto 10px auto;
 width:100%;
 height:auto;
 float:left;
 border:0px solid #FF0000;
}
 .hvac-services {
 margin:10px 0px 10px 0px;
 padding:10px 0px 10px 0px;
 width:100%;
 height:auto;
 float:left;
 text-align:center;
 background-image:url(../images/services-areas-bg.png);
 background-repeat:repeat;
 background-size:cover;
 border:0px solid #FF0000;
}
 .hvac-inner {
 margin:auto;
 padding:0px 0px 5px 0px;
 width:100%;
 height:auto;
 background:#FFFFFF;
 opacity: 0.9;
 top:0px;
 float:left;
 bottom:0px;
 border-radius:3px;
 border:0px solid #FF0000;
}
 .hvac-heading {
 margin:auto;
 width:100%;
 height:auto;
 background:#005a46;
 text-align:center;
 border-radius:3px 3px 0px 0px;
 border:0px solid #FF0000;
}
.hvac-city {
 margin:15px auto 15px auto;
 padding:0px 25px 0px 12px;
 width:auto;
 height:auto;
 float:left;
 border:0px solid #FF0000;
}
.btn-service-area {
 margin:10px auto auto auto;
 width:100%;
 height:auto;
 text-align:center;
 float:left;
 border:0px solid #FF0000;
}
/*End Middle*/

/*Start Footer*/
.ft-box {
	margin:auto auto auto auto;
	width:100%;
	height:auto;
	float:left;
	border:0px solid #FF0000;
}
.ft-inner {
	margin:10px auto 20px auto;
	width:100%;
	height:auto;
	float:left;
	border:0px solid #FF0000;
}

/*End Footer*/


/*Start Product Details*/
.pd-middle {
	margin: 5px auto 5px auto;
	width: 100%;
	height: auto;
	float:left;
	border:0px solid #FF0000;
}

.pd-left {
	margin: auto auto auto auto;
	width: 100%;
	height: auto;
	float:left;
	border:0px solid #000000;
}


.pd-img {
	margin: auto auto 10px auto;
	width: 100%;
	height: auto;
	float:left;
	text-align:center;
	border:0px solid #0000FF;
}

.pd-imgwf {
	margin: auto auto 10px auto;
	width: 100%;
	height: auto;
	float:left;
	text-align:center;
	border:0px solid #0000FF;
}


.pd-scroll {
	margin: auto auto auto auto;
	padding:10px 10px 10px 0px!important;
	width: 100%!important;
	height: 400px!important;
	float:left;
	overflow-y:scroll;
    overflow-x:hidden;
	border:0px solid #0000FF;
}
.pd-review {
	margin: 10px auto 10px auto;
	width: 100%;
	height: auto;
	float:left;
	border:1px solid #e7e5e5;
}

.pd-inquiry {
	margin: 10px auto 10px auto;
	width: 100%;
	height: auto;
	float:left;
	border:1px solid #e7e5e5;
}
.pd-btn a{
	font-size:13.9px!important;
}

.pd-form {
	margin: auto;
	width: 100%;
	height: auto;
	border:0px solid #FF0000;
}
.contact-left {
	margin:10px auto 0px auto;
	padding:5px 5px 5px 5px;
	width:100%;
	height:auto;
	float:left;
	border-radius:2px;
	background-color:#FFFFFF;
	border:1px solid #dbdbdb;
}
.contact-right {
	margin:10px auto 0px auto;
	padding:5px 5px 5px 5px;
	width:100%;
	height:auto;
	float:left;
	border-radius:2px;
	background-color:#FFFFFF;
	border:1px solid #dbdbdb;
}
/*End Product Details*/

/*Start Plan*/
.plan-banner-over {
    margin: auto auto auto auto;
	width: 98%;
	height: auto;
	position:inherit;
    border: 0px solid #FF0000;

}

.plan-left {
    margin: auto auto 10px auto!important;
	width: 100%;
	height: auto;
	float:left;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size:20px!important;
	color:#000000;
	font-weight:600;
	line-height:25px;
	text-transform:none !important;
    border: 0px solid #FF0000;

}

.plan-right {
    margin: auto auto 10px auto;
    width: 100%;
	height: auto;
	float:left;
	text-align:left;
    border: 0px solid #FF0000;

}

.plan-mid {
    margin: auto auto auto auto;
	padding:5px 5px 5px 5px;
    width: 100%;
	height: auto;
	float:left;
	text-align:left;
	background: rgba(0, 0, 0, .8);
    border: 0px solid #FF0000;

}

.plan-mid-one {
    margin: auto auto 5px auto;
	width: 100%;
	height: auto;
	float:left;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#FFFFFF;
	font-weight:600;
    border: 0px solid #FF0000;

}

.plan-mid-two {
    margin: auto auto 5px auto;
	width: 100%;
	height: auto;
	float:left;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	text-align:justify;
	font-size:16px;
	color:#FFFFFF;
	font-weight:400;
    border:0px solid #FF0000;
}

.plan-mid-three {
    margin: auto auto 5px auto;
	width: 100%;
	height: auto;
	float:left;
    border: 0px solid #FF0000;

}

.plan-btn a{
    margin: auto 5px 5px auto;
    width: 243px;
	height: 48px;
	float:left;
	text-align:center;
    background-image:url(../images/plna-phone.png);
	background-repeat:no-repeat;
    border: 0px solid #FF0000;

}

.plan-btn :hover{
   	text-align:center;
    background-image:url(../images/plna-phone-hover.png);
	background-repeat:no-repeat;

}

.plna-sign a{
    margin: auto auto 5px auto;
    width: 243px;
	height: 48px;
	float:left;
	text-align:center;
    background-image:url(../images/plna-sign.png);
	background-repeat:no-repeat;
    border: 0px solid #FF0000;

}

.plna-sign :hover{
   	text-align:center;
    background-image:url(../images/plna-sign-hover.png);
	background-repeat:no-repeat;

}


#planlist {
}
#planlist ul {
	list-style:none;
}
#planlist ul li a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	width:100%;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:500;
	text-decoration:none;
	float:left;
	line-height:inherit;
	text-align:left;
	line-height:25px;
	text-transform:capitalize;
	transition: all 0.4s linear;
	border-bottom:1px solid #CCCCCC;
}
#planlist ul li :hover {
	color:#005a46;
	border-bottom:1px solid #999999;
	text-decoration:none;
}
#planlist a:active {
  color: red;
}

.plan-viewmore a {
	width:100%;
	height:auto;
	margin:auto auto 5px auto;
	padding:5px 5px 5px 5px;
	background-color:#005a46;
	border:1px solid #014c3b;
	border-radius:2px;
	color:#FFFFFF;
    text-align:center;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	text-transform:uppercase;
	float:left;
	transition: all 0.4s linear;
	text-decoration:none;
}


/*End Plan*/


/*Start Extra*/
.h4{
 margin:0px 0px 0px 0px;
 padding:5px 0px 5px 0px!important;
 text-align:left!important;
 font-size:15px!important;
 text-transform:capitalize;
 font-weight:600!important;
 color:#FFFFFF!important;
 line-height:22px!important;
 text-align:center!important;
 text-transform:uppercase!important;
  
}

.viewmore a {
	width:100%;
	height:auto;
	margin:auto auto 5px auto;
	padding:7px 10px 7px 10px;
	background-color:#f8f8f8;
	border:1px solid #dcdada;
	border-radius:2px;
	color:#030303;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	float:left;
	transition: all 0.4s linear;
	text-decoration:none;
}

.viewmore :hover {
	background-color:#005a46;
	border:1px solid #014c3b;
	color:#FFFFFF;
	text-decoration:none;
}

.hs-box {
	margin:5px auto 5px auto;
	width:50%;
	height:auto;
	float:left;
	border:0px solid #FF0000;
}
.h1{
 margin:0px 0px 10px 0px!important;
 text-align:left!important;
 font-size:18px!important;
 text-transform:capitalize!important;
 font-weight:700!important;
}
.reveal-modal {
		visibility: hidden;
		top: 500px !important; 
		margin:auto;
		width: 96%;
		left:8px !important;
		background:#333; !important;
		position: absolute;
		z-index: 101;
		padding: 10px 10px 10px 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		border:3px solid #025d49;
}

.heading{
 margin:10px 0px 10px 0px!important;
 text-align:left!important;
 font-size:20px!important;
 text-transform:capitalize!important;
 font-weight:700!important;
 line-height:25px!important;
}

.full-block {
 display:none;
}
.spacer {
 display:none;
}
.spacer-wf {
 display:none;
}	
 .logo {
 display:none;
}
.emergency-service {
 display:none;
}
/*.navigation{
	display:block;
}
*/
.display {
 display:none;
}
 .display-block {
 display:block;
}
/*End Extra*/


	.col-lg-12{
	padding: 5px;
	margin: 10px 0px 0px 10px;
	width: 97%;
	height: auto;
    float: none;
	border: 0px solid red;
	}

}
 @media only screen and (min-width: 240px) and (max-width: 240px) {
.logo-responsive {
 margin:10px auto 3px auto;
 width:119px;
 height:auto;
 float:left;
 text-align:center;
 display:block;
 border:0px solid red;
}
.hs-box {
	margin:5px auto 5px auto;
	width:100%;
	height:auto;
	float:left;
	border:0px solid #FF0000;
}

}
@media only screen and (min-width: 520px) and (max-width: 767px) {
.hac-banner-text {
	margin: 5px auto 5px auto;
	position: absolute;
	top:65px;
	right: 0px;
	left: 0px;
	width: 80%;
	font-size:35px;
	font-weight:bolder;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	line-height: 45px;
	border:0px solid #FF0000;
}
	
.box {
 margin:auto auto 10px auto;
 padding:5px 5px 5px 5px;
 width:50%;
 height:auto;
 float:left;
 border:1px solid #ebebeb;
}
	
.box-wf {
 margin:auto auto 10px auto;
 padding:5px 5px 5px 5px;
 width:50%;
 height:auto;
 float:left;
 border:0px solid #ebebeb;
}
.banner-left {
 margin:auto auto 10px auto;
 width:49.5%;
 height:auto;
 float:left;
 text-align:center;
 border:0px solid #FF0000;
}
.banner-right {
 margin:auto auto 10px auto;
 width:49.5%;
 height:auto;
 float:right;
 text-align:center;
 border:0px solid #FF0000;
}

.ft-box {
	margin:auto auto auto auto;
	width:50%;
	height:auto;
	min-height:450px;
	float:left;
	border:0px solid #FF0000;
}
}

@media only screen and (min-width: 568px) and (max-width: 736px) {
.reveal-modal {
		visibility: hidden;
		top: 500px !important; 
		margin:auto;
		width: 96%;
		left:13px !important;
		background:#333; !important;
		position: absolute;
		z-index: 101;
		padding: 10px 10px 10px 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		border:2px solid #025d49!important;
}
.clickphone a {
	width:49%;
	height:auto;
	margin:auto auto 3px 5px;
	padding:7px 10px 7px 10px;
	background-color:#f8f8f8;
	border:0px solid #dcdada;
	border-radius:2px;
	color:#030303;
	text-align:center;
	font-size:18px;
	font-weight:normal;
	float:left;
	transition: all 0.8s linear;
	text-decoration:none;
}

.clickphone :hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	border:0px solid #cf0404;
	color:#FFFFFF;
	text-decoration:none;
}
}



@media only screen and (min-width: 220px) and (max-width: 1024px) {

.disply-contactnone{
display: block;
}

.disply-contactblock{
display: none;
}
	
.box-wf {
	margin: auto auto 10px auto;
	padding: 5px 5px 5px 5px;
	width: 293px;
	height: auto;
	float: left;
	border: 0px solid #ebebeb;
}
.border-wf {
	border: 0px solid red;
}

.padding-wf {
	padding: 0px 0px 0px 0px !important;
}
.margin-tbwf{
margin-bottom: 10px;
margin-top: 10px;
}
.border-bwf {
	border-bottom: 5px solid #ccc;
	width: 100% !important;
	margin: 25px 0px 25px 0px !important;
}

.full-bwf {
	width: 100% !important;
	margin: 25px 0px 25px 0px !important;
}

.bold-bwf {
	font-weight: 600 !important;
}

.border-bwff {
	border-bottom: 1px solid #ccc;
	margin: 5px 0px 5px 0px !important;
}	
}