/* old plans */
/* --------------------- module 1 --------------------- */
.reach-plan-main-header{
	text-align: left;
	position: absolute;
	top: 50%;
	left: 25%;
	transform: translate(-50%, -50%);
	width: 38%;
}

#planRiskFreeBadgeWebBlock {
	position: absolute;
	top: 5%;
	right: 2%;
}

.reach-plan-main-header1{
	font-family: SharpSansDispNo1-Bold;
	font-size: 28px;
	margin-bottom: 15px;
	color: #313131;
	padding-bottom: 0;
	padding-top: 10px;
}

.reach-plan-main-header-border {
	width: 83px;
	height: 5px;
	background-color: #398d87;
	margin-bottom:20px;
	border-radius:25px;
}

.reach-plan-main-subHeader {
	margin-bottom: 30px;
	font-family: SharpSansDispNo1-Medium;
	color: #313131;
	padding-bottom: 0;
	font-size: 20px;
}

.reach-plan-main-header-viewPlanBtn {
	width: 148px;
	height: 43px;
	border-radius: 22.5px;
	background-color: #48688f;
	font-size: 14px;
	font-family: SharpSansDispNo1-Bold;
	color: #fff;
	cursor: pointer;
	border: 2px solid #48688f;
}
.reach-plan-main-header-viewPlanBtn:hover{
	background-color: #38567A;
	color: #ffffff;
	border: 2px solid #38567A;
}
.reach-plan-main-header-viewPlanBtn:focus{
	outline: none;
}
/* --------------------- module 2 --------------------- */
.reach-plan-m2-header {
	margin-bottom: 10px;
	color: #313131;
	text-align: center;
	font-family: SharpSansDispNo1-Bold;
	font-size: 24px;
}

.reach-plan-m2-headerBorderBottom {
	margin: 0 auto;
	width: 75px;
	height: 5px;
	border-radius: 2px;
	background-color: #3a8580;
}

.reach-plan-m2-BoxHeader {
	color: #313131;
	font-size: 24px;
	font-family: SharpSansDispNo1-Semibold;
	margin-bottom: 10px;
}

.reach-plan-m2-BoxContent {
	margin-bottom: 15px;
	line-height:1.75;
	color: #313131;
	font-family: SharpSans-Book;
	font-size: 15px;

}

.reach-plan-m2-BoxContentLink {
	color: #48688F;
	font-size: 14px;
	font-family: SharpSansDispNo1-Bold;
	cursor: pointer;
}
.reach-plan-m2-BoxContentLink:hover {
	color: #48688F;
}


/* --------------------- module 3 --------------------- */
.the-title-plan {
	font-size: 18px;
	font-family: SharpSans-Book;
}

.text-plan-1 {
	font-size: 24px;
	font-family: SharpSansDispNo1-Bold;
}
.card-background {
	background:#fff;
	border-radius: 4px;
}

.plan-heading-title{
	font-size: 24px;
	font-family: SharpSansDispNo1-Bold;
	color: #313131;
	text-align: center;
}

.plan-info-title{
	font-size: 24px;
	font-weight: 600;
	color: #474747;
}
.plan-info-price{
	font-size: 24px;
	color: #313131;
	font-family: SharpSansDispNo1-Semibold;
}

.list-check{
	width: 16px;
	height: 12px;
}
.pie-img{
	width: 38px;
	height: 39px;
}
.plan-info-box {
	background-color: #ffffff;
}
.select-plans-btn-1{
	border-radius: 25px;
	background-color: #48688f; 
	color:#fff; 
	width: 220px;
	height: 45px;		
	font-size: 14px; 
	font-family: SharpSansDispNo1-Bold;
}
.select-plans-btn-1:hover{
	background-color: #38567A;
	color: #ffffff;
}
.select-plans-btn-1:focus{
	outline: none;
}

.line-list{
	padding:4px;
}

.line-list:hover{
	padding:4px;
	cursor:pointer;
	background:#3a8580;
	color:#fff;
}

.reach-plan-m2-view-plan-details2 {
	width: 178px;
	height: 45px;
	border-radius: 22px;
	background-color: #48688f;
	font-size: 14px;;
	font-family: SharpSansDispNo1-Bold;
	color:#fff;
	border: 2px solid #48688f;
	cursor: pointer;
}
.reach-plan-m2-view-plan-details2:hover{
	background-color: #38567A;
	color: #ffffff;
	border: 2px solid #38567A;
}

.reach-plan-m2-view-plan-details2:focus{
	outline: none;
}

.planInternationalRoaming {
	border-radius: 4px;
	border: 1px solid #c1c1c1;
	padding: 15px 20px;
}

.planInternationalRoaming:hover {
	cursor: pointer;
	background-color: #fff;
}

.planIRText {
	font-family: SharpSansDispNo1-Medium;
	font-size: 14px;
	line-height: 1.6;
	color: #313131;
	margin-bottom: 0;
}

.planIRText span:nth-child(1){
	font-family: SharpSansDispNo1-Semibold;
}

#planIRImg {
	width: 29px;
	height: 40px;
	margin-right: 12px;
	margin-top: 6px;
}

#planIRmWebImg {
	width: 29px;
	height: 40px;
	margin-right: 14px;
	margin-top: 6px;
}

.ir_plans_cta {
	font-family: 'SharpSansDispNo1-Bold', sans-serif !important;
}

/* mWeb Plan */
.reach-plan-mWeb-Name {
	font-family: SharpSansDispNo1-Semibold;
	font-size: 18px;
}

.reach-plan-mWeb-data {
	font-family: SharpSansDispNo1-Bold;
	font-size: 24px;
}

.list-mWeb-check{
	width: 16px;
	height: 12px;
}


.plan-limited-time-offer{
	text-align: center;
	background-color: #eeab18;
	width: 60%;
	font-size: 14px;
	padding: 2px 4px;
	color: #fff;
	font-family: SharpSansDispNo1-Semibold;
	border-top-left-radius: 3px;
}
/* --------------------- module 4, 5 --------------------- */
.reach-plan-m4-heading {
	font-size: 24px;
	font-family: SharpSansDispNo1-Bold;
	color: #313131;
	/* 	margin-bottom: 10px; */
}

.reach-plan-m4-quotes{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 5px;
	color: #fff;
	text-align: center;
	font-family: SharpSans-Book;
	font-size: 14px;
	line-height: 1.7;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.66));
}

.reach-plan-m4-steps {
	color: #3a8580;
	font-size: 14px;;
	font-family: SharpSansDispNo1-Medium;
}

.reach-plan-m4-boldText {
	font-family: SharpSansDispNo1-Bold;
	color: #313131;
	font-size: 18px;
}

.reach-plan-m4-normalText {
	font-family: SharpSans-Book;
	color: #313131;
	font-size: 14px;
}

.reach-plan-m4-subBoldText {
	padding-bottom: 10px;
	font-family: SharpSansDispNo1-Bold;
	margin-bottom: 0;
	color: #313131;
	font-size: 15px;
}

.reach-plan-m4-subContentText {
	font-family: SharpSans-Book;
	color: #313131;
	font-size: 14px;
	line-height:1.75;
	margin-bottom: 0;
}

/* module 5 */
.reach-plan-m5-content{
	font-family: SharpSans-Book;
	color: #313131;
	font-size: 14px;
	line-height:1.75;
	margin-bottom: 8px;
}

.reach-plan-m5-ngo {
	margin-right: 25px;
	height: 35px;
}

/* module 6 */
.reach-plan-m6-FAQ-Heading{
	font-family: SharpSansDispNo1-Bold;
	color: #313131;
	font-size: 24px;
}

.reach-plan-m6-FAQ-Que{
	font-family: SharpSansDispNo1-Semibold;
	color: #313131;
	font-size: 14px;
	line-height: 1.75;
}

.reach-plan-m6-FAQ-Ans{
	font-family: SharpSans-Book;
	color: #313131;
	font-size: 14px;
	line-height: 1.75;
	border-radius: 0;
	padding: 0 0 10px;
	border-top: 0;
}



.reachplan-accordion {
	padding: 10px;
	/* 	cursor: pointer; */
	background: #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}

/* gigs & best fit video modal css*/

#gigs-video-modal .modal-content, #bestfit-video-modal .modal-content{
	background-color: transparent !important;
	border:none !important;
}
#gigs-video-modal .close, #bestfit-video-modal .close{
	color: #ffffff;
	font-size: 43px;
	opacity: 1;
}

.reachPlanSuceessNotification {
	border-bottom: 1px solid #fff !important;
	font-family: SharpSansDispNo1-Semibold;
	text-decoration: none !important;
	font-size: 14px !important;
	color: #fff !important;
}

/* #reachPlanLoader{
	height:500px;
	background: #fff;
} */
/* #reachPlanLoaderBlock{
	position: relative;
	top: 50%;
} */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	/* module 1	*/
	.reach-plan-main-header{
		left: 50%;
		width: 80%;
	}

	.reach-plan-main-header1{
		font-size: 22px;
	}

	.reach-plan-main-subHeader {
		font-size: 16px;
		line-height: 1.7;
	}

	.reach-plan-main-header-viewPlanBtn {
		width: 128px;
		height: 43px;
		border-radius: 21.5px;
	}


	/* module 2	*/
	.reach-plan-m2-header {
		font-size: 20px;
	}

	.reach-plan-m2-BoxHeader {
		font-size: 18px;
	}

	.reach-plan-m2-BoxContent {
		margin-bottom: 14px;
	}

	/* module-3	*/
	.plan-heading-title{
		font-size: 20px;
		padding: 30px 40px;
	}

	/* module-5	*/
	.reach-plan-m5-ngo {
		margin: 15px;
	}

	/* module 6	*/
	.reach-plan-m6-FAQ-Heading{
		font-size: 20px;
		text-align: center;
	}
	iframe#gigs-video-src, iframe#bestfit-video-src {
		height: 200px;
	}
	.reach-plan-mWeb-Name, .reach-plan-mWeb-data{
		font-size: 14px;
	}
}

@media only screen and (min-width: 601px) and (max-width: 768px){
	/* module 1	*/
	.reach-plan-main-header{
		left: 40%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1224px){
	/* module 1	*/
	.reach-plan-main-header{
		left: 37%;
	}

	/* module-5	*/
	.reach-plan-m5-ngo {
		margin: 20px;
	}
}

/* ---------- */

/***newplans***/
/* Common css for Page */

.reachPlanBtn {
	width: 200px;
	height: 45px;
	border-radius: 22.5px !important;
	background-color: #f08c22 !important;
	font-size: 14px !important;
	font-family: SharpSansDispNo1-Bold !important;
	color: #fff !important;
	cursor: pointer !important;
	padding: 10px !important;
}

.reachNewPlan-SideGutter{
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}
.reachNewPlan-blockBg{
	background: #ffffff;
	margin: 20px 0;
}
.reachNewPlan-Border{
	width: 83px;
	height: 5px;
	background-color: #000;
	margin-bottom: 20px;
	border-radius: 25px;
}
.reachNewPlan-BorderCenter {
	width: 75px;
	height: 5px;
	background-color: #000;
	margin-bottom: 20px;
	border-radius: 25px;
	margin: 0 auto;
}

/* Header banner */
.reachNewPlan-HeaderContent {
	text-align: left;
	position: absolute;
	top: 50%;
	left: 25%;
	transform: translate(-50%, -50%);
	width: 38%;
}
.reachNewPlan-HeaderText {
	font-family: SharpSansDispNo1-Bold;
	font-size: 28px;
	margin-bottom: 20px;
	color: #383838;
	padding-bottom: 0;
	padding-top: 10px;
}

.reachNewPlan-SubHeader{
	margin-bottom: 16px;
	font-family: SharpSansDispNo1-Medium;
	color: #313131;
	padding-bottom: 0;
	font-size: 18px;
}
.reachNewPlan-ViewPlanBtn, .reachPlans-PlanSelectBtn{
	width: 200px;
	height: 45px;
	border-radius: 22.5px !important;
	background-color: #f08c22 !important;
	font-size: 14px !important;
	font-family: SharpSansDispNo1-Bold !important;
	color: #fff !important;
	cursor: pointer !important;
	border: 2px solid #f08c22 !important;
}
.reachNewPlan-ViewPlanBtn:hover, .reachPlans-PlanSelectBtn:hover {
	background-color: #f08c22 !important;
	color: #ffffff;
	border: 2px !important;
}
#reachNewPlans-BadgeWebBlock{
	position: absolute;
	top: 5%;
	right: 2%;
}f08c22
#reachNewPlans-BadgeMwebImg{
	display:none;
}
#reachNewPlans-BadgeWebBlock{
	display:block;
}
#reachNewPlan-bannerBtn, #reachNewPlan-BestfitBtn, #reachNewPlan-GigsBtn, #reachNewPlan-PhonePageBtn, #reachNewPlan-checkCoverageModalBtn, #reachNewPlan-checkCompatibilityModalBtn{
	width: 200px;
	height: 45px;
	margin: 14px 0 0 !important;
}
/* Plan Block */
.reachPlans-header{
	font-size: 24px;
	font-family: SharpSansDispNo1-Bold;
}
.reachPlansBlock{
	background: #fff;
	margin: 24px 8px 10px;
	border-radius: 4px;
	border: solid 1px #979797;
}
.reachPlansBlock:hover{
	border: solid 1.5px #f08c22;
	box-shadow: 0 2px 4px 0 #bbb;
}
.reachPlans-Recommended{
	border-radius: 2px;
	background-color: #f08c22;
	font-family: SharpSansDispNo1-Semibold;
	font-size: 12px;
	color: #fff;
	padding: 4px 8px;
	width: 40%;
}

.reachPlans-NameAndData {
	font-size: 22px;
	color: #313131;
	padding-bottom: 10px;
}

.reachPlans-NameAndData span:nth-child(1) {
	font-family: SharpSansDispNo1-Medium;
}

.reachPlans-NameAndData span:nth-child(2) {
	font-family: SharpSansDispNo1-Medium;
}

.reachPlans-BorderBottom {
	width: 70px;
	height: 5px;
	border-radius: 2.5px;
	background-color: #313131;
	margin: 0 auto;
}

#reachPlans-plansListBlock {
	padding: 20px 0;
}

.reachPlans-CostForEachBlock {
	margin: 10px 0 0;
}

.reachPlans-CostForEachBlock span:nth-child(1) {
	font-family: SharpSansDispNo1-bold;
	font-size: 35px;
	color: #383838;
}
.reachPlans-CostForEachBlock span:nth-child(2) {
	font-family: SharpSansDispNo1-Semibold;
	font-size: 14px;
	color: #383838;
}
.reachPlans-AdditionalLine{
	font-size: 14px;
	font-family: SharpSansDispNo1-Medium;
	color: #f08c22;
	text-align: left;
	padding: 0 11px 5px;
	display: none;
}
.reachPlans-AdditionalLine span{
	font-size: 14px;
	font-family: SharpSansDispNo1-Medium;
	color: #f08c22;
}
.reachPlans-AdditionalLineCost{
	font-size: 20px !important;
	font-family: SharpSansDispNo1-bold !important;
	color: #f08c22;
}
.reachPlans-SharableAndPerBlock{
	text-align: center;
	color: #4b4b4b;
	padding: 10px 11px 11px;
}
.reachPlans-SharableAndPerBlock span {
    font-size: 22px;
    font-family: SharpSansDispNo1-bold;
    color: #4b4b4b;
}
/* .reachPlans-SharableAndPerBlock p{
	font-size: 14px;
	font-family: SharpSansDispNo1-Medium;
	color: #4b4b4b;
} */

.reachPlans-SharableAndPerBlock span:nth-child(2){
	font-size: 18px;
	font-family: SharpSansDispNo1-bold;
	color: #4b4b4b;
	padding-left: 4px;
}

.reachPlans-SharableAndPerBlock span:nth-child(3){
	font-size: 13px;
	font-family: SharpSansDispNo1-Semibold;
	color: #4b4b4b;
	padding-left: 4px;
}

.reachPlans-linesBlockheader{
	font-family: SharpSansDispNo1-Semibold;
	font-size: 16px;
}
#reachPlans-maxLine {
	border: 1px solid #979797;
	padding: 10px 5px;
	border-radius: 4px;
}
.reachPlans-lineList {
	display: inline;
	padding: 4px 10px;
	background: #fff;
	margin: 4px 5px;
	color: #313131;
	font-size: 16px;
	font-family: SharpSansDispNo1-Semibold;
	border-radius: 4px;
	cursor: pointer;
}
.reachPlans-lineList.active {
	background: #f08c22;
	color: #fff;
	border-radius: 4px;
}
.reachPlans-ExtrasBlock{
	text-align: left;
	padding: 4px 11px 24px;
}
.reachPlans-ExtrasText{
	font-family: SharpSansDispNo1-Semibold;
	font-size: 16px;
	color: #313131;
	margin-bottom: 0;
}
.reachPlans-ExtrasInnerSubText{
	font-family: SharpSansDispNo1-Semibold;
	font-size: 14px;
	color: #313131;
	padding-bottom: 0;
	margin-bottom: 0;
}

.reachPlans-featuresNeed {
	padding-bottom: 14px;
	padding-left: 11px;
	text-align: left;
}
.reachPlans-featuresNeedHeader{
	font-family: SharpSansDispNo1-Semibold;
	font-size: 16px;
	color: #313131;
	margin-bottom: 0;
}
.reachPlans-featuresNeedSubText {
	font-family: SharpSansDispNo1-Medium;
	font-size: 14px;
	line-height: 1.6;
	color: #313131;
}
.reachPlans-featuresNeedCheckImg{
	width: 16px;
	height: 12px;
}

.opca{
	width: 88%;
	height: 94.6%;
	background-color: rgba(255,255,255,0.8);
	/* 	z-index: 999999; */
	position: absolute;
	border-radius: 4px;
}
/* #reachNewPlan-CheckCoverageBtn{
	width: 200px;
	height: 45px;
} */


#reachNewPlan-SimpleStepToShopPhone{
	font-family: SharpSansDispNo1-Bold;
}
/* Best network Block */
.reachNewPlan-BestNetworkHeading, .reachNewPlan-OwnPhoneHeading, .reachNewPlan-BestfitHeading, .reachNewPlan-SimpleStepsHeading, .reachNewPlan-BestfitHeadingMweb{
	font-size: 20px;
	font-family: SharpSansDispNo1-Bold;
}
.reachNewPlan-BestNetworkSubText, .reachNewPlan-OwnPhoneSubText, .reachNewPlan-BestfitSubText, .reachNewPlan-BestfitSubTextMweb{
	font-size:14px;
	font-family: SharpSansDispNo1-medium;
	line-height: 1.75;
}
/* Bring Your Own Phone */
.reachNewPlan-OwnPhone{
	width: 100%;
	height: 45px;
	border-radius: 22.5px !important;
	background-color: #f08c22 !important;
	font-size: 14px !important;
	font-family: SharpSansDispNo1-Bold !important;
	color: #fff !important;
	cursor: pointer !important;
	padding: 10px !important;
}
.reachNewPlan-NewPhone{
	width: 100%;
	height: 45px;
	border-radius: 22.5px !important;
	background-color: #fff !important;
	font-size: 14px !important;
	font-family: SharpSansDispNo1-Bold !important;
	color: #f08c22 !important;
	cursor: pointer !important;
	padding: 10px !important;
	border: 1.5px solid #f08c22 !important;
}
/* .reachNewPlan-NewPhone:hover{
	color: #48688f;
} */

/* Reliable Coverage */
.reachNewPlan-ReliableCoverageHeading{
	font-size: 26px;
	font-family: SharpSansDispNo1-Bold;
}
.reachNewPlan-ReliableCoverageSubText{
	font-size:18px;
	font-family: SharpSansDispNo1-medium;
}
.reachNewPlan-ReliableCoverageContent{
	position: absolute;
	right: 6%;
	bottom: 1%;
	width: 38%;
}
#reachNewPlan-ReliableCoverageBtn {
	width: 200px;
	height: 45px;
}
/* Simple Steps  */
.reachNewPlan-SimpleStepsContentBlock {
	cursor: pointer;
}
.reachNewPlan-SimpleStepsContentBlock h2{
	font-size:16px;
	color: #313131;
	padding: 0;
	font-family: SharpSansDispNo1-semibold;
	margin-bottom: 1px;
}
.reachNewPlan-SimpleStepsContentBlock h2 span{
	font-size:30px;
	font-family: SharpSansDispNo1-Bold;
	color: #bbb;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.reachNewPlan-SimpleStepsContentBlock p{
	font-family: SharpSansDispNo1-medium;
	font-size:14px;
}


.reachNewPlan-SimpleStepsContentBlock.active h2{
	font-family: SharpSansDispNo1-bold;
}
.reachNewPlan-SimpleStepsContentBlock.active h2 span{
	color: #f08c22;
}
.reachNewPlan-SimpleStepsContentBlock.active p{
	font-family: SharpSansDispNo1-semibold;
}

#reachNewPlan-SimpleStepBtn{
	width: 40%;
}



/* #reachNewPlan-BestfitBlockWeb{
display:block;
} */
#reachNewPlan-SimpleStepsBlockMweb, #reachNewPlan-SimpleStepsBlockWeb{
	display:block;
}
#reachNewPlan-SimpleStepsBlockWeb img{
	height:452px;
	float: right;
}
#reachNewPlan-BestfitIconBlock .reachNewPlan-BestfitHover {
	width: 260px;
	height: 220px;
	border: 1px solid #979797;
	float: left;
	margin: 10px;
	border-radius: 4px;
	background-color: #fff;
	cursor: pointer;
}
#reachNewPlan-BestfitIconBlock .reachNewPlan-BestfitHover.active {
	background-color: #f08c22;
	border: 1px solid #f08c22;
}

#reachNewPlan-BestfitIconBlock {
	margin: 10px 0 10px 0px;
}
/* Bestfit  */
#reachNewPlan-BestfitBlockMweb{
	display:none;
}
.reachNewPlan-BestfitHover h2{
	position: relative;
	font-size: 20px;
	font-family: SharpSansDispNo1-semibold;
	top: 30%;
	margin: 0 auto;
	width: 90%;
	text-align: center;
	color: #414042;
}
.reachNewPlan-BestfitHover.active h2{
	color: #ffffff;
}
.darkBlock, .whiteBlock{
	position: relative;
	top: 55px;
	left: 38%;
}

#reachPlans-linesBlock{
	width: 80%;
	margin: 0 auto;
}
/* Activation */

#reachPlanActivation{
	padding: 20px 0 80px; 
}
#reachPlanActivation-PleaseLogoutImg{
	width: 90px;
	height: 80px;
}
.reachPlanActivationText{
	font-family: SharpSansDispNo1-Bold;
	font-size: 16px;
	padding-top:20px;
}
.reachPlanActivationSubText{
	font-family: SharpSansDispNo1-Bold;
	font-size: 14px;
}
.reachPlanActivation-PleaseLogoutText {
	font-family: SharpSansDispNo1-Bold;
	font-size: 14px;
}
.reachPlanActivationAppStoreBlock {
    padding: 20px 0;
}
@media only screen and (min-width: 1800px){
/* 	#reachPlanActivationBlock{
		text-align: center;
	} */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and  (orientation: landscape){
	#reachNewPlans-BadgeMwebImg{
		display:block;
	}
	#reachNewPlans-BadgeWebBlock{
		display:none;
	}
	#reachNewPlan-BestfitBlockMweb {
		display: block;
	}
	#reachPlans-linesBlock {
		width: 100%;
	}
	#reachNewPlan-BestfitBlockWeb, #reachNewPlan-SimpleStepsBlockWeb{
		display: none;
	}
	#reachNewPlan-SimpleStepsBlockMweb {
		display: block;
		margin: 30px 25px 20px !important;
		flex: 100%;
		max-width: 100%;
	}
	.reachNewPlan-ReliableCoverageContent {
		position: absolute;
		right: 2%;
		bottom: 0.5%;
		width: 50%;
	}
	.reachPlanActivationBlock{
		margin-left: 0%;
		/* 		height:100vh; */
		max-width: 20%;
		padding-left: 2rem !important;
	}
	#reachNewPlan-PhonePageBtn, #reachNewPlan-checkCoverageModalBtn {
		width: 170px;
		height: 45px;
		margin: 14px 0 0;
	}
	#reachPlanActivation{
		height: 100vh;
	}
	.reachPlans-mWebViewDetailBtn span {
		display:block;
		padding: 12px 0 12px 20px;
		text-align: left;
		border-top: 1px solid #979797;
		font-size: 14px;
		color: #48688f;
		font-size: 14px;
		font-family: SharpSansDispNo1-bold;
	}

	.reachPlans-mWebViewDetailBtn .hideing:before{
		font-family: 'SharpSansDispNo1-Bold';
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		float: right;
		margin: 8px 15px;
		transform: rotate(180deg);
	}

	.reachPlans-mWebViewDetailBtn .showing:before {
		font-family: 'SharpSansDispNo1-Bold';
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		float: right;
		margin: 8px 15px;

	}
	.reachNewPlan-SideGutter{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.reachNewPlan-HeaderContent{
		text-align: left;
		position: absolute;
		top: 50%;
		left: 36%;
		transform: translate(-50%, -50%);
		width: 60%;
	}

/* 	#reachNewPlan-BestfitMwebBtn.reachHomeBtn {
		width: 25% !important;
	} */
	#reachNewPlan-BestfitBlockMweb > div {
		padding: 30px 40px 20px !important;
	}
	
	.reachNewPlan-BestfitHeadingMweb {
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and  (orientation: portrait){
	.reachNewPlan-SideGutter{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#reachNewPlan-BestfitBlockMweb > div {
		padding: 30px 40px 20px !important;
	}
	#reachNewPlans-BadgeMwebImg{
		display:block;
	}
	#reachNewPlans-BadgeWebBlock{
		display:none;
	}
	#reachNewPlan-BestfitBlockMweb {
		display: block;
	}
	#reachLpPlans-linesBlock {
		width: 100%;
	}
	.reachNewPlan-BestNetworkContent {
		padding: 20px 8px 4px;
	}
	#reachNewPlan-BestfitBlockWeb{
		display: none;
	}
	.reachNewPlan-BestNetworkContent{
		padding: 20px 8px 4px;
	}
	#reachNewPlan-SimpleStepsBlockWeb {
		display: none !important;
	}
	.reachNewPlan-ReliableCoverageContent {
		position: absolute;
		right: 0%;
		bottom: 1.5%;
		width: 50%;
	}
	#reachNewPlan-SimpleStepsBlockMweb {
		display: block;
		margin: 30px 20px 20px !important;
		flex: 100%;
		max-width: 100%;
	}
	.reachPlanActivationBlock{
		margin-left: 0%;
		max-width: 20%;
		padding-left: 2rem !important;
	}
	#reachNewPlan-PhonePageBtn, #reachNewPlan-checkCoverageModalBtn {
		width: 100%;
		height: 45px;
		margin: 14px 0 0;
	}
	#reachPlanActivation{
		height: 100vh;
	}
	.reachPlans-mWebViewDetailBtn span {
		display:block;
		padding: 12px 0 12px 20px;
		text-align: left;
		border-top: 1px solid #979797;
		font-size: 14px;
		color: #48688f;
		font-size: 14px;
		font-family: SharpSansDispNo1-bold;
	}

	.reachPlans-mWebViewDetailBtn .hideing:before{
		font-family: 'SharpSansDispNo1-Bold';
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		float: right;
		margin: 8px 15px;
		transform: rotate(180deg);
	}

	.reachPlans-mWebViewDetailBtn .showing:before {
		font-family: 'SharpSansDispNo1-Bold';
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		float: right;
		margin: 8px 15px;

	}
	.reachNewPlan-HeaderContent{
		text-align: left;
		position: absolute;
		top: 50%;
		left: 36%;
		transform: translate(-50%, -50%);
		width: 60%;
	}

/* 	#reachNewPlan-BestfitMwebBtn.reachHomeBtn {
		width: 30% !important;
	} */

	.reachNewPlan-BestfitHeadingMweb {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 992px) and (orientation: landscape){
	#reachPlans_list {
		width: 70%;
		margin: 0 auto;
	}
	.reachPlan-colBlock {
		max-width: 50% !important;
		background-color: white;
		flex: 50% !important;
	}
	.reachNewPlan-BestNetworkContent{
		padding: 20px 8px 4px;
	}
	.reachNewPlan-ReliableCoverageContent {
		position: absolute;
		left: 55%;
		bottom: 1.5%;
		width: 50%;
	}
	#reachPlanActivation{
		height: 100vh;
	}
	#reachPlanActivation-PleaseLogoutImg {
		width: 90px;
		height: 80px;
	}

	.reachNewPlan-BestfitHeadingMweb {
		margin-top: 10px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait){
	.reachNewPlan-HeaderContent{
		text-align: left;
		position: absolute;
		top: 50%;
		left: 36%;
		transform: translate(-50%, -50%);
		width: 60%;
	}
	#reachNewPlan-BestfitBlockMweb {
		display: block;
	}
	#reachNewPlans-BadgeMwebImg{
		display:block;
	}
	#reachNewPlans-BadgeWebBlock{
		display:none;
	}

	#reachPlans_list {
		width: 70%;
		margin: 0 auto;
	}
	.reachPlan-colBlock {
		max-width: 50% !important;
		background-color: white;
		flex: 50% !important;
	}
	#reachPlans-linesBlock {
		width: 100%;
		margin: 0 auto;
	}
	#reachPlanActivation{
		height: 100vh;
	}
	#reachPlanActivation-PleaseLogoutImg {
		width: 100px;
		height: 85px;
	}
	
	.reachNewPlan-BestfitHeadingMweb {
		margin-top: 10px;
	}
}


/* Mobile device */
@media only screen and (max-width: 600px){
	
	.reachPlanBtn {
		width: 180px;
	}
	
	#reachPlans-linesBlock {
		width: 100%;
		margin: 0 auto;
	}
	#reachPlans-plansListBlock {
		padding: 20px 0;
	}
	#reachPlans-linesBlock{
		width: 100%;
	}
	#reachNewPlan-ReliableCoverageBtn, #reachNewPlan-bannerBtn, #reachNewPlan-BestfitMwebBtn, #reachNewPlan-GigsMwebBtn {
		width: 180px !important;
/* 		height:45px; */
	}
	.fixed-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 999;
		padding: 5px 5% 15px;
		/* border-bottom: 1px solid #eee; */
		box-shadow: 2px 1px 3px 0 #ddd;
	}
	.opca {
		width: 93%;
		height: 74%;
		background-color: rgba(255,255,255,0.8);
		/* z-index: 999999; */
		position: absolute;
		border-radius: 4px;
	}
	.reachPlans-featuresNeed {
		opacity: 0.4;
	}
	#reachPlans-maxLine{
		width: 96%;
		margin: 0 auto;
	}
	.fixed-header #reachPlans-maxLine{
		width: 88%;
		margin: 0 auto;
	}
	.reachPlans-header{
		font-size: 20px;
	}


	/* common css for page	 */
	.reachNewPlan-SideGutter {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.reachNewPlan-HeaderContent {
		position: absolute;
		top: 50%;
		left: 40%;
		width: 60%;
	}
	.reachNewPlan-HeaderText{
		font-size: 22px;
	}
	.reachNewPlan-SubHeader{
		font-size: 16px;
	}
	#reachNewPlans-BadgeMwebImg{
		display:block;
	}
	#reachNewPlans-BadgeWebBlock{
		display:none;
	}
	/* Check Coverage	 */
	.reachNewPlan-BestNetworkImgBlock {
		padding-bottom: 30px;
	}
	.reachNewPlan-ReliableCoverageContent {
		position: absolute;
		left: 6%;
		bottom: 30px;
		width: 90%;
	}
	.reachNewPlan-ReliableCoverageHeading {
		font-size: 22px;
	}
	#reachNewPlan-SimpleStepsBlockMweb, #reachNewPlan-BestfitBlockMweb{
		display:block;
	}
	#reachNewPlan-BestfitBlockWeb, #reachNewPlan-SimpleStepsBlockWeb{
		display:none;
	}

	.reachPlans-mWebViewDetailBtn span {
		display:block;
		padding: 12px 0 12px 20px;
		text-align: left;
		border-top: 1px solid #979797;
		font-size: 14px;
		color: #48688f;
		font-size: 14px;
		font-family: SharpSansDispNo1-bold;
	}

	.reachPlans-mWebViewDetailBtn .hideing:before{
		font-family: 'SharpSansDispNo1-Bold';
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		float: right;
		margin: 8px 15px;
		transform: rotate(180deg);
	}

	.reachPlans-mWebViewDetailBtn .showing:before {
		font-family: 'SharpSansDispNo1-Bold';
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		float: right;
		margin: 8px 15px;

	}


	/* 
	.reachPlans-mWebViewDetailBtn.openDetails .showing:before{
	content: "\25be";
	text-align: right;
	right: 10%;
	top: 94%;
	font-size: 15px;
	position: absolute;
	color: #48688f;
	transform: rotate(180deg);
} */
	/* 	.reachPlans-mWebViewDetailBtn .hideing{
	display:block;
}
	.reachPlans-mWebViewDetailBtn .showing{
	display:none;
}
	.reachPlans-mWebViewDetailBtn.openDetails .hideing{
	display:none;
}
	.reachPlans-mWebViewDetailBtn.openDetails .showing{
	display:block;
} */
	.reachPlans-featuresNeed {
		padding-bottom: 0;
		/* 		padding-left: 20px;
		text-align: left; */
	}
	.reachNewPlan-ReliableCoverageSubText{
		font-size:16px;
	}
	#reachNewPlan-BestfitBlockMweb div:nth-child(2) p, #reachNewPlan-BestfitBlockMweb div:nth-child(3) p{
		margin-bottom: 4px !important;
	}
	.reachNewPlan-SimpleStepsContentBlock:nth-child(4) p{
		margin-bottom: 0px !important;
	}
	.reachPlanActivation-PleaseLogoutText{
		font-family: SharpSansDispNo1-Bold;
		font-size: 10px;
	}
	#reachPlanActivation-PleaseLogoutImg{
		width: 70px;
		height: 60px;
	}

	.reachNewPlan-BestfitHeadingMweb {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 360px){
	.reachPlanBtn {
		width: 180px;
	}
	.reachPlans-lineList {
		display: inline;
		padding: 4px 10px;
	}
}