.banner { background: url(../images/gg_ban_nws.jpg) no-repeat center / cover; clear: both; margin-bottom: 4%; padding: 70px 0px 40px; width: 100%; position:relative; }
.banner h1 { color: var(--bs-white); font-size: 60px; margin-top: 17%; }
.banner:before { content:''; width:100%; height:100%; background:rgb(0 19 99 / 60%) linear-gradient(180deg, rgb(0 0 0 / 55%), transparent); position:absolute; top:0; left:0; }

.newspost { clear: both; width: 100%; }
.newspost span { color: var(--sky-blue); font-size: 13px; font-weight:400; margin-bottom:15px; display:inline-block; }
.newspost h4 { font-family: var(--main-text-font); font-weight: 300; margin: 20px 0px; text-transform: initial; }
.newspost figure { margin: 6% 0px; }
.newspost h1 { font-size:42px; margin-bottom:20px; }

.back { margin-bottom: 45px; margin-top:15px; }
.back a { color: var(--sky-blue); font: 500 18px var(--main-head-font); }
.back a:hover { color: var(--navy-blue); }

 .ti-arrow-circle-left { font-size: 40px; margin-right: 10px; vertical-align: middle; }
 
.banner { background-image:none!important; background-color:#002353; }
.banner:before { display:none; }

/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	.banner h1 { font-size: 38px; }
	.newspost h4 { font-size: 20px; }
	.back a { font-size: 16px; }
	.ti-arrow-circle-left { font-size: 30px; }
	.banner, .newspost { padding-left: 5%; padding-right: 5%; }
	.newspost h1 { font-size:30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner h1 { font-size: 48px; }
	.newspost h4 { font-size: 23px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

}