/************
             MEDIA
			      ************/
@media(min-width:0px) and (max-width:799px) {
    .wrapperin, .homectabox, .gastext, .gasform, .resileft, .resiright, .testimoniallist li strong, .contactingbox, .aboutleft, .aboutright, .addressbox, .leadertxt, .stepbox, .stepform, .stepright {
        width: 100%;
    }

    .savemoney, .flex-control-nav, .flex-direction-nav, ul.slides li span, .electricitybanner span, .borkerbanner li span, .gasbanner li span, .residentialbanner li span, .energybanner li span, .aboutbanner li span, .careersbanner span, .connectionsbanner li span, .waterbanner li span, .telecomesbanner li span, .stepsbanner li span {
        display: none;
    }

    h1, .titletext, .bigfont {
        font-size: 21px;
    }

    .contentbox .subheading, .contentbox .subheading strong, .ctaheading, .stepbox span, .contentbox .stepright p strong, .formbox_two h4 {
        font-size: 19px;
    }

    /*.mobmenu {
        display: block;
    }*/
.mobmenul-container .left-menu-icon-text {
    text-transform: uppercase;
    font-size: 21px;
}
 

        .testimoniallist li strong {
            float: left;
        }

       

             

    .topheader, .bannercta, .footerbox {
        text-align: center;
    }

    .contentbox .manageutili ul {
        width: 100%;
        padding: 0 1.3%;
        border: none;
    }

    .topnav, .logobox, .loginbox, .smmbox, .bannercta ul li, .footerbox ul, .leaderimg {
        display: inline-block;
        float: none;
    }

    .stepright {
        margin-top: 0;
    }

    .topnav {
        padding: 10px 10px 0;
    }

    .smmbox {
        padding: 14px 0 0;
    }

    .loginbox {
        padding: 21px 0;
    }

    .bannercta {
        margin: 0;
    }

        .bannercta ul li {
            margin: 20px 0;
        }

    .homectabox {
        height: 367px;
        padding: 30px 5% 0;
        margin: 0 0 10px;
    }

    .footerbox ul {
        padding: 6px 0;
        text-align: left;
    }

    .topheader {
        font-size: 16px;
    }

    .topnav li {
        padding: 0 10px;
    }

    .contentbox {
        padding: 20px 2%;
    }

    .gasform {
        margin: 12px 0 0;
    }

    .formbox, .formbox_two {
        padding: 16px 12px 16px;
    }

    .gaslogo ul li {
        width: 29%;
    }

    .labelout span {
        font-size: 12px;
    }

    .width15 {
        width: 24%;
    }

    .width85 {
        width: 76%;
    }

    .mobwidth {
        width: 100%;
    }

    .resileft {
        padding-right: 0;
    }

    .mobwleft {
        width: 15%;
    }

    .mobwright {
        width: 76%;
    }

    .radiolist li {
        width: 124px;
        height: 56px;
        margin: 2px 5px;
    }

    .formbox_two .labelout span {
        font-size: 13px;
    }

        .formbox_two .labelout span.marginL20 {
            margin-left: 0;
        }

    .testimonialsbox .contactingbox {
        margin: 0;
    }

    .testimoniallist li {
        padding: 0 0 0 28px;
        margin: 30px 0;
        background-size: 20px;
    }

    .testimoniallist img {
        position: static;
    }

    .aboutleft {
        padding-right: 0;
    }

    .leaderbox ul {
        text-align: center;
    }

    .contactingbox {
        margin: 0;
        padding: 10px 2%;
    }

        .contactingbox h1 img {
            width: 19%;
        }

    .contentbox .formbox strong {
        font-size: 18px;
    }

    .stepbox {
        margin-left: 0;
    }

    .subscribebox .formbox_two {
        padding: 24px 8px 26px;
    }

    .formbox_two .labelout span.marginL40 {
        margin-left: 0;
    }

    .formbox_two .labelout span.marginL40 {
        margin-right: 22px;
    }

    .brokerlogin .formbox_two {
        padding: 30px 17px;
    }
.utililogo, .utiliprofile, .utilitext {
    width: 100%;
}
.utilimain {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.bannercta ul li {
    width: 80%;
}
.bannercta ul li {
    height: 270px;
}
.bannercta ul li a {
    left: 25%;
}
.iectxt li .topintxt {
    top: 20%;
}
body.single .formbox .width22 {
    width: 26%;
}
body .formbox .captchafor .wpcf7-form-control-wrap {
    width: 50%;
}
/**10Feb**/	
.contentbox .leaderbox ul li {
    width: 100%;
}
.contentbox .leaderbox .modalcontent {
    width: 100%;
    justify-content: center;
}
span.leadertxt {
    max-height: 270px;
    overflow-y: scroll;
    padding: 0 4%;
    margin-bottom: 20px;
}
.modal .teamcont {
    justify-content: center;
}
}

@media(min-width:768px) and (max-width:979px) {
    .stopnav {
        min-height: 64px;
    }

    .loginbox {
        padding: 10px 0;
    }

    .smmbox {
        padding: 10px 0 0;
    }

    .footerbox ul {
        width: 164px;
    }

    .bannercta ul li {
        margin: 18px 10px;
    }

    .topnav {
        height: 64px;
    }

    .labelout span {
        font-size: 18px;
    }

    .gaslogo ul li {
        width: 10%;
    }

    .gaslogo ul li {
        width: 10%;
    }

    .labelout span {
        font-size: 16px;
    }

    .contentbox .formbox strong {
        font-size: 18px;
    }

    .radiolist li {
        width: 96px;
        height: 38px;
    }

    .radiolist li {
        width: 78px;
    }

    .formbox_two .labelout span {
        font-size: 16px;
    }

    .leadertxt {
        width: 75%;
    }

    .contentbox .manageutili ul li {
        margin: 15px 0 0;
        min-height: auto;
    }
	.bannerslider ul li strong img {
    width: 50px;
}
h1, .titletext, .bigfont {
    font-size: 26px;
}
.iectxt li .textbannerin strong.rightstrong {
    margin: 96px 0px 0;
}
.nav ul {
    display: inline-block;
    float: none;
}
.bannercta ul li {
    width: 40%;
}
.homectabox {
    margin: 0 2%;
    width: 46%;
}
.nav li {
    padding: 0 16px 0;
}

/**10Feb**/	
.contentbox .leaderbox ul li {
    width: 48%;
}
.contentbox .leaderbox .modalcontent {
    width: 100%;
    justify-content: center;
}
span.leadertxt {
    max-height: none;
    overflow-y: auto;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}
.modal .teamcont {
    justify-content: center;
}
.modal .teamcont {
    flex-direction: column;
}
}

@media(min-width:820px) and (max-width:979px) {
    .wrapperin, .contactingbox, .mobwidth, .testimoniallist li strong {
        width: 100%;
    }

    .wrapperin {
        padding: 0 1%;
    }

    .topnav {
        padding: 12px 10px 0;
        min-height: 66px;
    }

    .flex-control-nav {
        bottom: 70px;
    }

    .bannerslider li span.slide1, .bannerslider li span.slide1 span, .bannerslider li span.slide2 span {
        font-size: 30px;
    }

        .bannerslider li span, .bannerslider li span.slide1 span {
            font-size: 26px;
            line-height: 30px;
        }

    .savemoney {
        bottom: 28%;
    }

    .nav {
        font-size: 13px;
        padding: 10px 0;
    }

        .nav li {
            padding: 0 6px 0;
        }

    .bannercta {
        margin: 0;
    }

    .homecta, .topheader {
        text-align: center;
    }

    .bannercta ul li {
        display: inline-block;
        float: none;
    }

    .homectabox {
        width: 385px;
        height: 367px;
        padding: 30px 1%;
        display: inline-block;
        float: none;
        margin: 0 2px;
    }

    .footerbox ul {
        width: 130px;
        padding-left: 12px;
    }

        .footerbox ul li {
            margin: 2px 0;
        }

            .footerbox ul li a {
                font-size: 12px;
            }

    .logobox, .topnav, .smmbox, .loginbox {
        float: none;
        display: inline-block;
    }

    .labelout span {
        font-size: 12px;
    }

    .contentbox .formbox strong {
        font-size: 16px;
    }

    .formbox_two .labelout span {
        font-size: 14px;
    }

    .width15 {
        width: 24%;
    }

    .width85 {
        width: 76%;
    }

    .formbox_two .labelout span.marginL20 {
        margin-left: 0;
    }

    .testimonialsbox .contactingbox {
        margin: 0;
    }

    .testimoniallist li strong {
        float: left;
    }

    .testimoniallist img {
        position: static;
    }

    .addressbox {
        padding: 6px 0 20px 3%;
    }

    .leadertxt {
        width: 80%;
    }

    .contactingbox {
        margin: 0;
        padding: 10px 1%;
    }

    .stepform {
        width: 436px;
    }

    .stepright {
        width: 328px;
    }

    .imagetext span strong.midtext {
        line-height: 30px;
    }

    .twoline span strong.rightstrong {
        margin: 40px 8px 0;
    }

    .threeline span strong.rightstrong {
        margin: 70px 8px 0;
    }

    .imagetext span strong.leftstrong {
        margin: -30px 8px 0;
    }

    .electricitybanner li span {
        padding: 0 3%;
    }

    .homeslider li.slidefour span {
        top: 22%;
    }
}

@media(min-width:980px) and (max-width:1187px) {
    .wrapperin {
        width: 100%;
        padding: 0 1%;
    }

    .topheader {
        font-size: 17px;
    }

    .topnav {
        padding: 16px 10px 0;
    }

    .logobox img {
        max-width: 136px;
        float: left;
    }

    .smmbox {
        padding: 12px 0 0;
    }

    .loginbox {
        padding: 14px 0 0 6px;
    }

    .smmbox li {
        margin: 0 2px;
    }

    .smmbox img {
        max-width: 30px;
        float: left;
    }

    .nav {
        font-size: 12px;
        padding: 10px 0;
    }

    .savemoney {
        bottom: 44%;
    }

    .bannercta {
        margin: -88px 0 0;
    }

        .bannercta ul li {
            width: 235px;
            height: 360px;
            margin-left: 6px;
        }

    .homecta {
        text-align: center;
    }

    .homectabox {
        width: 466px;
        text-align: center;
    }

    .footerbox ul {
        width: 160px;
        padding-left: 14px;
    }

    .labelout span {
        font-size: 14px;
    }

    .contentbox .formbox strong {
        font-size: 18px;
    }

    .bannerslider li span {
        font-size: 35px;
        line-height: 44px;
    }

    .width35 {
        width: 34%;
    }

    .width25 {
        width: 24%;
    }

    .testimonialsbox .contactingbox {
        margin: 0;
    }

    .contactingbox {
        width: 782px;
    }

    .addressbox {
        padding: 6px 0 20px 3%;
    }

    .leadertxt {
        width: 84%;
    }

    .stepform {
        width: 596px;
    }

    .stepright {
        width: 340px;
    }
}