/******************* service page  ******************/



.service_wrapper {

    width: 100%;

    float: left;

    margin: 3em 0;

}

.service_section h1,.service_section h2 {

    font-size: 40px;

    line-height: 57px;

    text-transform: uppercase;

    color: #12a2e5;

}

.service_section p {

    font-size: 18px;

    line-height: 34px;

    color: #001f3e;

}

.innerservice_part img {

    width: 100%;

    height: 651px;

    object-fit: cover;

}

.innerservice_part {

    position: relative;

}

.innerservice_part:before {

    content: "";

    background-image: url(../images/services/serviceback.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.service_part {

    margin-right: 3em;

}







.service_sec_wrap {

    width: 100%;

    float: left;

    margin: 3em 0;

}

.service_sec_part {

    float: right;

    background-color: #ededed;

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

    padding: 15px 0 0 15px;

}

.innerservice_sec_part {

    background-color: #b3cf4b;

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

    padding-left: 7px;

}





.service_sec_section h2 {

    font-size: 40px;

    line-height: 57px;

    text-transform: uppercase;

    color: #12a2e5;

    padding-top: 1em;

}

.service_sec_section p {

    font-size: 18px;

    line-height: 34px;

    color: #001f3e;

}

.innerservice_sec_part img {

    width: 100%;

    height: 700px;

    object-fit: cover;

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

}

.service_sec_section{

    position: relative;

    padding-left: 45px;

}

.service_sec_section:before {

    content: "";

    background-color: #ededed;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 83%;

    z-index: -2;

}



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





.contact_wrapper {

    width: 100%;

    float: left;

    margin: 3em 0 0;

}

.innercontact img {

    width: 100%;

    height: 725px;

    object-fit: cover;

}

.contactown_form_content h2 {

    font-size: 30px;

    color: #009ee4;

    text-align: center;

}

.contactown_form_content h2 span{

    color: #000000;

    font-family: 'SpecialGothicExpandedOne';

    text-align: center;

}

.contactown_form_content p {

    font-size: 16px;

    line-height: 24px;

    color: #000000;

    text-align: center;

}

.contact_right input.form-control {

    height: 54px;

    border-radius: 27px;

    background-color: #ffffff;

    border: 1px solid #dcdcdc;

    font-size: 16px;

    color: #b7b7b7;

    padding-left: 25px;

    font-family: "Poppins-Regular";

}

.contact_right input.form-control:focus {

    filter: drop-shadow(0 0 8px rgba(254, 95, 128, 0.19));

    background-color: #ffffff;

    box-shadow: unset;

    border: 0;

}

.contact_right textarea.form-control {

    height: 125px;

    border-radius: 31px;

    background-color: #ffffff;

    border: 1px solid #dcdcdc;

    font-size: 16px;

    color: #b7b7b7;

    padding-left: 25px;

    padding-top: 15px;

    font-family: "Poppins-Regular";

    resize: unset;

}

.contact_right textarea.form-control:focus {

    filter: drop-shadow(0 0 8px rgba(254, 95, 128, 0.19));

    background-color: #ffffff;

    box-shadow: unset;

    border: 0;

}



.contact_right {

    padding: 3em 2em 2em 1em;

    z-index: 4;

    position: absolute;
    right: 0;

    float: right;

}

.contact_right:before {

    content: "";

    border-top-left-radius: 115px;

    background-color: #ffffff;

    border: 1px solid #ebebeb;

    border-bottom: 0;

    border-right: 0;

    position: absolute;

    top: 0;

    right: 0;

    width: 105%;

    height: 100%;

    z-index: -1;

}

.contactlinks {

    width: 100%;

    float: left;

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

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding: 11em 15px 20px;
    border-bottom: 1.5px solid #fff;
    position: relative;

    margin-top: -9em;

    z-index: 2;

    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);

}

.contact_section:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 51%;
    height: 100%;
    background-color: #fff;
    border-top-left-radius: 115px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
}

.innercontactlinks p {

    font-size: 19px;

    line-height: 32px;

    color: #ffffff;

    margin: 0;

    position: relative;

    padding-left: 50px;

}

.innercontactlinks p:before{

    content: "";

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

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: -10px;

    left: -6px;

    width: 50px;

    height: 50px;

}

a.contph {

    font-size: 19px;

    line-height: 27px;

    color: #ffffff;

    position: relative;

}

a.contph:before {

    content: "";

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

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: -13px;

    left: -55px;

    width: 50px;

    height: 50px;

}

a.email {

    font-size: 19px;

    line-height: 27px;

    color: #ffffff;

    position: relative;

}

a.email:before {

    content: "";

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

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: -13px;

    left: -55px;

    width: 50px;

    height: 50px;

}

.innercontactlinks {

    display: flex;

    align-items: center;

    justify-content: space-between;
    padding-top: 10px;

}

.cont_logo {

    position: absolute;

    top: 0;

    left: -55px;

    right: 0;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

}

.cont_logo img {

    width: 149px;

    height: 149px;

}

.contactmap{

    width: 100%;

    float: left;

    margin-bottom: -10em;

}

.contactmap .gmap_canvas {

    width: 100%;

    height: 777px;

}



.contact_right .contactsubmit_btn button {

    width: 212px;

    height: 45px;

    border-radius: 22px;

    background-color: #fe5f80;

    border: 0;

    font-size: 18px;

    color: #ffffff;

}

.contact_right .contactsubmit_btn {

    margin: 2em 0;

    text-align: center;

}

.contact_right .form-group.firstname,.contact_right .form-group.phonenumber {

    width: 48%;

    float: left;

    margin-right: 5px;

}



.contact_right .form-group.email,.contact_right .form-group.securitycode {

    width: 48%;

    float: left;

    margin-left: 5px;

}



.contact_left {

    /* position: absolute; */
    position: relative;
    z-index: -1;

}


.contact_right .formcover_contact {

    margin-top: 20px;

}

.contact_right .form-group.captcha_box {

    margin-top: 20px;

}

.contact_right .g-recaptcha {

    width: 50%;

    margin: 0 auto;

}

.contact_right .form-group {

    margin-bottom: 25px;

}





/************ pay bill page  *************/

.paybill_wrapper {

    width: 100%;

    float: left;

    margin: 6em 0 3em;

}

.innerpaybill_part img {

    width: 100%;

    height: 510px;

    border-radius: 39px;

    object-fit: cover;

}

.paybill_form_content {

    width: 100%;

    float: left;

    border-radius: 20px;

    filter: drop-shadow(20.743px 23.037px 28px rgba(0, 0, 0, 0.14));

    background-color: #f7f7fb;

    border: 1px solid #ededed;

    padding: 30px 30px 60px;

}

.paybill_form_content input.form-control {

    height: 65px;

    border-radius: 12px;

    background-color: #ffffff;

    border: 1px solid #f6f6f6;

    outline: unset;

    font-size: 18px;

    line-height: 30px;

    color: #5c5c5c;

    padding-left: 30px;

}

.paybill_form_content input.form-control:focus {

    filter: drop-shadow(1.706px 13.896px 9.5px rgba(0, 0, 0, 0.08));

    box-shadow: unset;

}

.paybill_form_content h2 {

    font-size: 30px;

    line-height: 30px;

    text-transform: uppercase;

    color: #000000;

    font-family: 'Poppins-SemiBold';

    margin: 0;

    margin-bottom: 25px;

}

.paybillsubmit_btn button {

    width: 319px;

    height: 74px;

    border-radius: 37px;

    filter: drop-shadow(13.383px 14.863px 17px rgba(0, 0, 0, 0.24));

    background-image: linear-gradient(90deg, #e4aa00 0%, #ffcb2f 100%);

    border: 2px solid #f6f6f6;

    font-size: 30px;

    line-height: 30px;

    color: #000000;

    font-family: 'Poppins-SemiBold';

    text-align: center;

}

.paybillsubmit_btn {

    margin: 1em 0 3em;

    text-align: center;

}

.paybill_form_content span {

    display: block;

    text-align: center;

}

.innerpaybill_part:before {

    content: "";

    border-radius: 50px;

    border: 1px solid #b3cf4b;

    position: absolute;

    top: 10px;

    left: 0;

    width: 97%;

    height: 98%;

    z-index: -1;

}

.innerpaybill_part {

    position: relative;

    padding: 0 0px 15px 15px;

}

.pay_billcontent p {

    font-size: 16px;

    line-height: 22px;

    color: #ffffff;

}

.pay_billcontent {

    border-radius: 5px 5px 63px 5px;

    background-color: #fe5f80;

    padding: 20px;

    position: absolute;

    bottom: 75px;

    left: 0;

    width: 75%;

}

.paybill_rightpart {

    position: relative;

    top: -35px;

    right: 75px;

}



.servicearea_wrapper {

    width: 100%;

    float: left;

}

.scroll_list ul li {

    list-style-type: none;

    border-bottom: 2px solid #e3e3e3;

}

.scroll_list ul li a {

    font-size: 30px;

    color: #333333;

    font-family: 'Poppins-SemiBold';

    display: block;

    padding: 20px 29px 20px 20px;

    position: relative;

}

.scroll_list ul li a:hover{

    color: #12a2e5;

}

.scroll_list ul li a:before {

    content: "";

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

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 28px;

    right: 15px;

    width: 22px;

    height: 29px;

}

.scroll_list {

    border-radius: 120px;

    filter: drop-shadow(-0.035px 0.999px 6.5px rgba(0, 0, 0, 0.14));

    background-color: #ffffff;

    width: 100%;

    float: left;

    padding: 4em 2em;

    position: relative;

}

.servicearealist {

    padding: 28px 20px;

    position: absolute;

    top: 7em;

    left: 4em;

    z-index: 3;

    width: 530px;

}

.servicearealist:before {

    content: "";

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

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.serviceareamap .gmap_canvas {

    width: 100%;

    height: 1000px;

}

.serviceareamap {

    margin-bottom: -11em;

}


.scroll_list ul {
    overflow-y: scroll;
    height: 533px;
    padding-right: 15px;
}

/* width */
.scroll_list ul::-webkit-scrollbar {
    width: 6px;
  }
  
  /* Track */
  .scroll_list ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  .scroll_list ul::-webkit-scrollbar-thumb {
    background: #12a2e5; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  .scroll_list ul::-webkit-scrollbar-thumb:hover {
    background: #12a2e5; 
  }

 /*************** tooltip style *************/
.servicearea_wrapper .gm-style .gm-style-iw-c{
  border-radius: 10px 70px 10px 10px;
  background-color: #12a2e5;
  padding: 15px;
  width: 375px;
  height: auto;
  box-shadow: unset;
  filter: drop-shadow(7.456px 10.649px 12px rgba(0,0,0,0.1));
  overflow: hidden;
}
.servicearea_wrapper .gm-style-iw-chr{
  display: none;
}
.servicearea_wrapper .gm-style .gm-style-iw-d{
  padding: 1em 5em 2em 1em;
  overflow: unset !important;
}
.servicearea_wrapper .gm-style .gm-style-iw-d::-webkit-scrollbar-track{
  background: transparent;
}
.servicearea_wrapper .get_directions_section h4{
  font-size: 22px;
  line-height: 36px;
  color: #fff;
  font-weight: 600;
  position: relative;
}
.servicearea_wrapper .get_directions_section p{
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding-left: 50px;
  position: relative;
}
.servicearea_wrapper .get_directions_section p::after{
     position: absolute;
    content: '';
    left: 32px;
    top: 0;
    bottom: 0;
    height: 100%;
    border-left: 2px solid #43434391;
}
.servicearea_wrapper .get_directions_section h4:before{
  content: "";
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #fff;
  bottom: 0;
  left: 4px;
}
.servicearea_wrapper .get_directions_section p:nth-child(4){
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}
.servicearea_wrapper .get_directions_section p:nth-child(4)::before{
  content: "\f095";
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 20px;
}
.servicearea_wrapper .get_directions_section p:nth-child(3)::before{
  content: "\f0c1";
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 20px;
}
.servicearea_wrapper .get_directions_section p:nth-child(2)::before{
  content: "\f041";
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 20px;
}

.servicearea_wrapper .gm-style-iw-d a {
  display: none;
} 


/********************** media query  ***************/



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

    

}

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

    

      /******* service page ***********/

      .service_sec_section {

        padding-left: 10em;

    }



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



      .contactlinks {

        padding: 12em 5em 25px;

        margin-top: -16em;

    }

    .cont_logo {

        left: -60px;

    }

    .cont_logo img {

        width: 170px;

        height: 160px;

    }

    /* .contact_right

    {

        padding: 3em 5em 9em 1em;
    } */


  
    .contact_right .form-group.email, .contact_right .form-group.securitycode{

        margin-left: 16px;

    }

    .contact_right .g-recaptcha {

        width: 43%;

    }

    .servicearealist {
        left: 10em;
    }

}



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

    

}



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

    

     /******* service page ***********/

     .service_sec_section {

        padding-left: 19em;

    }



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



      .contactlinks {

        padding: 14em 10em 36px;

        margin-top: -18em;

    }

    .cont_logo {

        left: -68px;

    }

    .cont_logo img {

        width: 190px;

        height: 190px;

    }

    .contact_right

    {

        padding: 3em 5em 9em 1em;



    }

    .contact_right .form-group.email, .contact_right .form-group.securitycode{

        margin-left: 16px;

        width: 49%;

    }

    .contact_right .g-recaptcha {

        width: 40%;

    }

    .servicearealist {
        left: 19em;
    }
}



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

    

     /******* service page ***********/



     .service_sec_section {

        padding-left: 24em;

    }





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



    .contactlinks {

        padding: 16em 14em 36px;

        margin-top: -18em;

    }

    .cont_logo {

        left: -73px;

    }

    .cont_logo img {

        width: 208px;

        height: 200px;

    }

    .contact_right

    {

        padding: 3em 5em 9em 1em;



    }

    .contact_right .form-group.email, .contact_right .form-group.securitycode{

        margin-left: 16px;

        width: 49%;

    }



    .contact_right .g-recaptcha {

        width: 35%;

    }

    .servicearealist {
        left: 22em;
    }

}



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



    /******* service page ***********/



    .service_sec_section {

        padding-left: 27em;

    }



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

    .contact_right .g-recaptcha {

        width: 33%;

    }

    .contactlinks {

        padding: 15em 20em 36px;

        margin-top: -12em;

    }

    .innercontact img {
        height: 760px;
    }

    .cont_logo {

        left: -80px;

    }

    .cont_logo img {

        width: 234px;

        height: 214px;

    }

    .contact_right

    {

        padding: 3em 5em 9em 1em;



    }

    .contact_right .form-group.email, .contact_right .form-group.securitycode{

        margin-left: 16px;

        width: 49%;

    }
    .servicearealist {
        left: 27em;
    }

}



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



    .container{

        padding: 0 15px;

    }



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



    .contactown_form_content h2 {

        font-size: 26px;

    }

    .innercontactlinks p {

        font-size: 17px;

        padding-left: 43px;

    }

    .innercontactlinks p:before{

        top: -7px;

        width: 45px;

        height: 45px;

    }

    a.contph:before {

        top: -8px;

        left: -46px;

        width: 40px;

        height: 40px;

    }

    a.contph {

        font-size: 17px;

    }

    a.email:before{

        top: -8px;

        left: -44px;

        width: 40px;

        height: 40px;

    }

    a.email {

        font-size: 17px;

    }



    .contactlinks {

        padding: 10em 15px 20px;

    }

    .cont_logo img {

        width: 135px;

        height: 135px;

    }

    .cont_logo {

        left: -48px;

    }



    /************* pay bill page  *************/



    .paybill_rightpart {

        right: 50px;

    }





}

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



    /***************** service page  ***************/

   

    .service_part {

        margin-right: 1em;

    }

    .service_section h1,.service_section h2 {

        font-size: 32px;

        line-height: 42px;

    }

    .innerservice_part img {

        height: 550px;

    }

    .service_sec_section {

        padding-left: 15px;

    }

    .service_sec_section h2 {

        font-size: 32px;

        line-height: 42px;

        padding-top: 0em;

    }



    .service_sec_section:before {

        height: 90%;

    }



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



    .contact_right:before

    {

        border-top-left-radius: 65px;

    }

    .contact_right {

        padding: 1em 2em 3em 1em;

    }

    .contactlinks {

        padding: 1em 0px 0px;

        margin-top: -2em;

        background-image: unset;

    }

    .innercontactlinks {

        background-color: #009ee4;

    }

    .cont_logo{

        display: none;

    }

    .innercontact img {

        height: 608px;

    }

    .innercontactlinks {

        display: block;

        padding: 20px 15px;

    }

    a.contph {

        display: block;

        margin: 20px 0;

        padding-left: 48px;

    }

    a.email {

        display: block;

        padding-left: 48px;

    }

    a.contph:before {

        top: -5px;

        left: 0;

    }

    a.email:before {

        top: -5px;

        left: 0;

    }

    .innercontactlinks p:before {

        top: -5px;

        left: 0;

        width: 40px;

        height: 40px;

    }

    .innercontactlinks p {

        padding-left: 48px;

    }

    .contactmap .gmap_canvas {

        height: 677px;

    }

    .contact_right .g-recaptcha {

        width: 70%;

    }

    .contact_right .contactsubmit_btn {

        margin: 1em 0;

    }

    .contact_right .form-group {

        margin-bottom: 15px;

    }



    /******** pay bill page  ************/



    .paybill_rightpart {

        right: 0px;

        padding-left: 10px;

        top: 0;

    }



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

    .servicearealist {

        left: 2em;

        width: 485px;

    }

   

   

}



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



    /************ service page  ***************/
    .scroll_list ul li a {
        font-size: 25px;
    }


    .service_section h1,.service_section h2 {

        font-size: 30px;

    }

    .innerservice_part img {

        height: 400px;

    }

    .service_sec_section:before

    {

        content: unset;

    }

    .innerservice_sec_part img {

        height: 400px;

    }

    .service_sec_section h2 {

        font-size: 28px;

    }

    .service_sec_part{

        padding: 10px 0 0 10px;

        margin-bottom: 10px;

    }



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

    .contact_right {

        padding: 1em 1em 3em 1em;

    }

    .contact_right .form-group.firstname, .contact_right .form-group.phonenumber {

        width: 100%;

        margin-right: 0px;

    }

    .contact_right .form-group.email, .contact_right .form-group.securitycode {

        width: 100%;

        float: left;

        margin-left: 0px;

    }

    .contact_right:before {

        width: 100%;

    }

    .contact_right .contactsubmit_btn {

        margin: 1em 0;

    }

    .contact_right textarea.form-control {

        height: 100px;

    }

    .contact_right input.form-control {

        height: 45px;

    }

    .contactmap .gmap_canvas {

        height: 550px;

    }



    .contact_right .g-recaptcha {

        width: 85%;

    }



    /*********** pay bill page  ************/



    .paybill_form_content h2 {

        font-size: 27px;

    }

    .paybill_form_content {

        padding: 30px 20px 40px;

    }

    .paybillsubmit_btn button {

        width: 280px;

    }

    .pay_billcontent {

        bottom: 60px;

        width: 95%;

    }

    .paybill_wrapper {

        margin: 3em 0 2em;

    }

    .innerpaybill_part img {

        height: 470px;

    }



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

    .servicearealist {

        width: 430px;

    }

    .scroll_list {

        border-radius: 90px;

    }





}

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



    /************ service page  ***************/



    .service_part {

        margin-right: 0em;

        width: 100%;

        float: left;

        margin-bottom: 10px;

    }

    .innerservice_part {

        max-width: 83%;

        margin: 0 auto;

    }

    .service_sec_section {

        padding-right: 15px;

    }

    

    .service_sec_part {

        width: 100%;

        float: left;

        background-color: unset;

        padding: 0;

    }

    .innerservice_sec_part {

        max-width: 93%;

        margin: 0 auto;

    }



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



    .contact_left {

        display: none;

    }

    .contact_right {

        width: 100%;

        float: left;

    }

    .contactown_form_content {

        max-width: 85%;

        margin: 0 auto;

    }

    .contact_right:before {

        width: 85%;

        left: 0;

        margin: 0 auto;

        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

        border-radius: 10px;

    }



    .contact_wrapper {

        margin: 2em 0 0;

    }

    .contactlinks 

    {

        margin-top: 0em;

    }

    .contact_right .form-group.captcha_box {

        width: 100%;

        float: left;

    }



    /********** pay bill page  **************/



    .paybill_part {

        width: 100%;

        float: left;

        margin-bottom: 25px;

    }

    .innerpaybill_part {

        width: 90%;

        margin: 0 auto;

        margin-bottom: 10px;

    }

    .pay_billcontent {

        bottom: 0;

        width: 88%;

        position: relative;

        margin: 0 auto;

        border-radius: 5px;

    }

    .innerpaybill_part img {

        height: 430px;

    }

    .innerpaybill_rightpart {

        width: 90%;

        margin: 0 auto;

    }

    .paybill_rightpart {

        width: 100%;

        float: left;

        padding-left: 0;

    }



    .paybillsubmit_btn button {

        width: 270px;

        height: 65px;

        font-size: 25px;

    }



    .servicearealist {

        position: relative;

        width: 100%;

        float: left;

        left: 0;

        top: 13px;

        margin-bottom: 25px;

    }

    .servicearealist:before{

        content: unset;

    }

    .scroll_list {

        border-radius: 25px;

        padding: 2em 1em;

    }

    .scroll_list ul li a {

        font-size: 25px;

    }

    .innerservicearea {

        max-width: 85%;

        margin: 0 auto;

    }

    .serviceareamap .gmap_canvas {

        height: 500px;

    }

    .contact_right .contactsubmit_btn button{
        max-width: 70% !important;
    }


}

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



    /********* service page  *************/
    .contact_section:before{
        content: unset;
    }
    .contact_right {
        position: relative;
    }

    .innerservice_part {

        max-width: 100%;

    }

    .innerservice_part img {

        height: 320px;

    }

    .service_section h1,.service_section h2 {

        font-size: 26px;

        line-height: 32px;

    }

    .service_part {

        margin-bottom: 20px;

    }

    .innerservice_sec_part {

        max-width: 100%;

    }



    .innerservice_sec_part img {

        height: 320px;

    }

    .service_sec_section h2 {

        font-size: 23px;

        line-height: 32px;

    }

    .service_sec_wrap {

        margin: 1em 0;

    }

    .service_sec_part{

        clip-path: unset;

    }

    .innerservice_sec_part{

        clip-path: unset;

        border-radius: 30px;

    }

    .innerservice_sec_part img{

        clip-path: unset;

        border-radius: 30px;

    }



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



    .contact_right:before {

        width: 93%;

    }

    .contactown_form_content {

        max-width: 100%;

    }



    .contact_right {

        padding: 1em 1em 1em 1em;

    }



    .contactmap .gmap_canvas {

        height: 500px;

    }



    .address {

        width: 100%;

        float: left;

    }

    .contactsubmit_btn {

        width: 100%;

        float: left;

    }

    .contact_right .g-recaptcha {

        width: 100%;

    }

    .contactown_form_content h2 {

        font-size: 25px;

    }



    /************ pay bill page  *********/

    .innerpaybill_part {

        width: 100%;

        display: none;

    }

    .innerpaybill_part img {

        height: 350px;

    }

    .pay_billcontent {

        width: 100%;

        padding: 15px;

    }

    .innerpaybill_rightpart {

        width: 100%;

    }

    .paybillsubmit_btn button {

        width: 100%;

        height: 50px;

        font-size: 18px;

        max-width: 70%;

    }

    .paybill_form_content input.form-control {

        height: 55px;

        font-size: 16px;

        padding-left: 15px;

    }

    .paybill_form_content h2 {

        font-size: 25px;

        margin-bottom: 20px;

    }

    .paybill_form_content {

        padding: 30px 15px 30px;

    }

    .paybillsubmit_btn {

        margin: 1em 0 2em;

    }

    .innerservicearea {

        max-width: 100%;

    }

    .scroll_list {

        border-radius: 25px;

        padding: 1em 1em;

    }

    .scroll_list ul li a {

        font-size: 21px;

        padding: 20px 29px 20px 20px;

    }

    .servicearealist {

        padding: 28px 15px;

    }

    .scroll_list ul li a:before{

        top: 17px;

        right: 15px;

        width: 20px;

        height: 27px;

    }

    .scroll_list ul{
        overflow-y: unset;
        height: auto;
        padding-right: 0;
    }

   

}