.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
  }

  .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: .4s;
  }

  input:checked+.slider {
	background-color: #467CBF;
  }

  input:focus+.slider {
	box-shadow: 0 0 1px #467CBF;
  }

  input:checked+.slider:before {
	transform: translateX(26px);
  }

  .slider.round {
	border-radius: 34px;
  }

  .slider.round:before {
	border-radius: 50%;
  }


  .col-md-4 h2,
  .col-md-4 .broadband-label,
  .col-md-4 .toggle-content {
	flex-grow: 1;
  }


  /* Chosee your plan styling */
  .chosee-your-plan .slick-slide {
	display: flex;
	height: auto;
  }

  /* Broadband label styling */
  .broadband-label {
	float: left;
	width: 100%;
  }

  .toggle-content {
	text-align: left;
	margin-top: 15px;
	float: left;
	width: 100%;
	overflow-x: scroll;
  }

  .toggle-content .row {
	width: calc(200% + 60px);
  }
  .toggle-content .col-6:nth-child(2) {
	padding-left:30px;
	padding-right:0px;
  }

  .bbl section.header h3,
  .bbl section.header h2 {
	color: #000000 !important;
  }

  .label,
  .view-hide {
	cursor: pointer;
	margin: 0px;
  }
  .bottom-bg {
	background: #F0F5FF;
	border-radius: 0 0 25px 25px;
	padding: 14px 18px;
  }
  p.laebl {
	padding-left: 0;
	float: left;
	font-size: 18px;
	color: #114060;
	margin-bottom:0px;
  }
  p.view-hide {
	float: right;
  }
  .label,
  .view-hide i {
	font-size: 26px;
	color: #114060;
  }

  article.bbl li:before {
	display: none;
  }



  /* Centered alignment */
  .centered-align {

	text-align: right;
	margin: 0px 0;
	width:100%;
  }

  /* Show/Hide all styling */
  .show-hide-all {
	display: flex;

  }

  .show-hide-all h5 {
	margin: 10px;
	font-size: 14px;
	font-weight: 300;
  }



  @media (max-width: 767px) {
	.show-hide-all {
	  display: block;
	  text-align: left;
	}
	.show-hide-all h5 {
	  margin: 0px;

	}
	.centered-align {
	  margin: 0px 0px;
	  text-align: center;
	}
	.made-morereverse .row {
	  display: flex;
	  flex-direction: column-reverse;
	}
	@media (max-width: 575px) {
	  #banner {
		background-position: 10% center;
	  }
	}
	@media (max-width: 480px) {
	  #disclaimer {
		text-align: center;
	  }
	}
	@media (max-width: 400px) {
	  #banner {
		background-position: 20% center;
	  }
	}


  }