/* iPhone */
@media screen and (max-width: 767px) and (orientation: portrait) {
	.container.main .artworkDetail.artworkSquare {
		width: 100%;
    	min-width: auto;
	}
	.container.header_main {
		height: 130px;
	}
	#banner {
		margin-top: 130px;
	}
	.logo_main {
		float: none;
		text-align: center;
		padding-bottom: 5px;
    	padding-left: 0;
	}
	.navbar_main ul {
		text-align: justify;
		padding: 0;
	}
	.navbar_main ul li {
		padding: 0 13px;
	}
	.container.main .artworkText.artworkSquare, .container.main .artworkText.artworkRectangle {
		width: 90%;
		margin: 0 5% 40px;
	}
	.container.main .artworkDetail.artworkRectangle {
		width: 100%;
    	/*min-width: 768px;*/
		min-width: auto;
	}
	.container.main .artworkDetail.artworkFull {
		min-width: auto;
		margin: 0 auto;
		width: 100%;
	}
	.container.main .artworkText h1.contact {
		font-size: 51px;
	}
	.container.main .artworkText p.contact {
		width: auto;
	}
	.socialLinks a {
		display: inline-block;
	}
	.form_container {
		margin-left: 1%;
		margin-top: 0px;
	}
}
@media screen and (max-width: 736px) and (orientation: portrait) {
	.portfolio_link {
		width: 100%;
	}
}

@media screen and (max-width: 844px) and (orientation: landscape) {
	.navbar_main ul li {
		padding-left: 65px;
	}
	.container.main .artworkText.artworkSquare, .container.main .artworkText.artworkRectangle {
		width: 90%;
		margin: 0 5% 40px;
	}
	.container.main .artworkDetail.artworkSquare, .container.main .artworkDetail.artworkRectangle {
		width: 100%;
    	min-width: auto;
	}
	.container.main .artworkDetail.artworkFull {
		min-width: auto;
		margin: 0 auto;
		width: 100%;
	}
	.container.main .artworkText h1.contact {
		font-size: 51px;
	}
	.container.main .artworkText p.contact {
		width: auto;
	}
	.socialLinks a {
		display: inline-block;
	}
	.form_container {
		margin: 0 auto;
		margin-top: 0px;
	}
}/* iPad */
@media screen and (min-width: 768px) and (max-width: 1025px) and (orientation: portrait) {
	.navbar_main ul li {
		padding-left: 45px;
	}
	.container.main .artworkText.artworkSquare, .container.main .artworkText.artworkRectangle {
		width: 90%;
		margin: 0 5% 40px;
	}
	.container.main .artworkDetail.artworkRectangle {
		width: 100%;
    	min-width: 768px;
	}
	.container.main .artworkText h1.contact {
		font-size: 51px;
	}
	.container.main .artworkText p.contact {
		width: auto;
	}
	.socialLinks a {
		display: inline-block;
	}
	.form_container {
		margin: 0 auto;
		margin-top: 0px;
	}
}

@media screen and (min-width: 845px) and (max-width: 1025px) and (orientation: landscape) {
	.container.main .artworkDetail.artworkSquare {
		width: 52%;
    	min-width: 532px;
	}
	.container.main .artworkText.artworkSquare, .container.main .artworkText.artworkRectangle {
		width: 300px;
		margin-top: 22px;
		margin-left: 59px;
		margin-right: 59px;
	}
	.container.main .artworkDetail.artworkRectangle {
		min-width: auto;
	}
	.container.main .artworkArrows {
		margin-left: 7px;
	}
}
/* iPad Pro */
@media screen and (min-width: 1023px) and (max-width: 1370px) and (orientation: portrait) {
	.navbar_main ul li {
		padding-left: 45px;
	}
	.container.main .artworkText.artworkSquare, .container.main .artworkText.artworkRectangle {
		width: 300px;
		margin-top: 22px;
		margin-left: 59px;
		margin-right: 59px;
	}
	.container.main .artworkDetail.artworkSquare {
		width: 51%;
		min-width: auto;
	}
	.container.main .artworkArrows {
		margin-left: 14px;
	}
	.container.main .artworkDetail.artworkRectangle {
		width: 55%;
    	min-width: auto;
	}
	.socialLinks a {
		display: inline-block;
	}
}
@media screen and (min-width: 1026px) and (max-width: 1370px) and (orientation: landscape) {
	.container.main .artworkDetail.artworkSquare {
		width: 52%;
    	min-width: 532px;
	}
	.container.main .artworkDetail.artworkRectangle {
		min-width: auto;
	}
	.container.main .artworkArrows {
		margin-left: 7px;
	}
}
@media screen and (min-width: 1440px) {
	.inner p.portfolio_header, .innerAnimation p.portfolio_header {
		font-size: 1.5vw;
	}
	.inner p.portfolio_sub, .innerAnimation p.portfolio_sub {
		font-size: 1vw;
	}
}