/*.MyContent #Block-FILTER{
	height: 250px !important;
}*/

@media only screen and (min-width: 1280px){
	.MyContent #Block-TopNav ul.NavLinks li:first-child{
	    margin-left: 8px;
	}
}

.MyContent{
	border: none !important;
}

.HeaderSection{
	width: 100%;
	height: 290px;
	position: absolute;
	/*left: 30px;*/
    top: -20px;
    border: 5px solid #DFDBD2;
}

.HeaderSection .visualSection{
	top: 20px !important;
	left: 90px !important;
}

#Block-HEADER{
	margin-top: 80px !important;
}

#Block-HEADER div.HeaderVisual img{
	margin-left: -80px !important;
}

#Block-HEADER .HeaderVisual{
	height: 250px !important;
}

#Block-HEADER .HeaderVisual img{
	height: 250px !important;
}

#Block-ALL-PROFILES{
	margin-top: -70px;
}

.MyContent #BlockProfile{
	height: auto;
	min-height: 1500px;
}

.BlockProfile .ProductBlock .ProductName{
	padding-bottom: 10px;
}

#Block-HEADER .FloatingBox h1{
    top: -120px !important;
    left: 10px !important;
}

.MyContent .BlockProfile .HeaderSection h2{
	font-size: 60px;
	/*top: -70px;
    left: 370px;*/
    top: 10px;
    left: -8px;
}

#Block-10-THINGS > p:nth-child(2){
	margin-top: 180px;
}

#Block-10-THINGS p:nth-child(4), #Block-10-THINGS p:nth-child(6){
	margin-top: 50px;
}

#Block-10-THINGS div.HeaderSection p.Description{
	margin-left: 460px;
	margin-top: -50px;
	/*display: none;*/
}

.MyContent #Block-TopNav{
	margin-top: 70px !important;
	z-index: 2;
}

.MyContent #Block-TopNav ul.NavLinks a{
	width: 100%;
	display: block;
	z-index: 2;
	height: 38px;
	padding-top: 15px;
}

.MyContent #Block-TopNav ul.NavLinks{
	display: flex !important;
    position: relative;
    font-size: 0;
    padding: 0;
    list-style: none;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.MyContent #Block-TopNav ul.NavLinks a:first-child{
	margin-left: 0px;
}

.CTANavLink:first-child{
	margin-left: 0px;
}

/*.MyContent #Block-TopNav ul.NavLinks li{
	font-size: 11px;
    width: 33%;
    display: inline-block;
    margin-left: -2px;
}*/

.MyContent #Block-TopNav ul.NavLinks li{
    display: block;
    text-transform: uppercase;
    color: #000;
    background-color: #FFF;
    text-decoration: none;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    /*padding: 15px 0;*/
    padding-left: 4px;
    padding-right: 4px;
    border: 2px solid #e5e5e5;
    position: relative;
    font-size: 11px;
    width: 33%;
    display: inline-block;
    margin-left: -2px;
}

.CTANavLink{
    /*display: block;
    text-transform: uppercase;*/
    color: #BE0F34 !important;
    /*background-color: #FFF;
    text-decoration: none;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;*/
    padding-top: 15px;
    padding-bottom: 15px;
    border: 2px solid #BE0F34 !important;
    /*position: relative;
    font-size: 11px;
    width: 33%;
    display: inline-block;
    margin-left: -2px;*/
	z-index: 3;
}

/*.MyContent #Block-TopNav ul.NavLinks a{
    display: block;
    text-transform: uppercase;
    color: #000;
    background-color: #FFF;
    text-decoration: none;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    padding: 15px 0;
    border: 2px solid #e5e5e5;
    position: relative;
    font-size: 11px;
    width: 33%;
    display: inline-block;
    margin-left: -2px;
}*/

.MyContent #Block-TopNav ul.NavLinks li.Selected{
	margin-left: 0px;
}

.CTANavLink.Selected{
	margin-left: 0px;
}

.BlockProduct{
    border: 5px solid #dfdbd2;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}

#Block1{
    margin-top: 300px;
}

#Block2, #Block3{
	margin-top: 50px;
}

#Block-10-THINGS{
	margin-top: 70px;
}

.BlockProfile p.Text{
	font-family: ClarinsRegular !important;
	font-size: 40px;
}

.MyContent .BlockProfile .HeaderSection #Page1{
	margin-left: 454px;
    margin-top: 20px;
    display: block !important;
    width: 510px;
    text-align: left;
}

.MyContent .BlockProfile .HeaderSection #Title1{
	margin-top: 46px;
}

.MyContent .BlockProfile .HeaderSection #Title2{
    margin-left: -28px;
    margin-top: 50px;
}

.MyContent .BlockProfile .HeaderSection #Page2{
	margin-left: 454px;
    margin-top: 20px;
    display: block !important;
    width: 550px;
    text-align: left;
}

.MyContent .BlockProfile .HeaderSection #Title3{
    margin-left: -110px;
    margin-top: 50px;
}

.MyContent .BlockProfile .HeaderSection #Page3{
	margin-left: 454px;
    margin-top: 20px;
    display: block !important;
    width: 550px;
    text-align: left;
}

.DescriptionText{
	text-align: center;
    display: block;
    margin-top: -110px;
    margin-left: -850px;
    margin-bottom: 20px;
}

/* iPhone 6 - Portrait mode */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	/*#Block-10-THINGS{
		margin-top: 520px;
	}*/
	.HeaderSection{
	    top: 60px !important;
    	/*left: 10px !important;*/
    	width: 97%;
    	height: 650px;
	}
	.MyContent .BlockProfile .jcarousel-pagination{
		left: 25% !important;
		margin-bottom: 0;
	}
	#Block-HEADER .HeaderVisual img{
		height: auto !important;
	}
	#Block-HEADER .HeaderVisual{
		height: 210px !important;
	}
	.BlockProfile .BlockRoutine ul li{
		padding-right: 12px;
	}
	.BlockProfile .BlockRoutine{
		margin-top: 0 !important;
	}
	#Block-10-THINGS > p:nth-child(2){
		margin-top: 0 !important;
	}
	#Block-10-THINGS p:nth-child(4), #Block-10-THINGS p:nth-child(6){
		margin-top: 0 !important;
	}

	.MyContent #Block-TopNav ul.NavLinks{
		width: calc(100% - 40px);
	    margin-bottom: 0px;
	}
	.MyContent #Block-TopNav ul.NavLinks li:first-child{
		margin-top: 0px;
	}
	.MyContent #Block-TopNav ul.NavLinks li:first-child a{
		margin-top: -10px !important;
	}
	.MyContent #Block-TopNav ul.NavLinks .CTANavLink b{
		display: block;
		padding-top: 6px;
	}
	.CTANavLink:first-child{
		margin-top: 0px;
	}
	.ProductMainBlock{
		padding-left: 180px;
	}
	.ProductMainBlock .ProductBlock{
		display: block !important;
		padding-bottom: 10px;
	}
	.MyContent .ProductBlock .ShopLinkMobile{
		padding-bottom: 0px;
	}
	.MyBlock .BlockProfile .HeaderSection h2{
		margin-top: auto !important;
		left:0px;
		top: 0px !important;
		font-size: 50px;
	}
	.HeaderSection .visualSection{
	    top: -20px;
    	left: 5px !important;
	}
	.BlockProfile .ProductBlock .ProductDescription{
		padding-top: 0px !important;
	}
	#Block-HEADER div.HeaderVisual img{
		margin-left: 110px !important;
	}
	/*#Block1{
		margin-top: 740px !important;
	}*/
	.MyContent .BlockProfile .BlockRoutine{
		margin-left: 30px !important;
	}
	.BlockProduct{
		height: 520px;
		width: 97%;
	}
	#Block2 div p.jcarousel-pagination{
		top: 390px !important;
	}
	#Block3 div p.jcarousel-pagination{
		top: 400px !important;
	}
	.BlockProfile p.Text{
		font-size: 30px;
	}
	.MyContent #Block-TopNav ul.NavLinks li a{
		padding-top: 8px !important;
	}
	#Block3{
		height: 560px;
	}
	.MyContent .BlockProfile .HeaderSection #Page1{
		width: 250px !important;
		margin-left: 20px !important;
		text-align: center;
		margin-top: 0px !important;
	}
	.MyContent .BlockProfile .HeaderSection #Title2{
	    margin-top: 0px;
	    margin-left: 0px;
	}
	.MyContent .BlockProfile .HeaderSection #Page2{
		width: 250px !important;
		margin-left: 20px !important;
		text-align: center;
		margin-top: 10px !important;
	}
	.MyContent .BlockProfile #Header1{
		height: 650px !important;
	}
	.ProductPage1{
		margin-top: 670px !important;
	}
	.ProductPage2{
		margin-top: 620px !important;
	}
	.ProductPage3{
		margin-top: 620px !important;
	}
	.MyContent .BlockProfile .HeaderSection #Title3{
	    margin-top: 0px;
	    margin-left: 0px;
	}
	.MyContent .BlockProfile .HeaderSection #Page3{
		width: 250px !important;
		margin-left: 20px !important;
		text-align: center;
		margin-top: -10px !important;
	}
	.MyContent .BlockProfile #Header3{
		height: 560px !important;
	}
	.DescriptionText{
		margin-top: -110px;
	    margin-left: 20px;
	    margin-bottom: -40px;
	    width: 260px;
	}
	#Block-HEADER .FloatingBox h1{
		margin-left: -20px !important;
	}
}

/* iPhone 6 - Landscape mode */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	.MyContent .BlockProfile .jcarousel-pagination{
		left: 53% !important;
		margin-bottom: 0;
	}
	#Block-ALL-PROFILES{
		margin-top: -120px !important;
	}
	.BlockProfile .BlockRoutine{
		margin: auto !important;
		margin-top: 0 !important;
	}
	.BlockProfile .BlockRoutine ul{
		margin-left: 40px !important;
	}
	.BlockProfile .BlockRoutine ul li{
		width: 380px !important;
	}
	#Block-10-THINGS > p:nth-child(2){
		margin-top: 0 !important;
	}
	#Block-10-THINGS p:nth-child(4), #Block-10-THINGS p:nth-child(6){
		margin-top: 0 !important;
	}
	.HeaderSection .visualSection{
		top: -70px;
	    left: 200px !important;	
	}
	.BlockProfile .ProductBlock{
		margin-left: 90px !important;
    	margin-right: 80px;
	}
	#Block-TopNav{
		margin-top: 0px;
	}
	.MyContent .BlockProfile .HeaderSection h2{
	    top: 100px !important;
    	left: 10px !important;
	}
	#Block1 {
    	margin-top: 630px !important;
	}
	.MyContent #Block-HEADER, .MyContent #Block-FILTER{
		margin-top: -110px !important;
		margin-left: -30px;
	}
	.MyContent #Block-TopNav{
		margin-top: 0px !important;
	}
	#Block-ALL-PROFILES{
		margin-top: -120px;
	}
	.BlockProduct{
		width: 98%;
	}
	#Block1 .jcarousel{
		margin-left: -8px;
	}
	.MyContent .BlockProfile .HeaderSection #Page1{
		width: 400px !important;
		margin-left: 70px !important;
		margin-top: 90px !important;
		text-align: center;
	}
	.MyContent .BlockProfile .HeaderSection #Page2{
		width: 400px !important;
		margin-left: 70px !important;
		margin-top: 90px !important;
		text-align: center;
	}
	.MyContent .BlockProfile .HeaderSection #Page3{
		width: 400px !important;
		margin-left: 80px !important;
		margin-top: 90px !important;
		text-align: center;
	}
	.HeaderSection {
	    height: 480px !important;
	    width: 548px !important;
	}
	.MyContent .BlockProfile .HeaderSection #Title3{
	    margin-left: -10px !important;
	}
	#Block-HEADER .FloatingBox{
		margin-top: 190px !important;
	}
	.DescriptionText{
		margin-top: -110px;
	    margin-left: 176px;
	    margin-bottom: -40px;
	    width: 260px;
	}
	#Block-HEADER .FloatingBox h1{
		margin-left: 40px !important;
	}	
	.MyContent #Block-TopNav{
		margin-top: 50px !important;
		margin-left: 2px;
		width: 556px;
	}
}

/* iPhone 5 - Portrait mode */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
	#Block1{
		margin-top: 745px!important;
	}

	.MyContent .BlockProfile .HeaderSection #Title1{
		margin-top: 70px!important;
	}
	.visualSection{
		position: relative;
	    top: -30px;
	    left: 90px;
	}
	.MyContent .BlockProfile .BlockRoutine{
		margin-left: 30px;
	}
	.MyContent .BlockProfile .jcarousel-pagination{
		left: 25%;
		margin-bottom: 0;
	}
	#Block-10-THINGS > p:nth-child(2), #Block-10-THINGS p:nth-child(4), #Block-10-THINGS p:nth-child(6){
		margin-top: 40px;
	}
	#Block-HEADER .HeaderVisual{
		height: auto !important;
	}

	#Block-HEADER .HeaderVisual img{
		height: auto !important;
	}
	.BlockProfile .ProductBlock{
		display: block !important;
	}
	.ProductBlock{
		margin-left: 0px !important;
	}
	#Block-HEADER div.HeaderVisual img{
		margin-left: 100px !important;
	}
	.HeaderSection .visualSection{
		top: -40px;
    	left: 0px !important;
	}
	#Block-TopNav{
		margin-top: 0px !important;
	}
	.HeaderSection {
	    top: 30px !important;
	    width: 96%;
	    /*height: 650px;*/
	    height:550px!important;
	}
	.MyContent .BlockProfile .HeaderSection h2{
		top: -10px;
		left: -2px;
	}
	/*#Block1 {
    	margin-top: 630px !important;
	}*/;
	.MyContent #Block-HEADER, .MyContent #Block-FILTER{
		margin-top: -110px !important;
		margin-left: -30px;
	}
	.MyContent #Block-TopNav{
		margin-top: 50px !important;
	}
	#Block-ALL-PROFILES{
		margin-top: -120px;
	}
	.MyContent #Block-TopNav ul.NavLinks li{
		padding-top: 16px !important;
		width: 100px;
	}
	.BlockProfile p.Text{
		font-size: 30px;
	}
	.BlockProduct{
		width: 96%;
	}
}

/* iPhone 5 - Landscape mode */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	.MyContent #Block-FILTER .MomProfileFilter{
		display: flex !important;
		flex-wrap: wrap !important;
	}
	.visualSection{
	    top: -30px !important;
	    left: 215px !important;
	}
	.MyBlock .BlockProfile .HeaderSection h2{
	    top: 100px !important;
    	left: 10px !important;
	}
	#Block-ALL-PROFILES{
		margin-top: 60px !important;
	}
	#Block-HEADER .HeaderVisual{
		height: auto !important;
	}

	#Block-HEADER .HeaderVisual img{
		height: auto !important;
	}
	.HeaderSection .visualSection{
		top: 20px !important;
    	left: 145px !important;
	}
	.BlockProfile .ProductBlock{
		margin-left: 175px !important;
    	margin-right: 80px !important;
	}
	#Block-10-THINGS{
		margin-top: 0px;
	}
	.BlockRoutine{
		left: -72px;
	}
	.MyContent .BlockProfile .jcarousel-pagination {
	    left: 67% !important;
	    margin-bottom: 0;
	}
	.MyContent #Block-HEADER, .MyContent #Block-FILTER{
		margin-top: -110px !important;
		margin-left: -30px;
	}
	.MyContent #Block-TopNav{
		margin-top: 50px !important;
	}
	#Block-ALL-PROFILES{
		margin-top: -120px;
	}
	.HeaderSection{
		top: -8px;
	}
	#Block1{
		margin-top: 530px !important;
	}
}

/* iPad - Portrait mode */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.BlockProfile .BlockRoutine ul{
		margin-left: -20px;
	}
	.MyContent .BlockProfile .HeaderSection h2{
	    left: 100px !important;
	    margin-left: 0px !important;
	}
	#Block-HEADER .HeaderVisual img{
		margin-right: 250px !important;
	}
	#Block-HEADER div.HeaderVisual img{
      	margin-left: 190px !important;
	}
	.HeaderSection .visualSection {
	    top: 20px !important;
	    left: 50px !important;
	}
	.HeaderSection{
		width: 98.7%;
	}
	.BlockRoutine ul li{
		width: 270px !important;
	}
	.MyContent .BlockProfile .BlockRoutine{
		margin-left: 20px
	}
	.BlockProduct{
		width: 98.7%;	
	}
	.MyContent .BlockProfile .HeaderSection #Page1{
		width: 410px !important;
		margin-left: 318px !important;
	}
	.MyContent .BlockProfile .HeaderSection #Page2{
		width: 410px !important;
		margin-left: 330px !important;
	}
	.MyContent .BlockProfile .HeaderSection #Page3{
		width: 410px !important;
		margin-left: 330px !important;
	}
	.MyContent .BlockProfile .HeaderSection #Title3{
		margin-left: -90px !important;
	}
	.DescriptionText{
		margin-top: -110px;
	    margin-left: -540px;
	    margin-bottom: 20px;
	}
	.MyContent #Block-TopNav{
		margin-left: 2px;
		width: 766px;
	}
}

/* iPad - Landscape mode */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#Block-HEADER .HeaderVisual img{
		margin-right: 250px !important;
	}
	.MyContent .BlockProfile .HeaderSection h2{
	    left: 30px !important;
	    /*margin-left: 0px !important;*/
	}
	#Block-HEADER div.HeaderVisual img{
		margin-left: 150px !important;
	}
	.HeaderSection .visualSection {
	    top: 20px !important;
	    left: 60px !important;
	}
	.MyContent .BlockProfile .BlockRoutine{
		margin-left: 0px !important;
	}
	.HeaderSection {
	    width: 99%;
	}
	.BlockProduct{
		width: 99%;
	}
	.MyContent .BlockProfile .HeaderSection #Page1{
		width: 600px !important;
		margin-left: 374px !important;
	}
	.MyContent .BlockProfile .HeaderSection #Page2{
		width: 600px !important;
		margin-left: 374px !important;
	}
	.MyContent .BlockProfile .HeaderSection #Page3{
		width: 600px !important;
		margin-left: 374px !important;
	}
	.DescriptionText{
		margin-top: -110px;
	    margin-left: -700px;
	    margin-bottom: 20px;
	}
	.MyContent #Block-TopNav{
		margin-left: 2px;
		width: 1022px;
	}
}

.ProductMainBlock{
	max-width: 1250px;
	width: 100%;
	display: block;
}