@media (max-width: 767px) 

{

	.mobilehead {display: block;}
	
	.hiddenmobile {display: none;}
	.logoicon,
	.line {display: none;}
	
	.mobilelogo .image {float: right;}
	.mobilelogo img {max-width: 60%;}
	
	main h5 {		font-size: 30px;}
	
	.line {width: 100%; }
	
	main .card-body p {min-height: inherit;}
	
	
	.carousel-text-inner {
  background: rgba(255, 255, 255, 0.75);
  color: #000;
  padding: 3% 3%;
  display: table !important;
  margin: 0 auto;
  width: 90%;
  text-align: center;
		max-width: inherit;
}
	
	.news-list-view .article {width: calc(100% - 10px) !important;}
	
	
	.news .article h3 {
  font-size: 1.4rem;
}
	
	main h1 {  font-size: 2.4rem;}
	
	
	}