/* Media queries - mobile first method */

@media (max-width: 360px) {
	body {
			/*padding: 10px;*/
			/*font: 12px "Roboto", sans-serif;*/
			height: 100%;
			overflow-x: hidden;
	}
	p {
			/*font: 14px "Roboto", sans-serif;*/
			color: grey;
	}
	h1 {
			/*font: 36px "Roboto", sans-serif;*/
			font-weight: bolder;
	}
	h3 {
			/*font: 24px "Roboto", sans-serif;*/
	}
	h5 {
			/*font: 16px "Roboto", sans-serif;*/
			font-weight: bolder;
			text-align: center;
	}
	#div1Content {
			text-align: center;
			margin: 0px;
			margin-top: 15vh;
	}
	#div2Content {
			text-align: center;
			margin: 0px;
			margin-top: 10vh;
			margin-bottom: 6vh;
	}
	#div3Content {
			text-align: left;
			margin: 0px;
	}
	#div4Content {
			text-align: center;
			margin: 0px;
	}
	#div5Content {
			text-align: left;
			margin: 0px;
	}
	#div5Image {
			margin-top: 6vh;
			margin-bottom: 20vh;
	}
	#div6Content {
			text-align: left;
			margin: 0px;
	}
	#div7Content {
			margin-top: 6vh;
			margin-bottom: 6vh;
			margin-left: 0px;
	}
	#div8Content {
			text-align: left;
			margin: 0px;
			margin-top: 6vh;
			margin-bottom: 6vh;
			margin-left: 0px;
	}
	#divMaps {
			margin: 0px;
	}
    #shoeContainer {
			height: 50vh;
			position: relative;
			width: 100%;
	}
	.circle {
			position: relative;
			border-radius: 50%;
			width: 100%;
			height: auto;
			padding-top: 0;
			background: black;
	}
	.responsive-circle {
			width: 35vw;
			height: 35vw;
		}
	.circleContainer {
			margin-bottom: 6vh;
			width: 100%;
			margin: auto;
			height:35vh;
	}
	#circleTitle1 {
			width: 100%;
			height: 100%;
			font-size: 14px;
	}
	#circleTitle2 {
			width: 100%;
			height: 100%;
			font-size: 14px;
	}
	#circleTitle3 {
			width: 100%;
			height: 100%;
			font-size: 14px;
	}
	.circleSubtitleRow {
			margin-top: 6vh;
			margin-bottom: 6vh;
	}
	#circleSubtitle1 {
			text-align: left;
	}
	#circleSubtitle2 {
			text-align: left;
	}
	#circleSubtitle3 {
			text-align: left;
	}
	.circleResponsiveCol {
			width: 50%;
			display: flex;
			justify-content: center;
			flex-flow: column;
	}
	#imgSneaker {
			width: 100%;
			position: absolute;
			margin-left: 8vw;
			padding-top: 12vh;
			padding-bottom: 12vh;
			top: -75vh;
			right: -15vw;
			height: auto;
			z-index: -1;
	}
	#iconsRow {
			width: 60%;
			background-color: rgba(255, 255, 255, 0.5);
			border-radius: 3%;
			margin: auto;
	}
	#divAbout1 {
			align-items: center;
			margin-bottom: 6vh;
			text-align: left;
	}
	#aboutSneakerImg {
			width: 70%;
			margin: auto;
			margin-bottom: 12vh;
			display: none;
	}
	#divAbout2 {
			text-align: left;
	}
	#divAbout3 {
			margin-top: 6vh;
			text-align: center;
	}
	.line {
			display: none;
	}
	.emptyInsertColumn {
			display: none;
	}
	#goAheadParagraphDesktop {
			display: none;
	}
	#goAheadParagraphMobile {
			display: block;
			/*margin-top: -30vh;*/
			margin-bottom: 12vh;
	}
	.form-input-wrapper {
			width: 60%;
	}
	#mapsFrame {
			width: 90%;
			height: 30vh;
	}
	.shoedetailimg {
			margin-top: 15vh;
			width: 12vw;
			margin-right: 3vw;
			margin-left: 4vw;
			display: inline-block;
			cursor: pointer;
	}
	.loader {
			left: 35%;
			top: 20%;
	}
	.mobileLanguage {
			display:block;
	}

	#productThumbnail
	{
			display:inline-block;
	}
}

/* Extra small devices (portrait phones, less than 576px) */

@media (min-width: 361px) and (max-width: 575px) {
	body {
			/*padding: 10px;*/
			/*font: 12px "Roboto", sans-serif;*/
			height: 100%;
			overflow-x: hidden;
	}
	p {
			/*font: 14px "Roboto", sans-serif;*/
			color: grey;
	}
	h1 {
			/*font: 28px "Roboto", sans-serif;*/
			font-weight: bolder;
	}
	h3 {
			/*font: 24px "Roboto", sans-serif;*/
	}
	h5 {
			/*font: 16px "Roboto", sans-serif;*/
			font-weight: bolder;
			text-align: center;
	}
	#div1Content {
			text-align: center;
			margin: 0px;
			margin-top: 15vh;
	}
	#div2Content {
			text-align: center;
			margin: 0px;
			margin-top: 10vh;
			margin-bottom: 6vh;
	}
	#div3Content {
			text-align: left;
			margin: 0px;
	}
	#div4Content {
			text-align: center;
			margin: 0px;
	}
	#div5Content {
			text-align: left;
			margin: 0px;
	}
	#div5Image {
			margin-top: 6vh;
			margin-bottom: 20vh;
	}
	#div6Content {
			text-align: left;
			margin: 0px;
	}
	#div7Content {
			margin: 6vh auto;
	}
	#div8Content {
			text-align: left;
			margin: 0px;
			margin-top: 6vh;
			margin-bottom: 6vh;
			margin-left: 0px;
	}
	#divMaps {
			margin: 0px;
	}
	.circle {
			position: relative;
			border-radius: 50%;
			width: 100%;
			height: auto;
			padding-top: 0;
			background: black;
			/*margin-bottom: 6vh;*/
	}
	.circleContainer {
			margin-bottom: 6vh;
			width: 100%;
			margin: auto;
			height:35vh;
	}

	.responsive-circle {
			width: 30vw;
			height: 30vw;
		}

	#circleTitle1 {

			width: 100%;
			height: 100%;
			font-size: 18px;
	}
	#circleTitle2 {

			width: 100%;
			height: 100%;
			font-size: 18px;
	}
	#circleTitle3 {

			width: 100%;
			height: 100%;
			font-size: 18px;
	}
	.circleSubtitleRow {
			margin-top: 6vh;
			margin-bottom: 6vh;
	}
	#circleSubtitle1 {
			text-align: left;
	}
	#circleSubtitle2 {
			text-align: left;
	}
	#circleSubtitle3 {
			text-align: left;
	}
	.circleResponsiveCol {
			width: 50%;
			display: flex;
			justify-content: center;
			flex-flow: column;
	}
	#imgSneaker {
			width: 100%;
			position: absolute;
			margin-left: 8vw;
			padding-top: 12vh;
			padding-bottom: 12vh;
			top: -75vh;
			right: -10vw;
			height: auto;
			z-index: -1;
	}
	#iconsRow {
			width: 60%;
			background-color: rgba(255, 255, 255, 0.5);
			border-radius: 3%;
			margin: auto;
	}
	#divAbout1 {
			align-items: center;
			margin-bottom: 6vh;
			text-align: left;
	}
	#aboutSneakerImg {
			width: 70%;
			margin: auto;
			margin-bottom: 12vh;
			display: none;
	}
	#divAbout2 {
			text-align: left;
	}
	#divAbout3 {
			margin-top: 6vh;
			text-align: center;
	}
	.line {
			display: none;
	}
	.emptyInsertColumn {
			display: none;
	}
	#goAheadParagraphDesktop {
			display: none;
	}
	#goAheadParagraphMobile {
			display: block;
			/*margin-top: -30vh;*/
			margin-bottom: 12vh;
	}
	.form-input-wrapper {
			width: 60%;
	}
	#mapsFrame {
			width: 90%;
			height: 30vh;
	}
	.shoedetailimg {
			margin-top: 15vh;
			width: 12vw;
			margin-right: 3vw;
			margin-left: 4vw;
			display: inline-block;
			cursor: pointer;
	}
	.loader {
			left: 35%;
			top: 20%;
	}

	.mobileLanguage {
			display:block;
	}

	#productThumbnail
	{
			display:inline-block;
	}
}

/*  Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767px) {
	#div1Content {
			text-align: center;
			margin: 0px;
			margin-top: 15vh;
	}
	#div2Content {
			text-align: center;
			margin: 0px;
			margin-top:6vh;
	}
	#div3Content {
			text-align: left;
			margin: 0px;
	}
	#div4Content {
			text-align: center;
			margin: 0px;
	}
	#div5Content {
			text-align: left;
			margin: 0px;
	}
	#div5Image {
			margin-top: 6vh;
			margin-bottom: 20vh;
	}
	#div6Content {
			text-align: center;
			margin: 0px;
	}
	#div7Content {
			margin: 6vh auto;
	}
	#div8Content {
			text-align: center;
			margin: 0px;
			margin-top: 6vh;
			margin-bottom: 6vh;
			/*margin-left: 5vw;*/
	}
	#divMaps {
			margin: 0px;
	}
  #shoeContainer {
			height: 50vw;
			/* width: 80vw; */
			position: relative;
	}
	.circle {
			position: relative;
			border-radius: 50%;
			height: auto;
			background: black;
	}

	.responsive-circle {
			width: 25vw;
			height: 25vw;
		}

	.circleContainer {
			margin-bottom: 6vh;
			width: 60%;
			margin: auto;
			height:35vh;
	}
	#circleTitle1 {
			width: 100%;
			height: 100%;
	}
	#circleTitle2 {
			width: 100%;
			height: 100%;
	}
	#circleTitle3 {
			width: 100%;
			height: 100%;
	}
	.circleSubtitleRow {
			margin-top: 6vh;
			margin-bottom: 6vh;
	}
	#circleSubtitle1 {
			text-align: left;
	}
	#circleSubtitle2 {
			text-align: left;
	}
	#circleSubtitle3 {
			text-align: left;
	}
	.circleResponsiveCol {
			width: 50%;
			display: flex;
			justify-content: center;
			flex-flow: column;
	}
	#imgSneaker {
			width: 100%;
			position: relative;
			margin-left: 8vw;
			padding-top: 12vh;
			padding-bottom: 12vh;
	}
	#divAbout1 {
			align-items: center;
			margin-bottom: 6vh;
			text-align: left;
	}
	#aboutSneakerImg {
			width: 70%;
			margin: auto;
			margin-bottom: 12vh;
			display: none;
	}
	#divAbout2 {
			text-align: left;
	}
	#divAbout3 {
			margin-top: 6vh;
			text-align: center;
	}
	.line {
			display: none;
	}
	.emptyInsertColumn {
			display: none;
	}
	.shoedetailimg {
			margin-top: 15vh;
			width: 12vw;
			margin-right: 4vw;
			margin-left: 4vw;
			display: inline-block;
			cursor: pointer;
	}
	.loader {
			left: 35%;
			top: 20%;
	}

	.mobileLanguage {
			display:block;
	}

	#reorderTablet {
			-webkit-box-ordinal-group: 2 !important;
			-ms-flex-order: 2 !important;
			order: 2 !important;
	}

	#productThumbnail
	{
			display:inline-block;
	}
}

/*  Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991px) {
	#div1Content {
			text-align: center;
			margin: 0px;
			margin-top: 15vh;
	}
	#div2Content {
			text-align: center;
			margin: 0px;
	}
	#div3Content {
			text-align: left;
			margin: 1vw;
	}
	#div4Content {
			text-align: center;
			margin: 0px;
	}
	#div5Content {
			text-align: left;
			margin: 0px;
	}
	#div5Image {
			margin-top: 6vh;
			margin-bottom: 20vh;
	}
	#div6Content {
			text-align: center;
			margin: auto;
	}
	#div7Content {
			margin: auto;
			margin-top: 6vh;
			margin-bottom: 6vh;
	}
	#div8Content {
			text-align: center;
			margin: 0px;
			margin-top: 6vh;
			margin-bottom: 6vh;
			margin-left: 5vw;
	}
	#divMaps {
			margin: 0px;
	}
	#shoeContainer {
			height: 50vw;
			/* width: 80vw; */
			position: relative;
	}
	.circle {
			position: relative;
			border-radius: 50%;
			height: auto;
			background: black;
	}
	.circleContainer {
			margin-bottom: 6vh;
			width: 60%;
			margin: auto;
			height:40vh;
	}
	#circleTitle1 {
			left: 0;
			top: 35%;
			width: 100%;
			height: 100%;
	}
	#circleTitle2 {
			left: 0;
			top: 35%;
			width: 100%;
			height: 100%;
	}
	#circleTitle3 {
			left: 0;
			top: 35%;
			width: 100%;
			height: 100%;
	}
	.circleSubtitleRow {
			margin-top: 6vh;
			margin-bottom: 6vh;
	}
	#circleSubtitle1 {
			text-align: left;
	}
	#circleSubtitle2 {
			text-align: left;
	}
	#circleSubtitle3 {
			text-align: left;
	}
	.circleResponsiveCol {
			width: 50%;
			display: flex;
			justify-content: center;
			flex-flow: column;
			margin-bottom: 6vh;
	}
	#imgSneaker {
			width: 100%;
			position: relative;
			margin-left: 8vw;
			padding-top: 12vh;
			padding-bottom: 12vh;
	}
	#divAbout1 {
			align-items: center;
			margin-bottom: 6vh;
			text-align: left;
	}
	#aboutSneakerImg {
			width: 70%;
			margin: auto;
			margin-bottom: 12vh;
			display: none;
	}
	#divAbout2 {
			text-align: left;
	}
	#divAbout3 {
			margin-top: 6vh;
			text-align: center;
	}
	.line {
			display: none;
	}
	#iconsRow {
			margin-left: 10vw;
	}
	#div5Column {
			align-items: center !important;
	}
	.emptyInsertColumn {
			display: none;
	}
	#goAheadParagraphDesktop {
			display: none;
	}
	#goAheadParagraphMobile {
			display: block;
			/*margin-top: -30vh;*/
			margin-bottom: 12vh;
	}
	#reorderTablet {
			-webkit-box-ordinal-group: 2;
			-ms-flex-order: 2;
			order: 2;
	}
	.circleResponsiveCol {
			width: 50%;
			display: flex;
			justify-content: center;
			flex-flow: column;
	}

	.responsive-circle {
			width: 25vw;
			height: 25vw;
		}

	#circleTitle1 {
			width: 100%;
			height: 100%;
			font-size: 24px;
	}
	#circleTitle2 {
			width: 100%;
			height: 100%;
			font-size: 24px;
	}
	#circleTitle3 {
			width: 100%;
			height: 100%;
			font-size: 24px;
	}
	.emptyInsertColumn {
			display: none;
	}
	.shoedetailimg {
			margin-top: 15vh;
			width: 12vw;
			margin-right: 4vw;
			margin-left: 4vw;
			display: inline-block;
			cursor: pointer;
	}
	.loader {
			left: 45%;
			top: 20%;
	}

	.mobileLanguage {
			display:block;
	}
}

/*  Large devices (desktops, 992px and up) */

/*@media (min-width: 992px) and (max-width: 1199px) {
	#shoeContainer {
			height: 50vh;
			position: relative;
			width: 100%;
	}
	#imgSneaker {
			position: absolute;
			width:130%;
			height:auto;
			top: 17vh;
	}

	.responsive-circle {
			width: 15vw;
			height: 15vw;
		}

	#circleTitle1 {
			width: 100%;
			height: 100%;
	}
	#circleTitle2 {
			width: 100%;
			height: 100%;
	}
	#circleTitle3 {
			width: 100%;
			height: 100%;
	}
}*/

/*  Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1366px) {
	#imgSneaker {
			position: absolute;
			width:130%;
			height:auto;
			top: 17vh;
	}

	.responsive-circle {
			width: 15vw;
			height: 15vw;
		}

	#circleTitle1 {
			width: 100%;
			height: 100%;
	}
	#circleTitle2 {
			width: 100%;
			height: 100%;
	}
	#circleTitle3 {
			width: 100%;
			height: 100%;
	}
}

.circleContainer {
	min-height: 230px;
}