@media (min-width: 2600px) {
	
}
@media (max-width: 1730px) {
	
}

@media (max-width: 1600px) {
	.content01 .container {padding-top: 1vh;}
}
@media (max-width: 1400px) {

}

@media only screen and (max-width : 1000px) {
}

/* iPad landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1180px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

}

/* ipad portrait ----------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	header .nav-item {padding: 0 10px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 900px) and (orientation : portrait) {

}
	
/* mobile landscape ----------------------------------- */
@media (min-width: 481px) and (max-width: 896px) and (orientation: landscape) {
	body {
		height: 100vh !important;
		overflow: hidden;
	}
	.landscape {
		display: block !important;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #5E616A;
		z-index: 40;
		text-align: center;
	}
	.landscape h6 {
		font-size: 26px;
		width: 100%;
		letter-spacing: 2px;
		position: absolute;
		transform: translate(0,-50%);
		top: 50%;
		left: 0;
	}

}

/* mobile portrait ----------------------------------- */
@media(max-width:480px) and (orientation : portrait) {
	.navbar-collapse {
		text-align: center;
		padding-top: 20px;
	}
	.logo {top: 2px;}
	.content01 {height: auto;}
	header .nav-item:last-child {padding-right: 20px;}
	.content01 video {
		aspect-ratio: 9 / 16;
		height: 100%;
	}
	.content01 .container {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0, 0);
		padding-top: 12vh;
	}
	.content01 .col-md-12 h1 {
		font-size: 24px;
		margin: 10px 0;
		width: 100%;
	}
	.content01 .col-md-12 span {font-size: 14px;}
	.content01 .col-md-12 p {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.square {margin-bottom: 15px;}
	.square::after {padding-bottom: 58%;}
	.square p {min-height: 1px;}
	.square h2 {margin: 0 0 10px 0;}
	.brick01::before, .brick02::before, .brick03::before, .brick04::before {top: 20px;}
	.content02 {padding: 50px 0;}
	.content02 h2 {
		font-size: 60px;
		line-height: 60px;
	}
	.content02 h3 {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	.content02 h4 {left: -40px;}
	.content02 p { margin: 0 0 30px 50px;}
	.content02 .col-md-5 {padding-bottom: 0;}
	.btn01 {margin-top: 0;}
	.content02 .col-md-5 img {
		max-width: 100%;
		position: relative;
		height: auto;
		left: auto;
		top: auto;
		margin-bottom: 20px;
	}
	.content02 .col-md-11 img {display: none;}
	.year {
		position: relative;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		text-align: left;
		padding: 10px 0;
		font-size: 16px;
	}
	.redbox {
		background: #EB212C;
		padding: 30px 30px 10px 30px;
		margin-top: 50px;
	}
	.redbox p {
    	padding-right: 0;
		margin-left: 0;
	}
	.whitebox {
		padding: 20px;
		margin-bottom: 30px;
	}
	.whitebox > span {
		position: relative;
		top: auto;
		left: auto;
		color: #000;
		display: block;
		padding: 10px 0 0 0;
	}
	.content03 {padding: 0;}
	.content03 h2 {
		font-size: 50px;
		line-height: 50px;
	}
	.content03 h3 {
		font-size: 40px;
		line-height: 40px;
	}
	.content03 .col-md-6 img {
		position: relative;
		max-width: 100%;
		right: auto;
		height: auto;
		top: auto;
		margin-bottom: 30px;
	}
	.content04 h4 {left: -15px;}
	.content04 .col-md-4 {padding-left: 55px;}
	.content04 h5 {margin: 0 0 10px 0;}
	.content04 span a {margin: 0 0 40px 0;}
	.content04 .col-md-10 {
		padding: 20px 0 0 55px;
		font-size: 11px;
	}
	
	footer {padding: 50px 0;}
	footer h3 {margin: 10px 0;}
	footer .col-md-8, footer .col-md-4 {
		font-size: 12px;
		padding-top: 10px;
	}
	footer .col-md-4 {text-align: left;}
	.modalimg {height: auto;}
	.modal-body .col-md-5 {padding-top: 10px;}
	.modalimg img {
		aspect-ratio: 4 / 3;
		position: relative;
		top: auto;
		left: auto;
	}
	
}


/* tom 2025 ----------------------------------- */