/*

f = foldable
m = mobile
t = tablet (small 8')
p = tablet (10')
d = desktop
w = desktop large > 1400

*/

@media (max-width: 320px) { /* media for foldable */

	.hide-f {
		display: none !important;
	}

	.show-t-up {
		display: none !important;
	}

	.center-t-up {
		text-align: unset;
	}

	.center-mf-rx-t-up {
		text-align: center !important;
	}

}

@media (max-width: 767px) { /* media for smartphone */

	.hide-m {
		display: none !important;
	}

	.show-m {
		display: block !important;
	}

	.hide-mt {
		display: none !important;
	}

	.show-mt {
		display: block !important;
	}

	.show-t, .show-p, .show-d,
	.show-dw, .show-td, .show-w {
		display: none !important;
	}

	.show-t-up {
		display: none !important;
	}

	.align-r-m {
		text-align: right !important;
	}

	.align-c-m {
		text-align: center !important;
	}

	.align-l-m {
		text-align: left !important;
	}

	.half-m {
		width: 50%;
	}

	.row.iw00m img {
		width: 100%;
	}

	.ml-0 {
		margin-left: 0px;
	}

	.cool {
		flex: 0 0 auto;
		width: 100%;
	}

	.one-col-m {
		flex: 0 0 auto;
		width: 100%;
	}

	.half-col-m {
		flex: 0 0 auto;
		width: 50%;
	}

	.center-t-up {
		text-align: unset;
	}

	.center-mf-rx-t-up {
		text-align: center !important;
	}

	.w100-mf {
		width: 100%
	}

	.margin-y-mf {
		margin: 17px 0;
	}

	.btn-mob {
		width: 100%;
		margin: 17px 0;
		text-align: center !important;
	}

} /* media for smartphone */

@media (min-width: 768px) and (max-width: 1024px)  { /* media for tablet */

	.hide-t {
		display: none !important;
	}

	.show-m {
		display: none !important;
	}

	.show-t {
		display: block !important;
	}

	.show-p, .show-d, .show-w, .show-dw {
		display: none !important;
	}

	.show-t-up {
		display: block !important;
	}

	.hide-mt {
		display: none !important;
	}

	.show-mt {
		display: block !important;
	}

	.hide-td {
		display: none !important;
	}

	.show-td {
		display: block !important;
	}

	.align-r-t {
		text-align: right !important;
	}

	.align-c-t {
		text-align: center !important;
	}

	.align-l-t {
		text-align: left !important;
	}

	.align-r-td {
		text-align: right !important;
	}

	.align-c-td {
		text-align: center !important;
	}

	.align-l-td {
		text-align: left !important;
	}

	.cool {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.center-t-up {
		text-align: center !important;
	}

	.center-mf-rx-t-up {
		text-align: right !important;
	}

} /* media for tablet */

@media (min-width: 1024px) { /* '*-p' media for tablet 10 (eg. ipad pro) */

	.hide-p {
		display: none !important;
	}

	.show-p {
		display: block !important;
	}

	.show-m, .show-t, .show-w, .show-dw {
		display: none !important;
	}

	.hide-tp {
		display: none !important;
	}

	.show-tp {
		display: block !important;
	}

	.align-r-p {
		text-align: right !important;
	}

	.align-c-p {
		text-align: center !important;
	}

	.align-l-p {
		text-align: left !important;
	}

	.align-r-tp {
		text-align: right !important;
	}

	.align-c-tp {
		text-align: center !important;
	}

	.align-l-tp {
		text-align: left !important;
	}

	.cool {
		flex: 0 0 auto;
		width: 25%;
	}

	.center-t-up {
		text-align: center !important;
	}

	.center-mf-rx-t-up {
		text-align: right !important;
	}

} /* media for tablet 10 (eg. ipad pro) */

@media (min-width: 1200px) { /* media for desktop */

	.hide-d {
		display: none !important;
	}

	.hide-p {
		display: block !important;
	}

	.show-d {
		display: block !important;
	}

	.show-dw {
		display: block !important;
	}

	.show-m, .show-t, .show-w {
		display: none !important;
	}

	.hide-td {
		display: none !important;
	}

	.show-td {
		display: block !important;
	}

	.align-r-d {
		text-align: right !important;
	}

	.align-c-d {
		text-align: center !important;
	}

	.align-l-d {
		text-align: left !important;
	}

	.align-r-td {
		text-align: right !important;
	}

	.align-c-td {
		text-align: center !important;
	}

	.align-l-td {
		text-align: left !important;
	}

	.cool {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.center-t-up {
		text-align: center !important;
	}

	.center-mf-rx-t-up {
		text-align: right !important;
	}

} /* media for desktop */

@media (min-width: 1400px) { /* media for wide desktop */

	.hide-w {
		display: none !important;
	}

	.hide-d {
		display: block !important;
	}

	.hide-p {
		display: block !important;
	}

	.show-d, .show-m, .show-t {
		display: none !important;
	}

	.show-w {
		display: block !important;
	}

	.center-t-up {
		text-align: center !important;
	}

	.center-mf-rx-t-up {
		text-align: right !important;
	}

}