.container{width: 1280px;}

@media only screen and (max-width: 1300px){
	.container{ width: 970px; }

	/* About Us ----------------------------------- */
	.presentation .profile.ingrid{ margin-top: 50px; }
	#timeline .stepDescription .title{ font-size: 26px; }
	#timeline .stepDescription{ width: calc(100% - 434px); align-items: center; }

	#timeline .photoBase{
	    background-position: center bottom;
	    padding-bottom: 20px;
	    background-size: 95%;
	}
	#timeline .horizontalPhoto .photoBase{ padding-bottom: 39px; }

	#timeline .photo{ width: 404px; height: 404px; }
	#timeline .step00 .stepDescription{ align-items: center; padding-top: 0; }
	#timeline .step01 .stepDescription .textContent{ padding-top: 0; }

	#timeline .step01 .photosGroup{ margin-top: 40px; }
	#timeline .horizontalPhoto .photo{ width: 554px; }
	#timeline .horizontalPhoto .stepDescription{
	    width: calc(100% - 582px);
	    display: flex;
	    align-items: center;
	}

	#timeline .step02{ margin-top: 0; }
	#timeline .step02 .stepDescription .textContent{ padding-top: 0; }

	#timeline .step03 .photoBase{ margin-top: 0; }
	#timeline .step03 .textContent,
	#timeline .step04 .textContent,
	#timeline .step05 .textContent,
	#timeline .step06 .textContent{ padding-top: 0; }

	#timeline .step06 .photoBase{ margin-top: 30px; }
	
	#timeline .largeVerticalPhoto .photoBase .photo{
	    width: 496px;
	    height: 648px;
	}

	#timeline .largeVerticalPhoto .stepDescription{ width: calc(100% - 536px); }

		/* Recognition --------------------- */
		#recognition .subTitle{ font-size: 30px !important; }
		
		/* Model 001 ---------- */
		#recognition .model001 .subTitle{ line-height: 26px !important; }
		#recognition .model001 .verticalPhoto{ width: 446px; height: 610px; }
		#recognition .model001 .verticalPhoto .photo{ width: 446px; height: 582px; }
		
		#recognition .model001 .horizontalPhoto{ width: 506px; height: 365px; }
		#recognition .model001 .horizontalPhoto .photo{ width: 506px; }


		/* Model 002 ---------- */
		#recognition .model002 .subTitle{ line-height: 26px !important; }
		
		#recognition .model002 .horizontalPhoto{ padding-bottom: 27px; width: 420px; }
		#recognition .model002 .verticalPhoto{ width: 700px; height: auto; padding-bottom: 38px; }
		#recognition .model002 .verticalPhoto .photo{ width: 100%; height: auto; }


		/* Model 003 ---------- */
		#recognition .model003 .subTitle{ line-height: 26px !important; }
		
		#recognition .model003 .horizontalPhoto{ width: 480px; padding-bottom: 34px; }
		#recognition .model003 .verticalPhoto{ width: 780px; padding-bottom: 42px; }

		#recognition .model003 .verticalPhoto .photo{ width: auto; height: auto; }
		#recognition .model003 .verticalPhoto .adhesive{ margin-left: -167px; }
		#recognition .model003 .verticalPhoto .adhesive::after{ width: 14px; }

		#recognition .model002 .verticalPhoto{ width: 700px; height: auto; padding-bottom: 38px; }
		#recognition .model002 .verticalPhoto .photo{ width: 100%; height: auto; }


		/* Model 004 ---------- */
		#recognition .model004 .horizontalPhoto{ width: 480px; }
		#recognition .model004 .verticalPhoto{ width: 800px; padding-bottom: 4.2%; }
		#recognition .model004 .verticalPhoto .photo{ width: 100%; height: 100%; }

		#recognition .model004 .verticalPhoto .adhesive{ margin-left: -36px; }
		#recognition .model004 .verticalPhoto .adhesive::after{ width: 14px; }


		/* Model 005 ---------- */
		#recognition .model005 .lineOne .horizontalPhoto,
		#recognition .model005 .lineThree .horizontalPhoto{ width: 780px; }
		#recognition .model005 .lineTwo .horizontalPhoto{ width: 500px; }
		/* end: Recognition --------------------- */

	
	/* end: About Us ----------------------------------- */
}


@media only screen and (max-width: 1200px){

	.internalPage .prod{
		width:100%;
		margin:0 auto 40px auto;
	}
	
}


@media only screen and (max-width: 1199px){
	.container{width: 990px;}

	.internalPage .prod{
		margin:0 auto 40px auto;
		background-position: 40px center;
	}

	.prod .info .details .name{ width:100%; }

	.prod .info .details .subCateg{
		position: relative;
		padding: 5px 0 0 0;
		justify-content: center;
		height: auto;
		width: 100%;
	}
}



@media only screen and (max-width: 1024px){
	.container{width: 700px;}
	.navMobileMenu{padding-left: 5%;}

	.refrigerator,
	.doesNotCauseVisions{ margin: 0 auto; width: fit-content; }
	
	.divOptions .ulOptions,
	.divOptions .ulCategories{
		width: 480px;
		top: 2%;
	}

	.divOptions .ulCategories li{ width: calc((100% / 3) - 8px); }

	.rl-obs{ text-align: center !important; }

	.divOptions .ulOptions a{
		width: 85%;
		font-size: 21px;
	}
	
	.divOptions .ulOptions a.btClose{top: 0px;}

	.internalPage .prod{
		display: block;
		background: #fff;
	}

	.internalPage .prod .info h3 {
	    border-radius: 0px 0px 6px 6px;
	}

	.internalPage.rapesPage .prod.rapeBox .info h3{border-radius: 6px;}
	.internalPage.pagRapes .info h3{margin-top:40px;}
	

	.internalPage .prod .imgProd{width: 100%;}
	.internalPage .prod .imgProd img{border-radius:6px 6px 0px 0px;}

	.internalPage .prod .info {
	    width: 100%;
	    margin-top: -1px;
	}

	.internalPage .prod .info h3{border-radius:0px 0px 6px 6px;}
	
	.internalPage .prod .info .text{
		padding: 10px 0px 0px;
		line-height: 1.40;
	}

	.internalPage.pagRapes .prod .info .text{padding-bottom: 20px;}
	

	.internalPage .prod .info .price{
		position: relative;
		bottom: 0px;
		line-height: 26px;
		display: block;
		margin: 0 0px 20px;
		font-size: 21px;
	}

	.internalPage .prod .info .details .name {
	    color: #ffffff;
	    font: 23px open_sansbold;
	    letter-spacing: -1px;
	    line-height: 23px;
	    margin-bottom: 0;
	}


	.internalPage.pagRapes .prod .info .price{margin-top:10px;}
	.prodBox .text .defaultList li{padding: 0px 0px 8px 0px;}

	body.internalPage{background-position:-260px 140px;}

	.aboutPag .profile{height: auto;}
	.prod .text .defaultList li{padding: 0px 0px 10px 0px;}

	.spraysPage header h1{font-size: 30px;}

	
	/* Cursos */
	.pagCursos .courseContent .contentList li{text-align: left;}
	.pagCursos .courseLink{margin-top: 30px;}

	.prod .info .details{
		padding: 16px;
		border-radius: 0 0 6px 6px;
	}

	.prod.rapeBox .info .details{ border-radius: 6px; }

	/* About Us ----------------------------------- */
	#timeline .stepDescription .title{ font-size: 21px; }
	#timeline .photo{ padding: 15px; }

	#timeline .photo{ width: 374px; height: 374px; }

	#timeline .stepDescription{ width: calc(100% - 404px); }
	#timeline .stepDescription .textContent{ font-size: 17px; }

	#timeline .horizontalPhoto .photo{ width: 414px; }
	#timeline .horizontalPhoto .stepDescription{ width: calc(100% - 432px); }

	#timeline .horizontalPhoto .photoBase {
		background-position: center bottom;
		background-size: 94%;
		padding-bottom: 29px;
	}

	#timeline .step04.horizontalPhoto{ padding-top: 40px; }

	#timeline .largeVerticalPhoto .photoBase{ padding-bottom: 18px; }
	#timeline .largeVerticalPhoto .photoBase .photo{ width: 346px; height: 451px; }
	#timeline .largeVerticalPhoto .stepDescription{ width: calc(100% - 366px); }
		
		/* Recognition --------------------- */
		#recognition .subTitle{ font-size: 26px !important; }
		
		/* Model 001 ---------- */
		#recognition .model001 .verticalPhoto{ width: 334px; height: 464px; }
		#recognition .model001 .verticalPhoto .photo{ width: 332px; height: 442px; }
		
		#recognition .model001 .horizontalPhoto{ width: 398px; height: 280px; }
		#recognition .model001 .horizontalPhoto .photo{ width: 398px; }

		#recognition .model001 .horizontalPhoto:nth-of-type(2) .adhesive::after{ top: 37px; }


		/* Model 002 ---------- */
		#recognition .model002 .horizontalPhoto{ width: 340px; }
		#recognition .model002 .verticalPhoto{ width: 560px; margin-top: -90px !important; }


		/* Model 003 ------------ */
		#recognition .model003 .horizontalPhoto{ width: 370px; padding-bottom: 28px; }
		#recognition .model003 .verticalPhoto{ width: 560px; padding-bottom: 32px; }


		/* Model 004 ---------- */
		#recognition .model004 .subTitle{ margin: 0 0 48px; line-height: 28px !important; }
		#recognition .model004 .horizontalPhoto{ width: 370px; }
		#recognition .model004 .verticalPhoto{ width: 602px; margin-top: -131px; }


		/* Model 005 ---------- */
		#recognition .model005 .subTitle{
			padding: 0;
			display: block;
			height: auto;
			margin: 30px 0 45px;
			line-height: 25px;
		}

		#recognition .model005 .adhesive{ 
			height: 50px;
			margin-left: -75px;
		} 

		#recognition .model005 .lineOne .horizontalPhoto .adhesive{ left: 50%; top: -24px; }
		#recognition .model005 .lineOne .horizontalPhoto .adhesive::before{ top: 24px; width: 96%; left: 3px; }

		#recognition .model005 .lineOne .horizontalPhoto,
		#recognition .model005 .lineThree .horizontalPhoto{ width: 100%; }

		#recognition .model005 .lineTwo{ justify-content: center; margin-top: -56px; }
		#recognition .model005 .lineTwo .horizontalPhoto .adhesive{ top: -26px; left: 50%; }
		#recognition .model005 .lineTwo .horizontalPhoto .adhesive{ top: -26px; left: 50%; }

		#recognition .model005 .lineTwo .horizontalPhoto .adhesive::before{ top: 26px; left: 3px; width: 96%; }
		#recognition .model005 .lineTwo .horizontalPhoto .adhesive::after{ display: none; }
		#recognition .model005 .lineThree{ margin: -30px 0 0 0; }

		#recognition .model005 .lineThree .horizontalPhoto .adhesive{ top: -21px; left: 50%; }
		#recognition .model005 .lineThree .horizontalPhoto .adhesive::before{ top: 21px; left: 3px; width: 96%; }
		/* end: Recognition --------------------- */

	/* end: About Us ----------------------------------- */

	.snuffPage .prod.rapeBox.aplicador .info{
		width: 100% !important;
		margin-top: -1px;
	}

	.snuffPage .prod.rapeBox.aplicador .info .details{ border-radius: 0 0 6px 6px; }
}

@media only screen and (max-width: 991px){
	
	body{padding-top: 106px;}

	.artsPage .prod.instrumentos .info .details .subCateg .icon,
	.artsPage .prod.pulseiras .info .details .subCateg .icon,
	.artsPage .prod.leques .info .details .subCateg .icon{padding-right:5px;}


	/* Artes ---------- */
	.artsPage .prod .info .details{ display: block;}

	.artsPage .prod.leques .subCateg{ 
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.artsPage .prod.leques .subCateg img{ margin-right: 4px; }
}



@media only screen and (max-width: 768px){
	.container{width:90%;}
	body.pagHub{padding-top: 50px;}

	.pagHub header{padding-top: 38px;}

	.stripe{ font-size: 16px; }


	/* Menu Mobile --------- */
	.navMobileMenu{
		position: fixed;
		top: 0px;
		left: 0px;
		background: rgb(91 36 17 / 95%);
		z-index: 99;
		padding: 22px 5% 20px 5%;
    }

    .navMobileMenu .fa-bars {
	    font-size: 30px;
	    color: #ffffff;
	    padding-top: 0;
	}

	.navMobileMenu .whats {
	    display: block;
	    color: #fff;
	}

	.navMobileMenu .whats a{
		color: #fff;
		font-family: 'open_sansbold';
	}

	.internalPage header .navMobileMenu{
		height: 68px;
		background: none;
	}

	.internalPage .navMobileMenu .whats{display: none;}

	.internalPage header .divOptions.active .ulOptions{
		visibility: visible;
		opacity: 1;
	}

	.internalPage header h1{ font-size: 40px; }
	.spraysPage header h1{
		text-align: center;
	    font-size: 24px;
	    line-height: 1;
	}



	/* Cursos */
	.icMenuinternalPage{left: 0px;}
	.pagCursos .courseContent .contentList li{
		line-height: 19px;
		margin-bottom: 20px;
	}


	/* About Us ----------------------------------- */
	#timeline .stepDescription .textContent{ 
		font-size: 19px;
		text-align: center;
	}

	.presentation .profile{ display: block; }
	.presentation .profile .picture{ padding: 11px 20px; margin: 0 auto 30px; }
	.presentation .profile .picture img {
	    width: 270px;
	    height: 270px;
	}
	.presentation .profile .profileDescription{ width: 100%; }
	.presentation .profile.ingrid .picture img{ margin: 36px 0 0 10px; }
	.presentation .profile.ingrid .profileDescription .title,
	.presentation .profile.ingrid .profileDescription{ text-align: center; }

	#timeline .steps{ display: block; }
	#timeline .photoBase {
		background-position: center bottom;
		background-size: 398px;
		padding-bottom: 22px;
	}

	#timeline .photo {
	    display: block;
	    margin: 0 auto;
		width: 410px;
		height: 410px;
	}

	#timeline .stepDescription{ width: 100%; }
	#timeline .stepDescription .title{ 
		font-size: 24px;
	    justify-content: center;
	    margin-top: 10px;
	}

	#timeline .stepDescription .title .dot {
	    width: 20px;
	    height: 20px;
	    margin-top: -2px;
	}

	#timeline .step01 .photosGroup{ margin-top: 100px; }
	#timeline .step01 .photosGroup .photoBase:last-of-type .adhesive{ top: -34px; }

	#timeline .horizontalPhoto .photo{ width: 520px; }
	
	#timeline .horizontalPhoto .photoBase{ 
		background-size: 500px; 
		padding-bottom: 35px;
	}

	#timeline .horizontalPhoto .stepDescription{ width: 100%; }
	#timeline .steps.revert .stepDescription{ text-align: center; }
	#timeline .steps.revert .title{ justify-content: center; }
	#timeline .steps{ margin-top: 90px; }
	#timeline .steps:first-of-type{ margin-top: 20px; }

	#timeline .step03 .textContent{ text-align: center; }

	#timeline .largeVerticalPhoto .photoBase{ 
		background-size: 328px;
		padding-bottom: 19px;
	}
	#timeline .largeVerticalPhoto .photo {
	    width: 480px;
	    height: 629px;
	}

	#timeline .largeVerticalPhoto .stepDescription { width: 100%; }

		/* Recognition --------------------- */
		#recognition .title{ margin-bottom: 40px !important; }
		#recognition .subTitle{ font-size: 30px !important; }

		
		/* Model 001 ---------- */
		#recognition .model001{ display: block; }
		#recognition .model001 .subTitle{ margin-bottom: 60px; }

		#recognition .model001 .verticalPhoto{
			width: 424px;
			height: auto;
			padding: 0 0 30px 0;
			margin: 0 auto;
		}

		#recognition .model001 .verticalPhoto .adhesive{ top: -40px; }
		#recognition .model001 .verticalPhoto .adhesive::before{ top: 40px; }

		#recognition .model001 .verticalPhoto .photo{ width: 100%; height: auto; }

		#recognition .model001 .horizontalPhoto {
		    width: 90%;
		    height: auto;
		    padding-bottom: 30px;
		    margin: 30px auto 0;
		}

		#recognition .model001 .horizontalPhoto .photo{ width: 100%; }

		#recognition .model001 .horizontalPhoto:nth-of-type(2){ margin-top: -25px; }
		#recognition .model001 .horizontalPhoto:nth-of-type(2) .adhesive::after{ top: 43px; }


		/* Model 002 --------------------- */
		#recognition .model002 .subTitle{ padding-bottom: 26px; }
		#recognition .model002 .subTitle br{ display: none; }

		#recognition .model002 .lineOne{ justify-content: space-between; }

		#recognition .model002 .horizontalPhoto,
		#recognition .model002 .horizontalPhoto:nth-of-type(2){
		    width: 49.6%;
		    margin: 0;
		    padding-bottom: 16px;
		}

		#recognition .model002 .horizontalPhoto .adhesive{ height: 58px; margin-top: -26px; }
		#recognition .model002 .horizontalPhoto .adhesive::before {
		    top: 26px;
		    left: 3px;
		    width: 96%;
		}

		#recognition .model002 .verticalPhoto {
		    width: 92%;
		    margin-top: -60px !important;
		    padding-bottom: 24px;
		}

		#recognition .model002 .verticalPhoto .adhesive{ top: -30px; height: 68px; }
		#recognition .model002 .verticalPhoto .adhesive::before{ top: 29px; width: 96%; }

		#recognition .model002 .verticalPhoto .adhesive::after {
		    width: 8px;
		    height: 27px;
		    top: 2px;
		    left: 71px;
		}


		/* Model 003 ----------------------- */
		#recognition .model003 .subTitle{ margin: 0 0 40px; }
		
		#recognition .model003 .leftCol,
		#recognition .model003 .rightCol{ width: 49.3%; }

		#recognition .model003 .rightCol{ margin-top: 30px; }
		
		#recognition .model003 .horizontalPhoto{ width: 100%; padding-bottom: 7%; }

		#recognition .model003 .verticalPhoto{
		    margin-top: -40px;
		    width: 90%;
		    padding-bottom: 5%;
		}
		#recognition .model003 .verticalPhoto .adhesive{ margin-left: 50px; }
		#recognition .model003 .verticalPhoto .adhesive::before{ top: 36px; }
		#recognition .model003 .verticalPhoto .adhesive::after{ display: none; }


		/* Model 004 ----------------------- */
		#recognition .model004 .subTitle{ font-size: 24px !important; margin-bottom: 32px; }

		#recognition .model004 .horizontalPhoto .adhesive{ height: 50px; margin-top: -20px; }
		#recognition .model004 .horizontalPhoto .adhesive::before{ top: 20px; left: 3px; width: 96%; }
		#recognition .model004 .verticalPhoto{ width: 100%; margin: -80px 0 0 0; }

		#recognition .model004 .verticalPhoto .adhesive{ 
			height: 40px;
			top: -17px;
			margin-left: -200px;
		}
		#recognition .model004 .verticalPhoto .adhesive::after{ display: none; }
		#recognition .model004 .verticalPhoto .adhesive::before{ top: 17px; left: 3px; width: 96%; }

		#recognition .model004 .leftCol,
		#recognition .model004 .rightCol{ width: 49.3%; }
		#recognition .model004 .horizontalPhoto{ width: 100%; padding-bottom: 7%; }

		/* end: Recognition --------------------- */
	
	/* end: About Us ----------------------------------- */
	
}

@media only screen and (max-width: 667px){
	.pagHub .logo{ width: 200px; }
	.pagHub .pagHubTitle{
		line-height: 32px;
        width: 100%;
        font-size: 32px;
        margin: 0px 0px 30px 0px;
	}
}


@media only screen and (max-width: 662px){	
	footer .infoFooter{width: 100%;}
	.smokingPipePage.internalPage header h1{ font-size: 24px; }
}

@media only screen and (max-width: 600px){	

	/* About Us ----------------------------------- */
	#timeline .photo{ padding: 10px; }
	#timeline .horizontalPhoto .photo{ padding: 10px; width: 100%; }

	#timeline .horizontalPhoto .photoBase{ 
		background-size: 94%;
		padding-bottom: 7%;
	}

	#timeline .largeVerticalPhoto .photoBase{ 
		background-size: 96%;
		padding-bottom: 5%;
	}

	#timeline .largeVerticalPhoto .photoBase .photo {
	    width: 100%;
	    height: auto;
	}

	#recognition .title{ font-size: 40px !important; }
	#recognition .title .dot{ width: 20px !important; height: 20px !important; }

	/* end: About Us ----------------------------------- */
}

@media only screen and (max-width: 533px){
	/* About Us ----------------------------------- */
		/* Recognition --------------------- */
		#recognition .photo{ padding: 10px !important; }
		
		/* Model 001 ---------- */
		#recognition .model001 .verticalPhoto{ width: 100%; }
		#recognition .model001 .horizontalPhoto{ width: 100% !important; }


		/* Model 002 ---------- */
		#recognition .model002 .lineOne{ display: block; }

		#recognition .model002 .horizontalPhoto,
		#recognition .model002 .horizontalPhoto:nth-of-type(2){ width: 100%; padding-bottom: 33px; }

		#recognition .model002 .horizontalPhoto:nth-of-type(2){ margin-top: -32px; }
		#recognition .model002 .horizontalPhoto:nth-of-type(2) .adhesive{ margin-top: -34px; }
		#recognition .model002 .horizontalPhoto:nth-of-type(2) .adhesive::before{ top: 31px; }

		#recognition .model002 .horizontalPhoto:nth-of-type(2) .adhesive::after{
			content:"";
			width: 96%;
			height: 2px;
			background: #000;
			position: absolute;
			top: 35px;
			left: 3px;
			opacity: .4;
		}

		#recognition .model002 .verticalPhoto{
		    width: 100%;
		    margin-top: -30px !important;
		    padding-bottom: 26px;
		}

		#recognition .model002 .verticalPhoto .adhesive::before{ top: 30px; }
		#recognition .model002 .verticalPhoto .adhesive::after {
		    width: 95%;
		    height: 7px;
		    top: 25px;
		    left: 3px;
		    border: 0;
		    border-top: 2px solid #000;
		}


		/* Model 003 ---------- */
		#recognition .model003 .adhesive{ height: 58px; }

		#recognition .model003 .leftCol,
		#recognition .model003 .rightCol{ width: 100%; margin-bottom: 1%; }

		#recognition .model003 .horizontalPhoto .adhesive{ margin-top: -28px; }
		#recognition .model003 .horizontalPhoto .adhesive::before{ top: 28px; width: 96%; left: 3px; }

		#recognition .model003 .rightCol{ margin-top: -85px; }
		#recognition .model003 .rightCol .horizontalPhoto .adhesive{ margin-top: -28px; }
		#recognition .model003 .rightCol .horizontalPhoto .adhesive::before{ top: 28px; }

		#recognition .model003 .verticalPhoto{ margin-top: 20px; width: 100%; }
		#recognition .model003 .verticalPhoto .adhesive{ top: -20px; margin-left: -75px; }
		#recognition .model003 .verticalPhoto .adhesive::before{ top: 20px; left: 3px; width: 96%; }


		/* Model 004 ----------------------- */
		#recognition .model004{ flex-direction: unset; margin-top: 40px; }
		#recognition .model004 .subTitle br{ display: none; }
		
		#recognition .model004 .leftCol,
		#recognition .model004 .rightCol{ width: 100%; }

		#recognition .model004 .verticalPhoto{ margin-top: 10px; }
		#recognition .model004 .verticalPhoto .adhesive{ margin-left: -75px; }


		/* Model005 --------------------------- */
		#recognition .model005 .subTitle{ margin-bottom: 20px; }
		#recognition .model005 .lineTwo .horizontalPhoto{ width: 100%; }

		/* end: Recognition --------------------- */

	/* end: About Us ----------------------------------- */
	
}

@media only screen and (max-width: 500px){
	
	/* About Us ----------------------------------- */
	#timeline .photo{ height: auto; width: 100%; }
	#timeline .photoBase{ background-size: 96%; padding-bottom: 5%; }

	#timeline #recognition .largeVerticalPhoto.photoBase{ padding-bottom: 26px; background-size: 96%; }
	#timeline #recognition .largeVerticalPhoto .photo{ width: 100%; height: auto; }
	/* end: About Us ----------------------------------- */

	.divOptions .ulOptions,
	.divOptions .ulCategories{ width: 360px; }

	.stripe{ text-align:left; }
	.stripe .container{
		width: 250px;
		margin-left: 7%;
	}

	.btWhats{ bottom: 10px; }

	.divOptions .ulCategories li{
        width: 100%;
        height: 46px;
    }
}



@media only screen and (max-width: 480px){

	.internalPage .navMobileMenu .fa-bars {
	    display: block;
	    margin-top: 0px;
    	margin-left: 0px;
	}
	
	.divOptions .ulOptions {
		width: 340px;
        top: 4%;
       margin-bottom: 20px;
	}
	.divOptions .ulCategories{ width: 340px; }

	.divOptions .ulOptions a {
	    width: 82%;
	    font-size: 21px;
	}
	.divOptions .ulOptions .sprays a{line-height: 1}
}


@media only screen and (max-width: 450px){
	.pagHub .allProds .category strong{
		font-size:21px;
	}

	.internalPage header h1{ font-size: 30px; }
	.spraysPage header h1{font-size: 22px;}
}


@media only screen and (max-width: 424px){
	.pagHub .pagHubTitle{ padding: 0 36px; }

	/* About Us --------------------- */
	#timeline .stepDescription .title{ font-size: 21px; }

	/* Recognition --------------------- */
	#recognition .title{ font-size: 28px !important; }
	#recognition .subTitle{ font-size: 25px !important; }
	#recognition .adhesive{ height: 60px; }

	/* Model 001 ------------- */
	#recognition .title .dot {
	    width: 16px !important;
	    height: 16px !important;
	    padding: 2px !important;
	}

	#recognition .photo{ padding: 10px !important; }
	#recognition .model001 .subTitle{ margin-bottom: 30px; }
	#recognition .model001 .horizontalPhoto{ padding-bottom: 20px; margin-top: 0; }
	#recognition .model001 .horizontalPhoto:nth-of-type(2){ margin-top: -15px; }

	#recognition .model001 .verticalPhoto .adhesive{ top: -20px; }
	#recognition .model001 .verticalPhoto .adhesive::before {
	    top: 20px;
	    width: 96%;
	    left: 3px;
	}

	#recognition .model001 .horizontalPhoto .adhesive{ top: -20px; }
	#recognition .model001 .horizontalPhoto .adhesive::before{ top: 20px; }
	#recognition .model001 .horizontalPhoto:nth-of-type(2) .adhesive{ top: -30px; }

	#recognition .model001 .horizontalPhoto .adhesive::before,
	#recognition .model001 .horizontalPhoto:nth-of-type(2) .adhesive::after,
	#recognition .model001 .horizontalPhoto:nth-of-type(2) .adhesive::before{  width: 95%; left: 3px; }
	   
	#recognition .model001 .horizontalPhoto:nth-of-type(2) .adhesive::before{ top: 23px; }
	#recognition .model001 .horizontalPhoto:nth-of-type(2) .adhesive::after{ top: 31px; }


	/* Model 002 ------------- */
	#recognition .model002 .horizontalPhoto:nth-of-type(2){ padding-bottom: 32px; }
	#recognition .model002 .verticalPhoto{ padding-bottom: 16px; }


	/* Model003 ------------------ */
	#recognition .model003 .subTitle{ margin-bottom: 46px; }
	#recognition .model003 .lineBottom{ margin-top: -64px; }

	/* end: Recognition --------------------- */
}


@media only screen and (max-width: 384px){

	.aboutPag .profile img {
	    width: 220px;
	    height: 220px;
	    margin-top: 30px;
	}
}

@media only screen and (max-width: 370px){

	/*body.internalPage{
		background:none;
	}*/

	body.internalPage.pagRapes{background:color:#bbf1d8;}
	body.internalPage.pagErvarias{background:color:#e8fffe;}

	
}