@media(max-width: 767px) {
	
}

@media(max-width: 991px) {
	.page-entry__content {
	    position: relative;
	    margin-top: 0px !important;
	}
	.the-20-1-box {
		background: #10384d;
	}
	.the-20-1-box .container {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	.the-20-1-box .media-block__content {
	    flex-basis: 50%;
	}
	.the-20-1-box .media-block__image {
	    flex-basis: 50%;
	}
	.the-20-1-box h2 {
	    color: #fff !important;
	    margin-bottom: 0rem;
		font-size: 2.2rem;
	}
	.the-20-1-box .media-block__image a {
	    color: #fff !important;
	    font-weight: bold;
	    text-align: right;
	    display: block;
	    margin-top: 0rem;
	    text-decoration: underline;
		border: none !important;
		font-size: 1.2rem;
	}
	.diy-20-2-box .diy-20-2-box-span-date {
	    font-size: 1.4rem;
	    font-weight: bold;
	    color: #5d7e9e;
	    margin-bottom: 0.6rem;
	    display: block;
	}
	.diy-20-2-box p a, .diy-20-2-box a {
	    font-weight: 600;
	    color: #10384d;
	    border-bottom: none !important;
	    padding-bottom: 2px;
	}
	.diy-20-2-box .h4-title{
		font-size: 1.8rem;
		color: #10384d;
		margin-bottom: 1rem;
	}
	.diy-20-2-box p {
	    font-weight: 400;
	    color: #333;
		margin-bottom: 0.6rem;
	}
	.diy-20-2-box li{
		list-style: none;
	}
	.diy-20-2-box .container .media-block__image img{
		width: auto !important;
		max-width: 100% !important;
	}
}