/* 11 laptop */
@media screen and (min-height: 620px) {
	#wrap {
		width: 690px;
		background: none;
	}
	.text-page,
	.basic-page {
		min-height: 388px;
	}
	.address {
		padding-top: 2.5em;
	}
}
/* ipad landscape and laptop */
@media screen and (min-height: 700px) {
	#wrap {
		width: 800px;
		margin-top: 3em;
	}
	body {
		font-size: 12px;
		line-height: 13px;
	}
	.text-page,
	.basic-page {
		min-height: 428px;
		padding-top: 1.4em;
	}
	.address {
		padding-top: 4.5em;
	}
}

/* large laptop size */
@media screen and (min-height: 790px) {
	#wrap {
		width: 800px;
		margin-top: 4em;
	}
	body {
		font-size: 13px;
		line-height: 14px;
	}
	.text-page,
	.basic-page {
		min-height: 616px;
		padding-top: 2em;
	}
	.address {
		padding-top: 9.5em;
	}
}

/* large desktop */
@media screen and (min-height: 970px) {
	#wrap {
		width: 1024px;
	}
	body {
		font-size: 15px;
		line-height: 15px;
	}
	.sub-menu, 
	.set-menu {
		font-size: .85em;
		letter-spacing: .25em;
	}
	.text-page,
	.basic-page {
		min-height: 755px;
		padding-top: 2.5em;
	}
	.address {
		padding-top: 11.5em;
	}
}

/* short screens */
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {



	#wrap {
		width: 90%;
		background: #f1f1f1;
	}
}

@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (min-width : 321px) {

	#wrap {
		width: 90%;
		background: none;
	}
}

@media only screen
and (max-height: 620px) 
and (min-width: 490px) {
.menu-main-container {
font-size: 13px;

}

	#wrap {
		width: 540px;
	}
}

/* ipad portrait */
@media only screen 
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {


	#wrap {
		width: 680px;
	}
}