@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1850px) {
}
    
@media screen and (max-width:1680px) {
.ctatext {line-height: 100%;}  
.ft_coolinglink, .ft_heatinglink {width: calc(49% - 200px); float: left;}
.ft_quicklinks {width: 30%; margin: 0 5% 0 0;}   
.service_img.fright {right: -90px; width: 700px;}
.service_img.fleft {left: -90px; width: 700px;}
.service_content {width: calc(100% - 700px); padding:0;}    
}

@media screen and (max-width:1600px) {  
.service_img.fright {right: -90px; width: 650px;}
.service_img.fleft {left: -90px; width: 650px;}
.service_content {width: calc(100% - 650px);}
.heatingserv_sec {padding: 0 0 60px 0;}
}

@media screen and (max-width:1500px) {
.pgleft{padding-right: 65px}
.ftright_links {width: calc(100% - 350px);}
.ft_coolinglink, .ft_heatinglink {width: calc(49% - 180px);}   
.service_img.fright {width: 500px;}
.service_img.fleft {width: 500px;}   
.service_content {width: calc(100% - 500px);} 
	.hdcall-list li{    padding: 0 25px;}
}

@media screen and (max-width:1440px) {
.ftright_links {width: calc(100% - 330px);}  
.brand_left {padding: 60px 0 0 0;}
.brandlogo_right {width: 65%;padding: 0;}
.brand_left span br{display: none}
}
@media screen and (max-width:1366px) {
	.pgright{width:400px}
	.pgleft{width: calc(100% - 400px);padding-right: 40px;}
	.sidebtn{font-size: 20px}
	.sidecta{padding: 55px 40px}    
    .ft_quicklinks {margin: 0 1% 0 0;}
    .ft_coolinglink, .ft_heatinglink {width: calc(49% - 140px);}    
    .whychoose_left dl dd {padding: 0 10% 0 25px;}
    .whychoose_left .sectiontitle {margin: 0 0 30px 0;}
    .whychoose_left dl {margin: 0 0 40px 0;}        
.service_img.fright {width: 400px;}
.service_img.fleft {width: 400px;}    
.service_content {width: calc(100% - 400px);}  
	.hdcall-list li {padding: 0 15px;}
	.toplinks li a{font-size:14px;}
}

@media screen and (max-width:1280px) {
.ft_link_section {padding: 30px 0 30px 0;}
.ft_quicklinks {width: 100%;margin: 0 0 20px 0;border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px}
.ft_link_section {padding: 30px 0 30px 0;}
.ft_coolinglink, .ft_heatinglink {width: 50%;}
.ft_quicklinks ul li {width: 25%;}    
.service_img.fright {width: 350px;}
.service_img.fleft {width: 350px;}    
.service_content {width: calc(100% - 350px);}
	ul.toplinks {width: 830px;}  
}

@media screen and (max-width:1200px) { 
	a.logo{max-width:225px;}
ul.toplinks {width: 675px;}   
ul.toplinks li {margin: 0 0 0 5px; padding: 10px 10px;}    
.service_img.fright {width: 540px;}
.service_img.fleft {width: 540px;}    
.service_content {width: calc(100% - 540px);} 
ul.serviclist_ul li {width: 96%;}
ul.serviclist_ul li:nth-child(even) {float:left}  
	.hdcall-list li{font-size: 16px;}
	.topheader{height: 36px;}
}

@media screen and (max-width:1100px) {    
	.innerpg{padding: 60px 0}
	.pgright{width: 100%;position: relative}
	.pgleft{width: 100%;padding: 0;margin-bottom: 40px}
	.ptag p{font-size: 18px;line-height: 24px;margin-bottom: 20px}
	.innerlist li{font-size: 18px;line-height: 24px;padding-left: 20px}
	.innerlist li::before{top:8px}
	.pgright > ul{overflow: hidden;margin: 0 -15px}
	.pgright > ul>li{width: 50%;float: left;padding: 0 15px}
	.sidecta{background-size: cover;padding: 40px 30px;}
	.sidebtn{font-size: 18px;padding: 15px 20px}
	.breadcrumbs > li{padding: 4px 35px 4px 0}
	.breadcrumbs > li:not(:last-child)::before{right: 8px}    
.brand_sec {padding: 60px 0;}
.brandlogo_right ul li {width: 33.33%;}
.brand_left {padding: 100px 0 0 0;}    
	.hdcall-list li{padding: 0 10px;font-size: 16px}
	.topheader li:first-child{padding: 0;}
}

@media screen and (max-width:1024px) {
	.innerpg{padding: 40px 0}
	.heading{font-size: 42px;line-height: 35px;margin-bottom: 30px}
    .ft_quicklinks ul li {width: 33.33%;}    
    ul.toplinks li span {display: none}
    ul.toplinks li:last-child span{display: block}
    ul.toplinks {width: 590px;}
	.hdcall-list li {
    padding: 0 3px;
    font-size: 14px;
}
}

@media screen and (max-width:992px) {      
.ptag p{font-size: 16px;line-height: 24px;margin-bottom:10px}
	.innerlist li{font-size: 16px;line-height: 24px;}
	.headsm{font-size: 20px;margin-bottom: 10px;line-height: 24px}        
.ftleft_info {width: 100%; float: left; text-align: center;}
.ftleft_info a{display: inline-block; width: 100%; text-align: center;}
.ftleft_info a img.ftlogo {text-align: center;display: block;float: none;margin: 0 auto;}
.ftleft_info a.ftphone {width: 250px;clear: both;margin: 0 auto;float: none;}
p.note {text-align: center;}    
.ftright_links {width: 100%;}
.ft_quicklinks {width: 100%;margin: 20px 0 20px 0;border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 10px;border-top: 1px solid rgba(255,255,255,0.2);padding: 10px 0;}
.ft_quicklinks ul li {width: 25%;}    
.brandlogo_right {width: 68%;}   
.service_content {width: 100%;}
ul.serviclist_ul li {width: 48%;}
ul.serviclist_ul li:nth-child(even) {float: right}    
.service_img.fright {max-width: 540px;width: 100%;margin: 20px auto;float: none!important;right: 0;display: inline-block;}
.service_img.fleft {max-width: 540px;width: 100%;margin: 20px auto;float: none!important;left: 0;display: inline-block;}
.coollingserv_sec {padding: 20px 0 0 0;}    
.heatingserv_sec .sectiontitle {text-align: center;}
.coollingserv_sec .sectiontitle {text-align: center;}    
.heatingserv_sec .sectiontitle:after, .coollingserv_sec .sectiontitle:after {display: none}
.coollingserv_sec a.redbtn, .heatingserv_sec a.redbtn.texturebluebtn {float: none;}    
.featuresslider_container .slick-next {right: 0px!important;}
.featuresslider_container .slick-prev {left: 0px!important;}      
a.logo {max-width: 225px;}
ul.toplinks {width: 590px;}
ul.toplinks li {font-size: 14px; padding: 12px 10px;}  
	
}

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


@media screen and (max-width:860px) {   
.brand_left {padding: 0 0 30px 0; width: 100%; text-align: center}
.brandlogo_right {width: 100%; padding: 0;}
.brand_left .sectiontitle {text-align: center;}
.brand_left .sectiontitle:after {display: none}
.brand_left span {width: 100%; text-align: center;}
.brandlogo_right ul li {width: 33.33%; margin: 0 0 25px;}
.whychoose_left {width: 100%;}   
.whychoose_right {width: 100%;}
.whychoose_right ul:after, .whychoose_right ul:before {width: 100%;}   
ul.serviclist_ul li {width: 100%;}
ul.serviclist_ul li:nth-child(even) {float:left}        
.sitemenudiv .menutitle {font-size: 30px; line-height: 100%;}
.sitemenudiv {margin: 150px auto 0;}
.mainmenu_left {width: 100%; margin: 0;}    
.sitemenudiv ul {margin: 20px 0 0 0;}
.mainmenu_left ul li {width: 20%; margin: 0 0 20px;}    
.mainmenu_coolinglink {width: 100%;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1);padding: 10px 0 0;margin: 0 0 15px 0;}
.mainmenu_heatinglink {width: 100%;}    
.mainmenu_coolinglink ul li, .mainmenu_heatinglink ul li{width: 50%; margin: 0 0 20px}
.toplinks.menudropdownlink {display: block;width: 100%;}
ul.toplinks.menudropdownlink li {display: inline-block;float: left;padding: 10px 10px;width: auto;}
ul.toplinks.menudropdownlink li:before {display:none}
ul.toplinks.menudropdownlink li a{color: #1477bd;}    
    ul.toplinks li.top_phonelink span {background: url(../images/image-sprite.png)no-repeat -226px -2px; display: block; font-size: 0} 
    ul.toplinks li.top_phonelink a{font-size: 0}    
    ul.toplinks li {display: none;}
    ul.toplinks li.carttrigger, ul.toplinks li.top_phonelink {display:block!important}
    ul.toplinks {width: 110px; padding: 15px 0 0 0}    
ul.toplinks li.top_phonelink{padding: 9px 10px 5px;}
ul.toplinks li.top_phonelink span {background: url(../images/image-sprite.png)no-repeat -226px -3px;display: block;font-size: 0;width: 30px;height: 30px;margin: 0;}
ul.toplinks li {display: none;}  
	.down-button {    font-family: 'Oswald';display: block;text-align: center;left: 0;background-color: #1477bd;text-decoration: none;font-size: 15px}
	.topheader li:after{display: none}
	.topheader ul{display: none}
	.hdcall-list li{display: block;padding:5px 0}
	.showcall .topheader ul {display: block;padding-top: 35px;}
	.topheader{width: 100%;height: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);opacity: 0;position: fixed;top:0;left:0;transition: opacity .3s cubic-bezier(.28,.12,.22,1);-webkit-transition:opacity .3s cubic-bezier(.28,.12,.22,1)}
	.showcall .topheader{height: auto;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;z-index: 9}
}
@media screen and (max-width:800px) {    
}

@media screen and (max-width:768px) {
	.pgright > ul > li{width: 100%}
	.sidecta{max-width: 400px;width: 100%;height: 470px;margin: 0 auto 30px}   
}

@media screen and (max-width:767px) {  
.menulist .sitewrapper{height: 100%;
    overflow-y: auto;
    padding: 0 0 20px 0;
}    
}
	
@media screen and (max-width:700px) {  
.ft_quicklinks ul li {width: 33.33%;}
.mainmenu_left ul li {width: 25%;}  
}

@media screen and (max-width:640px) {    
.ft_coolinglink, .ft_heatinglink {width:100%;}
footer .fttitle {text-align: center}
.ftright_links ul {width: 100%;float: left;clear: both;padding: 7px 0 0 0;display: block;}
.ft_quicklinks ul li {width: 33.33%;text-align: center;display: inline-block;}
.ft_coolinglink ul li, .ft_heatinglink ul li {width: 100%;float: left;list-style: none;text-align: center;color: #fff;}       
.ft_coolinglink{border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 0 10px; margin: 0 0 10px }    
ul.sociallinks {list-style: none;clear: both;float: none;width: 300px;display: inline-block;}
.ft_social_section ul li a {padding: 20px 20px;}    
.menulist.slide .featuresslider_container {display: none}    
.mainmenu_left ul li {width: 33.33%;}
.mainmenu_coolinglink ul li, .mainmenu_heatinglink ul li {width: 100%; margin: 0 0 15px;}
.sitemenudiv {margin: 120px auto 0;}	
	.menulist .sitewrapper {  overflow-y: scroll;    padding: 0 0 60px 0;-webkit-overflow-scrolling: touch;}	
	.toplinks.menudropdownlink{float: none;padding: 10px 0 20px 0;margin-bottom: 20px;clear: both;}
	.toplinks.menudropdownlink li:first-child{margin: 0 10px 10px 0px;}
}

@media screen and (max-width:600px) {    
 a.redbtn {font-size: 15px;}  
ul.sociallinks {display: inline-block; margin: 0 auto 20px;}
.ft_social_section img.fleft {margin: 26px 0 10px; float: none!important;}
.brandlogo_right ul li {width: 50%; margin: 0 0 15px;}
.brandlogo_right ul li img{max-width: 100%}
.whychoose_left dl dd {padding: 0 10px 0 15px;}
.whychoose_right ul li {padding: 30px 0;}
}


@media screen and (max-width:500px) {
.mainmenu_left ul li {width: 50%;}
.sitemenudiv ul li {margin: 0 0 10px 0; font-size: 14px;}
.sitemenudiv .menutitle {font-size: 25px;}
.sitemenudiv ul {margin: 10px 0 0 0;}   
}

@media screen and (max-width:480px) {
    	.form-group.width50{width:100%}
	textarea{min-height: 100px !important}
	.btnbox{padding-top: 0}
	.form-group{margin-bottom: 10px}
	.sidebtn{font-size: 15px}
	.sidecta p{font-size: 16px;line-height: 24px}
	.sidecta{padding: 30px 25px;height: 415px;}
	.pgright .whychoose_left dl dd{padding-left: 15px;font-size: 16px;width:calc(100% - 60px)}
	.pgright .whychoose_left dl dt img{max-width:45px;}
	.whychoose_left dl dd span{font-size: 20px;}
	.pgright .whychoose_left dl dt{width: 60px}
	.pgright .whychoose_left dl{padding: 20px 0}    
    .locationbox span{font-size: 17px}
	.locationbox a{font-size: 16px;}
	.locationbox p{font-size: 14px;line-height: 18px;}
	.locationbox img{max-width: 45px}    
    .ft_quicklinks ul li {width: 50%;}   
.ft_social_section ul li a {padding: 10px;}
ul.sociallinks {width: 254px;}    
ul.serviclist_ul li p {font-size: 18px;}
ul.serviclist_ul li a {padding: 10px 0;}
a.logo {max-width: 230px;}   
	
p.home_text span{display: block;}
.featurediv dl dt{font-size: 38px;}
.featuresslider_container{margin: -86px 0 0 0;}
}

@media screen and (max-width:400px) {   
.whychoose_right ul li span { font-size: 40px;}
a.logo {max-width: 200px;}  
}

@media screen and (max-width:360px) {      
ul.serviclist_ul li span img {max-width: 40px;}
ul.serviclist_ul li span {width: 40px; height: 40px; margin: 0 5px 0 5px;}
ul.serviclist_ul li a {padding: 10px 0 5px;}
ul.serviclist_ul li p {font-size: 16px;}
a.logo {max-width: 180px;} 
.mainmenu_left ul li {width: 100%;}   
}