@charset "utf-8";
/* CSS Document */

/* RESET */
* {
  /*margin: 0;
  padding: 0;*/
  box-sizing: border-box;
}

/* WRAPPER */

@media (max-width: 1000px) {
	
	body {
	font-size: 16px;
	margin:0px 0px 100px 0px;
	color:#00355f;
	}
	
.container {
    flex-direction: column;
    gap: 1rem;
	margin-top:10px;
  }
	
.paddingMobileNavSlides {
padding-bottom:20px;
}
	
.btprintAlgo{text-align: left; margin-right: 20px;}
	
.div2columsLeft{float:none; display: block; width: 100%; padding:0%;}
.div2columsRight{float:none; display: block; width: 100%; padding:0%;}
.div3columsLeft{float:none; display: block; width: 100%; padding:0%;}
.div3columsRight{float:none; display: block; width: 100%; padding:0%;}

.paddingLeftIndex{margin-left:0%; margin-right:0%;}
	
.videoPLaceColumn{float:left; width:30%; margin-right:2%;}
	
}
	@media (max-width: 600px) {
/* EACH BOX SYMPTOMS ALGORITHM*/
.marginWrapper{margin: 10px 10px;}
		
.containerSymptoms {
  width: 46%;   /* box width */
min-height:45px;
}

/* LEFT SIDE */
.left-containerSymptoms {
  width: 45%;
font-size: 15px;
}

/* RIGHT SIDE */
.right-containerSymptoms {
  width: 55%;
	font-size: 14px;
}

.left-containerSymptomsFR {
  width: 55%;
font-size: 15px;
}
.right-containerSymptomsFR {
  width: 45%;
	font-size: 14px;
}
/*<!--LESIONS-->*/
.box-row {
  display: flex;
  gap: 10px;
  width: 100%;
}

/* EACH BOX */
.box {
  width: 45%; /* change size */
  }

/* TOP ROW (WHITE) */
.box-top {
  padding: 2px 4px;
}

/* TEXT */
.box-top span {
  font-size: 16px;
	min-height: 45px;
}

.marginTextBoxTop{padding-left:0px; padding-top:10px;}

/* IMAGE RIGHT */
.box-top img {
  width: 55px;
  height: 32px;
}

/* BOTTOM ROW (BLACK) */

/* ICONS */
.box-bottom img {
  width: 35px;
  height: auto;
}
/*END STYLE ALGORITHM*/
						
.div2colums{float:none; display: inline-block; width: 100%; padding:0%;}
	
.sildeTitle{font-size:35px; color:#432285; font-family: 'phenomenaBold'; margin-bottom:10px; line-height: 1;}
.slideSubTitle{font-size:27px; color:#00355f; font-family: 'phenomenaBold'; margin-bottom:10px;}
		
.div2columsLeft{float:none; display: block; width: 100%; padding:0%;}
.div2columsRight{float:none; display: block; width: 100%; padding:0%;}
.div3columsLeft{float:none; display: block; width: 100%; padding:0%;}
.div3columsRight{float:none; display: block; width: 100%; padding:0%;}
.paddingLeftIndex{margin-left:0%; margin-right:0%;}
		
		
		/* INDEX MAIN Button 3 */
.btn3 {
  background-image: url('../images/index/bt-introduction.png');
	width: 173px;
	height: 36px;
}
.btn3:hover {
  background-image: url('../images/index/bt-introduction-hover.png');
}

.btn4 {
  background-image: url('../images/index/bt-prevention.png');
		width: 340px;
	height: 36px;
}
.btn4:hover {
  background-image: url('../images/index/bt-prevention-hover.png');
}

.btn5 {
  background-image: url('../images/index/bt-algorythm.png');
		width: 354px;
	height: 45px;
}
.btn5:hover {
  background-image: url('../images/index/bt-algorythm-hover.png');
}

.btn6 {
  background-image: url('../images/index/bt-erythma.png');
		width: 354px;
	height: 42px;
}
.btn6:hover {
  background-image: url('../images/index/bt-erythma-hover.png');
}

.btn7 {
  background-image: url('../images/index/bt-nodule.png');
		width: 354px;
	height: 42px;
}
.btn7:hover {
  background-image: url('../images/index/bt-nodule-hover.png');
}

.btn8 {
  background-image: url('../images/index/bt-ecchymosis.png');
		width: 354px;
	height: 42px;
}
.btn8:hover {
  background-image: url('../images/index/bt-ecchymosis-hover.png');
}

.btn9 {
  background-image: url('../images/index/bt-edema.png');
		width: 354px;
	height: 42px;
}
.btn9:hover {
  background-image: url('../images/index/bt-edema-hover.png');
}

.btn10 {
  background-image: url('../images/index/bt-dermatitis.png');
		width: 354px;
	height: 42px;
}
.btn10:hover {
  background-image: url('../images/index/bt-dermatitis-hover.png');
}

.btn11 {
  background-image: url('../images/index/bt-cellulitis.png');
		width: 354px;
	height: 42px;
}
.btn11:hover {
  background-image: url('../images/index/bt-cellulitis-hover.png');
}

.btn12 {
  background-image: url('../images/index/bt-abscess.png');
		width: 354px;
	height: 42px;
}
.btn12:hover {
  background-image: url('../images/index/bt-abscess-hover.png');
}

		
/* INDEX MAIN Button FR */
.btn14 {
  background-image: url('../images/index-fr/bt-introduction.png');
width: 173px;
	height: 36px;
}
.btn14:hover {
  background-image: url('../images/index-fr/bt-introduction-hover.png');
}

.btn15 {
  background-image: url('../images/index-fr/bt-prevention-mobile.png');
	width: 260px;
	height: 60px;
}
.btn15:hover {
  background-image: url('../images/index-fr/bt-prevention-mobile-hover.png');
}

.btn16 {
  background-image: url('../images/index-fr/bt-algorythm-mobile.png');
	width: 300px;
	height: 75px;
}
.btn16:hover {
  background-image: url('../images/index-fr/bt-algorythm-mobile-hover.png');
}

.btn17 {
  background-image: url('../images/index-fr/bt-erythma.png');
	width: 354px;
	height: 45px;
}
.btn17:hover {
  background-image: url('../images/index-fr/bt-erythma-hover.png');
}

.btn18 {
  background-image: url('../images/index-fr/bt-nodule.png');
		width: 354px;
	height: 45px;
}
.btn18:hover {
  background-image: url('../images/index-fr/bt-nodule-hover.png');
}

.btn19 {
  background-image: url('../images/index-fr/bt-ecchymosis.png');
	width: 354px;
	height: 45px;
}
.btn19:hover {
  background-image: url('../images/index-fr/bt-ecchymosis-hover.png');
}

.btn20 {
  background-image: url('../images/index-fr/bt-edema.png');
	width: 354px;
	height: 45px;
}
.btn20:hover {
  background-image: url('../images/index-fr/bt-edema-hover.png');
}

.btn21 {
  background-image: url('../images/index-fr/bt-dermatitis.png');
	width: 354px;
	height: 45px;
}
.btn21:hover {
  background-image: url('../images/index-fr/bt-dermatitis-hover.png');
}

.btn22 {
  background-image: url('../images/index-fr/bt-cellulitis.png');
	width: 354px;
	height: 45px;
}
.btn22:hover {
  background-image: url('../images/index-fr/bt-cellulitis-hover.png');
}

.btn23 {
  background-image: url('../images/index-fr/bt-abscess.png');
	width: 354px;
	height: 45px;
}
.btn23:hover {
  background-image: url('../images/index-fr/bt-abscess-hover.png');
}

.btn24 {
  background-image: url('../images/index-fr/bt-pain.png');
		width: 354px;
	height: 45px;
}
.btn24:hover {
  background-image: url('../images/index-fr/bt-pain-hover.png');
}
.changeFontMobile{font-size:16px;}
		
		table, tr, td {
    display: block;
    width: 100%;
  }
		
.div2columsLeft2{float:none; display: block; width: 100%; padding:0%;}
.div2columsRight2{float:none; display: block; width: 100%; padding:0%;}
		
.arrow-right {
  width: 0;
  height: 0;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  border-top: 30px solid #5590cc;
  margin: 0px auto;
margin-bottom:-25px;

}
		
.arrow-right-mauve {
  width: 0;
  height: 0;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  border-top: 30px solid #462e83;
  margin: 0px auto;
margin-bottom:-25px;

}
	
	.videoPLace{font-size: 14px; text-align: center;}
	.videoPLaceColumn{float:none; width:100%; margin-right:0%;}
		
  .responsive-image {
    width: 100%;      /* full width on mobile */
  }
.strokeBoxContent{border: 0px #462e83 solid; border-radius: 0px; padding:3%; margin-top: 10px;}
.strokeBoxContentYes{border: 1px #462e83 solid; border-radius: 20px; padding:3%; margin-top: 10px; font-size: 20px;}
.strokeBoxContentImportant{border: 2px #ba2025 solid; border-radius: 20px; padding:3%; margin-top: 10px; font-size: 20px;}
.importantTable{text-align: center; padding-right:20px; width: 100%;}
	.rounded-boxIndex {
  border: 0px solid #791315; /* stroke color */
  border-radius: 20px;       /* rounded corners */
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  color: #00355f;
display:inline-block;
	width: 100%;
}	
		
}	/*End mobile 600px bracket*/
	
	
	/* Responsive: stack on small screens */
/*@media (max-width: 600px) {
  .bottom-row {
    flex-direction: column;
    gap: 1rem;
  }
}*/