@media screen and (max-width: 1199px) {
	.page-banner-content{
		padding: 120px 0;
	}
	.page-top h1{
		font-size: 55px;
	}
}

@media screen and (max-width: 991px) {
	body{
		font-size: 16px;
	}
	.navbar{
		top: 10px;
	}
	.py-60{
		padding-top: 32px;
		padding-bottom: 32px;
	}
	h2{
		font-size: 30px;
		margin-bottom: 25px;
	}
	h4{
		font-size: 25px;
	}
	.page-intro{
		font-size: 16.5px;
	}
	.mb-80 {
	    margin-bottom: 80px;
	}
	.h3{
		font-size: 23px;
	}
	.btn{
		font-size: 16px;
	}
	h5{
		font-size: 14px;
	}
	.gallery-item h5{
		bottom: 12px;
	}
	.gallery-overlay p{
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	body{
		font-size: 15px;
		padding-top: 55px;
	}
	.nav-item{
		margin-left: 0;
		margin-bottom: 5px;
	}
	.navbar-collapse{
		padding-bottom: 15px;
	}
	.navbar{
		top: 0;
		background-color: #00345e;
	}
	.navbar a.btn{
		width: 100%;
		margin-top: 25px;
	}
	h2{
		font-size: 25px;
	}
	h4{
		font-size: 19px;
	}
	.page-intro{
		font-size: 15px;
	}
	.data-row:before{
		display: none;
	}
	.data-row .date{
		font-size: 2.2em;
	}
	.data-row .col-md-6:last-child{
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.data-row .date small{
		font-size: 0.65em;
	}
	.gallery-item{
		width: 33.33%;
		padding-bottom: 38%;
	}
	.gallery-item-lg{
		width: 100%;
	}
	.section-bg{
		padding: 65px 0;
	}
	.section-bg{
		background-position: center left 20%;
	}
    .page-banner-content {
	    padding: 50px 0;
	}
	.page-top{
		padding: 20% 0px;
	}
	.page-top{
		background-position: center left 10%;
	}
	.page-top h1{
		background-color: rgba(0, 0, 0, 0.4);
		text-align: center;
		font-size: 42px;
		padding: 5% 0px;
	}
	.data-row-new{
		padding: 20px 0;
	}
}

@media screen and (max-width: 575px) {
	.data-row .date {
	    font-size: 1.6em;
	}
	.gallery-item{
		width: 100%;
		height: 240px;
		padding-bottom: 0;
	}
	.btn-outline-danger{
		width: 100%;
	}
}