@media screen and (max-width: 991px){
	.new_body .card{
		margin-bottom: 50px;
	}

	.new_detail_content .new_detail_body span{
		margin-top: 20px;
	}

	.new_detail_title_area h1{
		font-size: 40px;
	}

	.btn_register_pc{
		display: none;
	}

	.navbar .collapse{
		background-color: rgba(0, 0, 0, 0.5);
		width: 100% !important;
	}
}

@media screen and (max-width: 843px){
	.slider_title h1{
		font-size: 50px !important;
	}

	.new_body .card{
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 768px){
	.slider_title h1{
		font-size: 30px !important;
	}

	.social_media{
		bottom: 300px;
	}

	.slider_title .title_item{
		font-size: 20px !important;
	}

	.new_detail_title_area h1{
		font-size: 25px;
	}

	.schedule_body .table thead span{
		font-size: 10px;
	}
	
	.references .reference-image{
	    width: 100% !important;
	}
}

@media screen and (max-width: 540px){
	.schedule_body .table thead small{
		font-size: 11px;
	}

	.social_media span{
		height: 35px;
		width: 35px;
	}

	.social_media span i{
		font-size: 15px;
	}

	.navbar-brand img{
		width: 100px;
	}
}

@media screen and (max-height: 768px){
	.social_media span{
		height: 25px;
		width: 25px;
	}

	.social_media span i{
		font-size: 10px;
	}

	.slider_title h1{
		font-size: 30px !important;
	}

	.slider_title .title_item{
		font-size: 15px !important;
	}

	.navbar-brand img{
		width: 160px;
	}
}

@media screen and (max-height: 500px){
	.social_media{
		bottom: 130px;
	}

	.slider_title{
		bottom: 30px;
		font-size: 10px !important;
	}
}

@media screen and (min-height: 500px){
	.social_media{
		bottom: 300px;
	}
}