@media (min-width: 1200px) and (max-width: 1400px) {
	/* ----------------------------------------------------------------- */
	/* Page Login                                                        */
	/* ----------------------------------------------------------------- */
	.auth-login {
		margin: 0px;
		padding: 0px;
		justify-content: center;
		align-items: center;
		padding-top: 50px;
	}

	.auth-login .img-hero {
		margin: auto auto auto 50px;
	}

	.auth-login .img-login-logo {
		width: 120px;
	}

	.auth-login .box-form {
		width: 65%;
		padding: 70px 0px 30px 0px;
	}

	.auth-login .box-form h4 {
		font-size: 20px;
		letter-spacing: 3px;
	}

	.auth-login .box-form h3 {
		font-size: 26px;
		letter-spacing: 2px;
	}

	.auth-login .col-9 {
		margin-top: 15px !important;
	}

	.auth-login form .col:nth-of-type(2) {
		margin-top: 15px !important;
	}

	.auth-login .button-login {
		margin-top: 30px !important;
		padding-top: 20px !important;
	}

	.auth-login .button-login button {
		padding: 3px;
	}

	.bayangan {
		display: none !important;
	}

	/* ----------------------------------------------------------------- */
	/* Page Register                                                     */
	/* ----------------------------------------------------------------- */
	.auth-register .img-login-logo {
		width: 75px;
		margin-bottom: -40px;
	}

	.auth-register .box-form {
		margin: auto;
		padding: 50px 0px 0px 0px;
	}

	.auth-register .box-form h4 {
		font-size: 18px;
	}

	.auth-register .box-form .mt-3 {
		margin-top: 10px !important;
	}

	.auth-register .box-form input {
		font-size: 14px;
		padding: 3px 0px 3px 40px;
	}

	.auth-register .box-form .form-icon {
		font-size: 18px;
	}

	.auth-register .box-form .btn-info {
		font-size: 13px;
		padding: 3px 6px;
		letter-spacing: 0.5px;
	}

	.auth-register .box-form .form-error {
		font-size: 12px !important;
		letter-spacing: 0.2px;
		padding: 0px !important;
	}

	.auth-register .box-form .form-error i {
		margin-left: 0px !important;
		margin-right: 4px !important;
	}

	.auth-register .button-login {
		margin-top: 20px !important;
		padding-top: 15px !important;
		padding-bottom: 0px !important;
		margin-bottom: 0px !important;
	}

	.auth-register .button-login button {
		font-size: 16px;
		padding: 1px 0px;
		margin-bottom: 15px !important;
	}

	.auth-register .text-back-login {
		font-size: 14px;
		margin-top: 0px !important;
		margin-bottom: 15px !important;
	}

	/* ----------------------------------------------------------------- */
	/* Page Join Meeting                                                 */
	/* ----------------------------------------------------------------- */
	.auth-joinmeeting .img-hero {
		margin: auto;
		margin-left: 80px;
	}

	.auth-joinmeeting .upload-foto {
		padding: 8px;
		margin-bottom: 15px;
		margin-top: 50px;
	}

	.auth-joinmeeting .upload-foto i {
		font-size: 3em;
	}

	.auth-joinmeeting .upload-foto h6 {
		font-size: 14px;
		letter-spacing: 0.5px;
		margin: 0px;
	}

	.box-join-room .col-9 {
		width: 100%;
		margin-top: 0px !important;
	}

	.box-join-room .mt-3 {
		margin-top: 12px !important;
	}

	.box-join-room input {
		font-size: 14px;
		padding: 4px 0px 4px 45px;
	}

	.box-join-room .form-icon {
		font-size: 20px;
	}

	.box-join-room .button-login {
		margin-top: 25px !important;
		padding-top: 18px !important;
	}

	.box-join-room .button-login button {
		padding: 2px 0px;
		font-size: 16px;
		margin-bottom: 15px;
	}

	.box-join-room .text-already {
		font-size: 14px;
		letter-spacing: 0.5px;
	}

	.preview-foto {
		width: 100px;
		margin: 0px auto;
		margin-bottom: 8px;
		padding: 1px;
		margin-top: 50px;
	}

	.btn-change-foto {
		font-size: 12px;
		margin-bottom: 15px;
	}

	/* ----------------------------------------------------------------- */
	/* Page Download                                                     */
	/* ----------------------------------------------------------------- */
	.auth-download .img-logo {
		width: 30%;
		margin-bottom: 25px;
	}

	.auth-download .img-name {
		width: 60%;
	}

	.auth-download .box-one .col:nth-of-type(3) {
		margin-top: 20px !important;
	}

	.auth-download .btn-dowload {
		padding: 2px 50px;
		vertical-align: middle;
		display: flex;
		width: 9em;
		margin: auto;
		margin-top: 20px;
	}

	.auth-download .btn-dowload img {
		width: 25px;
		height: 30px;
		margin: auto;
		margin-right: 10px;
	}

	.auth-download .btn-dowload i {
		font-size: 22px;
		vertical-align: middle;
		margin: auto;
	}

	/* ----------------------------------------------------------------- */
	/* Page Meeting                                                      */
	/* ----------------------------------------------------------------- */
	.fokus-meeting .col-2 {
		width: 21%;
	}

	.participant-menu {
		margin-bottom: 15px;
	}

	.participant-menu span {
		font-size: 14px;
	}

	.participant-menu .col-5 {
		width: 110px;
	}

	.participant-menu i:nth-of-type(1) {
		margin-right: 15px !important;
	}

	.meeting-footer {
		margin-bottom: 10px;
		padding: 10px 0px;
	}

	.meeting-footer i {
		font-size: 24px;
	}

	/* ----------------------------------------------------------------- */
	/* Page User                                                         */
	/* ----------------------------------------------------------------- */
	.profile-edit-btn {
		margin-bottom: 30px;
	}

	.btn-create img,
	.btn-join img {
		width: 300px;
	}

	.edit-profile-page {
		padding: 65px 50px 0px 50px;
	}

	.title-edit-page {
		font-size: 24px;
		color: #9900cc;
		border-bottom: solid 2px #9900cc;
		padding: 5px 20px;
	}

	.photo-edit-preview {
		display: flex;
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;
	}

	.photo-edit-preview .profile-photo {
		width: 250px;
		margin-bottom: 40px;
	}

	.photo-edit-preview button:hover {
		color: black;
	}

	.form-edit-profile .mb-3 {
		margin-bottom: 10px !important;
	}

	.form-edit-profile label {
		font-size: 15px;
		color: #9900cc;
		margin-bottom: 2px;
		font-weight: 500;
		letter-spacing: 0.4px;
	}

	/* End (min-width: 992px) and (max-width: 1600px) --------------- */
}

@media (min-width: 1400px) and (max-width: 1600px) {
	.navbar-auth {
		height: 50px;
	}

	.navbar-auth .nav-item {
		font-size: 16px;
	}

	.auth-login .img-login-logo {
		width: 100px !important;
		margin-bottom: -40px;
	}

	.auth-login .box-form {
		padding-top: 50px;
		padding-bottom: 25px;
	}

	.auth-login .box-form h4 {
		font-size: 20px;
		letter-spacing: 3px;
	}

	.auth-login .box-form h3 {
		font-size: 22px;
		letter-spacing: 2px;
	}

	.auth-login .box-form input {
		font-size: 16px;
		padding: 6px 0px 6px 42px;
	}

	.auth-login .box-form .btn-info {
		font-size: 16px;
		padding: 5px 12px;
	}

	.auth-login .button-login {
		margin-top: 30px !important;
	}

	.auth-login .button-login button {
		padding: 3px 0px;
		font-size: 16px;
	}

	.auth-login .text-forgot-password {
		font-size: 14px;
		letter-spacing: 0.5px;
	}

	/* ----------------------------------------------------------------- */
	/* Page Register                                                     */
	/* ----------------------------------------------------------------- */

	.auth-register .img-login-logo {
		width: 90px;
		margin-bottom: -45px;
	}

	.auth-register .box-form {
		margin: auto;
		padding: 50px 0px 0px 0px;
	}

	.auth-register .box-form h4 {
		font-size: 20px;
	}

	.auth-register .box-form .mt-3 {
		margin-top: 12px !important;
	}

	.auth-register .box-form input {
		font-size: 16px;
		padding: 5px 0px 5px 44px;
	}

	.auth-register .box-form .form-icon {
		font-size: 22px !important;
		margin-top: 7px;
	}

	.auth-register .box-form .btn-info {
		font-size: 13px;
		padding: 3px 6px;
		letter-spacing: 0.5px;
	}

	.auth-register .box-form .form-error {
		font-size: 12px !important;
		letter-spacing: 0.2px;
		padding: 0px !important;
	}

	.auth-register .box-form .form-error i {
		margin-left: 0px !important;
		margin-right: 4px !important;
	}

	.auth-register .button-login {
		margin-top: 30px !important;
		padding-top: 20px !important;
		padding-bottom: 0px !important;
		margin-bottom: 0px !important;
	}

	.auth-register .button-login button {
		font-size: 16px;
		padding: 3px 0px;
		margin-bottom: 15px !important;
	}

	.auth-register .text-back-login {
		font-size: 14px;
		margin-top: 0px !important;
		margin-bottom: 15px !important;
	}

	.auth-register .bayangan {
		display: none;
	}

	/* ----------------------------------------------------------------- */
	/* Page Join Meeting                                                 */
	/* ----------------------------------------------------------------- */
	.auth-joinmeeting .img-hero {
		margin: auto;
		margin-left: 80px;
	}

	.auth-joinmeeting .upload-foto {
		padding: 15px;
		margin-bottom: 25px;
		margin-top: 50px;
	}

	.auth-joinmeeting .upload-foto h6 {
		font-size: 14px;
		letter-spacing: 0.5px;
		margin: 0px;
	}

	.box-join-room .col-9 {
		width: 100%;
		margin-top: 0px !important;
	}

	.auth-joinmeeting .button-login {
		margin-top: 30px !important;
	}

	.auth-joinmeeting .button-login button {
		padding: 4px 0px;
	}

	.auth-joinmeeting .bayangan {
		display: none;
	}

	.preview-foto {
		width: 150px;
		margin: 0px auto;
		margin-bottom: 15px;
	}

	.box-join-room .error-join {
		font-size: 14px !important;
		letter-spacing: 0.5px !important;
	}

	/* ----------------------------------------------------------------- */
	/* Page Register                                                     */
	/* ----------------------------------------------------------------- */
	
	.auth-download .btn-dowload {
		padding: 2px 50px;
		vertical-align: middle;
		display: flex;
		width: 9em;
		margin: auto;
		margin-top: 20px;
	}

	.auth-download .btn-dowload img {
		width: 25px;
		height: 30px;
		margin: auto;
		margin-right: 10px;
	}

	.auth-download .btn-dowload i {
		font-size: 22px;
		vertical-align: middle;
		margin: auto;
	}

	/* End max-width: 1229px ---------------------------------------- */
}