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

 .inner-middle {
 margin:auto;
 width:98%;
 height:auto;
 border:0px solid red;
}

	.hac-middle {
	margin: 5px auto 10px 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:87px;
	right: 0px;
	left: 0px;
	width: 85%;
	font-size:35px;
	font-weight:bolder;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	line-height: 50px;
	border:0px solid #FF0000;
}
/*Start Header*/


	.col-lg-12{
	padding: 5px;
	margin: 10px 10px 20px 10px;
	width: 47%;
	height: 476px;
    float: left;
	border: 0px solid red;
	}	
	
.navigation {
 margin:19px auto 10px 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:10px auto 10px 10px;
 width:260px;
 height:auto;
 float:left;
 text-align:center;
 display:block;
 border:0px solid red;
}
	
.logo-responsive-reliance {
 margin:15px auto 10px 10px;
 width:260px;
 height:auto;
 float:left;
 text-align:center;
 display:block;
 border:0px solid red;
}
.navcall-right {
 margin:16px auto 10px 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;
}
 .call-sliding {
 margin:auto;
 width:100%;
 height:auto;
 position:absolute;
 top:83px;
 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 5px 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;
}
 .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;
}
/*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;
 text-align:left;
 border:0px solid red;
}
 .box {
 margin:0px 0px 10px 0px;
 padding:5px 5px 5px 5px;
 width:50%;
 height:auto;
 float:left;
 border:1px solid #ebebeb;
}
	
 .box-wf {
 margin:0px 0px 10px 0px;
 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;
 border:0px solid #FF0000;
}
.banner-right {
 margin:auto auto 10px auto;
 width:49.5%;
 height:auto;
 float:right;
 border:0px solid #FF0000;
}
 .hvac-services {
 margin:10px 0px 10px 0px;
 width:100%;
 height:340px;
 float:left;
 text-align:center;
 background-image:url(../images/services-areas-bg.png);
 background-repeat:no-repeat;
 background-size:cover;
 border:0px solid #FF0000;
}
.hvac-inner {
 margin:auto;
 width:100%;
 height:165px;
 position:relative;
 top:70px;
 bottom:0px;
 background:#FFFFFF;
 opacity: 0.9;
 border-radius:3px;
 border:0px solid #FF0000;
}
 .hvac-city {
 margin:15px auto 15px auto;
 padding:0 39px 0px 0px;
 width:auto;
 height:auto;
 float:left;
 border:0px solid #FF0000;
}
/*End Middle*/


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

   
/*End Footer*/

/*Start Product Details*/
.pd-middle {
	margin: 5px auto 10px 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 auto auto;
	width: 32%;
	height: auto;
	float:left;
	text-align:center;
	border:0px solid #0000FF;
}
.pd-imgwf {
	margin: auto auto auto auto;
	width: 50%;
	height: auto;
	float:left;
	text-align:center;
	border:0px solid #0000FF;
}
.pd-review {
	margin: 10px auto 0px auto;
	padding:2px;
	width: 49%;
	height: auto;
	float:left;
	border:1px solid #e7e5e5;
}

.pd-inquiry {
	margin: 10px auto 0px auto;
	width: 49%;
	height: auto;
	float:right;
	border:1px solid #e7e5e5;
}
.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: 10px auto 25px auto!important;
	width: 100%;
	height: auto;
	float:left;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size:35px!important;
	color:#000000;
	font-weight:600;
	line-height:40px;
	text-transform:none !important;
    border: 0px solid #FF0000;

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

}

.plan-mid {
    margin: auto auto 10px auto;
	padding:5px 5px 5px 5px;
    width: 53%;
	height: auto;
	float:right;
	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:35px;
	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;
}

/*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-transform:uppercase!important;
  
}

.hs-box {
	margin:10px auto 10px auto;
	width:33%;
	height:auto;
	float:left;
	border:0px solid #FF0000;
}

.reveal-modal {
		visibility: hidden;
		top: 300px; 
		margin:auto;
		width: 96%;
		left:16px!important;
		background:#333;
		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;
		}

.full-block {
 display:none;
}
.spacer {
 display:none;
}
	
.spacer-wf {
 display:none;
}	
.logo {
 display:none;
}
.emergency-service {
 display:none;
}
 .display {
 display:none;
}
 .display-block {
 display:block;
}

.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;
}
/*End Extra*/

}
 @media only screen and (min-width: 900px) and (max-width: 900px) {
 .hvac-city {
 margin:15px auto 15px auto;
 padding:0px 66px 0px 0px;
 width:auto;
 height:auto;
 float:left;
 border:0px solid #FF0000;
}
}
 @media only screen and (min-width: 980px) and (max-width: 1199px) {
 .hvac-city {
 margin:15px auto 15px auto;
 padding:0px 40px 0px 40px;
 width:auto;
 height:auto;
 float:left;
 border:0px solid #FF0000;
}
}


@media only screen and (min-width: 900px) and (max-width: 1199px) {
.ft-box {
	width:33.3%;
	height:auto;
	min-height:425px;
}

.contact-left {
	margin:10px auto 10px auto;
	padding:5px 5px 5px 5px;
/*	width:49%;*/
		width:100%;
	height:auto;
	float:left;
	border-radius:2px;
	background-color:#FFFFFF;
	border:1px solid #dbdbdb;
}
.contact-right {
	margin:10px auto 10px auto;
	padding:5px 5px 5px 5px;
	/*width:49%;*/
	width:100%;
	height:auto;
	float:right;
	border-radius:2px;
	background-color:#FFFFFF;
	border:1px solid #dbdbdb;
}
	
.hac-banner-text {
	top:116px;
}
	
		.hac-middle {
	margin: 5px auto 10px auto;
	width: 64%;
	height: auto;
	float:left;
	border:0px solid #FF0000;
}
	.hac-right {
	margin: 5px auto 5px auto;
	width: 35%;
	height: auto;
	float:right;
	border:1px solid #e7e5e5;
}
}