@media (min-width: 2600px) {

}

@media (max-width: 1730px) {

}

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

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

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


}
/* 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) {

}

@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: #000;
		z-index: 4000;
		text-align: center;
	}
	.landscape div {
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		transform: translate(0,-50%);
	}
	.landscape div img {
		width: 160px;
		margin-bottom: 40px;
	}
	.landscape span {
		background: url("../images/ico01.svg") no-repeat center top;
		background-size: 80px auto;
		display: block;
		padding: 100px 15px 0 15px;
		color: #fff;
		font-size: .9rem;
	}

}

/* mobile portrait ----------------------------------- */
@media(max-width:500px) and (orientation : portrait) {
	h3::before {
		width: 40%;
		left: 50%;
		transform: translate(-50%,0);
	}
	header {padding: 0;}
	.logo {
		width: 90px;
		top: 10px;
		transform: translate(0, 0);
	}
	header .navbar-nav {
		z-index: 10;
		text-align: center;
		padding: 120px 0 30px 0;
	}
	.offcanvas-backdrop.show {opacity: 0;}
	.content02 .col-sm-4 div > a {margin: 30px 0 65px 0;}
	.content03, .content04, .content05, .content06 {
		padding: 50px 0;
		text-align: center;
	}
	.content03 .col-sm-4 > div {
		width: 100%;
		margin-top: 0;
	}
	.content03 .col-sm-4 > div > img {
		position: relative;
		left: auto;
		top: auto;
		height: auto;
	}
	.content04 .col-sm-4 > div > img {
		height: auto;
		width: 100%;
	}
	.content05 .col-sm-4 div {
		height: auto;
		margin: 15px 0;
	}
	.content06 .col-sm-4 div {
		padding: 15px;
		border-left: none;
	}
	.content06 iframe {width: 100%;}
	footer {text-align: center;}
	footer ul {
		padding: 20px 0 0 0;
		text-align: center;
	}
	footer ul li {
		padding: 0 4px;
		font-size: .85rem;
	}
	footer .col-md-5 {
		padding-top: 20px;
		text-align: center;
	}



}


/* tom 2026 ----------------------------------- */