div#slider-product {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}



.bannerStandar {
    padding: 230px 0px;
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    margin-top: -19%;

}

.gridContent {
	position: relative;
    margin-top: 200px;
    width: 100%;
    float: left;
}


.contentJugo {
    margin-top: -130px;
    width: 100%;
    height: 400px;
   /* margin-left: 10%; */
}
}

.contentJugo img{
    height: 100%;
    width: auto !important;
    margin: 0 auto;
}
h1.txtSabor {
    font-size: 110px;
    color: white;
	margin-top:0;
	font-family:"open_sansbold";
        float: left;
    width: 100%;

	}

.txtG{
	font-size:16px;
	color:white;
	margin-top:0;
	margin-bottom:39px;    width: 108%;
    float: left;
}

.buttonIngredients{
    display: none;
}
.contentWhite {
    background: white;
  /*  padding: 20px 50px;*/
}

.contentMiddle {
    width: 100%;
    height: auto;
    margin-top: 7%;
    float: left;
    position: relative;
    cursor: pointer;
}

div#presentation {
    float: right;
}


.fanPage{
	margin-bottom:30px;
}

.fanPage:hover{
    color: white;
}
.contentMiddle .col-lg-2.col-md-2.col-sm-2.col-xs-6{
	float:right;
}

.ingredientes, .ingredientesModal {
    background: beige;
    padding: 1% 1%;
    font-size: 11px;
    height: 550px;
    overflow-y: scroll;
    overflow-x: hidden;
}

h2.txtLegend {
    color: white;
    margin-bottom: 0;
    margin-top: 31%;
    float: left;
    width: 100%;
}

.subTitle{
	    width: 100%;
}

.titleR1{
    font-size: 30px;
    font-family: "open_sansbold";
    color: #e00915;
    padding: 0px 10px;
    margin-top: 0px;
    margin-left: -35%;
}

.titleR{
    font-size: 30px;
    font-family: "open_sansbold";
    color: #e00915;
    padding: 0px 10px;
    margin-top: 20px;
    margin-left: -6%;
}

.middle {
    width: 100%;
    padding: 4px 0px;
    border: 1px solid;
    text-align: center;
    margin: 15px 0;
}


.middle:hover {
    color: #ffffff;
    background: #e00915;
    }

.contentMiddle div img {
    width: 55% !important;
    margin: 0 auto;
}

.owl-nav {
    position: absolute;
    top: 28%;
    width: 100%;
    height: 55px;
    margin-top: -27.5px;
}

.owl-prev {
    float:left;
    width:34px;
    height:55px;
    background:url(../img/arrowNote.png);
    background-size:100%;
    text-indent: -9999px;	position:absolute;
	left:10%;
}

.owl-next {
    float:right;
    width:34px;
    height:55px;
    background:url(../img/arrowNote2.png);
    background-size:100%;
    text-indent:999px;
	position:absolute;
	right:10%;
	    text-indent: -9999px;
	}
	
	.ingredientes li {
    list-style: none;
}



	.paddingNone-1, .paddingNone-2 {
	    padding-top: 0;
	    padding-left: 0;
	    padding-bottom: 50px;
	}

    @media (min-width: 320px) and (max-width: 350px) {
       .paddingNone-1, .paddingNone-2 {
    padding-top: 0;
    padding-left: 0;
    margin-left: -25%;
    margin-bottom: -5%;
} 
    }

    @media (min-width: 351px) and (max-width: 425px) {
       .paddingNone-1, .paddingNone-2 {
    padding-top: 0;
    padding-left: 0;
    margin-left: -25%;
    margin-bottom: -40%;
} 
    }

     @media (min-width: 426px) and (max-width: 599px) {
       .paddingNone-1, .paddingNone-2 {
      padding-top: 0;
    padding-left: 0;
    margin-left: -21%;
    width: 148%;
    margin-bottom: -52%;
} 
    }

 @media (min-width: 600px) and (max-width: 705px) {
       .paddingNone-1, .paddingNone-2 {
      margin-bottom: -40%;
    margin-left: -11%;
    margin-top: -42%;
    width: 126%;
} 
    }
	div#position-1 img, div#position-2 img, div#position-3 img,  div#position-4 img, div#position-5 img {
    width: 100%;
}
div#position-6 img{
        margin-top: 3%;
            width: 100%;
}

div#position-1 img{
        margin-bottom: 1%;
}

a {
    width: 100%;
    text-align: left;
    color: white;
    /*font-weight: bold;*/
}

.paddingNone-5 {
    padding-left: 0;
        margin-bottom: 4.2%;}

@media (min-width: 701px) and (max-width: 800px){
    .paddingNone-5 {
    padding-left: 0;
    margin-bottom: -0.8%;
}
.paddingNone-1, .paddingNone-2 {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 3%;
}
}
.paddingNone-6 {
    padding-left: 0;
}

.paddingNone-3 {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10%;}
.paddingNone-4 {
    padding-left: 0;
    padding-right: 0;
}

.cont2{
	margin-bottom:2%;
}

@media (min-width: 1000px) and (max-height: 1900px){
    .cont2{
    margin-bottom:0%;
}
}


.contentImg img{
	width:100%;
}
.contentImg {
    padding-left: 0;
}


div#wrapper {
    margin-bottom: 58px;
}
@media only screen and (max-width: 1440px) {
	.bannerStandar {
    	margin-top: -30%;
	}
	.gridContent {
    	margin-top: 350px;
	}
}
@media only screen and (max-width: 1400px) {
.gridContent {
    	margin-top: 320px;
	}
	

}
@media only screen and (max-width: 1620px) {
	.item-1, .item-2 {
	    background-size: cover;
	    height: auto;
	    padding-bottom: 36px;
	}
	.bannerStandar {
	    margin-top: 0;
	    padding: 0;
	}
	
	.gridContent {
  		margin-bottom: 7%;
  	    margin-top: 10%;
	}
	.contentMiddle img{
	}
	h1.txtSabor {
    font-size: 61px;
    }
    .txtG {
    font-size: 15px;
    margin-bottom: 49px;
    width: 100%;
    }
    
	.subTitle {
	    width: 110%;
	    font-size: 38px;
        margin-bottom: 10%;
	}
	.titleR {
	    font-size: 18px;
	}


}   

@media only screen and (max-width: 800px) {
	h2.txtLegend {
    	margin-top: 12%;
	}
	.txtG {
    	width: 100%;
	}

    .ingredientes{
        display:none;
    }

.buttonIngredients button {
    width: 80%;
    background: #e00915;
    color: white;
    border: none;
    height: 40px;
    margin: 5px auto;
    font-size: 15px;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #e00915;
    border-color: #e00915;
}
.buttonIngredients {
    display: block;
    float: left;
    width: 100%;
    padding: 19px;
    text-align: center;
}
}


	
@media only screen and (max-width: 600px) {
.bannerStandar {
        margin-top: -70%;
    padding: 50px 45px;
}

.gridContent {
  margin-top: 33px;
    margin-bottom: 86%;
}
	
	.txtG {
    width: 100%;
}
.contentMiddle {
    margin-top: 31px;
}
.contentJugo {
    margin-top: -31px;
}
h1.txtSabor {
    font-size: 40px;
}
h2.txtLegend {
    margin-top: 8%;
}

.contentJugo {
  
    height: 180px;
}


}

.contentInfo{
       position: absolute;
}

@media (min-width: 2000px) and (max-width: 2752px) { 
    .gridContent {
    position: relative;
    margin-top: 350px;
    width: 100%;
    float: left;
}

}

@media (min-width: 1312px) and (max-width: 1620px){
     .gridContent {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 14%;
    margin-top: 35%;
}

.bannerStandar {
    margin-top: -342px;
    padding: 0;
}

}

@media (min-width: 992px) and (max-width: 1311px){
     .gridContent {
    margin-bottom: 21%;
    margin-top: 33%;
}

.bannerStandar {
        margin-top: -363px !important;
    padding: 0;
}

.txtG {
    font-size: 15px;
    margin-bottom: 49px;
    width: 100%;
    margin-left: 10%;
}

h2.txtLegend {
    color: white;
    margin-bottom: 0;
    margin-top: 31%;
    float: left;
    width: 100%;
    margin-left: 10%;
}

h1.txtSabor {
    font-size: 110px;
    color: white;
    margin-top: 0;
    font-family: "open_sansbold";
    float: left;
    width: 100%;
    margin-left: 10%;
}

.fanPage {
    margin-bottom: 30px; 
    margin-left: 11%;
}

.owl-prev {
    float: left;
    width: 34px;
    height: 55px;
    background: url(../img/arrowNote.png);
    background-size: 100%;
    text-indent: -9999px;
    position: absolute;
    left: 6%;
}
.owl-next {
    float: right;
    width: 34px;
    height: 55px;
    background: url(../img/arrowNote2.png);
    background-size: 100%;
    text-indent: 999px;
    position: absolute;
    right: 6%;
    text-indent: -9999px;
}

.titleR {
    font-size: 25px;
    margin-top: 10%;
    margin-left: -7%;
}

.titleR1 {
    font-size: 25px;
    font-family: "open_sansbold";
    color: #e00915;
    padding: 0px 10px; 
    margin-left: -37%;
}

.col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.space{
    margin-left: 7%;
}

img#imagePresentation_35 {
    margin-left: -16%;
}

}

@media (min-width: 720px) and (max-width: 820px){
     .gridContent {
    margin-bottom: 37%;
    margin-top: 38%;
}

.bannerStandar {
    margin-top: -275px;
    padding: 0;
}

.contentWhite {
    background: white;
    padding: 29px 28px;
}


.titleR1 {
    font-size: 30px;
    font-family: "open_sansbold";
    color: #e00915;
    padding: 0px 10px;
    margin-top: -30px;
    margin-left: 11%;
}

    .sipi{
    margin-bottom: 18%;
    width: 170px;
    margin-left: 47%;
}

.titleR {
    font-size: 27px !important;
    font-family: "open_sansbold";
    color: #e00915;
    padding: 0px 10px;
    margin-top: -21px;
    margin-left: 59%;
}

.contentMiddle div img {
    width: 15% !important;
    margin: 0 auto;
}
div#position-1 img {
    margin-bottom: 1%;
    margin-top: 10%;
}
.contentJugo {
    margin-top: -130px;
    width: 80%;
    height: 400px;
}
img.fb {
    padding-left: 70%;
}
.middle {
    width: 57%;
    padding: 4px 0px;
    border: 1px solid;
    text-align: center;
    margin: 15px 59px;
}


}

@media (min-width: 320px) and (max-width: 359px){

.bannerStandar {
       background-size: 100% 53%;
    margin-top: -98%;
    padding-top: 50%;
}
.gridContent {
  margin-top: 76%;
    margin-bottom: 124%;
}

.subTitle {
    width: 140%;
    font-size: 21px;
    margin-bottom: 10%;
}

.titleR1 {
    font-size: 20px;
    font-family: "open_sansbold";
    color: #e00915;
    padding: 0px 10px;
    margin-top: -22px;
    margin-left: 20%;
}

.contentMiddle div img {
    width: 25% !important;
    margin: 0 auto;
}

img.fb {
    margin-left: -50%;
    padding-left: 40%;
}



}



.seccion_white{
    background-color: white; 
/* background-size: 100% 30%; */
background-color: white;
background-size: cover;
background-repeat: no-repeat;
/* padding: 230px 0px; */
float: left;
width: 100%;
height: auto;
position: relative;
margin-top: -20%;
background-position: center;
}


.ingredientes ul{
    margin-left: -14%;
}


.move{
    margin-top: -16%;
}

@media (min-width: 701px) and (max-width: 760px) and (orientation: landscape){
    .contentMiddle div img {
    width: 16% !important;
    margin: 0 auto;
}
.middle {
    width: 62%;
    padding: 4px 0px;
    border: 1px solid;
    text-align: center;
    margin: 15px 0;
    margin-right: 17%;
}

h2.txtLegend {
    margin-top: 12%;
    font-size: 20px;
}
h1.txtSabor {
    font-size: 45px;
}

.col-lg-2.col-md-2.col-sm-1.col-xs-1.paddingNone {
    padding: 2%;
    margin-top: -3%;
}

.titleR1 {
   font-size: 25px;
    color: #e00915;
    padding: 0px 10px;
    margin-top: -28px;
    margin-left: 10%;
}

.titleR {
    font-size: 25px;
    margin-left: 55%;
    margin-top: -1%;
}

.contentJugo {
    margin-top: -130px;
    width: 80%;
    height: 400px;

}


}


@media (min-width: 651px) and (max-width: 700px) and (orientation: landscape){

    .contentMiddle div img {
    width: 15% !important;
    margin: 0 auto;
}

.contentMiddle {
    width: 100%;
    height: auto;
    margin-top: -8%;
    float: left;
    position: relative;
    cursor: pointer;
}

.middle {
    width: 65%;
    padding: 4px 0px;
    border: 1px solid;
    text-align: center;
    margin: 15px 39px;
}
h2.txtLegend {
    margin-top: 12%;
    font-size: 20px;
}
h1.txtSabor {
    font-size: 45px;
}

.col-lg-2.col-md-2.col-sm-1.col-xs-1.paddingNone {
    padding: 2%;
    margin-top: -3%;
}

.titleR1 {
   font-size: 25px;
    color: #e00915;
    padding: 0px 10px;
    margin-top: -28px;
    margin-left: 10%;
}

.titleR {
    font-size: 25px;
    margin-left: 55%;
    margin-top: -1%;
}

.contentJugo {
    margin-top: -130px;
    width: 80%;
    height: 400px;

}

}

@media (min-width: 551px) and (max-width: 650px) and (orientation: landscape){

    .contentMiddle div img {
    width: 15% !important;
    margin: 0 auto;
}

.contentMiddle {
    width: 100%;
    height: auto;
    margin-top: -2%;
    float: left;
    position: relative;
    cursor: pointer;
}

.middle {
    width: 65%;
    padding: 4px 0px;
    border: 1px solid;
    text-align: center;
    margin: 15px 39px;
}
h2.txtLegend {
    margin-top: 12%;
    font-size: 20px;
}
h1.txtSabor {
    font-size: 45px;
}

.col-lg-2.col-md-2.col-sm-1.col-xs-1.paddingNone {
    padding: 2%;
    margin-top: -3%;
}

.titleR1 {
   font-size: 25px;
    color: #e00915;
    padding: 0px 10px;
    margin-top: -28px;
    margin-left: 10%;
}

.titleR {
    font-size: 25px;
    margin-left: 55%;
    margin-top: -1%;
}

.contentJugo {
    margin-top: -130px;
    width: 80%;
    height: 400px;

}

}


@media (min-width: 450px) and (max-width: 550px) and (orientation: landscape){

.contentMiddle {
    width: 100%;
    height: auto;
    margin-top: 24% !important;
    float: left;
    position: relative;
    cursor: pointer;
}
.subTitle {
    width: 130%;
    font-size: 28px;
    margin-bottom: 10%;
}
}

@media (min-width: 360px) and (max-width: 374px){
   .move{
    margin-top: 0%;
    margin-left: 25%;
} 
.granja{
    margin-bottom:-3%;
}


.subTitle {
    width: 130%;
    font-size: 22px;
    margin-bottom: 10%;
}

.titleR1 {
    font-size: 20px;
    font-family: "open_sansbold";
    color: #e00915;
    padding: 0px 10px;
    margin-top: -7px;
    margin-left: -7%;
}

.contentMiddle div img {
    width: 25% !important;
    margin: 0 auto;
}
img.fb {
    margin-left: -50%;
    padding-left: 40%;
}


}


@media (min-width: 375px) and (max-width: 424px){



.subTitle {
    width: 130%;
    font-size: 30px;
    margin-bottom: 10%;
}

.titleR1 {
    font-size: 16px;
    font-family: "open_sansbold";
    color: #e00915;
    padding: 0px 10px;
    margin-top: -22px;
    margin-left: 20%;
}
.titleR {
    font-size: 16px;
    margin: -19px 0px 0px 66px;
}

.contentMiddle div img {
    width: 25% !important;
    margin: 0 auto;
}

img.fb {
    margin-left: -10%;
    padding-left: 40%;
}


}


@media (min-width: 425px) and (max-width: 525px){



.subTitle {
    width: 130%;
    font-size: 30px;
    margin-bottom: 10%;
}

.titleR1 {
    font-size: 20px;
    font-family: "open_sansbold";
    color: #e00915;
    padding: 0px 10px;
    margin-top: -22px;
    margin-left: 20%;
}

.contentMiddle div img {
    width: 25% !important;
    margin: 0 auto;
}

img.fb {
    margin-left: -50%;
    padding-left: 40%;
}

.titleR {
    font-size: 22px;
    font-family: "open_sansbold";
    color: #e00915;
    padding: 0px 10px;
    margin-top: -20px;
    margin-left: 40%;
}

}