@media only screen and (min-width: 768px) and (max-width: 1199px){

img, object {
	max-width:100%;
}

h3{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: 'Open Sans', sans-serif;
font-size:24px;
font-weight:400;
color:#000000;
text-transform:uppercase;
}

/*Start Header Css*/
.header{
    margin:auto;
	width:100%;
	height:auto;
	border:0px solid #FF0000;
}


.top-bg{
    margin:auto auto 3px auto;
	width:100%;
	height:2px;
	background-color:#005a46;
	border:0px solid #000000;
}

.top-left{
display:none;
}
.top-right{
display:none;
}
.top-auto{
display:none;
}

.phone-icon{
display:none;
}

.navigation{
   display:none;
}

.nav{
    margin:auto;
	width:100%;
	height:auto;
	float:left;
	display:block;
	border:0px solid #FF0000;
}

.logo{
    margin:40px 0px 0px 10px;
	/*width:35%;*/
	width:30%;
	height:auto;
	float:left;
	text-align:left;
	border:0px solid #FF0000;
}

.logo-reliance{
    margin:40px 0px 0px 10px;
	/*width:35%;*/
	width:25%;
	height:auto;
	float:left;
	text-align:center;
	border:0px solid #FF0000;
}
/*End Header Css*/


/*Start Middle Css*/
.middle {
	margin:auto auto 5px auto;
	width:100%;
	height:auto;
	border:0px solid #000000;
}
.middle-box {
	margin:0px 0px 0px 0px;
	width:100%;
	height:auto;
	float:left;
	position:relative;
	top:0px;
    bottom:0px;
	border:0px solid #FF0000;
}

.box {
	margin:auto auto 5px auto;
	width:49.7%;
	height:auto;
	background-color:#FFFFFF;
    border:1px solid #ebebeb;
}
.box-icon {
	margin:5px 0px 0px 0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
    border:0px solid #FF0000;
}
.box-img {
	margin:12px 0px 0px 0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
    border:0px solid #FF0000;
}
#list5 {
}
#list5 ul {
	list-style:none;
	margin:0px 0px 0px 0px;
}
#list5 ul li a {
	margin:5px 0px 0px -30px;
	padding:0px 0px 10px 15px ;
	width:233px;
	height:10px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#333333 ;
	text-decoration:none ;
	float:left;
	text-align:left;
	text-transform:capitalize;
	transition: all 0.4s linear;
	background-repeat:no-repeat;
	background-image:url(../images/nav-pop1.png);
	background-repeat:no-repeat;
	border:0px solid red;
}
#list5 ul li :hover {
	color:#005a46;
	text-decoration:none;
	background-image:url(../images/nav-pop2.png);
	background-repeat:no-repeat;
}


.hvac-services {
	margin:0px 0px 0px 0px;
	width:100%;
	height:340px;
	float:left;
	text-align:center;
	background-image:url(../images/cosmopolitanmechanical-area.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    border:0px solid #FF0000;
}
.hvac-inner {
	margin:auto;
	width:745px;
	height:165px;
	position:relative;
	top:70px;
	bottom:0px;
	background:#FFFFFF;
	opacity: 0.8;
    border:0px solid #FF0000;
}


.click-call {
	margin:4px auto auto auto;
	width:40%;
	height:auto;
	display:block;
	float:right;
	font-family: 'Open Sans', sans-serif;
	font-size:0px;
	color:#005a46;
	font-style:none;
	font-weight:normal;
	text-align:center;
	border:0px solid #FF0000;
}

.call a {
	margin:auto 12px 3px 12px;
	width:auto;
	height:auto;
	float:right;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#005a46;
	font-style:none;
	font-weight:normal;
	display:block;
	text-align:center;
	text-decoration:none;
	border:0px solid #FF0000;
}

.call :hover {
color:#333333;
text-decoration:none;	
}


/*End Middle Css*/


/*Start Footer Css*/
.footer-inner {
	margin:auto;
	width:99%;
	height:auto;
	border:0px solid #FFFFFF;
}

.footer-block {
	margin:10px auto auto auto;
	width:100%;
	height:auto;
	display:block;
	border:0px solid #FF0000;
}

.footer-box {
	margin:20px 0px 0px 0px;
	width:245px;
	height:auto;
	float:left;
	border:0px solid #FFFFFF;
}

.ft-div {
	margin:5px 0px 5px 0px;
	width:100%;
	height:auto;
	float:left;
	border:0px solid #FFFFFF;
}

.ft-videos {
display:none;
}

.ft-inner{
display:none;
}

.bt-full-line{
 display:none;
}

.bottom{
display:none;
}
/*End Footer Css*/

/*Start Brand List Css*/
.bl-banners {
	margin:auto;
	width:100%;
	height:auto;
	text-align:center;
	display:block;
	border:0px solid #000000;
}
.bl-banner {
display:none;
}
.bl-banner-diagnose {
display:none;
}
.bl-banner-duct {
display:none;
}
.bl-banner-financing {
display:none;
}
.bl-banner-maintenance {
display:none;
}
.bl-banner-testimonials {
display:none;
}
.bl-banner-customerservice {
display:none;
}

.bl-banner-gasfireplace{
display:none;
}

.bl-banner-redtagged {
display:none;
}
.bl-banner-servicesareas {
display:none;
}

.bl-banner-referfriend {
display:none;
}

.bl-banner-about {
display:none;
}

.bl-banner-contact {
display:none;
}

.bl-banner-thanks {
display:none;
}

.bl-text {
	margin:0px 0px 20px 0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	display:block;
	border:0px solid #FF0000;
}


.bl-product {
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 5px;
	width:45.5%;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}


.bl-productimg {
	margin:0px 0px 0px 0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
    border:0px solid #FF0000;
}
.bl-productright{
	margin:0px 0px 0px 0px;
	width:100%;
	height:auto;
	float:left;
    border:0px solid #FF0000;
}

.bl-productinner{
	margin:0px 0px 5px 0px;
	width:100%;
	height:auto;
	float: left;
	text-align:left;
	text-transform:capitalize !important;
    border:0px solid #FF0000;
}

.bl-producttext{
	margin:0px 0px 5px 0px;
	width:100%;
	height:110px;
	float: left;
	text-align:justify;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    color:#333333;
    line-height:20px;
    border:0px solid #FF0000;
}

.h2{
font-size:16px;
color:#000000;
text-align:center;
text-transform:capitalize;
}

.btn-listing a{
    margin:10px auto auto auto;
	width:100%;
	height:38px;
	text-align:center;
	float:left;
	background-image:url(../images/btn-list-a.png);
	background-repeat:no-repeat;
    background-position: center;
	border:0px solid red;
}

.btn-listing :hover{
  	background-image:url(../images/btn-list-hover.png);
	background-repeat:no-repeat;
}

.pl-product {
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:228px;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}
/*End Brand List Css*/

/*Start Contact Css*/
.address-info {
	margin:10px 0px 15px 0px;
	padding:10px 10px 10px 10px;
	width:40%;
	height:auto;
	float:left;
	background:#f5f5f5;
	border: 5px solid #fff;
	text-align:none;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.map {
	margin:10px 0px 15px 0px;
	padding:10px 10px 10px 10px;
	width:50%;
	height:auto;
	float:right;
	background:#f5f5f5;
	border: 5px solid #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

/*End Contact Css*/


/*Start Product Detail Css*/

.pd-mainbox {
	margin:0px 0px 0px 0px;
	width:100%;
	height:auto;
	float:left;
    border:0px solid #FF0000;
}
.pd-box {
	margin:10px 0px 10px 10px;
	padding:5px 5px 5px 5px;
	width:96%;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}
.pd-right {
	margin:10px 0px 10px 10px;
	padding:5px 5px 5px 5px;
	width:96%;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}

.pd-img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
    border:0px solid #FF0000;
}

.pd-detailbox {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	float:right;
    border:0px solid #FF0000;
}

.pd-textbox {
	margin:0px auto 10px 0px;
	width:100%;
	height:auto;
	float:left;
	text-align:justify;
	border:0px solid #FF0000;
}
.pd-btnfreequote {
	margin:0px auto 0px 0px;
	width:100%;
	height:80px;
	float:left;
	text-align:center;
	display:block;
	border:0px solid #FF0000;
}

.pd-feature  {
	margin:10px 0px 10px 10px;
	padding:5px 5px 5px 5px;
	width:96%;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}
 .pd-right {
display:none;
}


 .pd-customer-feedback{
	display:none;
}

.pd-right-resp {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	float:left;
	display:block;
    border:0px solid #FF0000;
}

 .pd-heading {
	margin:10px 0px 0px 8px;
	width:auto;
	height:auto;
	float:left;
	font-weight:bold;
	text-align:center;
	font-size:20px;
    border:0px solid #FF0000;
}

#list10 ul li a {
	margin:5px 0px 5px -15px;
	padding:0px 0px 10px 15px ;
	width:20%;
	height:10px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#333333 ;
	text-decoration:none ;
	float:left;
	text-align:left;
	text-transform:capitalize;
	transition: all 0.4s linear;
	background-repeat:no-repeat;
	background-image:url(../images/nav-pop1.png);
	background-repeat:no-repeat;
	border:0px solid red;
}

/*End Product Detail Css*/


/*Start Testimonial*/

 .left-l {
  margin:0px 0px 5px 0px !important;
  margin-left: 0px!important;
   margin-right: 0px!important;
  width: 51% !important;
  height:auto;
  float:left;
  z-index: 4;
  border:0px solid red;
 }
 
  .left-name {
  margin:0px 0px 0px 0px !important;
  width: 51% !important;
  height:auto;
  float:left;
  z-index: 4;
  border:0px solid red;
 }
 
  .right-r {
  margin:0px 0px 5px 0px !important;
  width: 48% !important;
  height:auto;
  float:right;
  z-index: 4;
  border:0px solid red;
 }
 
  .right-last {
  margin:0px 0px 0px 0px !important;
  width: 48% !important;
  height:auto;
  float:right;
  z-index: 4;
  border:0px solid red;
 }
 
  .testimonial-form {
  margin:10px auto auto auto;
  width: 80%;
  height:auto;
  position:relative;
  top:-560px;
  border:0px solid #FF0000;
 }
 
 .slidingDiv {
	margin:-571px auto auto auto;
    width:70%;
	height:570px;
	background-color: rgba(51, 51, 51, 0.95);
	padding:0px;
	border-radius:25px 25px 0px 0px;
	border-top:0px solid #3399FF;
}

.show_hide {
	display:none;
}

.formoid-solid-green > div {
    margin-left: 0px !important;
    margin-right: 0px !important;
    position: relative;
}

/*End Testimonial*/


/*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;
	width: 50%;
	height: auto;
	float:left;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	color:#333333;
	font-weight:600;
	line-height:25px;
    border: 0px solid #FF0000;

}

.plan-right {
    margin: auto auto 10px auto;
   	width: 50%;
	height: auto;
	float:right;
	text-align:left;
    border: 0px solid #FF0000;

}

.plan-mid {
    margin: auto auto auto auto;
	padding:5px 5px 5px 5px;
    width: 48%;
	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: 98%;
	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: 98%;
	height: auto;
	float:left;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-weight:400;
    border:0px solid #FF0000;
}

.plan-mid-three {
     margin: auto auto 5px auto;
    width: 98%;
	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 8px -40px;
	padding:0px 35px 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;
	text-transform:capitalize;
	transition: all 0.4s linear;
	border-bottom:1px solid #CCCCCC;
}
#planlist ul li :hover {
	color:#005a46;
	border-bottom:1px solid #CCCCCC;
	text-decoration:none;
}

/*End Plan*/



}

@media only screen and (min-width: 800px) and (max-width:800px){
.footer-box {
	margin:20px 0px 10px 0px;
	width:260px;
	height:auto;
	float:left;
	border:0px solid #FFFFFF;
}
.bl-producttext{
	margin:0px 0px 5px 0px;
	width:100%;
	height:95px;
	float: left;
	text-align:justify;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    color:#333333;
    line-height:20px;
    border:0px solid #FF0000;
}
.pl-product {
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:244px;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}
}


@media only screen and (min-width: 900px) and (max-width:900px){
.footer-box {
	margin:20px 0px 10px 0px;
	width:293px;
	height:auto;
	float:left;
	border:0px solid #FFFFFF;
}
.bl-product {
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 5px;
	width:46.4% !important;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}
.bl-producttext{
	margin:0px 0px 5px 0px;
	width:100%;
	height:95px !important;
	float: left;
	text-align:justify;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    color:#333333;
    line-height:20px;
    border:0px solid #FF0000;
}
.pl-product {
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:203px;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}
}

@media only screen and (min-width: 980px) and (max-width:980px){
.footer-box {
	margin:20px 0px 10px 0px;
	width:239px;
	height:auto;
	float:left;
	border:0px solid #FFFFFF;
}
.pl-product {
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:223px;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}
}


@media only screen and (min-width: 900px) and (max-width:1199px){

#list5 ul li a {
	margin:5px 0px 0px -18px;
	padding:0px 0px 10px 15px ;
	width:233px;
	height:10px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#333333 ;
	text-decoration:none ;
	float:left;
	text-align:left;
	text-transform:capitalize;
	transition: all 0.4s linear;
	background-repeat:no-repeat;
	background-image:url(../images/nav-pop1.png);
	background-repeat:no-repeat;
	border:0px solid red;
}
.bl-product {
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 5px;
	width:46.6%;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}
.bl-producttext{
	margin:0px 0px 5px 0px;
	width:100%;
	height:80px;
	float: left;
	text-align:justify;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    color:#333333;
    line-height:20px;
    border:0px solid #FF0000;
}

}

@media only screen and (min-width: 1024px) and (max-width:1199px){
.pl-product {
	margin:5px 3px 5px 7px;
	padding:5px 5px 5px 5px;
	width:229px;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}
}


@media only screen and (min-width: 900px) and (max-width:1199px){
/*Start Product Detail Css*/

.map {
	margin:10px 0px 15px 0px;
	padding:10px 10px 10px 10px;
	width:51%;
	height:auto;
	float:right;
	background:#f5f5f5;
	border: 5px solid #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.pd-box {
	margin:10px 0px 10px 10px;
	padding:5px 5px 5px 5px;
	width:97%;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}

.pd-right {
	margin:10px 0px 10px 10px;
	padding:5px 5px 5px 5px;
	width:97%;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}

.pd-img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:38%;
	height:auto;
	float:left;
	text-align:center;
    border:0px solid #FF0000;
}

.pd-detailbox {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:60%;
	height:auto;
	float:right;
    border:0px solid #FF0000;
}

.pd-textbox {
	margin:0px auto 10px 0px;
	width:100%;
	height:auto;
	float:left;
	text-align:justify;
	border:0px solid #FF0000;
}
.pd-btnfreequote {
	margin:0px auto 10px 0px;
	width:100%;
	height:80px;
	float:left;
	text-align:center;
	border:0px solid #FF0000;
}
.pd-feature  {
	margin:10px 0px 10px 10px;
	padding:5px 5px 5px 5px;
	width:97%;
	height:auto;
	float:left;
    border:1px solid #ebebeb;
}

/*End Product Detail Css*/
}

@media only screen and (min-width: 768px) and (max-width:800px){
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute!important;
	bottom: 0px!important;
	width: 100%!important;
	top:210px!important;
	bottom:0px!important;
	left:0px!important;
	right:0px!important;
	border:0px solid #000000!important;
}
}


@media only screen and (min-width: 900px) and (max-width:979px){
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute!important;
	bottom: 0px!important;
	width: 100%!important;
	top:250px!important;
	bottom:0px!important;
	left:0px!important;
	right:0px!important;
	border:0px solid #000000!important;
}
}

@media only screen and (min-width: 980px) and (max-width:1199px){
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute!important;
	bottom: 0px!important;
	width: 100%!important;
	top:280px!important;
	bottom:0px!important;
	left:0px!important;
	right:0px!important;
	border:0px solid #000000!important;
}
}