/* Media Query */



@media screen and (max-width: 767px) {
   .top{
    display:none;
  }
  
  .navbar{
	  background:#000086;
	  overflow-y:scroll;
	  overflow-x:hidden;
  }
  
  .navbar-collapse{
	  height:200px;
  }
  
   .dropdown-menu{
	 margin-left:3%;
	 background:#000086;
 }
 
   .dropdown-item{
	   color:white;
   }
   
   .dropdown-item:hover{
	   background:none;
   }
  
 .navbar .nav-item .nav-link{
	  color:white;
  }
  
  .bar-item{
	  background:white;
  }
  
  .about h2::after, 
  .about h2::before{
	  display:none;
  }
  
  .about{
	  padding:0 5%;
  }
  
  .about h2{
	  padding-top:10%;
  }
  
 .about-text{
	 padding:10% 0;
 }
 
 
  .service-highlights h2::after, 
  .service-highlights h2::before{
	  display:none;
  }
  
  .service-highlights h2{
	  padding:5% 0;
	  font-size:31px;
  }
  
  .item {
    padding: 0 8%;
  }
  .call-to-action a{
	transform:translateY(0);
	padding:2% 10%;
	margin: 0 3%;
  }
  
 .btn-display {
     margin-left:2%;
 }
  
  .call-to-action h4 {
	  font-size:20px;
  }
 
 .nav a{
	 margin-top: 5%;
 }

.life-insurance-plans h2{
	margin-top:10%;
}

.service-highlights span {
    background: #00dcff;
    padding: 8px;
    border-radius: 15px;
    color: black;
}	

.plans-content {
	padding-left:0;
}

.health-plans ul{
	padding-left: 4%;
}


.health-plans li {
	margin-left:3%;
}


.bupa-plans i {
    font-size: 30px;
}
  
.contact-details{
	padding-left:0;
	padding-top:2%;
}
  
.contact-details-text h2{
	margin-left:0%;
}
  
.contact-map iframe{
	margin-left:0;
}

.nav-pills{
	display:block;
}

}

@media screen and (min-width: 768px) {
   .top{
    display:none;
  }
  .carousel-caption p{
	  font-size:25px;
  }
  
  .about-text{
	 padding:10% 0;
 }
 .dropdown-menu{
	 margin-left:0;
 }
 
  .btn-display{
	  display:grid;
  }
 
 .call-to-action a {
    transform: translateY(0);
    padding: 3% 20%;
    margin-top: 5%;
    background: none;
    border-color: white;
    font-weight: 600;
    transition: 0.5s;
}
 
 
.health-plans li {
	margin-left:3%;
}

 
}

@media screen and (min-width: 992px) {
   .top{
    display:block;
  }
  .about-text{
	 padding: 0;
 }
	
  .carousel-caption p{
	  font-size:30px;
  }
  
  .dropdown-menu{
	 margin-left:15%;
 }

  
}

@media screen and (min-width: 1200px) {
.health-plans li {
	margin-left:12%;
}
}