@media (min-width: 1920px){
	.intro .text_wrap {
	     padding: 157px 275px 160px 315px;
	}
}

@media (min-width: 1400px){
	#home_banner.inner .text_content {
		width: 1200px;
	}
}

@media (max-width: 1599px){
	.boiler_fitting.contact_page .text_wrap {
		margin-right: 115px;
	}
}

@media (max-width: 1399px){
	.container{
		padding: 0 20px;
	}
	.intro.professional .container {
		padding: 0px 40px;
	}
	.intro.professional.emergency .container {
		padding: 0px;
	}
	.intro .text_wrap {
		padding: 16% 20%;
	}
	h1 {
		font-size: 67px;
	}
	.boiler_fitting.contact_page .text_wrap p {
		font-size: 19px;
	}
	.boiler_fitting.contact_page .contact_menu li {
		font-size: 19px;
	}
	.boiler_fitting .text_wrap {
		margin: 100px 110px;
	}
	.boiler_fitting.contact_page .text_wrap {
		margin-right: 85px;
	}
}

@media (max-width: 1199px){	
	.container {
	  padding: 0 15px;
	}
	header .container {
	  padding: 35px 15px 40px;
	}
	#home_banner {
	  padding: 300px 0 120px;
	}
	h1 {
	  font-size: 68px;
	}
	#home_banner .text_content p {
	  font-size: 19px;
	  line-height: 32px;
	}
	.intro .text_wrap {
	  padding: 20% 15%;
	}
	.owl-nav.disabled, .owl-nav {
	  right: 15px;
	}
	.service {
	  padding: 100px 0px;
	}
	.intro.professional .container {
	  padding: 0 15px;
	}
	.intro.professional .text_wrap.one{
		padding-left: 55px;
	}
	/*.intro.professional.emergency {
	  padding: 100px 0px;
	}*/
	.intro.professional .text_wrap.one {
		margin-right: 70px;
	}
	.intro.professional .text_wrap.two {
		margin-left: 90px;
		max-width: 356px;
	}
	.intro.professional .text_wrap {
		padding: 45px 0;
	}
	.intro.professional.emergency .container {
	  padding: 0px 15px;
	}
	.partner {
	  padding: 100px 0px;
	}
	.testimonial .container {
	  padding-left: 55px;
	}
	.testimonial .box {
		padding: 50px 40px;
	}
	.boiler_fitting .text_wrap {
		margin: 130px 80px;
	}
	.boiler_fitting .text_wrap {
		margin: 80px 60px;
	}
	.boiler_fitting .text_wrap {
		max-width: 395px;
	}
	.boiler_fitting.contact_page .text_wrap {
		margin-right: 55px;
	}
	.contact_form {
		padding: 80px 0px;
	}	
	.pop_form_modal {
	    max-width: 800px;
	}
}

@media (max-width: 1024px){	
	header nav .menu li {
		margin: 0 27px 0 0px;
	}
	header .container {
		padding: 15px 15px 20px;
	}
	header .logo a {
		max-width: 85px;
	}
	h1 {
		font-size: 62px;
		line-height: 82px;
	}
	h1::before {
		width: 45px;
		height: 6px;
		top: 42px;
		left: -100px;
	}
	#home_banner .text_content p {
		font-size: 17px;
		line-height: 28px;
	}
	.btn {
		padding: 15px 25px;
		font-size: 14px;
		min-width: 150px;
	}
	.service,
	.intro.professional,
	.intro.professional.emergency,
	.partner,
	.testimonial,
	footer {
		padding: 80px 0px;
	}
	h4 {
		font-size: 17px;
	}
	.intro.professional.emergency .text_wrap.two {
		padding-top: 40px;
	}
	.testimonial .box {
		padding: 40px 30px;
	}
	.map {
		height: 350px;
	}
	.intro .text_wrap {
		padding: 15%;
	}
	.intro.professional .text_wrap {
		padding: 35px 0;
	}
	#home_banner.inner {
		margin-top: 127px;
	}
	#home_banner.inner {
		padding: 78px 0px;
	}

	.contact_form {
		padding: 60px 0px;
	}
	.boiler_fitting.contact_page .contact_menu li a .contact_add br{
		display: none;
	}
	.boiler_fitting.contact_page .contact_menu {
		max-width: 100%;
	}
	/*.contact_menu li {
		flex-wrap: wrap;
	}
	.contact_menu li a {
		flex: 0 0 100%;
	}*/
	.boiler_fitting.contact_page .social_menu {
		max-width: 100%;
	}
	.boiler_fitting.contact_page .text_wrap p {
		font-size: 17px;
		line-height: 26px;
	}
	.boiler_fitting.contact_page .text_wrap {
		margin-right: 35px;
		    max-width: 415px;
	}
	.boiler_fitting.contact_page .contact_menu li {
		font-size: 18px;
	}
	.boiler_fitting.contact_page .contact_menu li > span {
		min-width: 135px;
	}
	h2 {
		font-size: 28px;
	}
	.boiler_fitting .inner_slider_wrap {
		margin-left: 55px;
	}
	.pop_form_modal {
		/*max-width: 96%;*/
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 55px 30px;
	}
	.form-group .form-control {
	    height: 50px;
	    font-size: 15px;
	}
	.form-group textarea.form-control {
	    max-height: 160px;
	    min-height: 160px;
	}
}

@media (max-width: 991px){
	nav {
		position: fixed;
		top: 0;
		right: -350px;
		max-width: 350px;
		width: 100%;
		height: 100%;
		z-index: 999;
		background-color: #1d1d1d;
		transition: all 0.3s;
	}
	nav.active{
		right: 0;
	}
	header.sticky nav {
		background-color: #e6dbbd;
	}
	header nav .menu {
		display: block;
		width: 100%;
		padding: 100px 20px 0px 30px;
	}
	header nav .menu li {
		margin: 0;
		padding-left: 30px;
	}
	header nav .menu li a {
		padding: 5px 0px;
		font-size: 15px;
	}
	header nav .menu li a.active::before {
		left: -30px;
		top: 50%;
		transform: translateY(-50%);
		bottom: auto;
	}
	header nav ul li.sub_menu ul {
		padding: 10px 10px;
		min-width: inherit;
		visibility: visible;
		opacity: 1;
		display: block;
		position: static;
		width: 100%;
		background-color: transparent;
	}
	header nav ul li.sub_menu ul{
		display: none;
	}
	header nav .menu li.sub_menu ul li {
		padding: 0;
	}
	header nav .menu li.sub_menu ul li a {
		color: #fff;
	}
	header nav .menu li.sub_menu {
		position: relative;
	}
	header nav .menu li.sub_menu::after {
		position: absolute;
		top: 18px;
		right: 0px;
	}
	header nav ul li.sub_menu ul::before {
		display: none;
	}
	header nav .menu li.sub_menu ul li a:hover::before {
    	background-image: url(../images/icons/white-right-arrow.png);
	}
	header nav .menu li.sub_menu ul li a:hover::before {
    }
	.toggle {
		display: block;
		margin-left: auto;
	}
	header.sticky .mobile_call {
		color: #1d1d1d;
	}
	header.sticky .mobile_call a{
		color: #1d1d1d;
	}
	header.sticky .bar1, 
	header.sticky .bar2,
	header.sticky .bar3 {
		background-color: #1d1d1d;
	}
	header.sticky .toggle span {
		color: #1d1d1d;
	}
	header.sticky nav .menu li.sub_menu ul li a {
		color: #1d1d1d;
	}
	header.sticky nav .menu li.sub_menu ul li a::before{
		background-image: url(../images/icons/black-right-arrow.png);
	}
	header.sticky nav .menu li.sub_menu ul li a:hover::before{
		background-image: url(../images/icons/white-right-arrow.png);
	}
	body.active{
		overflow-y: hidden;
	}
	h1 {
		font-size: 56px;
		line-height: 66px;
	}
	#home_banner .text_content p {
		font-size: 16px;
	}
	header .container {
		padding: 10px 20px 15px;
	}
	#home_banner {
		padding: 200px 0 70px;
	}
	#home_banner .text_content {
		padding-left: 90px;
	}
	h1::before {
		width: 45px;
		height: 5px;
		top: 35px;
		left: -90px;
	}
	.intro .text_wrap {
		padding: 10% 15%;
	}
	.service, .intro.professional, .intro.professional.emergency, .partner, .testimonial, footer {
		padding: 60px 0px;
	}
	.intro.professional .custom_bor::before {
		bottom: 0;
		width: 100%;
		height: 1px;
		top: auto;
	}
	.intro.professional.emergency img{
		width: 100%;
	}
	.partner ul li img {
		max-width: 85%;
	}
	.testimonial .box {
		width: 100%;
		max-width: 100%;
	}
	.map {
		height: 300px;
	}
	footer .menu_wrap .menu_links .menu {
		margin-right: 34px;
	}
	footer .contact_us .contact_menu li.call {
		margin-right: 0px;
	}
	footer .contact_us .contact_menu li {
		 float: none; 
	}
	footer .contact_us {
		padding-left: 40px;
	}
	footer .contact_us .contact_menu li span {
		flex: 0 0 auto;
	}
	footer .contact_us .contact_menu li::before {
		flex: 0 0 auto;
	}
	footer .contact_us .contact_menu li {
		flex-wrap: wrap;
	}
	footer .contact_us .contact_menu li a {
		display: block;
		flex: 0 0 100%;
	}
	.bottom_footer .copy ul {
		margin-bottom: 10px;
	}
	.intro.professional .text_wrap.one {
		margin-right: 105px;
	}
	.intro.professional .text_wrap,
	.intro.professional .text_wrap.two {
		max-width: 100%;
		margin-left: 40px;
	}
	.intro.professional .text_wrap.one {
		margin-right: 0px;
		padding-left: 0px;
		padding-top: 0px;
	}
	.intro.professional .text_wrap.two{
		padding-bottom: 0;
	}
	header nav ul li.sub_menu ul {
		padding: 10px 0px;
	}
	header nav .menu li.sub_menu ul li a::before {
		margin-left: 0px;
	}
	#home_banner.inner {
		margin-top: 117px;
	}
	.boiler_fitting .inner_slider_wrap {
		max-width: 100%;
		margin: 60px 15px;
	}
	.boiler_fitting .inner_slider_wrap .service_slider > div {
		flex: 0 0 50%;
		max-width: 50%;
	}
	h2 {
		font-size: 28px;
	}
	.boiler_fitting.contact_page .text_wrap {
		margin: 60px 70px;
		margin-right: 55px;
		max-width: 100%;
	}
	.boiler_fitting.contact_page .map_wrap.map {
		height: 450px;
	}
	.boiler_fitting.contact_page .contact_menu li {
		width: 100%;
	}
	.boiler_fitting .text_wrap {
		max-width: 100%;
	}
	.pop_form_modal {
		width: 95%;
		padding: 45px 35px;
	}
	.pop_form_modal .form-group .form-control {
		height: 50px;
		padding-left: 20px;
		font-size: 14px;
	}
	.pop_form_modal .form-group textarea.form-control {
		max-height: 150px;
		min-height: 150px;
	}

	header nav ul li.sub_menu:hover ul{
		display: none;
	}
	header nav ul li.sub_menu ul{
		display: none;
	}
	header nav ul li.sub_menu.active ul{
		display: block;
		visibility: visible;
		opacity: 1;
	}
	header nav .menu li.sub_menu:hover::after{		
		transform: rotate(0deg) translateY(-3px);
	}
	header nav .menu li.sub_menu.active::after {
		transform: rotate(180deg) translateY(3px);
	}	
	.partner ul li {
		text-align: center;
	}	
	.menu_overlay {
	    background-color: rgba(0, 0, 0, 0.3);
	}
}

@media (max-width: 767px){
    .partner ul li.gas_safe {
    width: 48%;
    order: 2;
}

.partner ul {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.partner ul li.cust-ancr {
    width: 100%;
    order: 1;
}

.cust-ancr > a #VerifySealFront {
    margin: 0 auto 22px;
}
	#home_banner .text_content {
		padding-left: 70px;
	}	
	h1::before {
		width: 40px;
		height: 5px;
		top: 25px;
		left: -65px;
	}
	h1 {
		font-size: 43px;
		line-height: 56px;
	}
	#home_banner .text_content p {
		line-height: 24px;
	}
	.intro.professional .text_wrap, .intro.professional .text_wrap.two {
		margin-left: 45px;
	}
	.partner ul li {
		padding-left: 0px !important;
		text-align: center;
	}
	footer .menu_wrap {
		margin-bottom: 50px;
		overflow: hidden;
	}
	footer .contact_us .contact_menu li a {
		flex: 0 0 auto;
	}
	.boiler_fitting .inner_slider_wrap {
		margin: 50px 15px;
	}
	.boiler_fitting .text_wrap{
	    margin: 50px;
	}
	h2 {
		font-size: 26px;
	}
	.boiler_fitting .inner_slider_wrap h3 {
		margin-bottom: 30px;
	}
	.boiler_fitting.contact_page .map_wrap.map {
		height: 350px;
	}
	.boiler_fitting.contact_page .text_wrap {
		margin: 60px 60px;
	}
	.form-group .form-control {
		height: 60px;
		padding-left: 30px;
		font-size: 16px;
	}
	.pop_form_modal {
	    top: 30px;
	    transform: translate(0,0);
	}
}

@media (max-width: 575px){
	.bottom_footer .copy ul {
		flex-direction: column-reverse;
		width: 100%;
		align-items: center;
	}
	.bottom_footer .copy {
		width: 100%;
	}
	.bottom_footer .copy ul li {
		flex: 0 0 40%;
		max-width: 100%;
		margin-bottom: 6px;
	}
	.bottom_footer .copy ul li span {
		 display: none; 
	}
	.bottom_footer .copy ul li:last-child span {
		display: inline-block;
	}
	h1 {
		font-size: 40px;
		line-height: 50px;
	}
	.owl-nav {
		position: static;
		left: auto;
		right: auto;
		text-align: center;
		justify-content: center;
	}
	.testimonial .owl-dots {
		margin-top: 20px;
	}
	.btn {
		padding: 12px 11px;
	}
	h1::before {
		width: 30px;
		height: 4px;
		top: 25px;
		left: -45px;
	}
	#home_banner .text_content {
		padding-left: 0px;
	}
	.intro .text_wrap {
		padding: 50px 20px;
	}
	#home_banner.inner {
		padding: 65px 0px;
	}
	h2 {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.boiler_fitting .text_wrap {
		margin-right: 15px;
	}
	h1::before, 
	h4::before, 
	h3::before, 
	h2::before {
		display: none
	}
	.boiler_fitting .text_wrap {
		margin: 40px 20px 40px 20px;
	}
	.intro.professional .text_wrap, .intro.professional .text_wrap.two{
		margin-left: 0px;
	}
	.boiler_fitting .text_wrap {
		margin: 40px 15px 40px 20px;
	}
	.container,
	.intro.professional .container,
	.testimonial .container{
		padding: 0 20px;
	}
	footer .menu_wrap,
	footer .contact_us{
		padding: 0;
	}
	.boiler_fitting .inner_slider_wrap .service_slider > div,
	.intro.professional.emergency .container {
		padding: 0 15px;
	}
	.boiler_fitting .inner_slider_wrap h3 {
		margin-left: 0px;
	}
	.service .text_wrap {
		padding-left: 0px;
	}
	.boiler_fitting.contact_page .text_wrap {
		margin: 40px 20px;
	}
	.boiler_fitting.contact_page .map_wrap.map {
		height: 300px;
	}
	.form-group textarea.form-control {
		max-height: 150px;
		min-height: 150px;
	}
	.contact_form h3::before {
		display: block;
	}
	.contact_form {
		padding: 50px 0px;
	}
	.form-group {
		margin-bottom: 15px;
	}
	#testimonial_slider {
		margin-top: 30px;
	}
	.boiler_fitting.contact_page .contact_menu li {
		margin: 0 0 10px;
	}
	.boiler_fitting.contact_page .contact_menu li::before {
		transform: translateY(3px);
	}
	.pop_form_modal h3 {
		font-size: 16px;
	}
	.pop_form_modal {
		padding: 25px 35px;
	}

	.pop_form_modal {
	    right: 0;
	    left: 0;
	    margin: 0;
	    top: 8%;
	    bottom: 50px;
	    bottom: auto;
	    transform: translate(0,0);
	    padding: 30px 15px;
	    margin: 0 auto;
	    max-width: 95%;
	}
	.pop_form_modal .inner_wrap {
		/*margin-bottom: 40px;*/
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100%;
	}
	.pop_form_modal::before {
		display: none;
	}
	.send-us-message {
		font-size: 0;
		width: 50px;
		height: 50px;
		right: 0;
		top: auto;
		bottom: 20px;
	}
	#home_banner.thank-you p {
		font-size: 16px;
	}
	.send-us-message {
		letter-spacing: 0;
	}
	.send-us-message span {
	    transform: rotate(180deg) translate(0px,0px);
	    margin: 0;
	}
	#service_slider .owl-nav {
		margin-top: 30px;
	}
	.pop_form_modal {
		width: 90%;
		padding: 45px 35px;
	}
}

@media (max-width: 480px){
	h1::before,
	.testimonial .img > img {
		display: none;
	}
	#home_banner .text_content {
		padding-left: 0px;
	}
	h1 {
		font-size: 36px;
		line-height: 46px;
	}
	.mobile_call {
		font-size: 14px;
	}
	#home_banner {
		padding: 160px 0 60px;
	}
	/*#home_banner .text_content p {
		margin-bottom: 0px;
	}*/
	.intro .text_wrap {
		padding: 50px 20px 50px 20px;
	}
	p {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.service p {
		margin-bottom: 30px;
	}
	.service, .intro.professional, .intro.professional.emergency, .partner, .testimonial, footer {
		padding: 40px 0px;
	}
	.partner ul {
		display: block;
	}
	.partner ul li{
		margin: 0 auto 30px;
	}
	h3 {
		font-size:20px;
	}
	.testimonial .box {
		padding: 30px 20px;
	}
	.testimonial .box {
		margin-bottom: 30px;
	}
	header nav .menu {
		padding: 100px 15px 0px 15px;
	}
	header nav .menu li a {
		font-size: 14px;
	}
	.testimonial .box {
		display: block;
	}
	.testimonial .user_icon {
		margin-bottom: 20px;
	}
	footer .menu_wrap .menu_links .menu {
		margin-right: 0px;
		margin-bottom: 12px;
	}
	footer .menu_wrap .menu_links .menu:last-child {
		margin-bottom: 0px;
	}
	footer .menu_wrap {
		margin-bottom: 40px;
	}
	.boiler_fitting .inner_slider_wrap .service_slider > div {
		flex: 0 0 100%;
		max-width: 100%;
	}
	#home_banner.inner {
		padding: 45px 0px;
	}
	.boiler_fitting .inner_slider_wrap {
		margin: 40px 20px;
	}
	.boiler_fitting .text_wrap{
		margin: 40px 20px 40px 20px;
	}
	.boiler_fitting.contact_page .contact_menu li,
	.boiler_fitting.contact_page .contact_menu li a {
		display: block;
	}
	.boiler_fitting.contact_page .text_wrap p {
		font-size: 16px;
	}
	.boiler_fitting.contact_page .contact_menu li {
		font-size: 16px;
	}
	.contact_form h3 {
		margin-bottom: 30px;
	}
	.contact_form h3::before {
		display: none;
	}
	.form-group .form-control {
		height: 50px;
		padding-left: 20px;
		font-size: 15px;
	}
	.boiler_fitting.contact_page .contact_menu li a {
		padding-left: 45px;
	}
	#home_banner.inner {
		margin-top: 107px;
	}
	.boiler_fitting .text_wrap .list li {
		padding-left: 20px;
	}
	.btn-group {
		display: flex;
		flex-direction: column;
	}
	.btn-group > div {
		margin-bottom: 15px;
	}
	.btn-group > div:last-child{
		margin-bottom: 0;
	}
	.g-recaptcha {
	    transform: scale(0.8) translateX(-34px);
	}
	p{
		text-align: left;
	}
}
@media (max-height: 767px){

	/*.pop_form_modal {
	    right: 20px;
	    left: 0;
	    margin: 0;
	    top: 50px;
	    bottom: 50px;
	    transform: translate(0,0);
	    padding: 30px 15px;
	    right: 0;
	    margin: 0 auto;
		height: 100%;
	}*/
	.pop_form_modal {
	    right: 0px;
	    left: 0;
	    margin: 0;
	    top: 50px;
	    bottom: auto;
	    transform: translate(0,0);
	    padding: 30px 15px;
	    right: 0;
	    margin: 0 auto;
	    height: auto;
	}
	.pop_form_modal .inner_wrap {
		margin-bottom: 40px;
		/*overflow-y: scroll;*/
		/*overflow-x: hidden;*/
		height: 100%;
	}
	.pop_form_modal::before {
		display: none;
	}
}