/*@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");*/
@import url("/css/poppins.css?family=Poppins:wght@200;300;400;500;600;700&display=swap");
body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  
}

.youtube-container{
	margin:auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap:20px;
  width:80%;
}

.youtube-container-item_span4{
		grid-column: span 4;
}

.youtube-container-item{
  height:20rem;
  border-radius: 3px;
  background-color:transparent;
    text-align: left;
  color:rgb(132, 128, 133);
    border:0px solid lime;
	position:relative;
		box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.10); 
	margin:0;
	transition:1s;
}

.youtube-container-item h3{
	margin-top:0;
	margin-bottom:0;
  font-size: 0.95rem;
  font-weight: 500;
  text-align: left;
	padding:10px;
	
}

.youtube-container-item h4{
	position:absolute;
	bottom:0;
	right:5px;
  font-size: 0.65rem;
  font-weight: 300;
  text-align: left;
  line-height: 1.2;
	padding:10px;
	margin-bottom:0;
}

.youtube-container-item img{
  width:100%;
  height:12rem;
  border-radius:3px 3px 0 0;
}
.youtube-container-item:hover{
	transform: scale(1.1);
	cursor:pointer;
}





.youtitles{
	position:absolute;
	bottom:0;
	left:0;
  font-size: 0.85rem;
  font-weight: 300;
  text-align: left;
  line-height: 1.2;
}

.clickMe{
  position: fixed;
  bottom:20px;
  right: 80px;
  font-size:1rem;
  border:none;
  background-color: transparent;
  font-weight: 200;
  transition:1s;
}

.clickMeAnchor{
  position: fixed;
  bottom:20px;
  right: 20px;
  font-weight: 200;
  background-color: transparent;
  border:none;
  transition:1s;
}

.clickMeAnchor:hover{
  background-color: transparent;
   cursor:pointer;
    transition:1s;
}
.clickMe:hover{
  background-color: transparent;
  cursor:pointer;

}

.bxiconA{
  font-size: 3rem;
  color:rgb(254,80,0);
}
.bxiconA:hover{
  color: grey;
}

@media only screen and (max-width: 960px){
h1{font-size:1.2rem;}
h2{font-size:1rem;}
h3{font-size:0.95rem;}	
p{font-size:0.95rem;}
.h2_left{font-size:1.2rem;}	
.hrline{display:none;}
	iframe{
	height:250px;
	}
	
.youtube-container{
  width:100%;
  grid-template-columns: auto;
}	
.youtube-container-item_span4{
		grid-column: span 1;
}
	
.grid_container{
	grid-template-columns: auto;
	}
.grid_item_span3{
	grid-column: span 8;
	border:0px solid red;
	padding:0 20px;
	}
.grid_item_span6{
		grid-column:span 8;
	}
.grid_item_span4{
		grid-column:span 8;
		padding-right:40px;

	}
.grid_item{
		display: none;
	}
.grid_item_span8{
		grid-column: span 8;	
		border:3px solid pink;
	}
.main_container_item_span2{
		grid-column:span 8;
	}
.main_container_item_span4{
		grid-column:span 8;
	}
.info_card_container{
		margin-left:auto;
		margin-right:auto;
		grid-template-columns: auto;
		padding:0;
		width:90%;
	}
.info_card_item{
		height:350px;
		margin-bottom:150px;
	}
.info_card_inner{
	height:250px;
	padding:10px;
	}
.info_card_inner p{font-size:0.85rem;}
.info_card_inner_logo{
		width:100px;
	}
.ortho_img{width:60px;}
.info_card_btn{
		
	font-size:0.75rem;
	padding:6px 10px;
	}
.grid-item-slider{
	grid-column:span 1;
	width:100%;
	height:450px;
}
.grid-item-slider .list .item .content p:nth-child(1){
	color:var(--melocolor);
	letter-spacing:2px;
	font-size:0.95rem;
	font-weight:600;
}
.grid-item-slider .list .item .content p:nth-child(3){
	font-size:0.75rem;
	font-weight:400;
}
.grid-item-slider .list .item .content h3{
	font-size:1rem;
}	
.thumbnail_flex .thumbnail_item{
	margin-top:80px;
	width:60px;
	height:75px;
}	
.content p{
	font-size:0..75rem;
}
#next_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
#prev_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
.testimonials-section_overlay{display:none;}	
.testimonials-section{
	width:80%;
	border:0px solid lime;
	margin-left:auto;
	margin-right:auto;
	
}		
.logo{display:none;}

.grid-container{
		width: 100%;
		gap:10px;
	}
.grid-item-span3{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.85rem;
	}
.grid-item-span6{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.75rem;
	}
.slider__txt{
		font-size:0.85rem;
	}
	
	quote {
font-size:3rem;
}
.slider__caption{font-size:0.75rem;}
	
.testimonials-section {
	height: 450px;
}	

.slider__nav {
  width: 16px;
  height: 16px;
}	
.removethis{display:none;}
.footer_container{
	grid-template-columns: repeat(5, 1fr);
	gap:5px;
	width:100%;
	padding-left:20px;
	padding-right:10px;
}
.footer_item{padding:0;overflow:hidden;width:100%;}
.footer_header{
	margin-top:20px;
	font-size:0.75rem;
}
.footer_menu a{
	font-size: 0.65rem;
	line-height:0;
	}
.footer_icons{
	font-size:2rem;
	width:40px;
	height:40px;
	border:2px solid white;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius:50%;
	margin-left:12px;
	padding:2px 2px 5px 2px;
	}
.footer_item_span6{
	grid-column:span 5;
	font-size:0.75rem;
}
.beelogo{
	height:60px;
	width:60px;
}
.footer_follow{
	font-size:0.65rem;
}	
.career_container{
height:250px;
background-size:100%;
}	
.career_container_overlay{
	height:250px;
}
.career_content{
	font-size:1rem;
	left:10px;
	top:50px;
}
.career_content .h2_left{
	font-size:1rem;
}	
.career_content .form_btn	{
	font-size:0.75rem;
	padding: 0.3rem 0.5rem;
}
.news_grid_container{
	padding-left:40px;
}
.news_grid_item_span2{
	grid-column:span 4;
}
.news_grid_item_span3{
	grid-column:span 4;
}
.news_grid_item{
	display:none;
}
.news_item_content_full{
	font-size:1rem;
}
.news_item_content h5{
	font-size:0.85rem;
}
.news_item_content p{
	font-size:0.70rem;
}

.main_container_item_span3{
	grid-column:span 8;
}
.avatar_overlay{display:none;}
.horizon_slider .horizon_list .horizon_item .horizon_img{
	width:60%;
}
.main_container_item_span3{grid-column:span 8;}
.main_container_item_span6{grid-column:span 8;}
.form_grid{
	width:95%;
}
.input_label {
  font-size: 1rem;
}
.images {
  object-fit: fill;
  height:45vh;
}
.sp_container{
	height:auto;
}
.sp_item{
	grid-column:span 4;
}
.sp_h2{
	font-size:1.5rem;
}
.sp_h3{
	font-size:1rem;
}
.sp_p{
font-size:1rem;
}

.sp_img_container{
height:160px;
}
.srch_container{
	width:100%;
	float:left;
	height:2.3rem;
	top:50px;
}

.sp_btn{
	font-size:0.75rem;
}

.input_search {
  width: 100%;
}

.mets_item{
	grid-column: span 4;
}

.slider_textarea{
	width: 80vw;
	 min-height:250px;
	font-size:0.85rem;
}
.footer_item_span2{
	grid-column:span 6;
}


}