/* iPhone (3GS,4,5), Google Nexus S, HTC (Evo, Touch HD, Desire HD, Desire), LG Optimus (2X, 3D, Black), Motorola (Defy, Droid, Droid X, Milestone), Nokia (Lumia 7X0, Lumia 8XX, Lumia 900, N800, N810, N900), Samsung Galaxy (S, S II, W) (portrait) ----------- */
@media only screen and (min-width : 320px) and (max-width : 359px) and (orientation : portrait), only screen and (min-width : 320px) and (max-width : 359px) and (max-aspect-ratio: 13/9) {
	h1 {
		margin-left: -128px;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}

	/*home*/
	.home .greeting {
		top: 220px;
		left: 270px;
		position: absolute;
	}
	.home .welcome {
		top: 250px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: auto;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 95px;
		height: 355px;
		/* good for 4 cats: cakes,cookies,gift,others */
		/* width: 246px; */
		/* use this one since we've added 1 new cat: paper */
		width: auto;

	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 240px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
	}
	.menu .right {
		left: 45px;
		height: auto;
		top: 180px;
	}
	#photo {
		width: 230px;
		height: 250px;
	}
	#photo .img-wrapper img {
		width: 230px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 120px;
		width: 270px;
	}
	.profile .description-jp {
		left: 100px;
		top: 490px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 130px;
		left: 30px;
	}
	.music .nowplaying-en {
		width: 280px;
		top: 300px;
	}
	.music .nowplaying-jp {
		left: 170px;
		top: 460px;
	}
	.jp-audio {
		top: 225px;
	}
	
	/*faq*/
	.faq .faq-nav {
		padding-top: 115px;
		height: 200px;
		width: 260px;
		margin-bottom: 5px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 260px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .no-items {
		width: 260px;
		margin-left: 6px;
	}
	.basket .cart-contents {
		width: 300px;
		position: relative;
		float: none;
		margin-top: -90px;
		padding-left: 25px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 270px;
		position: relative;
		float: left;
	}
	.basket .delivery-settings select {
		width: 270px;
	}
	.basket .delivery-settings select.date.m {
		width: 60%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		/* margin-bottom: 20px; */
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		top: 115px;
		width: 260px;
	}
	.form .recipient-data {
		width: 260px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 260px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;	
	}
	.review .data {
		top: 115px;
		width: 280px;
	}
	.review .items {
		margin-left: -6px;
		overflow: hidden;
		width: 260px;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 7px;
	}
	.review .items .buttons input.proceed {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.tc-wrapper .tc {
		margin-top: 0px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 170px;
		top: 185px;
		left: 30px;
	}
	.thanks .jp {
		left: 227px;
		top: 117px;
	}
}

/* Blackberry Z30, Google Nexus 5, HTC (One X, Evo LTE, Sensation, Evo 3D), Nokia (C5, C6, C7, N97, N8, X7), Samsung Galaxy (Note 3 Note 2, S III, Nexus, S4), Sony Xperia (S, Ion, Z, Z1) (portrait) ----------- */
@media only screen and (min-width : 360px) and (max-width : 374px) and (orientation : portrait), only screen and (min-width : 360px) and (max-width : 374px) and (max-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 65px;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 243px;
		left: 305px;
		position: absolute;
	}
	.home .welcome {
		top: 290px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: auto;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 95px;
		height: 355px;
		/* good for 4 cats: cakes,cookies,gift,others */
		/* width: 246px; */
		/* use this one since we've added 1 new cat: paper */
		width: auto;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 280px;
		margin-top: 40px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
	}
	.menu .right {
		left: 45px;
		height: auto;
		top: 180px;
	}
	#photo {
		width: 260px;
		height: 290px;
	}
	#photo .img-wrapper img {
		width: 260px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 120px;
		width: 270px;
	}
	.profile .description-jp {
		left: 135px;
		top: 490px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 130px;
		left: 31px;
	}
	.music .nowplaying-en {
		width: 200px;
		top: 290px;
	}
	.music .nowplaying-jp {
		left: 205px;
		top: 410px;
	}
	.jp-audio {
		left: 80px;
		top: 225px;
	}
	
	/*faq*/
	.faq .faq-nav {
		padding-top: 130px;
		height: 200px;
		width: 260px;
		margin-bottom: 5px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 280px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 305px;
		position: relative;
		float: left;
		margin-top: -90px;
		padding-left: 30px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 280px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 280px;
	}
	.basket .delivery-settings select.date.m {
		width: 60%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		top: 115px;
		width: 280px;
	}
	.form .recipient-data {
		width: 280px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 280px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;	
	}
	.review .data {
		margin-left: 6px;
		top: 115px;
		width: 280px;
	}
	.review .items {
		margin-left: 0px;
		width: 280px;
		overflow: hidden;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.tc-wrapper .tc {
		margin-top: 0px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 170px;
		top: 255px;
		left: 33px;
	}
	.thanks .jp {
		left: 255px;
		top: 190px;
	}
}

/*iPhone 6 (portrait) ----------- */
@media only screen and (min-width : 375px) and (max-width : 383px) and (orientation : portrait), only screen and (min-width : 375px) and (max-width : 383px) and (max-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 70px;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 250px;
		left: 315px;
		position: absolute;
	}
	.home .welcome {
		top: 300px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: auto;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 95px;
		height: 355px;
		/* good for 4 cats: cakes,cookies,gift,others */
		/* width: 246px; */
		/* use this one since we've added 1 new cat: paper */
		width: auto;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 300px;
		margin-top: 60px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
	}
	.menu .right {
		left: 45px;
		height: auto;
		top: 180px;
	}
	#photo {
		width: 280px;
		height: 310px;
	}
	#photo .img-wrapper img {
		width: 280px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 120px;
		width: 270px;
	}
	.profile .description-jp {
		left: 155px;
		top: 490px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 130px;
		left: 31px;
	}
	.music .nowplaying-en {
		width: 220px;
		top: 290px;
	}
	.music .nowplaying-jp {
		left: 225px;
		top: 400px;
	}
	.jp-audio {
		left: 100px;
		top: 225px;
	}
	
	/*faq*/
	.faq .faq-nav {
		padding-top: 135px;
		height: 200px;
		width: 260px;
		margin-bottom: 15px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 300px;
		margin-right: 0px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 316px;
		padding-left: 35px;
		position: relative;
		float: left;
		margin-top: -90px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 280px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 280px;
	}
	.basket .delivery-settings select.date.m {
		width: 60%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		top: 115px;
		width: 300px;
	}
	.form .recipient-data {
		width: 300px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 300px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;	
	}
	.review .data {
		margin-left: 6px;
		width: 280px;
		top: 115px;
	}
	.review .items {
		margin-left: 0px;
		width: 280px;
		overflow: hidden;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.tc-wrapper .tc {
		margin-top: 0px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 200px;
		top: 265px;
		left: 35px;
	}
	.thanks .jp {
		left: 265px;
		top: 200px;
	}	
}

/* Blackberry Z10, Google Nexus 4, LG Optimus G (portrait) ----------- */
@media only screen and (min-width : 384px) and (max-width : 413px) and (orientation : portrait), only screen and (min-width : 384px) and (max-width : 413px) and (max-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 70px;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 245px;
		left: 325px;
		position: absolute;
	}
	.home .welcome {
		top: 285px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: auto;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 95px;
		height: 355px;
		/* good for 4 cats: cakes,cookies,gift,others */
		/* width: 246px; */
		/* use this one since we've added 1 new cat: paper */
		width: auto;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 300px;
		margin-top: 60px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
	}
	.menu .right {
		left: 55px;
		height: auto;
		top: 180px;
	}
	#photo {
		width: 260px;
		height: 290px;
	}
	#photo .img-wrapper img {
		width: 260px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 130px;
		width: 270px;
	}
	.profile .description-jp {
		left: 165px;
		top: 500px
	}
	
	/*music*/
	.music .artist-photo {
		top: 135px;
		left: 31px;
	}
	.music .nowplaying-en {
		width: 230px;
		top: 300px;
	}
	.music .nowplaying-jp {
		left: 232px;
		top: 400px;
	}
	.jp-audio {
		left: 100px;
		top: 230px;
	}
	
	/*faq*/
	.faq .faq-nav {
		padding-top: 140px;
		height: 200px;
		width: 325px;
		margin-bottom: 15px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 320px;
		margin-right: 0px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 350px;
		padding-left: 33px;
		position: relative;
		float: left;
		margin-top: -90px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 315px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 315px;
	}
	.basket .delivery-settings select.date.m {
		width: 60%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		top: 115px;
		width: 315px;
	}
	.form .recipient-data {
		width: 315px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 315px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;	
	}
	.review .data {
		margin-left: 6px;
		width: 315px;
		top: 115px;
	}
	.review .items {
		margin-left: 0px;
		width: 315px;
		overflow: hidden;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.tc-wrapper .tc {
		margin-top: 0px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 220px;
		top: 255px;
		left: 30px;
	}
	.thanks .jp {
		left: 285px;
		top: 190px;
	}
}

/*iPhone 6 Plus (portrait) ----------- */
@media only screen and (min-width : 414px) and (max-width : 539px) and (orientation : portrait), only screen and (min-width : 414px) and (max-width : 539px) and (max-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 90px;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 300px;
		left: 370px;
		position: absolute;
	}
	.home .welcome {
		top: 330px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: auto;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 95px;
		height: 355px;
		width: 345px;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 300px;
		margin-top: 80px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
	}
	.menu .right {
		left: 45px;
		height: auto;
		top: 180px;
	}
	#photo {
		width: 305px;
		height: 350px;
	}
	#photo .img-wrapper img {
		width: 305px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 120px;
		width: 270px;
	}
	.profile .description-jp {
		left: 190px;
		top: 490px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 130px;
		left: 31px;
	}
	.music .nowplaying-en {
		width: 250px;
		top: 290px;
	}
	.music .nowplaying-jp {
		left: 262px;
		top: 420px;
	}
	.jp-audio {
		left: 130px;
		top: 225px;
	}
	
	/*faq*/
	.faq .faq-nav {
		padding-top: 150px;
		height: 200px;
		width: 325px;
		margin-bottom: 15px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 340px;
		margin-right: 0px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 370px;
		padding-left: 33px;
		position: relative;
		float: left;
		margin-top: -90px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 335px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 335px;
	}
	.basket .delivery-settings select.date.m {
		width: 60%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		top: 115px;
		width: 340px;
	}
	.form .recipient-data {
		width: 340px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 340px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;	
	}
	.review .data {
		margin-left: 6px;
		width: 340px;
		top: 115px;
	}
	.review .items {
		margin-left: 0px;
		width: 340px;
		overflow: hidden;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.tc-wrapper .tc {
		margin-top: 0px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 250px;
		top: 300px;
		left: 30px;
	}
	.thanks .jp {
		left: 315px;
		top: 220px;
	}
}

/*Motorola (Droid 3, Droid 4, Droid Razr, Atrix 4G, Atrix 2) (portrait) ----------- */
@media only screen and (min-width : 540px) and (max-width : 599px) and (orientation : portrait), only screen and (min-width : 540px) and (max-width : 599px) and (max-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 165px;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer {
		position: relative;
		float: left !important;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 220px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 8px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 380px;
		left: 270px;
		position: absolute;
	}
	.home .welcome {
		top: 420px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: 565px;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 125px;
		height: 500px;
		width: 510px;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 250px;
		margin-top: 0px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
		margin-left: 20px;
	}
	.menu .right {
		left: 80px;
		height: auto;
		top: 200px;
	}
	#photo {
		width: 360px;
		height: 385px;
	}
	#photo .img-wrapper img {
		width: 360px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 170px;
	}
	.profile .description-jp {
		top: 500px;
		left: 275px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 140px;
		left: 200px;
	}
	.music .nowplaying-en {
		top: 320px;
	}
	.music .nowplaying-jp {
		left: 380px;
		top: 320px;
	}
	.jp-audio {
		left: 140px;
		top: 240px;
	}
	
	/*faq*/
	.faq .faq-nav {
		padding-top: 135px;
		height: 195px;
		margin-bottom: 15px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 210px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 500px;
		position: relative;
		float: left;
		margin-top: -90px;
		padding-left: 25px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 470px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 470px;
	}
	.basket .delivery-settings select.date.m {
		width: 61%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		padding-top: 3px;
		top: 115px;
		width: 470px;
	}
	.form .recipient-data {
		width: 470px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 470px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;	
	}
	.review .data {
		top: 115px;
		width: 470px;
		margin-left: 6px;
	}
	.review .items {
		overflow: hidden;
		width: 470px;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 40px;
		margin-bottom: 20px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 300px;
		top: 385px;
		left: 30px;
	}
	.thanks .jp {
		left: 400px;
		top: 310px;
	}
}

/*Amazon Kindle Fire First Generation, Google Nexus 7 2, Samsung Galaxy Tab (portrait) ----------- */
@media only screen and (min-width : 600px) and (max-width : 603px) and (orientation : portrait), only screen and (min-width : 600px) and (max-width : 603px) and (max-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 165px;
	}
	
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer {
		position: relative;
		float: left !important;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 380px;
		left: 300px;
		position: absolute;
	}
	.home .welcome {
		top: 420px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: 565px;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 125px;
		height: 600px;
		width: 510px;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 300px;
		margin-top: 0px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
		margin-left: 20px;
	}
	.menu .right {
		left: 50px;
		height: auto;
		top: 200px;
	}
	#photo {
		width: 460px;
		height: auto;
	}
	#photo .img-wrapper img {
		width: 460px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 145px;
	}
	.profile .description-jp {
		top: 430px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 140px;
		left: 220px;
	}
	.music .nowplaying-en {
		top: 350px;
	}
	.music .nowplaying-jp {
		left: 420px;
		top: 350px;
	}
	.jp-audio {
		top: 250px;
		left: 170px;
	}
	
	/*faq*/
	.faq .faq-nav {
		padding-top: 135px;
		height: 195px;
		margin-bottom: 15px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 240px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 555px;
		position: relative;
		float: left;
		margin-top: -90px;
		padding-left: 30px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 525px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 525px;
	}
	.basket .delivery-settings select.date.m {
		width: 61%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		padding-top: 3px;
		top: 115px;
		width: 515px;
	}
	.form .recipient-data {
		width: 515px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 515px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;	
	}
	.review .review-items {
		height: 615px;
	}
	.review .data {
		top: 115px;
		width: 500px;
		margin-left: 6px;
	}
	.review .items {
		overflow: hidden;
		width: 570px;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 70px;
		margin-bottom: 20px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 300px;
		top: 410px;
		left: 30px;
	}
	.thanks .jp {
		left: 475px;
		top: 350px;
	}
}

/* iPad (1, 2, Mini, 3, 4) (portrait) */
@media screen and (min-width: 768px) and (max-width : 799px) and (orientation : portrait), only screen and (min-width: 768px) and (max-width : 799px) and (max-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 275px;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer {
		position: relative;
		float: left !important;
		margin-left: 40px;
		width: 650px;
		min-width: 0px;
		height: 120px;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 220px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 8px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 435px;
		left: 370px;
		position: absolute;
	}
	.home .welcome {
		top: 435px;
		position: absolute;
		padding-left: 70px;
	}

	/*menu*/
	.menu .left {
		width: 650px;
		padding-left: 70px;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 85px;
		height: 619px;
		width: 580px;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 350px;
		margin-top: 0px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
		margin-left: 20px;
	}
	.menu .right {
		left: 130px;
		height: auto;
		top: 155px;
	}
	#photo {
		width: 460px;
		height: auto;
	}
	#photo .img-wrapper img {
		width: 460px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 210px;
		padding-left: 40px;
		width: 400px;
	}
	.profile .description-jp {
		top: 500px;
		left: 510px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 160px;
		left: 320px;
	}
	.music .nowplaying-en {
		top: 400px;
		padding-left: 70px;
	}
	.music .nowplaying-jp {
		left: 576px;
		top: 600px;
	}
	.jp-audio {
		left: 270px;
		top: 290px;
	}
	
	/*faq*/
	.faq {
		padding-left: 70px;
	}
	.faq .faq-nav {
		padding-top: 135px;
		height: 195px;
		margin-bottom: 15px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 295px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 750px;
		position: relative;
		float: left;
		margin-top: -90px;
		padding-left: 70px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 592px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 590px;
	}
	.basket .delivery-settings select.date.m {
		width: 61%;
	}
	.basket .delivery-settings select.date.d {
		width: 38.3%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		padding-left: 40px;
		padding-top: 3px;
		top: 115px;
		width: 630px;
	}
	.form .recipient-data {
		padding-left: 40px;
		width: 630px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		padding-left: 40px;
		width: 630px;
		left: 30px;
		top: 570px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-left: 70px;
		padding-top: 125px;	
	}
	.review .data {
		top: 115px;
		width: 550px;
		margin-left: 6px;
	}
	.review .items {
		overflow: hidden;
		width: 630px;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 80px;
		margin-bottom: 20px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 330px;
		top: 410px;
		left: 70px;
	}
	.thanks .jp {
		left: 635px;
		top: 340px;
	}
}

/*------------------------------- LANDSCAPE --------------------------------------*/

/* iPhone (3GS, 4) (landscape) ----------- */
@media only screen and (min-width : 480px) and (max-width : 532px) and (orientation : landscape), only screen and (min-width : 480px) and (max-width : 532px) and (min-aspect-ratio: 13/9){
	h1 {
		margin-left: 0px;
		left: 130px;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
		margin-bottom: 0px;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 140px;
		left: 410px;
		position: absolute;
	}
	.home .welcome {
		top: 180px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: 420px;
		padding-left: 30px;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 70px;
		height: 330px;
		width: 350px;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 390px;
		margin-bottom: 15px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
		margin-left: 0px;
	}
	.menu .right {
		left: 125px;
		height: auto;
		top: 145px;
	}
	#photo {
		width: 230px;
		height: 250px;
	}
	#photo .img-wrapper img {
		width: 230px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 115px;
		width: 420px;
	}
	.profile .description-jp {
		left: 245px;
		top: 390px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 135px;
		left: 30px;
	}
	.music .nowplaying-en {
		width: 280px;
		top: 240px;
	}
	.music .nowplaying-jp {
		left: 315px;
		top: 235px;
	}
	.jp-audio {
		left: 200px;
		top: 150px;
	}
	
	/*faq*/
	.faq .faq-nav {
		padding-top: 105px;
		height: 165px;
		width: 400px;
		margin-bottom: 5px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 400px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 460px;
		position: relative;
		float: left;
		margin-top: -90px;
		padding-left: 30px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 400px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 400px;
	}
	.basket .delivery-settings select.date.m {
		width: 60%;
	}
	.basket .delivery-settings select.date.d {
		width: 38.5%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		top: 115px;
		width: 400px;
	}
	.form .recipient-data {
		width: 400px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 400px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;	
	}
	.review .data {
		margin-left: 6px;
		top: 115px;
		width: 390px;
	}
	.review .items {
		margin-left: 0px;
		overflow: hidden;
		width: 390px;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.tc-wrapper .tc {
		margin-top: 0px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 300px;
		top: 190px;
		left: 30px;
	}
	.thanks .jp {
		left: 370px;
		top: 120px;
	}
}

/* Google Nexus S, HTC (Evo, Touch HD, Desire HD, Desire), LG Optimus (2X, 3D, Black), Nokia (Lumia 7X0, Lumia 8XX, Lumia 900, N800, N810, N900), Samsung Galaxy (S, S II, W) (landscape) ----------- */
@media only screen and (min-width : 533px) and (max-width : 567px) and (orientation : landscape), only screen and (min-width : 533px) and (max-width : 567px) and (min-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 30%;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
		margin-bottom: 0px;
		margin-left: 30px;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 150px;
		position: absolute;
	}
	.home .welcome {
		top: 180px;
		padding-left: 60px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: 400px;
		padding-left: 60px;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 70px;
		height: 330px;
		width: 350px;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 405px;
		margin-bottom: 15px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
		margin-left: 0px;
	}
	.menu .right {
		left: 140px;
		height: auto;
		top: 145px;
	}
	#photo {
		width: 230px;
		height: 250px;
	}
	#photo .img-wrapper img {
		width: 230px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 115px;
		width: 420px;
		left: 30px;
	}
	.profile .description-jp {
		left: 280px;
		top: 390px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 120px;
		left: 60px;
	}
	.music .nowplaying-en {
		width: 280px;
		top: 240px;
		padding-left: 60px;
	}
	.music .nowplaying-jp {
		left: 350px;
		top: 240px;
	}
	.jp-audio {
		left: 220px;
		top: 135px;
	}
	
	/*faq*/
	.faq {
		padding-left: 60px;
	}
	.faq .faq-nav {
		padding-top: 105px;
		height: 160px;
		width: 400px;
		margin-bottom: 5px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 400px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 440px;
		position: relative;
		float: left;
		margin-top: -90px;
		padding-left: 60px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 390px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 390px;
	}
	.basket .delivery-settings select.date.m {
		width: 60%;
	}
	.basket .delivery-settings select.date.d {
		width: 38.5%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		top: 115px;
		width: 390px;
		left: 60px;
	}
	.form .recipient-data {
		width: 390px;
		left: 60px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 390px;
		left: 60px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-left: 60px;
		padding-top: 125px;	
	}
	.review .data {
		margin-left: 6px;
		top: 115px;
		width: 390px;
	}
	.review .items {
		margin-left: 0px;
		overflow: hidden;
		width: 390px;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.tc-wrapper .tc {
		margin-top: 0px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 220px;
		top: 200px;
		left: 60px;
	}
	.thanks .jp {
		left: 410px;
		top: 120px;
	}
}

/* iPhone 5, Motorola (Defy, Droid, Droid X, Milestone) (landscape) ----------- */
@media only screen and (min-width : 568px) and (max-width : 639px) and (orientation : landscape), only screen and (min-width : 568px) and (max-width : 639px) and (min-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 30%;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
		margin-bottom: 0px;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 180px;
		left: 285px;
		position: absolute;
	}
	.home .welcome {
		top: 210px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: 510px;
		padding-left: 30px;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 90px;
		height: 335px;
		width: 370px;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 265px;
		margin-top: 0px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
		margin-left: 20px;
	}
	.menu .right {
		left: 170px;
		height: auto;
		top: 165px;
	}
	#photo {
		width: 230px;
		height: 250px;
	}
	#photo .img-wrapper img {
		width: 230px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	
	/*profile*/
	.profile .description-en {
		top: 170px;
	}
	.profile .description-jp {
		top: 420px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 120px;
		left: 200px;
	}
	.music .nowplaying-en {
		width: 280px;
		top: 340px;
	}
	.music .nowplaying-jp {
		left: 420px;
		top: 340px;
	}
	.jp-audio {
		left: 170px;
		top: 250px;
	}
	
	/*faq*/
	.faq .faq-nav {
		padding-top: 135px;
		height: 195px;
		margin-bottom: 15px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 240px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 100%;
		position: relative;
		float: left;
		margin-top: -90px;
		padding-left: 25px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 500px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 500px;
	}
	.basket .delivery-settings select.date.m {
		width: 61%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		padding-top: 3px;
		top: 115px;
		width: 500px;
	}
	.form .recipient-data {
		width: 500px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 500px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;	
	}
	.review .data {
		top: 115px;
		width: 500px;
		margin-left: 6px;
	}
	.review .items {
		overflow: hidden;
		width: 500px;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 55px;
		margin-bottom: 20px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 300px;
		top: 210px;
		left: 30px;
	}
	.thanks .jp {
		left: 480px;
		top: 130px;
	}
}

/* Blackberry (Z10, Z30), Google Nexus (4, 5), HTC (One X, Evo LTE, Sensation, Evo 3D), LG Optimus G, Nokia (C5, C6, C7, N97, N8, X7), Samsung Galaxy (Note, Note 3 Note 2, S III, Nexus, S4), Sony Xperia (S, Ion, Z, Z1) (landscape) ----------- */
@media only screen and (min-width : 640px) and (max-width : 666px) and (orientation : landscape), only screen and (min-width : 640px) and (max-width : 666px) and (min-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 35%;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
		margin-bottom: 0px;
		margin-left: 30px;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 175px;
		left: 320px;
		position: absolute;
	}
	.home .welcome {
		top: 205px;
		left: 30px;
		position: absolute;
	}

	/*menu*/
	.menu .left {
		width: 565px;
		position: relative;
		padding-top: 10px;
		left: 30px;
	}
	.menu .left .categories-nav {
		margin-top: 70px;
		height: 375px;
		width: 510px;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 280px;
		margin-top: 0px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
		margin-left: 20px;
	}
	.menu .right {
		left: 185px;
		height: auto;
		top: 150px;
	}
	#photo {
		width: 260px;
		height: 290px;
	}
	#photo .img-wrapper img {
		width: 260px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 165px;
		left: 30px;
	}
	.profile .description-jp {
		top: 420px;
		left: 375px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 140px;
		left: 110px;
	}
	.music .nowplaying-en {
		top: 280px;
		left: 30px;
	}
	.music .nowplaying-jp {
		left: 445px;
		top: 280px;
	}
	.jp-audio {
		top: 150px;
		left: 290px;
	}
	
	/*faq*/
	.faq {
		padding-left: 60px;
	}
	.faq .faq-nav {
		padding-top: 135px;
		height: 195px;
		margin-bottom: 15px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 240px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents table {
		width: 560px;
	}
	.basket .cart-contents {
		width: 555px;
		position: relative;
		float: left;
		margin-top: -90px;
		padding-left: 60px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 500px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 500px;
	}
	.basket .delivery-settings select.date.m {
		width: 61%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		padding-top: 3px;
		top: 115px;
		width: 500px;
		left: 60px;
	}
	.form .recipient-data {
		width: 500px;
		left: 60px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 500px;
		left: 60px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;	
	}
	.review .data {
		top: 115px;
		width: 500px;
		margin-left: 30px;
	}
	.review .items {
		overflow: hidden;
		width: 500px;
		height: auto;
		margin-left: -6px;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 6px;
	}
	.review .items .buttons input.proceed {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 300px;
		top: 215px;
		left: 60px;
	}
	.thanks .jp {
		left: 480px;
		top: 160px;
	}
}

/* iPhone 6 (landscape) ----------- */
@media only screen and (min-width : 667px) and (max-width : 735px) and (orientation : landscape), only screen and (min-width : 667px) and (max-width : 735px) and (min-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 35%;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
		margin-bottom: 0px;
		margin-left: 30px;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 185px;
		position: absolute;

	}
	.home .welcome {
		top: 220px;
		position: absolute;
		padding-left: 60px;
	}

	/*menu*/
	.menu .left {
		width: 565px;
		padding-left: 60px;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 90px;
		height: 380px;
		width: 510px;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 280px;
		margin-top: 0px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
		margin-left: 20px;
	}
	.menu .right {
		left: 200px;
		height: auto;
		top: 165px;
	}
	#photo {
		width: 280px;
		height: 310px;
	}
	#photo .img-wrapper img {
		width: 280px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 170px;
		padding-left: 30px;
	}
	.profile .description-jp {
		top: 420px;
		left: 375px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 140px;
		left: 110px;
	}
	.music .nowplaying-en {
		top: 280px;
		padding-left: 60px;
	}
	.music .nowplaying-jp {
		left: 420px;
		top: 280px;
	}
	.jp-audio {
		top: 150px;
		left: 290px;
	}
	
	/*faq*/
	.faq {
		padding-left: 60px;
	}
	.faq .faq-nav {
		padding-top: 135px;
		height: 195px;
		margin-bottom: 15px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 260px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 650px;
		position: relative;
		float: left;
		margin-top: -90px;
		padding-left: 60px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 525px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 525px;
	}
	.basket .delivery-settings select.date.m {
		width: 61%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form {
		padding-left: 30px;
	}
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		padding-top: 3px;
		top: 115px;
		width: 530px;
	}
	.form .recipient-data {
		width: 530px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 530px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;
		padding-left: 60px;	
	}
	.review .data {
		top: 115px;
		width: 530px;
		margin-left: 6px;
	}
	.review .items {
		overflow: hidden;
		width: 530px;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 300px;
		top: 250px;
		left: 60px;
	}
	.thanks .jp {
		left: 500px;
		top: 160px;
	}
}

/* iPhone 6 Plus (landscape) ----------- */
@media only screen and (min-width : 736px) and (max-width : 752px) and (orientation : landscape), only screen and (min-width : 736px) and (max-width : 752px) and (min-aspect-ratio: 13/9) {
	h1 {
		margin-left: 0px;
		left: 36%;
	}
	.ng-view-main {
		height: auto;
		min-height: 0;
		overflow-x: hidden;
	}

	/*footer*/
	.footer .socialbtns {
		display: none;
	}
	.footer {
		position: relative;
		float: left !important;
		margin-bottom: 0px;
		margin-left: 30px;
	}
	.footer p {
		line-height:1;
		color:#fff;
	}
	.footer a{
		color:#fff;
	}
	.footer a:hover,
	.footer a.active,
	.footer a.nav-home.at-home.initially,
	.footer a.nav-menu.at-menu.initially,
	.footer a.nav-music.at-music.initially,
	.footer a.nav-profile.at-profile.initially,
	.footer a.nav-faq.at.faq.initially,
	.footer a.nav-basket.at-basket.initially,
	.footer a.nav-basket.at-form.initially,
	.footer a.nav-basket.at-review.initially,
	.footer a.nav-basket.at-thanks.initially,
	.footer ul li.sound-control.playing .on,
	.footer ul li.sound-control.paused .off {
		color:#213457;
	}
	.footer ul {
		margin-top: 0px;
	}
	.footer ul li {
		display:block;
		float:left;
		font-size:9px;
		line-height:1;
		color:#fff;
	}
	.footer ul li.contact {
		margin-top: 7px;
		width: 260px;
	}
	.footer ul li.copyright {
		width:240px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.footer .nav a{
		margin: 1px;
		line-height: 1.4;
	}
	
	/*home*/
	.home .greeting {
		top: 185px;
		position: absolute;

	}
	.home .welcome {
		top: 220px;
		position: absolute;
		padding-left: 60px;
	}

	/*menu*/
	.menu .left {
		width: 580px;
		padding-left: 60px;
		position: relative;
		padding-top: 10px;
	}
	.menu .left .categories-nav {
		margin-top: 100px;
		height: 425px;
		width: 510px;
	}
	.menu .left .categories-nav ul li {
		float: left;
	}
	.menu .left .categories-nav ul li a {
		margin: 1px;
	}
	.menu .left .product {
		height: auto;
		min-height: 0px;
		float: left;
		width: 300px;
		margin-top: 0px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menu .left .add-to-cart {
		float: left;
		margin-left: 20px;
	}
	.menu .right {
		left: 220px;
		height: auto;
		top: 170px;
	}
	#photo {
		width: 305px;
		height: 350px;
	}
	#photo .img-wrapper img {
		width: 305px;
		height: auto;
	}
	#photo .img-wrapper-nav .next {
		top: 50%;
		margin-right: -40px;
		width: 35px;
	}	
	#photo .img-wrapper-nav .prev {
		top: 50%;
		margin-left: -65px;
	}
	
	/*profile*/
	.profile .description-en {
		top: 150px;
		text-align: justify;
		width: 440px;
		padding-left: 30px;
	}
	.profile .description-jp {
		top: 440px;
		left: 465px;
	}
	
	/*music*/
	.music .artist-photo {
		top: 140px;
		left: 140px;
	}
	.music .nowplaying-en {
		top: 280px;
		padding-left: 60px;
	}
	.music .nowplaying-jp {
		left: 500px;
		top: 280px;
	}
	.jp-audio {
		left: 350px;
		top: 155px;
	}
	
	/*faq*/
	.faq {
		padding-left: 60px;
	}
	.faq .faq-nav {
		padding-top: 135px;
		height: 195px;
		margin-bottom: 15px;
	}
	.faq .faq-nav ul li {
		float: left;
	}
	.faq .faq-nav ul li a {
		margin: 1px;
	}
	.faq .faq-content .col {
		width: 280px;
		text-align: justify;
	}	
	
	/*basket*/
	.basket .cart-contents table {
		width: 660px;
	}
	.basket .cart-wrapper {
		float: left;
		margin-bottom: 210px;
	}
	.basket .cart-contents {
		width: 650px;
		position: relative;
		float: left;
		margin-top: -90px;
		padding-left: 60px;
	}
	.basket .delivery-settings {
		left: 5px;
		top: 0;
		width: 575px;
		position: relative;
		float: left;
		margin-left: -5px;
	}
	.basket .delivery-settings select {
		width: 575px;
	}
	.basket .delivery-settings select.date.m {
		width: 61%;
	}
	.basket .delivery-settings select.date.d {
		width: 38%;
	}
	.basket .delivery-settings input.proceed {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.basket table tbody tr.delivery td,
	.basket table tbody tr.total td {
		line-height: 1.1;
	}
	
	/*form*/
	.form {
		padding-left: 30px;
	}
	.form form {
		position: relative;
		float: left;
		height: 760px;
	}
	.form .my-data {
		padding-top: 3px;
		top: 115px;
		width: 575px;
	}
	.form .recipient-data {
		width: 575px;
		left: 30px;
		top: 360px;
	}
	.form .recipient-data textarea {
		height: 86px;
	}
	.form .additional-notes {
		width: 575px;
		left: 30px;
		top: 580px;
	}
	.form .additional-notes .buttons input.edit {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	/*review*/
	.review {
		padding-top: 125px;
		padding-left: 60px;	
	}
	.review .data {
		top: 115px;
		width: 575px;
		margin-left: 6px;
	}
	.review .items {
		overflow: hidden;
		width: 575px;
		padding-left: 0px;
		height: auto;
	}
	.review .items table {
		margin-bottom: 0px;
	}
	.review .items .buttons input.edit {
		margin-left: 0px;
	}
	.review .items .buttons input.proceed {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	/*thanks*/
	.thanks .en {
		width: 220px;
		top: 40%;
		left: 60px;
	}
	.thanks .jp {
		left: 75%;
		top: 30%;
	}
}

@media (min-device-width : 1024px) and (orientation : landscape) {
	/*footer*/
	.footer .socialbtns {
		display: none;
	}
}