@media screen and (max-width: 1300px) {
	/*
	|-----------------------------------------------
	| @OFFICERS PAGE
	|----------------------------------------------- */
	.officer {
		width: 45%;
	}

	.officer > * {
		display: block;
	}

	.officer__col-1 {
		margin: auto;
		margin-bottom: 10px;
	}

	.officer__col-2 {
	    width: 100%;
	    margin-left: 0;
	}

	.officer__col-2 > * {
	    width: auto;
	    padding-left: 10px;
	    padding-right: 10px; 
	    text-align: center;
	}

	.officer__info {
		padding: 0;
		text-align: left;
	}
}

@media screen and (max-width: 1180px) {
	.officers-dept__box {
	    width: 250px;
	    height: 230px;
	}
}

@media screen and (max-width: 1050px) {
	/*
	|-----------------------------------------------
	| @GENERAL
	|----------------------------------------------- */
	.frame-width--50 {
		width: 60%;
	}

	/*
	|-----------------------------------------------
	| @ABOUT PAGE
	|----------------------------------------------- */
	.about-purpose__row {
	    width: 70%;
	}
}

@media screen and (max-width: 950px) {
	.officers-dept__box {
	    width: 200px;
	    height: 180px;
	}
}

@media screen and (max-width: 850px) {
	.officer {
	    width: 300px;
	}
}

@media screen and (max-width: 780px) {
	.officers-dept__box {
	    width: 150px;
	    height: 130px;
	}
}

@media screen and (max-width: 700px) {
	/*
	|-----------------------------------------------
	| @GENERAL
	|----------------------------------------------- */
	.frame-width--50,
	.frame-width--70 {
		width: 100%;
		text-align: center;
	}

	.bg-width--50,
	.bg-overlay--gradient { 
		width: 100%; 
	}

	.mobile-bg--with-opacity { opacity: 0.3; }

	/*
	|-----------------------------------------------
	| @ABOUT PAGE
	|----------------------------------------------- */
	.about-purpose__row {
	    width: 100%;
	}

	.about-business__inner > *:first-child {
	    text-align: center;
	}

	.about-business .type--front {
		display: none;
	}

	.about-message__inner {
	    display: flex;
	    align-items: center;
	}

	.about-message__inner > *:first-child {
		display: none;
	}

	.about-message__inner > *:last-child {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}

	/*
	|-----------------------------------------------
	| @MESSAGE PAGE
	|----------------------------------------------- */
	.message--1 .message > * {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 600px) {
	/*
	|-----------------------------------------------
	| @GENERAL
	|----------------------------------------------- */
	.frame-inner {
		width: 95%;
		padding: 10px;
	}

	/*
	|-----------------------------------------------
	| @ABOUT PAGE
	|----------------------------------------------- */
	.about-purpose__row {
	    width: 100%;
	}

	/*
	|-----------------------------------------------
	| @VENDORS: REMODAL - MESSAGE PAGE
	|----------------------------------------------- */
	.remodal-close {
		background: #ffffff;
	    color: #000000;
	}

	.remodal.message-modal {
		padding: 0px;
	}

	.message-box__img {
		height: 340px;
	}

	.message-modal__desc {
		padding: 10px;
	}

	/*
	|-----------------------------------------------
	| @OFFICERS PAGE
	|----------------------------------------------- */
	.officers-dept__box {
	    width: 180px;
	    height: 150px;
	}
}

@media screen and (max-width: 400px) {
	/*
	|-----------------------------------------------
	| @MESSAGE PAGE
	|----------------------------------------------- */
	.message-box,
	.gallery-photo {
		margin: 10px 0px;
	}

	/*
	|-----------------------------------------------
	| @OFFICER PAGE
	|----------------------------------------------- */
	.officer {
	    margin: 0;
	    margin-bottom: 10px;
	}

	/*
	|-----------------------------------------------
	| @GALLERY PAGE
	|----------------------------------------------- */
	.gallery-photo {
	    width: 300px;
	}

	.gallery-photo-itself {
	    height: 280px;
	}
}