/*Yared: Fix for landscape on mobile */
@media screen and (max-width: 667px) and (orientation : landscape){
	.home.page .wrap-accordion-and-symptoms .gravol-accordion .section .view-port .container .product {
	    background-size: auto 60%;
	    background-position: center center !important;
	    vertical-align: middle;
	    width: 33%;
	}
	.home.page .wrap-accordion-and-symptoms .gravol-accordion .section .view-port .container .text-area ul.points li{
		line-height: 1.2em;
	}

	.home.page .wrap-accordion-and-symptoms .gravol-accordion .section .view-port .container .text-area .subhead {
	    line-height: 1.2em;
	}
	.home.page .wrap-accordion-and-symptoms .gravol-accordion .section .view-port .container .text-area ul.points li{
		padding-bottom: 12px;
	}
	.home.page .wrap-accordion-and-symptoms .gravol-accordion .section .view-port .container .text-area ul.points{
		padding: 12px 18px;
	}
	.home.page .wrap-accordion-and-symptoms .gravol-accordion .section.gravol-ginger-fr-2  .view-port .container .product{
		background-size: auto 37%;
	}
	.home.page .wrap-accordion-and-symptoms .gravol-accordion .section .view-port .container .text-area{
		width: 67%;
	}
}
/*Yared: END Fix for landscape on mobile */

body.mobile .button.filter#gravol-fr-2:not(.selected):hover, 
body.mobile .button.filter#gravol:not(.selected):hover, 
body.mobile button.filter#gravol-fr-2:not(.selected):hover, 
body.mobile button.filter#gravol:not(.selected):hover{
	background-color: initial !important;
	-webkit-transform: translateY(0px) !important;
	-ms-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
}

.button.back:before, .woocommerce #respond input.back#submit:before, button.back:before{
	transform: translateY(-50%) scaleX(-1) !important;
}
/*Yared: Position of image in symptom was ovelaping CTA*/
@media screen and (max-width: 455px){
	.home.page .wrap-accordion-and-symptoms .symptoms-info {
	    height: 940px;
	    overflow: hidden;
	}
	body.lang_FR .button.nowrap{
		font-size:0.5em;
	}
}
/*Yared: Position of box*/

@media only screen and (max-width: 575px){
.home.page .wrap-accordion-and-symptoms .symptoms-info .container .dude .symptoms-info-box#decalage-horaire .box, .home.page .wrap-accordion-and-symptoms .symptoms-info .container .dude .symptoms-info-box#jetlag .box {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(0%, 0);
}