/*********** contact page  *************/



.contact_wrapper {

    width: 100%;

    float: left;

    margin: 5em 0 0
}

.contact_leftpart select {

    width: 100%;

    border-radius: 10px;

    border: 1px solid #dfdfdf;

    padding: 12px;

    font-size: 18px;

}



.contactform_inner h2 {

    font-size: 36px;

    font-family: 'Poppins-SemiBold';

    line-height: 40px;

    text-align: center;

    margin-bottom: 30px;

}

/* .contactform_inner input.form-control {

    font-size: 18px;

    color: #000;

    border-radius: 10px;

    border: 1px solid #dfdfdf;

    padding: 23px;

} */
.formcover_contact input.form-control,
.formcover_contact select {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    box-shadow: unset;
    position: relative;
    font-family: 'Poppins-Regular';
    padding-left: 20px;
    height: 50px;
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid #dfdfdf;
    color: #000;
}

.contactform_inner input.form-control::placeholder {
    color: #000;
}



.contactform_inner textarea.form-control::placeholder {

    color: #000 !important;

}



.form-control:focus {

    box-shadow: unset;

}

.contactform_inner {

    width: 100%;

    border-radius: 10px 134px 10px 10px;

    filter: drop-shadow(7.053px 9.708px 5.5px rgba(26, 110, 195, 0.37));

    /* background-color: rgba(255, 255, 255, 0.8509803921568627); */

    float: left;

    opacity: 0.851;

    padding: 30px;

    background-color: #fff;

}

.contactform_inner label.privacy_policy {

    font-size: 24px;

    font-family: 'Poppins-Regular';

    font-weight: 300;

}



.contactform_inner textarea.form-control {

    font-size: 18px;

    border-radius: 10px;

    border: 1px solid #dfdfdf;

    resize: unset;

}

.contactform_inner .phonenumber {

    width: 49%;

    float: left;

    margin-right: 10px;

}

.contactform_inner .servicesch {

    width: 49%;

    float: left;

    margin-left: 0px;

}

.contactform_inner .address {

    margin-bottom: 20px;

}

.contactform_inner p {

    font-size: 16px;

}



.contactform_inner button#form_submit1 {

    border-radius: 33px;

    background-color: #166eca;

    display: block;

    width: 100%;

    border: 0;

    font-size: 30px;

    line-height: 40px;

    text-transform: uppercase;

    color: #ffffff;

    padding: 6px;

}

.contactaddress {

    border-radius: 20px;

    filter: drop-shadow(-0.61px 6.973px 8.5px rgba(116, 177, 236, 0.34));

    background-color: #ffffff;

    padding: 30px 50px;

}

.contact_links:last-child {

    border-bottom: 0;

    padding-bottom: 0;

}

.contactaddress h3 {

    font-size: 30px;

    text-transform: uppercase;

    color: #166eca;

    margin: 0;

    margin-bottom: 20px;

    text-align: center;

}

.contact_links p {

    font-size: 18px;

    line-height: 24px;

    color: #000000;

    position: relative;

    padding-left: 40px;

}

.contact_links p:before {

    content: "";

    background-image: url(../images/contact/pin.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 25px;

    height: 30px;

}

a.ph_num {

    font-size: 16px;

    line-height: 24px;

    color: #166eca;

    display: block;

    position: relative;

    padding-left: 40px;

    margin: 30px 0;

}

a.ph_num:before {

    content: "";

    background-image: url(../images/contact/cont_ph.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 25px;

    height: 25px;

}

a.cont_mail {

    font-size: 18px;

    line-height: 24px;

    color: #000000;

    margin-top: 15px;

    display: block;

    position: relative;

    padding-left: 40px;

}

a.cont_mail:before {

    content: "";

    background-image: url(../images/contact/letter.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 24px;

    height: 25px;

}

.contact_links {

    margin-bottom: 20px;

    border-bottom: 1px solid #05264942;

    padding-bottom: 20px;

}

.inner_contactaddress {

    height: 324px;

    overflow-y: scroll;

    padding-right: 20px;

}



/* width */

.inner_contactaddress::-webkit-scrollbar {

    width: 5px;

}



/* Track */

.inner_contactaddress::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px grey;

    border-radius: 10px;

    background: #166eca;

}



/* Handle */

.inner_contactaddress::-webkit-scrollbar-thumb {

    background: #052649;

    border-radius: 10px;

}



/* Handle on hover */

.inner_contactaddress::-webkit-scrollbar-thumb:hover {

    background: #052649;

}



.contact_rightpart {

    padding-left: 30px;

    position: absolute;

    right: 0;

    top: 0;

}



.contactmap .gmap_canvas {

    width: 100%;

    height: 670px;

}

.contactmap {
    margin-top: -15em;
    margin-bottom: -30px;
}

.contact_section {

    position: relative;

    z-index: 3;

}





/************** locations page  ******************/



.location_wrapper {

    width: 100%;

    float: left;

    margin-top: -15px;

    margin-bottom: -28px;

}

.loc_scroll_list {

    border-radius: 64px;

    filter: drop-shadow(15.514px 27.988px 10.5px rgba(22, 110, 202, 0.22));

    background-color: #ffffff;

    border: 1px solid #d9d9d9;

    padding: 35px 20px;

}

.loc_scroll_list ul li a {

    font-size: 24px;

    line-height: 29px;

    color: #000000;

    border-radius: 27px;

    /* filter: drop-shadow(3.517px 8.285px 10.5px rgba(0, 0, 0, 0.11)); */

    filter: drop-shadow(0.517px 11.285px 9.5px rgba(0, 0, 0, 0.11));

    background-color: #ffffff;

    display: block;

    margin: 25px 0;

    padding: 23px 30px;

    position: relative;

    transition: 0.5s;

}

.loc_scroll_list ul li a:hover {

    border-radius: 27px;

    filter: drop-shadow(3.517px 8.285px 10.5px rgba(0, 126, 255, 0.05));

    background-image: linear-gradient(0deg, rgba(22, 110, 202, 0.4784313725490196) 0%, rgba(22, 110, 202, 0.3234287645661875) 36%, rgba(255, 255, 255, 0) 100%);

    transition: 0.5s;

}

.loc_scroll_list ul li a:before {

    content: "";

    background-image: url(../images/locations/locpin.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 21px;

    right: 30px;

    width: 16px;

    height: 29px;

    transition: 0.5s;

}



.loc_scroll_list ul li a:hover::before {

    background-image: url(../images/locations/locpin_two.webp);

    width: 43px;

    height: 50px;

    top: 14px;

    right: 16px;

}



.locationlist {

    width: 532px;

    position: absolute;

    top: 10em;

    left: 6em;

    z-index: 2;

}

.locationmap .gmap_canvas {

    width: 100%;

    height: 1000px;

}

.innerlocation {

    position: relative;

}

.innerlocation:before {

    content: "";

    background-image: url(../images/locations/locblue.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: -50px;

    left: 0px;

    width: 86%;

    height: 100%;

}



.innerlocation:after {

    content: "";

    border-radius: 48px;

    background-color: #000000;

    border: 1px solid #d9d9d9;

    position: absolute;

    top: 145px;

    left: -25px;

    width: 15%;

    height: 62%;

    z-index: -1;

}



.loc_scroll_list ul {

    height: 624px;

    overflow-y: scroll;

    padding: 0 13px;

}



/* width */

.loc_scroll_list ul::-webkit-scrollbar {

    width: 5px;

}



/* Track */

.loc_scroll_list ul::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px grey;

    border-radius: 10px;

}



/* Handle */

.loc_scroll_list ul::-webkit-scrollbar-thumb {

    background: #166eca;

    border-radius: 10px;

}



/* Handle on hover */

.loc_scroll_list ul::-webkit-scrollbar-thumb:hover {

    background: #166eca;

}





/************** servicearea page  ******************/



.servicearea_wrapper {

    width: 100%;

    float: left;

}

.scroll_list ul li a {

    border-radius: 25px;

    background-color: #fdfbfb;

    border: 1px solid #01b1e9;

    display: block;

    font-size: 21px;

    line-height: 25px;

    text-transform: uppercase;

    color: #000000;

    padding: 18px 20px;

    transition: all 0.3s ease;

    position: relative;

    margin-right: 15px;

    text-align: left;

}

.scroll_list ul li a:hover:before {

    content: "";

    background-image: url(../images/servicearea/asset.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 8px;

    right: 10px;

    width: 50px;

    height: 49px;

    transition: all 0.3s ease;

}

.scroll_list ul li a:hover {

    filter: drop-shadow(0.523px 9.986px 6.5px rgba(11, 120, 216, 0.15));

    background-color: #166eca;

    font-size: 26px;

    line-height: 30px;

    text-transform: uppercase;

    color: #ffffff;

    font-family: 'Poppins-SemiBold';

    transition: all 0.3s ease;

    margin-right: 0;

    margin-left: 20px;



}



.innerservicearea {

    filter: drop-shadow(1.308px 24.966px 19px rgba(0, 0, 0, 0.22));

    background-color: #ffffff;

    padding: 25px 0 25px 20px;

    border-radius: 59px 59px 59px 0;

}

.servicearealist {

    width: 455px;

    position: absolute;

    top: 8em;

    left: 8em;

    z-index: 1;

}

.innerservicearea ul li {

    margin-bottom: 17px;

}

.serviceareamap .gmap_canvas {

    width: 100%;

    height: 900px;

}

.servicearealist:before {

    content: "";

    background-image: url(../images/servicearea/serviceareaback.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    top: 77px;

    left: -50px;

    width: 46%;

    height: 81%;

    border-radius: 56px;

}



.scroll_list {

    height: 543px;

    overflow-y: scroll;

    direction: rtl;

    padding-left: 10px;

}

/* width */

.scroll_list::-webkit-scrollbar {

    width: 5px;

}



/* Track */

.scroll_list::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px grey;

    border-radius: 10px;

}



/* Handle */

.scroll_list::-webkit-scrollbar-thumb {

    background: #166eca;

    border-radius: 10px;

}



/* Handle on hover */

.scroll_list::-webkit-scrollbar-thumb:hover {

    background: #166eca;

}



.servicearea_banner {

    width: 100%;

    float: left;

    /* margin-top: 0; */

    position: relative;

    /* padding-top: 23px; */

}

.serviceareabanner_extra {

    background-image: url(../images/servicearea/blueback.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    /* clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%); */

    position: relative;

    padding-top: 15px;

}

/* .serviceareabanner_extra:before {

    content: "";

    background-image: url(../images/servicearea/whiteback.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 23px;

    left: 0;

    width: 34%;

    height: 60px;

    filter: drop-shadow(0.733px 13.981px 16px rgba(0, 0, 0, 0.2));

} */

/* .serviceareabanner_extra:before {

    content: "";

    filter: drop-shadow(0.733px 13.981px 16px rgba(0, 0, 0, 0.2));

    background-color: #ffffff;

    position: absolute;

    top: 0px;

    left: 0;

    width: 38%;

    height: 66px;

    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);

} */

.servicearea_ban_section h1 {

    font-size: 36px;

    text-transform: uppercase;

    color: #fff;

}

.servicearea_ban_section p {

    font-size: 18px;

    line-height: 30px;

    color: #ffffff;

}



/* .servicearea_banner:before {

    content: "";

    background-image: url(../images/servicearea/orangeback.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 71%;

    height: 64%;

} */





/************ service detail   *************/



.servicedetail_wrapper {

    width: 100%;

    float: left;

    margin: 3em 0 2em;
    padding-top: 2em;

}

.sevicedetail_section h1 {

    font-size: 40px;

    line-height: 50px;

    text-transform: uppercase;

    color: #2d3e50;

}
.sevicedetail_section h2 {

    font-size: 38px;

    line-height: 50px;

    text-transform: uppercase;

    color: #2d3e50;

}

.sevicedetail_section h3 {

    font-size: 30px;

    line-height: 40px;

    text-transform: uppercase;

    color: #2d3e50;

}

.sevicedetail_section p {

    font-size: 18px;

    line-height: 30px;

    color: #000000;

}

.innerservicedetail_image img {

    height: 575px;

    border-radius: 53px;

    filter: drop-shadow(18.542px 9.859px 17.5px rgba(22, 110, 202, 0.22));

    background-color: #166eca;

    border: 3px solid #ffffff;

    width: 100%;

    object-fit: cover;

}



.innerservicedetail_image:before {

    content: "";

    background-image: url(../images/servicedetail/sd_back.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.innerservicedetail_image:after {

    content: "";

    background-image: url(../images/servicedetail/sd_back2.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 100px;

    right: 0;

    width: 39%;

    height: 75%;

    z-index: -1;

}

.innerservicedetail_image {

    position: relative;

    padding: 25px 35px 25px 25px;

}

.servicedetail_leftpart {

    margin-right: 2em;
    width: 50%;

}



.serdet_newtankwrap {

    width: 100%;

    float: left;

    margin: 2em 0;

}

.serdet_newtanksection h2 {

    font-size: 35px;

    line-height: 45px;

    text-transform: uppercase;

    color: #2d3e50;
}
.serdet_newtanksection h3{
    font-size: 30px;

    line-height: 40px;

    text-transform: uppercase;

    color: #2d3e50;
}

.serdet_newtanksection p {

    font-size: 18px;

    line-height: 30px;

    color: #000000;

}

.innerserdet_newtank {

    position: relative;

}

.innerserdet_newtank img {

    width: 100%;

    height: 617px;

    border-radius: 115px 5px 5px;

    filter: drop-shadow(-7.815px 18.41px 17.5px rgba(22, 110, 202, 0.22));

    object-fit: cover;

    border: 3px solid #ffffff;

}

.serdet_newtankleft {

    float: right;

    margin-left: 4em;

}

.innerserdet_newtank:before {

    content: "";

    width: 185px;

    height: 144px;

    border-radius: 5px;

    background-color: #166eca;

    border: 3px solid #166eca;

    position: absolute;

    top: -10px;

    right: -10px;

}

.innerserdet_newtank:after {

    content: "";

    width: 185px;

    height: 144px;

    border-radius: 5px;

    background-color: #166eca;

    border: 3px solid #166eca;

    position: absolute;

    bottom: -10px;

    right: -10px;

    z-index: -1;

}

.reviewhme_wrapper.serdet_review {

    background-image: url(../images/servicedetail/reviewbk.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding: 8em 0;

}

.serdet_review .reviewhme_titlesec h4 {

    color: #fff;

}

.serdet_review .reviewhme_titlesec span {

    color: #fff;

    border: 1px solid #fff;

}



.serdet_maintenance {

    width: 100%;

    float: left;

    margin: 3em 0;

}

.serdet_maintenancesec h2,
.serdet_maintenancesec h3 {

    font-size: 40px;

    line-height: 50px;

    text-transform: uppercase;

    color: #2d3e50;

}

.serdet_maintenancesec p {

    font-size: 18px;

    line-height: 30px;

    color: #000000;

}

.innerserdet_maintenance img {

    width: 100%;

    height: 626px;

    filter: drop-shadow(31.922px -2.232px 19px rgba(22, 110, 202, 0.24));

    object-fit: cover;

    border-radius: 106px 106px 106px 0;

}

.innerserdet_maintenance {

    position: relative;

    padding-bottom: 15px;

    padding-left: 15px;

}

.innerserdet_maintenance:before {

    content: "";

    background-color: #166eca;

    position: absolute;

    top: 0;

    left: 0;

    width: 97%;

    height: 100%;

    border-radius: 351px 106px 109px 0;

}

.serdet_maintenanceimg {

    margin-right: 5em;

}



.serdet_faq_wrap {

    width: 100%;

    float: left;

    margin: 3em 0;

}

.serdet_faqleft h2 {

    font-size: 40px;

    text-transform: uppercase;

    color: #2e3f51;

}

.innerserdet_faq .set a {

    font-size: 20px;

    color: #000000;

    border-radius: 12px;

    filter: drop-shadow(3.507px 7.19px 9px rgba(0, 0, 0, 0.11));

    background-color: #ffffff;

    display: block;

    padding: 15px;

}

.innerserdet_faq .content p {

    font-size: 14px;

    line-height: 30px;

    color: #000000;

}

.innerserdet_faq .set {

    margin-bottom: 15px;

}





/*********************servicedet-new***************/

.servicedet_faqsec {

    float: left;

    width: 100%;

    margin: 2em 0em;

    padding: 3em 0em;

    position: relative;

    background-color: #166eca;

}



.servicedet_faqinner {

    position: relative;

    background-color: #fff;

}



.servicefaq_imgsec {

    position: relative;

    float: right;

}



.servicefaq_image {

    position: relative;

}



.servicefaq_image:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background-image: url('../images/servicedetail/faqpng.webp');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100% 100%;

    right: 0;

    top: 0;

}



.servicefaq_image img {

    width: 100%;

    height: 720px;

    object-fit: cover;

    object-position: center;

}



.servicefaq_content {

    position: absolute;

    padding: 4em;

}



.servicefaq_cntinner h4 {

    font-size: 40px;

    text-transform: uppercase;

    color: #2e3f51;

    font-weight: 800;

}



.servicefaq_cntinner .set {

    margin-bottom: 20px;

}



.servicefaq_cntinner .set a {

    border-radius: 20px;

    background-color: #ffffff;

    /* display: block; */

    font-size: 20px;

    color: #000;

    padding: 10px 60px 10px 20px;

    min-height: 78px;

    display: flex;

    align-items: center;

    filter: drop-shadow(-0.157px 8.999px 7px rgba(8, 8, 8, 0.14));

    transition: 0.5s;

    direction: ltr;

}



.servicefaq_cntinner .content {

    padding: 20px;

}



.servicefaq_cntinner .set.active {

    background-color: #fff;

    border-radius: 20px;

    filter: drop-shadow(-0.157px 8.999px 7px rgba(8, 8, 8, 0.14));

}



.servicefaq_cntinner .set .content p {

    font-size: 14px;

    line-height: 24px;

    color: #000000;

    font-weight: 400;

    margin-bottom: 0;

    direction: ltr;

}



.servicefaq_cntinner .set.active a {

    background-color: #166eca;

    color: #fff;

}



.servicefaq_cntinner .accordion-container {

    height: 540px;

    overflow-y: scroll;

    padding: 1em 4em 1em 1em;

    margin: 2em 0em;

    direction: rtl;

    text-align: left;

}



/* width */

.servicefaq_cntinner .accordion-container::-webkit-scrollbar {

    width: 4px;

    border-radius: 4px;

}



/* Track */

.servicefaq_cntinner .accordion-container::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #166eca;

}



/* Handle */

.servicefaq_cntinner .accordion-container::-webkit-scrollbar-thumb {

    background-color: #d43f4d;

    border-radius: 10px;

}



.servicefaq_cntinner .set a i {

    display: none;

}





.cms_page_content h1,
.sitemap-data h1 {

    font-size: 40px;

    line-height: 50px;

    text-transform: uppercase;

    color: #2d3e50;

}



.cms_page_content p {

    font-size: 18px;

    line-height: 30px;



}

.sitemap-data ul li {

    position: relative;

    padding-left: 40px;

    margin: 10px 0;

    list-style: none;

}

.servicedetail_wrapper ul li,
.serdet_newtankwrap ul li,
.serdet_maintenance ul li,
.aboutfirstblk_wrapper ul li,
.aboutsecondblk_wrpper ul li,
.aboutthirdblk_wrapper ul li,
.septic101_wrapper ul li,
.abthme_wrapper ul li,
.hmeservice_static_wrapper ul li,
.cms_page_content ul li,
.hmeprofessional_wrapper ul li {

    position: relative;
    font-size: 18px;
    line-height: 28px;
    padding-left: 40px;

    margin: 10px 0;

    list-style: none;

    display: flow-root;

}

.cms_page_content ul li:before,
.sitemap-data ul li:before,
.servicedetail_wrapper ul li:before,
.serdet_newtankwrap ul li:before,
.serdet_maintenance ul li:before,
.aboutfirstblk_wrapper ul li:before,
.aboutsecondblk_wrpper ul li:before,
.aboutthirdblk_wrapper ul li:before,
.septic101_wrapper ul li:before,
.abthme_wrapper ul li:before,
.hmeservice_static_wrapper ul li:before,
.hmeprofessional_wrapper ul li:before {

    content: '';

    position: absolute;

    width: 21px;

    height: 21px;

    background-color: #166eca;

    left: 6px;

    top: 4px;

    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

}
.septic101_fourthblk_inner ul li:before{
    content: '' !important;

    position: absolute;

    width: 21px;

    height: 21px;

    background-color: #166eca;

    left: 6px;

    top: 4px;

    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.servicedetail_wrapper p a,
.serdet_newtankwrap p a,
.serdet_maintenance p a,
.blogdetailwhl_wrapper p a,
.aboutfirstblk_wrapper p a,
.aboutsecondblk_wrpper p a,
.aboutthirdblk_wrapper p a,
.septic101_wrapper p a,
.abthme_wrapper p a,
.hmeservice_static_wrapper p a,
.cms_page_content p a,
.sitemap-data p a,
.hmeprofessional_wrapper p a {

    border-bottom: 2px solid;

    color: #000;



}

.septic101_wrapper ul li:before {

    content: unset;

}

ul.megamenu.areamenu {

    left: -32em;
    width: 1200px;


}
ul.megamenu.areamenu li{
    width: 19%;
}



span.menutext {

    display: none;

}

span.local_service {
    display: none;
}


/*********** responsive  *****************/



@media only screen and (min-width:1400) {}

@media only screen and (min-width:1500) {}



@media only screen and (min-width:1600) {}

@media only screen and (min-width:1700) {}



@media only screen and (min-width:1800) {}



@media only screen and (min-width:1920px) {

    /************** servicearea *****************/

    .servicearealist {

        left: 30em;

    }

}





@media only screen and (max-width:1300) {}

@media only screen and (max-width:1200px) {



    /********** servicearea   ************/



    .servicearea_ban_section h1 {

        font-size: 32px;

    }



    .servicearea_banner {

        padding-top: 15px;

    }

    .servicearea_banner:before {

        height: 40%;

    }

    .servicearea_ban_section p {

        font-size: 17px;

    }



    /********* Contact  ************/



    .contactform_inner {

        padding: 15px;

    }

    .contactform_inner .phonenumber {

        width: 100%;

        margin-right: 0;

    }

    .contactform_inner .servicesch {

        width: 100%;

    }

    .contact_rightpart {

        padding-left: 20px;

    }

    .contactaddress {

        padding: 30px 30px;

    }



    /************** service detail  *************/

    .servicedetail_leftpart {

        margin-right: 2em;

    }



    .innerservicedetail_image img {

        height: 490px;

    }

    .innerservicedetail_image {

        padding: 20px 30px 20px 20px;

    }

    .serdet_newtanksection h2{

        font-size: 35px;

        line-height: 45px;

    }
    .serdet_newtanksection h3{
        font-size: 27px;
        line-height: 37px;
    }

    .serdet_newtankleft {

        margin-left: 2em;

    }

    .serdet_maintenancesec h2,
    .serdet_maintenancesec h3 {

        font-size: 35px;

        line-height: 45px;

    }

    .serdet_maintenanceimg {

        margin-right: 3em;

    }

    .innerserdet_maintenance img {

        height: 555px;

    }

    .servicefaq_cntinner h4 {

        font-size: 35px;

    }

    .servicefaq_content {

        padding: 2em;

    }

}

@media only screen and (max-width:992px) {



    /******** servicearea  *********/



    .servicearea_banner:before {

        content: unset;

    }

    .servicearea_banner {

        padding-top: 0;

    }

    .serviceareabanner_extra:before {

        width: 39%;

    }

    .servicearea_ban_section p {

        padding-right: 3em;



    }

    .servicearealist {

        top: 4em;

        left: 5em;

    }

    .serviceareabanner_extra {

        clip-path: unset;

    }

    .servicearea_ban_section p {

        padding-right: 0em;

    }

    /*********** contact  *********/

    .contactaddress {

        padding: 15px 15px;

    }

    .contact_rightpart {

        padding-left: 9px;

    }

    a.cont_mail {

        font-size: 17px;

    }



    .contactform_inner h2 {

        font-size: 28px;

        margin-bottom: 20px;

    }

    .loc_scroll_list ul li a {

        margin: 15px 0;

        padding: 17px 30px;

    }

    .locationlist {

        width: 470px;

    }

    .loc_scroll_list ul li a:hover::before {

        width: 38px;

        height: 45px;

        top: 8px;

    }

    .loc_scroll_list ul {

        height: 475px;

    }

    .innerlocation:after {

        top: 100px;

    }

    .locationlist {

        top: 7em;

        left: 3em;

    }

    .locationmap .gmap_canvas {

        height: 800px;

    }

    .contactform_inner input.form-control {

        font-size: 15px;

        padding: 18px;

    }

    .contactform_inner label.privacy_policy {

        font-size: 19px;

    }

    .contact_leftpart select {

        padding: 11px;

        font-size: 15px;

    }

    .contactform_inner textarea.form-control {

        font-size: 15px;

    }

    .contactform_inner button#form_submit1 {

        font-size: 25px;

    }

    .contact_links p {

        font-size: 16px;

    }

    a.ph_num {

        margin: 22px 0;

    }

    a.cont_mail {

        font-size: 16px;

    }



    /********** service detail  **************/

    .sevicedetail_section h1,
    .sevicedetail_section h2,
    .sevicedetail_section h3{

        font-size: 30px;

        line-height: 40px;

    }


    .innerservicedetail_image img {

        height: 400px;

    }

    .innerservicedetail_image {

        padding: 10px 20px 10px 10px;

    }

    .innerservicedetail_image:after {

        top: 80px;

    }

    .serdet_newtanksection h2{

        font-size: 30px;

        line-height: 40px;

    }
    .serdet_newtanksection h3{
        font-size: 24px;
        line-height: 34px;
    }



    .innerserdet_newtank img {

        height: 450px;

    }

    .innerserdet_maintenance img {

        height: 450px;

        border-radius: 75px 75px 75px 0;

    }

    .serdet_maintenancesec h2,
    .serdet_maintenancesec h3 {

        font-size: 30px;

        line-height: 40px;

    }



    .servicefaq_content {

        position: relative;

        width: 100%;

        float: left;

        padding: 0em;

    }

    .servicefaq_imgsec {

        width: 100%;

        float: left;

    }

    .servicefaq_image img {

        height: 500px;

    }



    .servicefaq_image {

        max-width: 80%;

        margin: 0 auto;

    }

    .servicefaq_image:before {

        content: unset;

    }

    .servicefaq_cntinner .accordion-container {

        padding: 1em 0em 1em 1em;

    }

    .servicefaq_cntinner {

        max-width: 80%;

        margin: 0 auto;

    }



}

@media only screen and (max-width:767px) {



    /************ servicearea  *************/



    .serviceareabanner_extra:before {

        content: unset;

    }

    .serviceareabanner_extra {

        padding-top: 0;

    }

    .servicearea_ban_section p {

        margin-top: 10px;

    }

    .servicearea_ban_section h1 {

        color: #fff;

    }

    .servicearealist:before {

        left: -15px;

    }

    .servicearealist {

        width: 100%;

        float: left;

        left: 0em;

        position: relative;

        top: 0;

        margin: 20px 0px;

    }

    .scroll_list ul li a {

        font-size: 19px;

        padding: 10px 20px;

    }

    .innerservicearea {

        max-width: 90%;

        margin: 0 auto;

        border-radius: 10px 10px 10px 0;

    }

    .servicearealist:before {

        content: unset;

    }

    .scroll_list {

        height: 438px;

    }

    .scroll_list ul li a:hover {

        margin-left: 10px;

        font-size: 22px;

    }

    .scroll_list ul li a:hover:before {

        top: 1px;

    }

    .serviceareamap .gmap_canvas {

        height: 500px;

    }



    /********** location  ***********/



    .locationlist {

        width: 100%;

        float: left;

        left: 0em;

        top: 0em;

        position: relative;

        margin: 20px 0;

    }

    .innerlocation {

        max-width: 85%;

        margin: 0 auto;

    }

    .innerlocation:before {

        content: unset;

    }

    .loc_scroll_list ul li a {

        margin: 7px 0;

        padding: 10px 25px;

    }

    .loc_scroll_list {

        padding: 30px 15px;

        border-radius: 20px;

    }

    .loc_scroll_list ul li a {

        font-size: 20px;

    }

    .loc_scroll_list ul li a:before {

        top: 15px;

        right: 25px;

        width: 11px;

        height: 20px;

    }

    .loc_scroll_list ul {

        height: 340px;

    }

    .locationmap .gmap_canvas {

        height: 500px;

    }

    .loc_scroll_list ul li a:hover::before {

        width: 29px;

        height: 35px;

    }



    /************** contact  ***********/



    .contact_leftpart {

        width: 100%;

        float: left;

        margin-bottom: 2em;

    }

    .contact_rightpart {

        width: 100%;

        float: left;

        position: relative;

        bottom: 0;

        margin-bottom: 20px;

    }


    .contactaddress {

        max-width: 85%;

        margin: 0 auto;

    }

    .contactmap .gmap_canvas {

        height: 500px;

    }



    /************** service detail  *************/



    .servicedetail_leftpart {

        width: 100%;

        float: left;

        margin-right: 0em;

        margin-bottom: 10px;

    }

    .innerservicedetail_image {

        max-width: 87%;

        margin: 0 auto;

    }

    .serdet_newtankleft {

        width: 100%;

        float: left;

        margin-left: 0;

        margin-bottom: 25px;

    }

    .innerserdet_newtank {

        max-width: 80%;

        margin: 0 auto;

    }

    .innerserdet_newtank img {

        height: 400px;

    }

    .serdet_newtanksection h2 {

        font-size: 25px;

        line-height: 30px;

    }
    .serdet_newtanksection h3{
        font-size: 22px;
        line-height: 32px;
    }



    .serdet_maintenanceimg {

        margin-right: 0em;

        width: 100%;

        float: left;

        margin-bottom: 20px;

    }

    .innerserdet_maintenance {

        max-width: 85%;

        margin: 0 auto;

    }

    .serdet_maintenancesec h2,
    .serdet_maintenancesec h3 {

        font-size: 25px;

        line-height: 30px;

    }

    .servicedet_faqsec {

        background-color: unset;

        margin: 1em 0em;

        padding: 0em 0em;

    }

    .servicefaq_image img {

        height: 385px;

    }

    .servicefaq_cntinner h4 {

        font-size: 24px;

    }

    .servicefaq_cntinner .set a {

        font-size: 18px;

        padding: 8px 35px 8px 20px;

    }

}



@media only screen and (max-width:480px) {



    /************* servicearea   ***********/



    .scroll_list ul li a:hover {

        margin-left: 0;

        margin-right: 15px;

    }

    .scroll_list ul li a {

        font-size: 16px;

        padding: 7px 20px;

    }

    .scroll_list ul li a:hover {

        font-size: 16px;

    }

    .scroll_list ul li a:hover:before {

        right: 4px;

        width: 40px;

        height: 40px;

    }

    .scroll_list {

        height: 365px;

    }

    .innerservicearea ul li {

        margin-bottom: 12px;

    }

    .innerservicearea {

        padding: 25px 0 25px 10px;

    }

    .servicearea_ban_section p {

        font-size: 15px;

    }



    /******* contact ***********/



    .contactform_inner {

        max-width: 100%;

    }

    .contactform_inner {

        border-radius: 10px 10px 10px 10px;

    }

    .contactform_inner button#form_submit1 {

        font-size: 22px;

        padding: 0px;

    }

    .contactaddress {

        max-width: 100%;

    }

    .contact_links p:before {

        width: 18px;

        height: 26px;

    }

    a.ph_num:before {

        width: 18px;

        height: 18px;

    }

    a.cont_mail:before {

        top: 3px;

        width: 17px;

        height: 18px;

    }

    .contact_links p {

        padding-left: 25px;

    }

    a.ph_num {

        padding-left: 27px;

        margin: 15px 0;

    }

    a.cont_mail {

        padding-left: 24px;

    }

    .contactaddress {

        padding: 15px 10px;

    }

    .inner_contactaddress {

        height: 300px;

    }

    .loc_scroll_list ul li a {

        font-size: 18px;

    }



    /************* service detail  ***************/



    .innerservicedetail_image {

        max-width: 100%;

    }

    .servicedetail_wrapper {

        margin: 0em 0;
        padding: 0;

    }

    .innerservicedetail_image img {

        height: 350px;

        border-radius: 20px;

    }

    .sevicedetail_section h1,
    .sevicedetail_section h2,
    .sevicedetail_section h3{

        font-size: 23px;

        line-height: 30px;

    }

    .sevicedetail_section p {

        font-size: 16px;

    }

    .innerserdet_newtank {

        max-width: 100%;

    }

    .innerserdet_newtank img {

        height: 350px;

    }

    .serdet_newtanksection h2{

        font-size: 23px;

    }
    .serdet_newtanksection h3{
        font-size: 20px;
        line-height: 30px;
    }

    .serdet_newtanksection p {

        font-size: 16px;

    }

    .serdet_maintenance {

        margin: 1em 0;

    }

    .innerserdet_maintenance img {

        filter: drop-shadow(4.922px -2.232px 19px rgba(22, 110, 202, 0.24));

    }

    .innerserdet_maintenance {

        max-width: 100%;

    }

    .innerserdet_maintenance img {

        height: 350px;

        border-radius: 40px 40px 40px 0;

    }

    .serdet_maintenancesec p {

        font-size: 16px;

    }

    .servicefaq_image {

        max-width: 100%;

    }

    .servicefaq_imgsec {

        padding: 0 15px;

    }

    .servicefaq_image img {

        height: 350px;

    }

    .servicefaq_cntinner {

        max-width: 100%;

    }

    .servicefaq_content {

        padding: 0 15px;

    }

    .servicefaq_cntinner .set a {

        font-size: 16px;

    }





    .sevicedetail_section {

        display: flex;

        flex-direction: column;

    }

    .servicedetail_leftpart {

        order: 2;

    }

    .sevicedetail_section .first_content {

        order: 1;

    }

    .sevicedetail_section .second_content {

        order: 3;

    }



    span.menutext {

        position: absolute;

        bottom: -17px;

        right: 6px;

        color: #166eca;

        text-transform: uppercase;

        font-size: 13px;

        display: block;

    }



    .hmeblog_section .hmeblog_single {

        display: none;

    }



    .innerhmeblg_left {

        float: left;

        width: 100%;

    }

    .innerhmeblg_right {

        width: 100%;

        float: left;

    }



    .hmeblog_rightpart {

        overflow: hidden;

    }

    .hmeblogslider .slick-list.draggable {

        margin-right: -100px;

    }

    .innerban_cnt.servicedetail_headcnt {
        display: none;
    }

    .sevicedetail_section .innerban_cnt.servicedetail_headcnt-copy {
        display: block;
        margin-bottom: 2em;
    }

    .sevicedetail_section .innerban_cnt.servicedetail_headcnt-copy div {
        display: none;
    }

    .sevicedetail_section .innerban_cnt.servicedetail_headcnt-copy span {
        display: none;
    }

    .innerbanner_contentsec.servicedet_banner {
        border-radius: 0;
        padding: 0;
        display: block;
        background-color: #166eca;
    }

    .sevicedetail_section .first_content {
        display: flex;
        flex-direction: column-reverse;
    }

    .sevicedetail_section h1 {
        order: 1;
        background-color: #166eca;
        padding: 0.5em 0.5em 0 0.7em;
        color: #fff !important;
        margin: 0px -15px;
    }

    .sevicedetail_section .innerban_cnt.servicedetail_headcnt-copy p {
        background-color: #166eca;
        padding: 0em 1em 0.5em 1em;
        color: #fff !important;
        margin: 0px -15px;
        margin-top: -5px;
        border-bottom-right-radius: 70px;
    }

    span.local_service {
        font-size: 16px;
        line-height: 28px;
        text-transform: uppercase;
        color: #1b2530;
        font-weight: 800;
        background-color: #ffb700;
        border-radius: 50px;
        padding: 6px 20px;
        display: inline-block;
    }
}