@media (max-width:1460px) {
    h1 {font-size: 56px;}
    h2,.hmAbtsec h1 {font-size: 44px;}    
    .hdrMenu ul>li {margin-right: 50px;}

    .banner .bnrBtns {bottom: 180px;}
    .banner .rev-btn{padding: 20px 30px !important;}
    .bnrTrust ul li {margin: 0 45px 0 0;}    
    .ourService p,.ourService.hmNewSrv p {font-size: 22px;}
    .hmtestimonials p {font-size: 26px;line-height: 42px;}
    .callLft {width: 42%;}
    .callRgt {width: 53%;}
    .ftrCallus p {font-size: 25px;}
    .ftrCallus p span {font-size: 28px;}
    .callBox p {font-size: 22px;}
    .callboxLft {width: 72%;}
    .ftrCntDetail ul li {padding: 35px 10px 35px 65px;font-size: 17px;}
    .ftrCntDetail ul li::before {width: 32px;height: 32px;background-size: 32px;left: 20px;}
    .navcontact {width: 40%;}
    .ftrContactdetails {margin: 0 0 0 80px;}
    .copyTxtSocial {width: 35%;}
    
    .contForm {padding: 20px;}

    .hmGetsec ul li {width: 30%;margin: 30px 5% 0 0;}
    .hmGetsec.hmTstmnl ul li h6 {font-size: 22px;}
}
@media (max-width:1200px) {
    h1 {font-size: 52px;}
    h2,.hmAbtsec h1 {font-size: 40px;}
    h3,.hmAbtsec.hmnewAbout h1{font-size: 32px;}
    h4 {font-size: 26px;}
    .secLeft {width: 49%;margin: 0 2% 0 0;}
    .sectionPdng {padding: 80px 0;}

    .hdrMenu .sub-menu li a {font-size: 16px;}
    .hdrMenu ul > li {margin-right: 25px;}
    .hdrMenu ul li > a {font-size: 16px;}
    .hdrPhone a {font-size: 20px;}
    .hdrMenu ul li > a::before {bottom: -1px;border-width: 12px;}
    .logo {margin: 17px 0 -40px;}

    .banner .bnrBtns {bottom: 160px;}
    .banner .rev-btn {padding: 16px 18px !important;}
    .bnrTrust ul li {margin: 0 30px 0 0;}    
    .banner .btnDesign{font-size: 16px;}
    .ourService p {font-size: 28px;}
    .ourService.hmNewSrv p{font-size: 20px;}
    .ourService.hmNewSrv p br{display: none;}
    .ourService.hmNewSrv ul li h6{font-size: 20px;line-height: 24px;}
    .hmlocationInfo p {font-size: 22px;line-height: 34px;}
    .hmtestimonials p {font-size: 24px;line-height: 38px;}
    .callboxLft {width: 68%;}
    .callBox p {font-size: 20px;}    
    .ftrCallus p {font-size: 22px;line-height: 40px;}
    .ftrCallus p span {font-size: 24px;}
    .callBox .btnDesign {font-size: 22px;}
    .ftrCntDetail ul li {font-size: 16px;line-height: 30px;padding: 30px 10px 30px 50px;}
    .ftrCntDetail ul li a {font-size: 26px;}
    .ftrCntDetail ul li::before {width: 28px;height: 28px;background-size: 28px;left: 15px;}
    .navcontact {width: 42%;}
    .ftrContactdetails {margin: 0 0 0 40px;}
    .ftrLogo .ftrlogoInfo {top: -102px;}
    .ftrLogo img{max-width: 220px;}
    
    .contForm ul li.halfWidth, .contForm .formLine .halfWidth {width: 49.2%;}
    .aboutPg .testimonialInfo .secLeft{margin: 0 0 0 2%;}
    .servicePage .ourService p,.LocationPage .ourService p {font-size: 22px;}
    .search .searchPage{padding-bottom: 80px;}
    .search .searchPage .archive-header {margin-bottom: 80px;}

    .srvdtlList {padding: 0 0 0 25px;}
    .srvdtlsubcat ul li:nth-child(2n) .srvdtlList {padding: 0 25px 0 0;}

    .hmGetsec ul li {width: 32%;margin: 30px 2% 0 0;}
    .hmchoosesec ul li h6{font-size: 22px;}
    .hmTstmnl p {font-size: 20px;}
    .hmGetsec.hmTstmnl ul li h6 {line-height: 34px;font-size: 20px;}
}
@media (max-width:1024px) {
    h1 {font-size: 48px;line-height: normal;}
    h2,.hmAbtsec h1 {font-size: 38px;}
    h3,.hmAbtsec.hmnewAbout h1 {font-size: 30px;}
    h6{font-size: 20px;}
    .btnDesign {padding: 10px 30px;font-size: 16px;}

    .hdrDetails {position: relative;}
    .menuToggle{display: flex;align-items: center;margin: 0 20px 0 0; cursor: pointer; background-color: #03254c;font-size: 16px; font-weight: 600; line-height: normal; padding: 11px 15px; }
    .menuToggle h4{font-size: 18px;margin: 0 0 0 8px;color: #fff;display: block;font-weight: 700;}
	.menu-header-menu-container { display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #03254c; padding: 10px; z-index: 999;box-shadow: 0 0 5px rgb(255, 96, 0.3);}
	.menu-header-menu-container:before{ content: ' '; height: 0;width: 0; position: absolute; top: -18px; right: 80px; border: solid transparent; border-bottom-color: #03254c; border-width: 9px; }        
	.hdrMenu ul{ overflow-y: auto; max-height: 315px;display: block; }
	.hdrMenu ul > li{ width: 100%; text-align: left; margin: 0; border-top: 1px solid rgba(255,255,255,0.4); }
	.hdrMenu ul > li:first-child{ border-top: none; }
	.hdrMenu ul li > a{ display: block; border: none; margin: 0; padding: 8px 10px;transform: none;color: #fff; }	
    .hdrMenu ul li.current_page_item > a, .hdrMenu ul li.current-menu-item > a, .hdrMenu ul li.current-menu-ancestor > a, .hdrMenu ul li.current_page_ancestor > a, .hdrMenu ul li:hover a {color: #ff6000;}
    .hdrMenu .current-menu-item i.fa, .hdrMenu .current-menu-ancestor i.fa {color: #fff ;}    
    .hdrMenu li.menu-item-has-children .icon{display: none;}    
    .hdrinfo.fixed .hdrMenu ul li > a {padding: 8px 10px;}
    .hdrMenu ul li.current_page_item > a::before, .hdrMenu ul li.current-menu-item > a::before, .hdrMenu ul li.current-menu-ancestor > a::before, .hdrMenu ul li.current_page_ancestor > a::before, .hdrMenu ul li:hover > a::before {display: none;}
	
	.hdrMenu li i.fa { display: block; position: absolute; top: 15px; right: 10px; font-size: 14px; color: #fff; cursor: pointer; z-index: 999;  }
	.hdrMenu li:hover i.fa { color: #ff6000 ; }
	.hdrMenu ul li ul.sub-menu li a{ color: #fff !important;border: none; padding: 8px 8px 8px 20px !important; }	
	.hdrMenu .current-menu-item i.fa{ color: #fff ; }		
	.fa-plus.fa-minus::before { content: "\f068"; }
	.hdrMenu li:hover ul.sub-menu { display: none; }
	.hdrMenu li ul.sub-menu{ display: none; position:static;margin-top: 0; padding:0; border:0 none;border-radius: 0; box-shadow:none; -webkit-box-shadow:none;background-color: transparent !important; overflow-y: hidden;max-height: inherit;}
    .hdrMenu ul > li:nth-child(3) ul.sub-menu {overflow-y: hidden;max-height: inherit;}

    .hdrPhone span{display: none;}

    .banner .rev-btn {padding: 14px 10px !important;font-size: 16px !important;}
    .bnrTrust ul li {margin: 0 20px 0 0;}
    .btnHelp{left: 160px !important;}
    .secLeft {width: 100%;margin: 0 0 20px;}
    .secRight {width: 100%;}
    .hmAboutInfo {text-align: center;}
    .sectionPdng,.innerHdr,.search .archive-header {padding: 60px 0;}
    .btmBorder {margin: 0 auto;}
    .hmAbtsec h4 {margin: 0 0 25px;}
    .hmAbtsec h2 {margin: 5px 0 20px 0;}
    .hmnewAbout .btmBorder {margin: 0 auto 30px auto;}
    .btmBorder {max-width: 120px;}
    .ourService.hmNewSrv ul li h6 br{display: none;}
    .ourService p {font-size: 24px;line-height: 32px;}
    .ourService ul li {width: 49%;margin: 50px 2% 0 0;}
    .ourService .btnDesign {margin: 40px 0 0 0;}
    .ourService.hmNewSrv p {line-height: 28px;margin: 0 0 30px 0;}
    .srvImage{width: 100%;}
    .ectionTitleinfo h6 {margin: 0 0 0 15px;}
    .srvRoofing .ectionTitleinfo h6 {margin: 0 15px 0 0;}
    .ourService.hmNewSrv ul li {width: 32%;margin: 20px 2% 0 0;}
    .ourService.hmNewSrv ul li:nth-child(3n){margin-right: 0;}    
    .hmlocationInfo ul.hmlistLoc {margin: 30px 0 15px 0;}    
    .hmlocationInfo .btmBorder {margin: 0;}
    .hmlocationInfo {margin: 120px 0 -60px 20px;}
    .testimonialInfo {text-align: center;}
    .hmtestimonials p {font-size: 20px;line-height: 32px;margin: 20px 0 10px 0;}
    .hmtestimonials .secRight img{max-width: 120px;}

    .callLft ,.callboxLft{width: 100%;margin: 0 0 20px 0;}
    .callRgt {width: 100%;}
    .callBoxinfo {justify-content: center !important;}    
    .ftrCallus, .callBox {justify-content: center;text-align: center;}
    .ftrCntDetail ul li {width: 40%;margin: 0 2% 20px 0;}
    .ftrCntDetail ul li:nth-child(2) {width: 58%;margin-right: 0;}
    .ftrCntDetail {padding:60px 0 30px 0;}
    .ftrNav ul li a,.ftrnavcopytxt p {font-size: 16px;}
    .ftrContactdetails {margin: 0 0 0 15px;}
    .navcontact {justify-content: space-between;width: 100%;margin: 0 0 15px;}
    .copyTxtSocial{width: 100%;} 
    
    .contForm ul li.halfWidth, .contForm .formLine .halfWidth {width: 49.1%;}       

    .aboutPg .testimonialInfo .secLeft {margin: 0 0 20px;order: 1;}
    .aboutPg .testimonialInfo .secRight{order: 2;}
    .servicePage .ourService p,.LocationPage .ourService p {font-size: 20px;}
    .LocationPage .hmAbtsec .btmBorder {margin: 20px auto;}

    .search .searchPage{padding-bottom: 60px;}
    .search .searchPage .archive-header {margin-bottom: 60px;}
    .servicedtlPage .srvdtlFirst .btmBorder{margin: 15px auto;}
    .srvdtlSlide .secLeft,.srvdtlFirst .listInfo {text-align: left;}
    .srvdtlImg {width: 100%;}
    .srvdtlList{width: 100%;padding: 0;margin: 20px 0 0 0;}
    .srvdtlList h3{margin: 0 0 15px;}
    .srvdtlsubcat ul li:nth-child(2n) .srvdtlImg {order: 1;}
    .srvdtlsubcat ul li:nth-child(2n) .srvdtlList {padding: 0;}
    .srvdtlList .listInfo{text-align: left;}
    .srvdtlsubcat li {padding: 0 0 20px;margin: 0 0 20px;}

    .hmGetsec ul li,.hmchoosesec ul li {width: 49%;margin: 30px 2% 0 0;}
    .hmGetsec ul li:nth-child(2n),.hmchoosesec ul li:nth-child(2n){margin-right: 0;}
}
@media (max-width:767px) {
    h1 {font-size: 44px;}
    h2,.hmAbtsec h1 {font-size: 36px;}
    h3,.hmAbtsec.hmnewAbout h1 {font-size: 28px;}
    h6 {font-size: 16px;}

    .bnrTrust ul{gap: 20px;}    
    .bnrTrust ul li {margin: 0;}
    .ectionTitleinfo h6 {font-size: 20px;}
    .bnrTrust ul li:first-child img{width: 100px;}
    .bnrTrust ul li:nth-child(2) img{width: 60px;}
    .bnrTrust ul li:nth-child(3) img{width: 120px;}
    .bnrTrust ul li:nth-child(4) img{width: 80px;}
    .bnrTrust ul li:last-child img{width:50px;}
    .hmlocationInfo {max-width: 100%;padding: 20px;margin: 80px 0 -60px 20px;}
    .hmlocationInfo ul.hmlistLoc li a {font-size: 16px;}
    .hmlocationInfo p {font-size: 20px;line-height: 32px;}
    .ftrCntDetail ul li a {font-size: 22px;}
    .contForm {padding: 20px;}
    
    .srvLocation ul {column-count: 2;}
    .srvLocation ul li a {font-size: 18px;line-height: 36px;}

    .locationDtllPage h6 {font-size: 18px;}

    .hmGetsec ul li h6,.hmchoosesec ul li h6{font-size: 18px;}
    .popup_contain {max-width: 90%;}
}
@media (max-width:640px) {
    h1 {font-size: 40px;}
    h2,.hmAbtsec h1 {font-size: 32px;}
    h4 {font-size: 24px;}

    .hdrInfo.fixed .logo img { width: 140px; }
    .banner .rev-btn {padding: 10px 10px !important;font-size: 15px !important;}    
    .btnDesign.bnrCall,.btnDesign.bnrSchdl,.hmlocationInfo .btnDesign {padding: 9px 20px;font-size: 14px;}
    .bnrTrust {padding: 15px 0;}
    .bnrTrust ul {gap: 15px;}
    .bnrTrust ul li:first-child img {width: 90px;}
    .bnrTrust ul li:nth-child(3) img {width: 100px;}
    .banner .bnrBtns {bottom: 145px;}
    .bannerDetails {bottom: 25px;}
    .btnHelp {left: 140px !important;}
    .ourService ul li {width: 100%;margin: 40px 0 0 0;}
    .ourService.hmNewSrv ul li {width:48%;margin: 15px 3% 0 0;}
    .ourService.hmNewSrv ul li:nth-child(3n){margin-right: 3%;}
    .ourService.hmNewSrv ul li:nth-child(2n){margin-right: 0;}
    .ourService.hmNewSrv p {font-size: 18px;}    
    .hmlocationInfo p {font-size: 18px;line-height: 30px;}
    .hmlocationInfo ul.hmlistLoc {column-count: 2;margin: 30px 0;}
    .hmlocationInfo::before {width: 200px;}
    .hmlocationInfo::after {height: 200px;}
    .hmtestimonials p {font-size: 18px;line-height: 28px;}
    .hmtestimonials .secRight img{max-width: 90px;}
    .hmtestimonials span {font-size: 16px;line-height: normal;}

    .ftrCallus p span {font-size: 22px;}
    .ftrCallus p {font-size: 20px;line-height: 30px;}
    .callBox h3 br{display: none;}
    .callBox {padding: 20px 10px;margin: 40px 0 0 0;}
    .callBox .btnDesign {font-size: 16px;}
    .ftrCntDetail ul li,.ftrCntDetail ul li:nth-child(2) {width: 100%;margin: 0 0 10px 0;}
    .ftrLogo img {max-width: 200px;}
    .ftrLogo .ftrlogoInfo {top: -90px;}
    .socialIcons a {margin: 0 10px 0 0;}

    .contForm ul li.halfWidth, .contForm .formLine .halfWidth {width: 100%;margin: 0 0 15px 0;}
    .contForm .formLine .halfWidth {margin-bottom: 0;}
    .contForm .wpcf7-list-item {width: 100%;margin: 0;}
    .servicePage .ourService p,.LocationPage .ourService p {font-size: 18px;}
    .servicePage .ourService ul li {margin: 15px 0 0 0;}
    .sliderTxt h6 {font-size: 14px;}

    .hmGetsec ul li,.hmchoosesec ul li {width: 100%;margin: 30px 0 0 0;}
    .hmTstmnl ul {text-align: center;}
    .tstmnlDtls{justify-content: center;}
    .hmGetsec.hmTstmnl ul li h6 {line-height: 30px;font-size: 18px;margin: 20px 0 10px 0;height: auto !important;}
}
@media (max-width:480px) {
    h1 {font-size: 36px;}
    h2,.hmAbtsec h1 {font-size: 30px;}
    h3,.hmAbtsec.hmnewAbout h1{font-size: 24px;}
    .logo{max-width: 160px;}
    .menuToggle h4{display: none;}
    .menuToggle {margin: 0 10px 0 0;padding: 8px 10px;}
    .btnDesign {padding: 10px 15px;}
    .menu-header-menu-container::before {right: 56px;}

    .banner .tp-bullets{transform: matrix(1, 0, 0, 1, -20, -140) !important}
    .bnrTrust ul {gap: 10px;}
    .banner .bnrBtns {bottom: 158px;}
    .btnDesign.bnrCall, .btnDesign.bnrSchdl,.hmlocationInfo .btnDesign {padding: 8px 15px;font-size: 12px;}
    .btnDesign.bnrCall {margin: 0 10px 0 0;}
    .banner .rev-btn {font-size: 14px !important;}
    .ourService.hmNewSrv ul li {width: 100%;margin: 15px 0 0 0;}
    .ourService.hmNewSrv ul li:nth-child(3n) {margin-right: 0;}    
    .ectionTitleinfo h6 {font-size: 16px;margin: 0 0 0 10px;}
    .srvRoofing .ectionTitleinfo h6 {margin: 0 10px 0 0;}
    .srvRoofing .ectiontitleList {padding: 0 0 0 10px;}
    .ectiontitleList {padding: 0 10px 0 0;}
    .ectionTitleinfo img {width: 25px;}
    .btnHelp {left: 130px !important;}
    .hmlocationInfo p {font-size: 18px;margin: 20px 0;}
     
    .ftrCallus p span,.ftrCallus p ,.callBox p{font-size: 18px;line-height: 28px;}
    .ftrCntDetail ul li::before {width: 24px;height: 24px;background-size: 24px;}
    .ftrLogo img {max-width: 160px;}
    .ftrLogo .ftrlogoInfo {top: -65px;}
    .ftrContactdetails {max-width: 100%;margin: 15px 0 0 0;}

    .srvLocation ul {column-count: 1;}
    .hmlocationInfo ul.hmlistLoc {column-count: 1;}
    .hmlocationInfo ul.hmlistLoc li {margin: 0 0 15px 0;}
    .hmlocationInfo p br{display: none;}
    .hmlocationInfo .bnrSchdl.btnDesign {margin: 5px 0 0 0;}
}