.img-block-capt.forMobile{
	display: none;
}

@media (max-width: 767px) {
	
/*  this is for header   */
#cssmenu {
    display: block !important;
    top: 9vh !important;
}
header.step-header.home-one {
    padding-bottom: unset;
}
.companyName span:nth-child(1) {
    font-size: 9px;
    font-weight: 800;
    line-height: 12px;
}
.companyName span:nth-child(2) {
    font-size: 7px;
    font-weight: 500;
    line-height: 12px;
}
.container.forlogoslogin {
    max-width: 96%;
}
.CM_image {
    margin-right: 16px;
}
/* for BG img */
.slide:nth-child(1) {
    background-size: cover;
}
.main_adds{
	background-size: cover;
}
/* for BG img end */
#section0.section.fp-section {
    height: 86vh;
    margin-top: 14vh;
}
/* for text */
.MainBannerTittle {
    width: 70%;
    top: 10%;
}
.whiteTittle {
    font-size: 34px;
    line-height: 42px;
}

.homePageBannersButtons{
	display: flex;
    flex-direction: column;
}

/* Social media icons */
.IconsSocial i {
    font-size: 16px;
    margin: 8px;
}

/* for Service Icons */
.blocks ul li.Service_icons {
    width: 150px;
    margin: 8px;
}
.Service_icons a .image {
    width: 40px;
    height: 40px;
}
.Service_icons .Bottom_title span:nth-child(2) {
    font-size: 10px;
}

/* thi is for Sliding banners */
/* #jssor_1.SlidingBanner{
	height: 210px !important;
}
.img-block-capt{
	display: none;
}
.img-block-capt.forMobile{
	display: block;
	height: 500px !important;
}
.img-block-capt.forMobile div{
	height: 500px !important;
}
.img-block-capt.forMobile img{
	height: 500px !important;
} */

.SerivceSectionbox {
    width: 240px;
    height: 240px;
}
.SerivcesList {
    justify-content: unset;
    overflow: auto;
}
.ServiceSerctionSubHeading {
    margin-top: 0px;
}
.ServiceSerctionSubHeading {
    font-size: 10px;
}
.ServiceSectionIncludesBenifits {
    margin-top: 0px;
}
.ServiceBenifits {
    line-height: 18px;
}
.ServiceBenifits span, .ServiceBenifits span a, .ServiceBenifits a span{
    font-size: 9px;
}
.heading .tittle {
    margin: 0px;
}
.OurService {
    height: 80vh;
    justify-content: unset;
    margin-top: 5vh;
}

/* for news and announcements  */
.container.NewsAnnouncements {
    width: 95%;
    max-width: 95%;
    overflow: hidden;
}
.news-section {
    width: 100%;
}
.OurImpacts{
	display: none;
}
.News-text {
    max-width: 170px;
}

/* this footer */
.footer.ForQuick_Facts .Quick_facts {
    width: 130px;
    height: 116px;
}
.footer.ForQuick_Facts .Quick_facts i {
    margin-top: 10px;
    font-size: 18px;
}
.footer.ForQuick_Facts .Quick_facts img {
    height: 26px;
    margin-top: 10px;
}
.News_Annoucements{
	overflow: auto;
    display: flex;
    height: 100%;
}
.footer.ForQuick_Facts .Quick_facts h5 {
    margin-top: 10px;
    font-size: 18px;
}
.socialMedia_icons_footer{ /* this is social media links */
	display: block;
}

/* main footer links */
.footer-top {
    height: 49vh;
}

.footer-top div{
    height: 100%;
}
.footer-bottom {
    border-top: 1px solid #828c9f;
}
.step-main-footer{
	height: 66vh;
    overflow: hidden;
}
.footer-bottom p{
	display: none;
}

.footer-bottom-block .quick-links li {
    white-space: nowrap;
}
.footer-bottom-block{
	display: flex;
    overflow-y: auto;
}

/* for social media icons hide when come to footer on mobile screen */
/* .SocialMediaIcons { */
/*     display: none; */
/* } */

.footer.ForQuick_Facts {
    height: 20vh;
}


/* main footer */
.footer-main {
    height: 50vh;
    overflow: auto;
    flex-wrap: unset;
    padding: 10px 0px;
}

.footer-column ul li {
    white-space: nowrap;
}
.footer-bottom {
    position: relative;
}

.SocialMediaIcons{
	display: none;
}

.company .subtitle{ /* this is for footer */
	width: 190px;
}


/* this is for mobile menu cssmenu */
#cssmenu ul ul li {
    background: #005db9 !important;
}
#cssmenu ul ul li:hover {
    background: #004283 !important;
}
#cssmenu .submenu-button.submenu-opened {
    background: #004283;
}
#cssmenu .mobile-menu-block.open .has-child.main-sub.has-sub .fa.fa-angle-right{
	display: none;
}



/* this is for online Costomer Registration */
.OnlineComRegis .conScNo{
	margin: unset !important;
}
.OnlineComRegis .captch-mobile-block.forMobile{
	width: 100% !important;
	text-align: center;
    margin: 10px 0px;
    margin-bottom: unset;
}
.captch-mobile-block.forMobile{
	width: 100% !important;
	text-align: center;
    margin: 10px 0px;
    margin-bottom: unset;
}


/* this is for call back Req */
#callReqModal .modal-content::after{
	content: unset;
}
#callReqModal .modal-content{
	background: white !important;
}
#callReqModal .main-section-heading span.sec-bar{
	color: black;
}


/* this is for paybill page */

.seletingTypePay{
	flex-direction: column;
}
.form-group input, .enter-numbr input, #Billsignin{
	margin: 6px 0px;
}

.seletingTypePay.singleButton button{
	width: 100% !important;
}




/*  ========================================= final all alignments in different pages ----------========================================= */
.PayBillButtomNote {
    padding: 6px;
}
.HelpIcon {
    width: 80px;
}
.mainContent {
    margin: 0px 14px;
}

.tiitle_for_payBill span {
    font-size: 18px;
}
.subTittle {
    font-size: 14px;
    line-height: 20px;
}

.TittleServiceSection {
    font-size: 14px;
}
#formregistration .control-group{
	padding: 20px;
}
#btnReset, #btnReset_lt {
    top: 16px;
}
.DetaiCalcEnerChar{
	align-items: unset !important;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    margin: unset;
}

#validate, .login-new-rgst{
	font-size: 22px;
}
.feedback-block .modal-content{
	margin-top: 230px;
}
.feedbackTittle{
	font-size: 14px;
}
.captch-mobile-input-block{
	width: 100% !important;
}

}/* this is for mobile responsive end tag */