
@media (min-width: 1366px) { 
	.container{
		max-width: 1280px;
	}
}

@media (min-width: 1200px) and (max-width: 1365.98px) { 
	html{
		font-size: 56%;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	html{
		font-size: 46.51%;
	}
	.partner_img img {
	    max-height: 7rem;
	    -o-object-fit: contain;
	       object-fit: contain;
	}
}

@media (max-width: 991.98px) {
	html{
		font-size: 62.5%;
	}
	.partner_img {
		max-width: 100%;
	}
	.about_right {
		padding-left: 0;
		margin-top: 5rem;
	}
	.about_right h2 {
		max-width: 100%;
	}
	.intervention_left {
		max-width: 100%;
		margin-bottom: 5rem;
	}
	.intervention_left .contact_wrap,
	.intervention_left .contact_wrap p {
		max-width: 50rem;
		text-align: left !important;
	}
	.partner_img {
	    -webkit-column-gap: 5.2rem;
	       -moz-column-gap: 5.2rem;
	            column-gap: 5.2rem;
	}
	.banner_sec {
	    background-position: right center;
	    position: relative;
	    z-index: 1;
	}
	.banner_sec h1 {
	    position: relative;
	    z-index: 1;
	}	
	.banner_sec h1::before {
		content: attr(data-text);
		-webkit-text-stroke: 0.6rem #fff;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.banner_sec p {
	    position: relative;
	    z-index: 1;
	}
	.banner_content img {
	    width: 40rem;
	}
	.circle_box {
	    right: 0rem;
	    bottom: 6.5rem;
	}
	.banner_sec p::before {
		content: attr(data-text);
		-webkit-text-stroke: 0.4rem #fff;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	br{
		display: none;
	}
	.contact_wrap.full_width p {
	    max-width: 21rem;
	}
	.intervention_img{
		padding-right: 0;
		margin-bottom: 3rem;
	}

	.hamburger-menu{
		display: block;
	}
	.menu{
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-color: #fff;
		overflow: auto;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		text-align: center;
		padding-right: 3rem;
		padding-left: 3rem;
		padding-top: 10rem;
		padding-bottom: 2rem;
	}
	.menu li{
		margin-top: 2.2rem;
	}
	.menu li a{
		font-size: 2rem;
		max-width: 21rem;
	}
	.menu.current{
		left: 0;
	}
	.custom_service_row,
	.custom_review_row {
	    margin-right: -2rem;
	    margin-left: -2rem;
	}
	.custom_service_row>div,
	.custom_review_row>div{
		padding-left: 2rem;
		padding-right: 2rem;
		margin-top: 4rem;
	}
	.service_range_sec  .custom_service_row>div{
		margin-top: 0;
		margin-bottom: 4rem;
	}
	.service_range_sec .section_title p{
		font-size: 2rem;
	}
	.range_text p {
	    font-size: 1.8rem;
	}
	.range_text h3{
		font-size: 2rem;
	}
	.commitment_box p {
	    font-size: 1.8rem;	    
	    max-width: 30rem;
	}
	.commitment_box h4{
		font-size: 2.4rem;
	}
	.review_box p{
		font-size: 1.8rem;
	}
	.review_box h5{
		font-size: 2rem;
	}
	.intervention_left p,
	.intervention_left .contact_wrap p:first-child,
	.intervention_left .contact_wrap p{
		font-size: 2rem;
	}
	.footer_copyright p, .footer_copyright p a{
		font-size: 1.7rem;
	}
	.home_box{
		max-width: 100%;
	}
	.home_box li{
		font-size: 2.1rem;
	}
	body{
		font-size: 2.1rem;
	}
	.banner_sec p{
		max-width: 100%;
	}
	.home_img{
		width: 100%;
		margin-top: 1rem;
		margin-bottom: 0rem;
	}
	.service_sec{
		margin-top: 0;
		padding-top: 7rem;
	}
	.service_row>div:nth-child(even){
		margin-top: 4rem;
	}
	.service_text p{
		font-size: 1.9rem;
	}
	.service_img img{
		margin-left: 0;
	}
	.plumber_area ul{
		font-size: 2.1rem;
	}
	.call_btn{
		text-align: left;
		margin-top: 3rem;
	}
	.plumber_wrapper .button p {
	    font-size: 2.1rem;
	    max-width: 34rem;
	}
	.call_btn p{
		padding-left: 8rem;
	}
	.location_content{
		margin-top: 5rem;
	}
	.location_content p{
		text-align: left;
	}
	.review_box h5 {
	    font-size: 2.4rem;
	}
	.review_box p{
		font-size: 2.1rem;
	}
	.head_wap{
		flex-direction: column;
		row-gap: 3rem;
		text-align: center;
	}
	.head_wap a img {
	    max-width: 25rem;
	}
	.solution_sec {
	    margin-top: 6rem;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 45%;
	}
	.back-to-top {
	    bottom: 7rem;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {

	html{
		font-size: 2.2vw;
	}
	.banner_content h1 {
		font-size: 4rem;
	}
	.service_sec .section_title h2{
		font-size: 3.5rem;
	}
	.solution_left h2,
	.partner h3 {
		font-size: 3.5rem;
	}
	.commitment_sec .section_title h2 {
		font-size: 3.5rem;
	}
	.section_title h2 {
	    font-size: 3.5rem;
	}
	.intervention_left {
		max-width: 100%;
	}
	.contact_form_wrap .form_submit_btn button {
		width: 100%;
	}
	.contact_wrap.full_width {
		display: block;
	}
	.contact_wrap a {
		margin: 1.4rem 0;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.contact_wrap.full_width p {
		max-width: 100%;
	}
	.banner_content {
	    padding: 3rem 0 8rem;
	}
	.container{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.banner_content img {
	    width: 30rem;
	}
	.contact_form_wrap {
	    padding: 2.4rem 2.4rem 3rem;
	}
	.solution_form_submit_btn {
	    -webkit-column-gap: 1rem;
	       -moz-column-gap: 1rem;
	            column-gap: 1rem;
	}
	.range_text h3 {
	    font-size: 2.2rem;
	}
	.range_text p,
	.review_box p{
		font-size: 1.7rem;
	}
	.contact_wrap,
	.contact_wrap p {
		text-align: center !important;
	}
	.about_right{
		text-align: center;
	}
	.footer_top {
	    -webkit-column-gap: 2rem;
	       -moz-column-gap: 2rem;
	            column-gap: 2rem;
	}
	header {
	    padding: 2.8rem 0;
	}
	.banner_cta {
	    display: block;
	}
	.banner_cta a{
		margin: 1rem 0;
	}
	.circle_box{
		display: none;
	}
	.about_right>p{
		margin-left: auto;
		margin-right: auto;
	}
	.commitment_box h4 {
	    color: var(--blue);
	    white-space: wrap;
	}
	.service_item img {
	    max-height: 50rem;
	}
	footer .contact_wrap, 
	footer .contact_wrap p {
	    text-align: left !important;
	}
	.contact_inner {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    -webkit-box-align: start;
	        -ms-flex-align: start;
	            align-items: flex-start;
	}
	.row{
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
	.row>div{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.banner_content p{
		font-size: 2rem;
	}
	.banner_content h1 {
	    font-size: 4.5rem;
	}
	.logo {
	    max-width: 30rem;
	}
	.button_wrapper{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		row-gap: 6rem;
	}
	.button span {
	    font-size: 2.2rem;
	    min-width: 19.9rem;
	    text-align: center;
	}
	footer{
		text-align: center;
	}
	.footer_top{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.review_box>img {
	    height: 10rem;
	    width: 10rem;
	}
	.review_box {
	    padding: 2rem 1rem 2rem 2rem;
	}
	.head_wap h2 {
	    font-size: 3.3rem;
	}
	.banner_sec h1 {
	    font-size: 4rem;
	}
}