/*================= Responsive Section ===============*/

@media (min-width: 1025px) {
	header.navigation .menu-bar .navbar li:hover .dropdown::after {
		transform: rotate(224deg);
	}
}

@media (min-width:768px) and (max-width: 1024px) {
	h1{font-size: 40px !important; line-height: 45px !important;}
	h2{font-size: 35px !important; line-height: 40px !important;}
	/* ===================== Menu starts*/
	.top-contact{display: none;}
	.mobile-burger{display: none;}
header{position: relative;}
header.container{padding-left: 0 !important; padding-right: 0 !important;}
.top-contact{background: #16163F; font-size: 17px; font-weight: 700; color: #fff; text-align: center; padding: 10px 0; display: block;}
	.top-contact a{color: #00A8FF !important;}
	.navbar-brand{width: 80%;}
.navbar-brand img{width: 100%; height: 100%;}
.menu-btn{display: none !important; visibility: hidden;}
header .nav-link {
	line-height: 40px !important;
	    margin: 0 20px;
		display: flex;
        align-items: center;
        justify-content: space-between;
}
.navbar-nav{ top: 62px;
        max-width: 100%;
		height: 100Vh;
        left:0;
        width: 100%;
        background: #fff;
        position: absolute;
        z-index: 9997;
        overflow-y: auto;
        -webkit-transform: translate3d(0, 0, 205px);
        -moz-transform: translate3d(0, 0, 205px);
        transform: translate3d(0, 0, 205px);
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
	}

	.navbar-nav li{    border-bottom: 1px solid #e6e6e7;}

	.navbar-nav.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}


	.navbar-toggler:focus{box-shadow: none !important;}
	.hamburger-menu {
		position: relative;
		z-index: 9998;
		width: 100%;
		height: 40px;
	}

	.bar,
	.bar:after,
	.bar:before {
		width: 25px;
		height: 2px;
	}

	.bar {
		position: relative;
		transform: translateY(17px);
		float: left;
		background: black;
		transition: all 0ms 300ms;
	}

	.bar.animate {
		background: rgba(255, 255, 255, 0);
	}

	.bar:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 5px;
		background: black;
		transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.bar:after {
		content: "";
		position: absolute;
		left: 0;
		top: 5px;
		background: black;
		transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.bar.animate:after {
		top: 0;
		transform: rotate(45deg);
		transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.bar.animate:before {
		bottom: 0;
		transform: rotate(-45deg);
		transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.main-content-section .plumbing-service-area .mob-plumbing-service .item-box img{    width: 80%;}

	.navbar-nav .dropdown-menu{width: 350px; margin: 0 auto 25px auto;}

	.dropdown-submenu {padding: 0;}
	.dropdown-submenu .position-absolute {
    right: 10px !important;
        top: 10px !important;
        line-height: 0px !important;
        width: 20px;
        height: 20px;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
}

/*=================== Menu ends */

	/* banner */
	.banner-area {
		background: #000;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.banner-area .banner-bg .banner-pane h1 {
		font-size: 36px !important;
		line-height: 46px !important;
	}

	.banner-area .banner-bg .banner-pane {
		padding-right: 0 !important;
	}

	.banner-area .banner-bg .banner-pane .ban-circle-graphic {
		text-align: right;
		position: relative;
		top: 0;
		right: 0;
	}

	.banner-area .banner-bg .banner-image-area {
		padding: 0;
	}

	.banner-area .banner-bg .banner-desc {
		padding: 0;
		margin-bottom: 0;
	}

	.banner-area .banner-graphic {
		left: -30px;
	}

	.banner-area .banner-bg .banner-image-area {
		padding: 0;
		margin-top: 30px;
		text-align: center;
	}
	
	.desktop-display {
		display: block!important;
		visibility: visible!important;
	}

	.mob-display {
		display: none !important;
		visibility: hidden!important;
	}
	.main-content-section .plumbing-service-area .desktop-plumbing-service{    display: grid !important; grid-template-columns: 2fr 2fr;}
	.main-content-section .review-area .review-grid .review-img-area .review-rate{        top: -60px;
        right: 10px; width: 116px; height: 116px;}
		.particle-moving1 img{width: 100%;}

		.enquery .content-left .block-left,
		.enquery .hs-block-img.content-right .block-right{    padding: 40px;}
		.enquery .hs-block-img{height: auto;}

	.box-area-content .content-panel .image-area img{width: 100%; height: auto;}
	.enquery .hs-block-img{padding: 30px 0;}
	.enquery .content-left .block-left, .enquery .hs-block-img.content-right .block-right {
        padding: 20px;
    }

	.footer-area .copyright {
		text-align: center;
		font-size: 14px;
		line-height: 20px;
	}

	.footer-area .copyright img {
		float: none;
		margin-top: 20px;
	}

	.footer-area .footer1 .foot_align h3 {
		padding-bottom: 5px;
	}

	.footer-area .footer1 .foot_link,
	.footer-area .footer1 .foot_link_two {
		padding-bottom: 20px;
	}

}

/* =================== Header and Menu Starts */
@media screen and (min-width: 992px) {
/*=================== Menu Starts */
	.navbar {
	 padding: 0;
	 line-height: 3rem;
}
 .navbar .dropdown-menu {
	 line-height: initial;
}
 .dropdown .dropdown-menu {
	 display: none;
}
 .dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu {
	 display: block;
}
 .dropdown:hover > .dropdown-menu {
	 margin-top: -0.5rem;
}
 .dropend:hover > .dropdown-menu {
	 position: absolute;
	 top: -0.5rem;
	 left: 100%;
	 margin-left: 0;
}

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        height: 500px;
        overflow-y: scroll;
    }
	.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar {
    width:2px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-track {
    background-color: #cee7f4;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #00A8FF;
}
/*=================== Menu ends */
 
}

	/* Show on hover for desktop */
@media (min-width: 992px) {
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}

@media (max-width: 767px) {

	h1{font-size: 40px !important; line-height: 45px !important;}
	h2{font-size: 35px !important; line-height: 40px !important;}

	input {
		height: 50px !important;
		padding: 0 20px !important;
	}

	select {
		height: 50px !important;
		padding: 0 20px !important;
	}

	textarea {
		padding: 10px 20px !important;
		height: 120px !important;
	}

	.container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

/*=================== Menu Starts */
header{position: relative;}
header.container{padding-left: 0 !important; padding-right: 0 !important;}
.top-contact{background: #16163F; font-size: 17px; font-weight: 700; color: #fff; text-align: center; padding: 10px 0; display: block;}
	.top-contact a{color: #00A8FF !important;}
	.navbar-brand{width: 80%;}
.navbar-brand img{width: 100%; height: 100%;}
.menu-btn{display: none !important; visibility: hidden;}
header .nav-link {
	line-height: 40px !important;
	    margin: 0 20px;
		display: flex;
        align-items: center;
        justify-content: space-between;
}
.navbar-nav{ top: 62px;
        max-width: 100%;
		height: 100Vh;
        left:0;
        width: 100%;
        background: #fff;
        position: absolute;
        z-index: 9997;
        overflow-y: auto;
        -webkit-transform: translate3d(0, 0, 205px);
        -moz-transform: translate3d(0, 0, 205px);
        transform: translate3d(0, 0, 205px);
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
	}

	.navbar-nav li{    border-bottom: 1px solid #e6e6e7;}

	.navbar-nav.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}


	.navbar-toggler:focus{box-shadow: none !important;}
	.hamburger-menu {
		position: relative;
		z-index: 9998;
		width: 100%;
		height: 40px;
	}

	.bar,
	.bar:after,
	.bar:before {
		width: 25px;
		height: 2px;
	}

	.bar {
		position: relative;
		transform: translateY(17px);
		float: left;
		background: black;
		transition: all 0ms 300ms;
	}

	.bar.animate {
		background: rgba(255, 255, 255, 0);
	}

	.bar:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 5px;
		background: black;
		transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.bar:after {
		content: "";
		position: absolute;
		left: 0;
		top: 5px;
		background: black;
		transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.bar.animate:after {
		top: 0;
		transform: rotate(45deg);
		transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.bar.animate:before {
		bottom: 0;
		transform: rotate(-45deg);
		transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.main-content-section .plumbing-service-area .mob-plumbing-service .item-box img{    width: 80%;}

	.navbar-nav .dropdown-menu{width: 350px; margin: 0 auto 25px auto;}

	.dropdown-submenu {padding: 0;}
	.dropdown-submenu .position-absolute {
    right: 10px !important;
        top: 10px !important;
        line-height: 0px !important;
        width: 20px;
        height: 20px;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
}

/*=================== Menu ends */

	.inneroverlay img {
		height: auto;
	}

	.divider img {
		width: 100%;
	}


	.rt-arrow-btn1,
	.rt-arrow-btn2,
	.rt-arrow-btn3 {
		font-size: 14px;
		padding: 0 15px;
		height: 40px;
		line-height: 40px;
	}

	.listing-div {
		padding-bottom: 60px;
		gap: 20px;
	}

	.desktop-display {
		display: none !important;
		visibility: hidden!important;
	}

	.mob-display {
		display: block!important;
		visibility: visible!important;
	}
	
	.desktop-visible{display: none !important;
		visibility: hidden!important;}

	/* banner */
	.banner-area {
		position: relative;
		background: #000;
		padding-bottom:100px;
		padding-top: 40px !important;
		background-size: auto !important;
		background-position: 48% 0 !important;
	}


	.banner-area .banner-bg {
		flex-direction: column;

	}

	.banner-area .banner-bg .banner-pane h1 {
		font-size: 45px;
		line-height: 55px;
	}

	.banner-area .banner-bg .banner-image-area {
		padding: 0;
	}

	.banner-area .banner-bg .banner-desc {
		padding: 0;
		margin-bottom:10px;
	}

	.banner-area .banner-graphic {
		right: 0;
	}

	.banner-area .banner-bg .banner-pane {
		padding-right: 0 !important;
	}

	.banner-area .banner-bg .form-area {
		position: relative;
		width: 100%;
	}

	.banner-area .banner-bg .form-area .get-touch-form .contact-bar .contact-full {
		height: 97px;
	}

	.banner-area .banner-bg .form-area .get-touch-form .free-call-form {
		padding-top: 15px;
	}

	.banner-area .banner-bg .banner-pane h1 {
		font-size: 24px;
		line-height: 29px;
		text-align: center;
		padding: 0;
	}

	.banner-area .banner-bg .banner-pane .banner-desc {
		font-size: 23px;
		line-height: 33px;
		text-align: center;
		padding-right: 0;
		padding-bottom: 0 !important;
	}

	.banner-area .banner-bg .banner-pane .banner-mail {font-size: 16px !important; text-align: center!important;}
	.banner-area .banner-bg .banner-pane .banner-mail a{font-size: 16px !important;text-align: center!important;}

	.inner-banner-pane .banner-mail{font-size: 16px !important;text-align: center!important;}
	.inner-banner-pane .banner-mail a{font-size: 16px !important;text-align: center!important;}

	.custom-google-rating{text-align: center;}
	.custom-google-rating .stars {float: none;	}

.free-quote-form input[type="submit"]{    background: #000 url(../images/white-arrow.webp) no-repeat 85% center !important;}
	    .free-quote-sec {
        width: 100% !important;
        padding: 0 !important;
        position: relative;
		        margin-top: 20px;
      	margin-bottom: -360px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.31) !important;
    }

	.main-content-section{padding-top: 300px;}
	.main-content-section .review-area .review-grid{display: block;}
	.main-content-section .review-area .review-grid .review-img-area .review-rate{        top: -60px;
        right: 10px; width: 116px; height: 116px;}
	.main-content-section .review-area .review-grid .revirew-bx{padding: 50px 20px; height: auto; margin-bottom: 20px;}

	.main-content-section .plumbing-service-area .mob-plumbing-service .item-box p{width: 80%;}

	.main-content-section .customer-review-sec{padding-bottom: 40px;}
	
	.main-content-section .plumbing-service-area .gen-btn-area{    padding-top: 0;
    margin: 0 0 40px 0;}

	.top-padding{padding-top: 40px;}
	.bottom-padding{padding-bottom: 40px;}
	.button-area {
		flex-direction: column;
	}

	.particle-moving1 img{width: 100%;}

	.main-content-section .review-area, .main-content-section .service-provider,
	.main-content-section, .main-content-section .plumbing-service-area{ padding-bottom: 40px;}

	.main-content-section .partner-group .partner-review-area .item img {    width: 100%;}

	.main-content-section .partner-group .partner-review-area{padding-top: 30px;}
	.main-content-section .Safety-area{padding-top: 40px; padding-bottom: 40px; text-align: center;}
	.main-content-section .Safety-area img{width: 30%;}
	.footer-area {
		padding-top: 50px;
	}

	.main-content-section .customer-review-sec h2{padding-left: 0; padding-right: 0; margin: 0;}
	.main-content-section .gen-btn-area{    padding-top: 0;}
	.enquery .content-left .block-left{padding: 40px 0;}
	.enquery .hs-block-img{padding: 60px 20px; height: auto;}
	.enquery .hs-block-img.content-right .block-right{padding: 0;}



	/*========================= inner page */
	.inner-banner-pane{text-align: center;}
	.inner-banner-pane .breadcrumb ul{display: flex;
    align-items: center;
    justify-content: center;}
	.inner-banner-area .inner-banner-bg .inner-banner-pane h2.sub-txt{text-align: center; padding-bottom: 0;}
	.inner-banner-area{padding-top: 40px; padding-bottom: 40px;}
	.inner-banner-area .inner-banner-bg{flex-direction: column;}

	.banner-area .banner-bg .banner-pane h1.sub-txt{    font-size: 25px !important;
    line-height: 35px !important;}
	.banner-area .banner-bg .banner-pane h1.sub-txt a{    font-size: 25px !important;
    line-height: 35px !important;}
	.banner-area .banner-bg .banner-pane h1 span{    font-size: 25px !important;
    line-height: 35px !important;}
	
	
	.inner-banner-area .inner-banner-bg .inner-banner-pane h2.sub-txt{    font-size: 25px !important;
    line-height: 35px !important;}

.inner-banner-pane h2 span{line-height: 35px !important;}
		.inner-banner-area .inner-banner-bg,
		.box-area-content .content-panel,
		.box-area-content .content-panel.flip-class{flex-direction: column;}
		.box-area-content .content-panel .image-area img{width: 100%; height: auto;}
		.box-area-content .content-panel .image-area{padding: 40px 0 0 0;}
		.box-area-content .content-panel .image-area.img-left{margin-bottom: 25px;}
		.box-area-content .content-panel{padding-bottom: 0;}
		.toggle-area{padding-top: 40px; padding-bottom: 40px;}
		.toggle-area .toggle-tab .nav-tabs{padding: 0;}
		.toggle-area .toggle-tab .nav-tabs li{flex: auto;}
		.toggle-area .toggle-tab .tab-content .tab-pane .Request-call-back-sec{padding-bottom: 0 !important;}
		.box-area-content .Request-call-back-sec{padding-bottom: 40px;}
		.enquery .content-left {    display: flex;
			align-items: center;
			justify-content: center;
				}
			
		/* .page-id-13 .main-content-section,
		.page-id-503 .main-content-section,
		.page-id-81 .main-content-section,
		.page-id-72 .main-content-section,
		.page-id-66 .main-content-section{padding-top: 40px !important;} */

		.inner-sec-area{padding-top: 40px !important;}
	

		/*========================= contact Area */
		.contact-div .map-loc iframe{height: 350px;}

		.contact-div .contact-form .form-area input[type="submit"]{    background: #00A8FF url(../images/white-arrow.webp) no-repeat 85% center !important;}

		/*========================= service-area section */
		.service-area-div{margin-bottom: 0; padding-bottom: 40px; display: block;}
		.service-area-div .item .servicearea-image-box{min-height: auto;}
		.service-area-div .item .servicearea-image-box img{height: auto;}
		.service-area-div .item{margin-bottom: 20px;}
		.box-area-content .Request-call-back-sec{padding-left: 0; padding-right: 0;}
		.main-content-section .service-list-area{padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px;}
		.main-content-section .service-list-area ul{columns: 1;}
		/*========================= news section */
			.news-div{margin-bottom: 40px; padding-bottom: 40px;}


		


	
	/*========================= Footer Area */

	.footer-area .footer1 .foot_link_two ul {
		columns: 1;
	}

	.footer-area .copyright {
		text-align: left;
		font-size: 14px;
		line-height: 20px;
	}

	.footer-area .copyright img {
		float: none;
		margin-top: 20px;
	}

	.footer-area .footer1 .foot_align h3 {
		padding-bottom: 5px;
	}

	.footer-area .footer1 .foot_link,
	.footer-area .footer1 .foot_link_two {
		padding-bottom: 30px;
	}

	.footer-area .foot-right {
		border-right: none;
		padding-right: 0;
	}

	.footer-area .footer1 .foot_sub-align {
		padding-top: 0;
	}

	.footer-area .footer1 a.rt-arrow-btn2 {
		margin-bottom: 20px;
	}
}