/* Hide email help icon in placeholder mode, show in label mode */
.form-element-left .f-en-label .mbl-emailpop {
	display: none !important;
}
.form-element-left-active .f-en-label .mbl-emailpop {
	display: inline-block !important;
}

/*Stepper/tab fix for tablets and small desktops*/
@media (min-width: 1024px) and (max-width: 1440px) 
{
.f-b-4-step-header {
	width: 100% !important;
}
	.nf-rq-steps {
		display: none !important;
		width: 100%;
		height: auto;
	}
.rq-s-item {
	width: 25%;
	min-width: auto !important;
	float: none;
	flex: 1;
	box-sizing: border-box;
	padding: 6px 6px;
}
.rq-item-title {
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
}

/*Form layout fix for tablets only*/
@media (min-width: 1024px) and (max-width: 1366px) 
{
.f-b-main-wrapper {
	width: 90%;
}
.header-right {
	width: 100%;
	position: relative !important;
}
.header-left {
	width: 100%;
	position: relative !important;
}

/* 2-column form rows via flexbox */
.f-b-labelblog-2 {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-end !important;
	gap: 0 2%;
}
/* Default: full-width row */
.f-b-labelblog-2 > .labelblog-2-left {
	width: 100% !important;
	float: none !important;
}
/* 2-column: elements with .w-31-p sit side by side */
.f-b-labelblog-2 > .w-31-p {
	width: 48% !important;
	flex: 0 0 48%;
	float: none !important;
}
/* Nested .w-31-p fills parent column */
.w-31-p .w-31-p {
	width: 100% !important;
	float: none !important;
}
/* Form inputs inside labelblog fill their parent column */
.f-b-labelblog-2 .form-element-left,
.f-b-labelblog-2 .form-element-left-1 {
	width: 100% !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}
.w-500 { width: 100% !important; }

/* Labels above inputs in labelblog form rows */
.f-b-labelblog-2 .form-element-left .f-en-label,
.f-b-labelblog-2 .form-element-left-1 .f-en-label {
	position: static !important;
	display: block !important;
	color: #1a71dc !important;
	font-size: 14px !important;
	margin-bottom: 2px !important;
}
.f-b-labelblog-2 .form-element-left-active .f-en-label,
.f-b-labelblog-2 .form-element-left-1-active .f-en-label {
	position: static !important;
	bottom: auto !important;
}
/* Show email help icon - labels are always visible in this range */
.f-b-labelblog-2 .form-element-left .f-en-label .mbl-emailpop,
.f-b-labelblog-2 .form-element-left-1 .f-en-label .mbl-emailpop {
	display: inline-block !important;
}
.f-b-step1-lbl-forms {
	padding: 22px 10px 0px;
}



/* Help icon between Switch/ASAP - visible with proper spacing */
a.switch-qutn-popup {
	display: inline-block !important;
	margin: 8px 4px 0 4px !important;
	vertical-align: top !important;
}
.qustn2-img img {
	margin-left: 0 !important;
}

/* Service address: tighter margins to fit all fields in one row */
.service-forms .form-element-left,
.service-forms .form-element-left-1 {
	margin-right: 2px !important;
}

/* Billing address labels above inputs */
.billing-address-content .form-element-left .f-en-label {
	position: static !important;
	display: block !important;
	color: #1a71dc !important;
	font-size: 14px !important;
	margin-bottom: 2px !important;
}

.date-width { width: 100% !important; }

/* ClientDetailsPopup modal */
.ClientDetailsPopup .modal-dialog {
	width: 550px;
	max-width: calc(100% - 40px);
	margin-left: auto;
	margin-right: auto;
}
.ClientDetailsPopup .f-b-labelblog-2 {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-end !important;
	height: auto !important;
	gap: 0 10px;
}
.ClientDetailsPopup .f-b-labelblog-2 > .labelblog-2-left {
	flex: 1 1 auto !important;
	width: auto !important;
}
.ClientDetailsPopup .labelblog-2-left .form-element-left {
	width: 100% !important;
}
.ClientDetailsPopup .labelblog-2-left .form-group {
	margin-bottom: 0 !important;
}
.ClientDetailsPopup .f-b-show-qt-btn-blog {
	flex: 0 0 auto !important;
	width: auto !important;
	clear: none !important;
	margin-top: 0 !important;
}
.ClientDetailsPopup .f-b-show-qt-btn-blog .f-m-plan-ordernow-btn-right {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.ClientDetailsPopup .show-f-en-info-popup-form {
	flex: 0 0 100% !important;
}
}  

@media (min-width: 800px) and (max-width: 1000px)
 { 


}


/*Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) {
.w-500 { width: 100% !important; }
.form-element-left, .form-element-left-1 { width: 100% !important; float: none !important; margin-right: 0 !important; }
.w-31-p { width: 100% !important; }
.labelblog-2-left { width: 100% !important; }
.f-b-step1-content .form-element-left .f-en-label,
.f-b-step1-content .form-element-left-1 .f-en-label,
.f-b-step3-content .form-element-left .f-en-label,
.f-b-step4-content .form-element-left .f-en-label,
.f-b-step4-content .form-element-left-1 .f-en-label { position: static !important; display: block !important; color: #1a71dc !important; font-size: 14px !important; margin-bottom: 2px !important; }
.form-element-left-active .f-en-label, .form-element-left-1-active .f-en-label { position: static !important; bottom: auto !important; }
/* Show email help icon - labels are always visible in this range */
.form-element-left .f-en-label .mbl-emailpop { display: inline-block !important; }
/* Plan details panel: prevent text overflow */
.f-b-step3-plandetails {
    overflow: hidden !important;
}
table.plan-details-table {
    table-layout: fixed !important;
    width: 100% !important;
}
table.plan-details-table td {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}

/* Credit Check: keep desktop layout */
.credit-forms .form-element-left,
.credit-forms .form-element-left-1 {
    float: left !important;
    margin-right: 10px !important;
    width: auto !important;
}
.credit-forms .w-24-p { width: 24% !important; }
.credit-forms .w-22-p { width: 22% !important; }
.credit-forms .w-18-p { width: 18% !important; }
.credit-forms .w-49-p { width: 49% !important; }
.checkbox label { display: block !important; float: none !important; width: 100% !important; padding-left: 0px !important; margin-bottom: 5px; }
.ClientDetailsPopup .modal-dialog { width: 600px; max-width: calc(100% - 40px); margin-left: auto; margin-right: auto; }
.ClientDetailsPopup .f-b-labelblog-2 { display: flex !important; flex-wrap: wrap !important; align-items: flex-end !important; height: auto !important; }
.ClientDetailsPopup .labelblog-2-left { width: 60% !important; float: left !important; }
.ClientDetailsPopup .labelblog-2-left .form-element-left { width: 100% !important; }
.ClientDetailsPopup .labelblog-2-left .form-group { margin-bottom: 0 !important; }
.ClientDetailsPopup .f-b-show-qt-btn-blog { width: auto !important; float: left !important; clear: none !important; margin-top: 0 !important; margin-left: 10px !important; }
.ClientDetailsPopup .f-b-show-qt-btn-blog .f-m-plan-ordernow-btn-right { margin-top: 0 !important; margin-bottom: 0 !important; }
.ClientDetailsPopup .show-f-en-info-popup-form { width: 100% !important; }
a.switch-qutn-popup > span,
a.switch-qutn-popup:hover > span {
    width: 250px !important;
    left: 0 !important;
}
a.switch-qutn-popup span b,
a.switch-qutn-popup:hover span b {
    margin-left: 5px !important;
}
/* Switch, help icon, ASAP in single line */
.service-forms .form-element-left.mbl-width {
    width: auto !important;
    min-width: 80px !important;
    float: left !important;
    margin-right: 10px !important;
}
a.switch-qutn-popup {
    float: left !important;
    margin-top: 8px !important;
    margin-left: 4px !important;
    margin-right: 10px !important;
}
.service-forms .mbl-bottom {
    clear: both !important;
}
.f-b-main-wrapper{
	width:90%;
	
}
/*.normalcheckbox {
    margin-left: 0px !important;
}
.mbl-margin-0 {
        margin-left:0px !important;
    }*/
 .nf-rq-steps {
        display:none !important;
    }
	/**header part starts***/
	.f-b-logo img 
	{
		width:100%;
	}
	.f-m-header-right{
		float: right;
    
    z-index: 100;
		display:block;
	}
	.f-b-contact p{
		display:none;
	}
	.f-b-contact{
		padding:20px 0px !important;
	}
		
	.fm-nav-btn-call{
		width: 36px;
    height: 36px;
    display: inline-block;
    background: #11c885;
    background-image: -webkit-linear-gradient(top, #11c885, #08846b);
    background-image: -moz-linear-gradient(top, #11c885, #08846b);
    background-image: -ms-linear-gradient(top, #11c885, #08846b);
    background-image: -o-linear-gradient(top, #11c885, #08846b);
    background-image: linear-gradient(to bottom, #11c885, #08846b);
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0px 0px 5px #a5a5a5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-shadow: 0px 1px #676767;
    font-family: calibri,arial;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    border: 0px;
		
		
	}
	.fm-nav-btn-call span {
    width: 36px;
    height: 36px;
    background: url(../images/f-m-sprite.png) -4px -3px no-repeat;
    display: inline-block;
}
		.rq-item-title{
			
			display:none;
		}
		.rq-item-title1{
		display:inline-block;
		    margin-top: 3px;
	}
				.rq-item-title{
		display:none;
		    color: #b7b7b7;
	}
		/**header part ends***/

	
.rq-s-item.rq-s-active{
	color:#fff;
}
	
.rq-s-item
{
	color: #b7b7b7;
	min-width: 100px;

	
}
.rq-item-number{
	    margin-right: 5px;
}
.labelblog-2-right{
		width:48%;
		
	}

	.labelblog-2-left{
		width:48%;
			margin-bottom:10px;
	}
		.w-mbl-60{
		width:60% !important;
	}
		.form-element-left{
		
		margin-left:0px !important;
	}
		.mbl-width{
		width:12% !important;
		margin-bottom:25px !important;
		    margin-right: 20px;
		
	}
	.date-width{
		width:100% !important;
	}
	.margin-bottom{
		margin-bottom:0px !important;
	}
		.f-b-step1-lbl-forms {
   
    padding: 22px 10px 0px;
}
.mbl-bottom{
	margin-bottom:10px !important;
}
.mbl-bottom-20{
	margin-bottom:10px !important;
}

.close-div {
    height: 18px;
    width: 20px;
    FLOAT: RIGHT;
    MARGIN-RIGHT: 4PX;
    MARGIN-TOP: 7PX;

}
.w-serv-70{
	width:70% !important;
}
.w-zip-26{
width:26% !important;	
}
.w-esiid-50{
	width:50% !important;
}
.w-date-55{
	width:55% !important;
}
.w-kwh-28{
	width:28% !important;
	margin-right:0px !important;
}

.f-b-4-step-header {
	display:none;
}


.step-number-sucess{
	background:#3c763d;
}
.margin-mbl {
	margin-top:0px !important;
}
.disable-step1{
	width:100%;
height:40px;
background:#e9e9e9;
padding:10px;
color:#bfbfbf;
font-size:20px;
}

	

.disable-step1{
	display:block;
}
.margin-top-20-mbl{
	margin-top:20px;
}
.billing-address-part{
	width:100% !important;
	
}
.address-part{
	width:100% !important;
}

.cards-table{
	display:none !important;
}
div#myCarousel {
    display: block;
}

}




/* Credit Check: 2-column layout at ≤900px */
@media (max-width: 900px) {
.credit-forms {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 2%;
}
.credit-forms .form-element-left,
.credit-forms .form-element-left-1 {
    width: 48% !important;
    flex: 0 0 48%;
    float: none !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}
.credit-forms .form-element-left .f-en-label,
.credit-forms .form-element-left-1 .f-en-label {
    position: static !important;
    display: block !important;
    color: #1a71dc !important;
    font-size: 14px !important;
    margin-bottom: 2px !important;
}
}

/* Landscape phone to portrait tablet*/
@media (max-width: 767px) {
  .show-qts-modal-dialog{width: 90% !important}
body, html { overflow-x: hidden; }
.w-500, .w-320, .w-280, .w-245, .w-145 { width: 100% !important; }
.form-element-left, .form-element-left-1 { width: 100% !important; float: none !important; margin-right: 0 !important; position: relative !important; }
.f-b-step4-content .credit-forms .form-element-left .k-dropdown,
.f-b-step4-content .credit-forms .form-element-left .k-dropdown-wrap {
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
}
.f-b-step1-content .form-element-left .f-en-label,
.f-b-step1-content .form-element-left-1 .f-en-label,
.f-b-step3-content .form-element-left .f-en-label,
.f-b-step4-content .form-element-left .f-en-label,
.f-b-step4-content .form-element-left-1 .f-en-label { position: static !important; display: block !important; color: #1a71dc !important; font-size: 14px !important; margin-bottom: 2px !important; }
.form-element-left-active .f-en-label, .form-element-left-1-active .f-en-label { position: static !important; bottom: auto !important; }
/* Show email help icon - labels are always visible in this range */
.form-element-left .f-en-label .mbl-emailpop { display: inline-block !important; }
#copy02 { width: 100% !important; float: none !important; height: auto !important; text-align: center !important; }
.f-bfooter { padding: 15px 10px !important; }
a.switch-qutn-popup { float: left !important; margin-top: 8px !important; margin-left: 4px !important; }
.ClientDetailsPopup .modal-dialog { width: 90% !important; margin-left: auto; margin-right: auto; }
.ClientDetailsPopup .f-b-labelblog-2 { height: auto !important; }
.ClientDetailsPopup .popup-lbl { position: static !important; display: block !important; margin-bottom: 2px !important; }
.ClientDetailsPopup .labelblog-2-left { width: 100% !important; float: none !important; }
.ClientDetailsPopup .f-b-show-qt-btn-blog { clear: both !important; float: none !important; margin-top: 10px !important; }
a.f-m-plan-efl { display: none !important; }
.state-txt-div { width: 100% !important; float: none !important; }
.check-para p { float: none !important; }
.check-form-ele, .check-form-ele2 { width: auto !important; float: none !important; margin-top: 4px !important; }
.f-b-step4-credit-blog, .f-b-step4-credit-blog2, .f-b-step4-credit-blog3, .f-b-step4-credit-blog4 { width: 100% !important; float: none !important; }
.f-b-step3-credit-forms { float: none !important; }
.w-7-p, .w-13-p, .w-16-p, .w-18-p, .w-22-p, .w-24-p, .w-49-p, .w-71-p, .w-98-p, .w-50-p, .w-31-p { width: 100% !important; float: none !important; }
.contract-section { height: auto !important; min-height: 700px !important; }
#contract_iframe { height: 700px !important; }
		.f-b-main-wrapper{
	width:90%;
	
}
    .mbl-margin-top-10 {
        margin-top:10px !important;
    }
     .mbl-margin-bottom-10 {
        margin-bottom:10px !important;
    }
        /*.normalcheckbox {
    margin-left: 0px !important;
}*/
    .nf-rq-steps {
        display:none !important;
    }
    .mbl-emailpop {
        display:none !important;
    }
	/**header part starts***/
	
	.f-b-logo img 
	{
		width:100%;
	}
	.f-m-header-right{
		float: right;
    
    z-index: 100;
		display:block;
	}
	.f-b-contact p{
		display:none;
	}
	.f-b-contact{
		padding:0px !important;
	}
		
	.fm-nav-btn-call{
		width: 36px;
    height: 36px;
    display: inline-block;
    background: #11c885;
    background-image: -webkit-linear-gradient(top, #11c885, #08846b);
    background-image: -moz-linear-gradient(top, #11c885, #08846b);
    background-image: -ms-linear-gradient(top, #11c885, #08846b);
    background-image: -o-linear-gradient(top, #11c885, #08846b);
    background-image: linear-gradient(to bottom, #11c885, #08846b);
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0px 0px 5px #a5a5a5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-shadow: 0px 1px #676767;
    font-family: calibri,arial;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    border: 0px;
		
		
	}
	.fm-nav-btn-call span {
    width: 36px;
    height: 36px;
    background: url(../images/f-m-sprite.png) -4px -3px no-repeat;
    display: inline-block;
}
		.rq-item-title{
			
			display:none;
		}
		.rq-item-title1{
		display:inline-block;
		    margin-top: 3px;
	}
				.rq-item-title{
		display:none;
		color: #b7b7b7;
	}
		/**header part ends***/
	
.rq-s-item.rq-s-active{
	color:#fff;
}
.rq-s-item
{
	color: #b7b7b7;
	min-width:76px;
	
}
.rq-item-number{
	    margin-right: 5px;
}
		.labelblog-2-left{
		width:100%;
		margin-bottom:10px;
	}
	.form-element-left{
		width:100% !important;
		margin-left:0px !important;
		
	}
	.labelblog-2-right{
		width:100%;
		
	}
	.mbl-width{
		width:30% !important;
			margin-bottom:25px !important;
			    margin-right: 20px;
	}
	/* Switch, help icon, ASAP in single line */
	.service-forms .form-element-left.mbl-width {
		width: auto !important;
		min-width: 80px !important;
		float: left !important;
		margin-right: 10px !important;
	}
	.service-forms .mbl-bottom {
		clear: both !important;
	}
		.date-width{
		width:100% !important;
	}
	.margin-bottom{
		margin-bottom:0px !important;
	}
		.f-b-step1-lbl-forms {
   
    padding: 22px 10px 0px;
}
.mbl-bottom{
	margin-bottom:10px !important;
}
.mbl-bottom-20{
	margin-bottom:10px !important;
}
.f-m-plan-ordernow-btn-right{
	float:none !important;
}
.continue-deposit{margin-right:0px !important;}
.f-en-enroll-green-btn{
	float:none !important;
}
.close-div {
    height: 18px;
    width: 20px;
    FLOAT: RIGHT;
    MARGIN-RIGHT: 4PX;
    MARGIN-TOP: 7PX;
   
}
.w-date-55{
	width:55% !important;
}
.w-kwh-28{
	width:28% !important;
	margin-right:0px !important;
}
.f-b-4-step-header {
	display:none;
}
.enroll-image-div {
	display:block;
    width:100%;
}
.f-b-step-title-sucess{
	background:#fff;
		border:1px solid #f4781f;
	border-radius:4px;
	padding:7px 10px;
}
.margin-mbl {
	margin-top:0px !important;
}
.disable-step1{
	width:100%;
height:40px;
background:#e9e9e9;
padding:10px;
color:#bfbfbf;
font-size:20px;
}
.step-company-name{
	display:none;
	
}
	.f-b-step-title-sucess{
		display:block;
	}
.sucess-step-mbl{
	display:block;
	
}
.disable-step1{
	display:block;
}
.margin-top-20-mbl{
	margin-top:20px;
}
.margin-top-20-mbl-1{
	margin-top:20px;
}
.f-b-step3-billingblog{
	width:100% !important;
	float:none !important;
}
.address-part{
	width:100%;
}
.billing-address-part{
	width:100%;
}
.billing-address-part{
	border-left:none !important;
}
.checkbox label{
    display: block !important;
    float: none !important;
    width: 100% !important;
    padding-left: 0px !important;
    margin-bottom: 5px;
}
.f-b-step3-plandetails {
    width: 100% !important;
    float: none !important;
    margin-top: 20px;
}
table.plan-details-table {
    table-layout: fixed !important;
    width: 100% !important;
}
table.plan-details-table td {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}
.f-b-continue-btn-blog{
	background:none;
	    padding-right: 0px;
    margin-top: 10px;
	width:100%;
}
.margin-top-con-mbl{
	margin-top:0px ! important;
}
.step-number1{
	display:none !important;
}
.cards-table{
	display:none !important;
}
div#myCarousel {
    display: block;
}
.width-mbl{
	width: 50% !important;
}
.para-success{
	font-size:20px !important;
}
a.tooltip-btn > span{
	width:100%;
	left: 4px;
}
.tooltip-btn:hover > span{
	top:-141 !important;
}
.tooltip-information {
	font-size:11px !important;
}
.f-en-enroll-green-btn{width:100%;}
/* Switch tooltip fix for 767px range */
a.switch-qutn-popup {
	position: relative;
}
a.switch-qutn-popup > span,
a.switch-qutn-popup:hover > span {
	width: 250px !important;
	left: 0 !important;
	top: auto !important;
	bottom: 100% !important;
	display: block !important;
	height: auto !important;
	overflow: visible !important;
	margin-bottom: 8px;
	padding: 10px 15px !important;
	white-space: normal;
	word-wrap: break-word;
	box-sizing: border-box;
}
a.switch-qutn-popup p,
a.switch-qutn-popup:hover p {
	margin: 0;
}
a.switch-qutn-popup span b,
a.switch-qutn-popup:hover span b {
	margin-left: 5px !important;
	margin-top: 0 !important;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
body, html { overflow-x: hidden; }
.w-500, .w-320, .w-280, .w-245, .w-145 { width: 100% !important; }
.form-element-left, .form-element-left-1 { width: 100% !important; float: none !important; margin-right: 0 !important; position: relative !important; }
.f-b-step4-content .credit-forms .form-element-left .k-dropdown,
.f-b-step4-content .credit-forms .form-element-left .k-dropdown-wrap {
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
}
.f-b-step1-content .form-element-left .f-en-label,
.f-b-step1-content .form-element-left-1 .f-en-label,
.f-b-step3-content .form-element-left .f-en-label,
.f-b-step4-content .form-element-left .f-en-label,
.f-b-step4-content .form-element-left-1 .f-en-label { position: static !important; display: block !important; color: #1a71dc !important; font-size: 14px !important; margin-bottom: 2px !important; }
.form-element-left-active .f-en-label, .form-element-left-1-active .f-en-label { position: static !important; bottom: auto !important; }
/* Show email help icon - labels are always visible in this range */
.form-element-left .f-en-label .mbl-emailpop { display: inline-block !important; }
#copy02 { width: 100% !important; float: none !important; height: auto !important; text-align: center !important; }
.f-bfooter { padding: 15px 10px !important; }
a.switch-qutn-popup { float: left !important; margin-top: 8px !important; margin-left: 4px !important; }
.ClientDetailsPopup .modal-dialog { width: 90% !important; margin-left: auto; margin-right: auto; }
.ClientDetailsPopup .f-b-labelblog-2 { height: auto !important; }
.ClientDetailsPopup .popup-lbl { position: static !important; display: block !important; margin-bottom: 2px !important; }
.ClientDetailsPopup .labelblog-2-left { width: 100% !important; float: none !important; }
.ClientDetailsPopup .f-b-show-qt-btn-blog { clear: both !important; float: none !important; margin-top: 10px !important; }
a.f-m-plan-efl { display: none !important; }
.state-txt-div { width: 100% !important; float: none !important; }
.check-para p { float: none !important; }
.check-form-ele, .check-form-ele2 { width: auto !important; float: none !important; margin-top: 4px !important; }
.f-b-step4-credit-blog, .f-b-step4-credit-blog2, .f-b-step4-credit-blog3, .f-b-step4-credit-blog4 { width: 100% !important; float: none !important; }
.f-b-step3-credit-forms { float: none !important; }
.w-7-p, .w-13-p, .w-16-p, .w-18-p, .w-22-p, .w-24-p, .w-49-p, .w-71-p, .w-98-p, .w-50-p, .w-31-p { width: 100% !important; float: none !important; }
/* Credit Check: single-column at ≤480px */
.credit-forms .form-element-left,
.credit-forms .form-element-left-1 {
    width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    margin-right: 0 !important;
}
.contract-section { height: auto !important; min-height: 700px !important; }
#contract_iframe { height: 700px !important; }
			.f-b-main-wrapper{
	width:90%;
	
}
    .mbl-bottom-5 {
        margin-bottom: 5px !important;
    }
	/**header part starts***/
	.f-b-logo img 
	{
		width:100%;
	}
	.f-m-header-right{
		float: right;
   
    z-index: 100;
		display:block;
	}
	.f-b-contact p{
		display:none;
	}
	
		.f-b-contact{
		padding:0px !important;
	}
		
	.fm-nav-btn-call{
		width: 36px;
    height: 36px;
    display: inline-block;
    background: #11c885;
    background-image: -webkit-linear-gradient(top, #11c885, #08846b);
    background-image: -moz-linear-gradient(top, #11c885, #08846b);
    background-image: -ms-linear-gradient(top, #11c885, #08846b);
    background-image: -o-linear-gradient(top, #11c885, #08846b);
    background-image: linear-gradient(to bottom, #11c885, #08846b);
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0px 0px 5px #a5a5a5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-shadow: 0px 1px #676767;
    font-family: calibri,arial;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    border: 0px;
		
		
	}
	.fm-nav-btn-call span {
    width: 36px;
    height: 36px;
    background: url(../images/f-m-sprite.png) -4px -3px no-repeat;
    display: inline-block;
}	
		.rq-item-title{
			
			display:none;
		}
			.rq-item-title1{
		display:inline-block;
		    margin-top: 3px;
	}
			.rq-item-title{
		display:none;
			
	}
		/**header part ends***/
	
.rq-s-item.rq-s-active{
	color:#fff;
}
.rq-s-item
{
	color: #b7b7b7;
	min-width:76px;
	
}
.rq-item-number{
	    margin-right: 5px;
}
	.labelblog-2-left{
		width:100% !important;
		margin-bottom:10px;
	}
	.form-element-left{
		width:100% !important;
		margin-left:0px !important;
	
	}
		.labelblog-2-right{
		width:100%;
		
	}
	.mbl-width{
		width:30% !important;
			margin-bottom:25px !important;
			    margin-right: 20px;
	}
	/* Switch, help icon, ASAP in single line */
	.service-forms .form-element-left.mbl-width {
		width: auto !important;
		min-width: 80px !important;
		float: left !important;
		margin-right: 10px !important;
	}
	.service-forms .mbl-bottom {
		clear: both !important;
	}
	.date-width{
	
	width:100% !important;
	}
	.margin-bottom{
		margin-bottom:0px !important;
	}
	.f-b-step1-lbl-forms {
   
    padding: 30px 10px 0px;
}
    .mbl-padding-10 {
        padding-top: 10px !important;
    }
    .mbl-padding-15 {
        padding-top: 15px !important;
    }
    .mbl-margin-10 {
            margin-right: 10px;
    }
.mbl-bottom{
	margin-bottom:10px !important;
}
.mbl-bottom-20{
	margin-bottom:10px !important;
}
.f-m-plan-ordernow-btn-right{
	float:none !important;
}

.continue-deposit{margin-right:0px !important;}
.close-div {
    height: 18px;
    width: 20px;
    FLOAT: RIGHT;
    MARGIN-RIGHT: 4PX;
    MARGIN-TOP: 7PX;

}
.w-date-55{
	width:55% !important;
}
.w-kwh-28{
	width:28% !important;
	margin-right:0px !important;
}
.f-b-4-step-header {
	display:none;
}
.f-b-step-title-sucess{
	background:#fff;
		border:1px solid #f4781f;
	border-radius:4px;
	padding:7px 10px;
}
.step-company-name{
	display:none;
	
}
	.f-b-step-title-sucess{
		display:block;
	}
.margin-mbl {
	margin-top:0px !important;
}
.disable-step1{
	width:100%;
height:40px;
background:#e9e9e9;
padding:10px;
color:#bfbfbf;
font-size:20px;
}
.sucess-step-mbl{
	display:block;
	
}
.disable-step1{
	display:block;
}
.margin-top-20-mbl{
	margin-top:20px;
}
.f-b-step3-billingblog{
	width:100% !important;
	float:none !important;
}
.address-part{
	width:100%;
}
.billing-address-part{
	width:100%;
}
.billing-address-part{
	border-left:none !important;
}

.checkbox label{
    display: block !important;
    float: none !important;
    width: 100% !important;
    padding-left: 0px !important;
    margin-bottom: 5px;
}
.f-b-step3-plandetails {
    width: 100% !important;
    float: none !important;
    margin-top: 20px;
}
table.plan-details-table {
    table-layout: fixed !important;
    width: 100% !important;
}
table.plan-details-table td {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}
.f-b-continue-btn-blog{
	background:none;
	    padding-right: 0px;
    margin-top: 10px;
	width:100%;
}
.margin-top-con-mbl{
	margin-top:0px ! important;
}
.step-number1{
	display:none !important;
}
.cards-table{
	display:none !important;
}
div#myCarousel {
    display: block;
}
.width-mbl{
	width: 50% !important;
}
.para-success{
	font-size:20px !important;
}
a.tooltip-btn > span{
	width:100%;
	left: 4px;
}
.tooltip-btn:hover > span{
	top:-141 !important;
}
.tooltip-information {
	font-size:11px !important;
}
/* Switch tooltip popup responsive fix */
a.switch-qutn-popup {
	position: relative;
}
a.switch-qutn-popup > span,
a.switch-qutn-popup:hover > span {
	width: 250px !important;
	left: 0 !important;
	top: auto !important;
	bottom: 100% !important;
	display: block !important;
	height: auto !important;
	overflow: visible !important;
	margin-bottom: 8px;
	padding: 10px 15px !important;
	white-space: normal;
	word-wrap: break-word;
	box-sizing: border-box;
}
a.switch-qutn-popup p,
a.switch-qutn-popup:hover p {
	margin: 0;
}
a.switch-qutn-popup span b,
a.switch-qutn-popup:hover span b {
	margin-left: 5px !important;
	margin-top: 0 !important;
}
}



@media (max-width: 375px) {

.rq-s-item {
	min-width:24px !important;
	padding: 9px 4px;
}
.w-kwh-28 {
    width: 28% !important;
    margin-right: 0px !important;
}
.w-date-50 {
    width: 55% !important;
}
.margin-top-20-mbl-1{
	margin-top:20px;
}
.para-success{
	font-size:17px !important;
}
.tooltip-btn:hover > span {
   
    top: -154px !important;
}
.width-mbl {
    width: 65% !important;
}
a.tooltip-btn.note-alert {
    font-size: 13px !important;
}
/* Switch tooltip popup - narrow screens */
a.switch-qutn-popup > span,
a.switch-qutn-popup:hover > span {
    width: 210px !important;
}

}


@media (min-width:992px) {
    #myCarousel {
        display:none !important;
    }
    .cards-table {
        display:block !important;
    }
}