/* Smartphones (portrait and landscape) ----------- */  




/* Smartphones (portrait and landscape) ----------- */  


/* Smartphones (landscape) ----------- */  

/* iPads (portrait and landscape) ----------- */  



/* Desktops and laptops ----------- */  

/* Large screens ----------- */  
@media only screen  
and (min-width : 1824px) {  


/* Styles */  
}  
/* iPhone 4 ----------- */  
@media  
only screen and (-webkit-min-device-pixel-ratio : 1.5),  
only screen and (min-device-pixel-ratio : 1.5) {  
/* Styles */  
} 



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

  .prosulinatitulo{
    margin-bottom: 12%;
    margin-top: 4%;
  }
  .magpotim{
    max-width: 93%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.sanasweetImage {
  margin-top: 4%;
}
}
  #lenguajetitulo{
    margin-right: -20%;
  }
  /* imagen sobre sanazen */  
  
    /* div de suplemento y precio */  
  .resaltado{
font-size: 10px;

  }
  .cantidad{
    font-size: 11px;

  }

  #Vitamina1{
margin-bottom: -4%;
  }

  .inositoltitulo{
    margin-bottom: -3%;
    margin-top: 5%;

  }

            .prosulinatitulo{
              margin-bottom: -3%;
              margin-top: 4%;
            }
            .desodorante1{
             margin-top: 44%;
              }
          /* Styles */  
          }  



    
       
/* iPads (portrait) ----------- */  
@media only screen  
and (min-width : 768px)  
and (max-width : 1024px)  
and (orientation : portrait) {  

  


  .desodorante1{
    margin-top: 21%;
}

  .sanasweetImage {
    margin-top: -13%;
  }
  .round{
            width: 40%;
    margin-left: 29%;
          }
          #sobreSanazen{
            display: none;
          }
          #lenguajetitulo{
            font-size: 74px;

              margin-left: 2%;
              margin-right: 20px;
    line-height: 111%;
}

#parrafo{
  font-size: 32px;
    line-height: 113%;
    margin-left: -14%;
    margin-right: -13%;
}
#salud{
  font-size: 34px;
    text-align: center;
    line-height: 122%;
}
.name {
  font-size: 31px;
    line-height: 21px;
}
.resaltado{
  font-size: 25px;
}
.cantidad{
  font-size: 25px;
    line-height: 34px;
 

  line-height: 37px;
}
.vitaminac{
  width: 29%;
}
.magpotim{
  width: 47%;
}
#Vitamina1{
  font-size: 31px;
    line-height: 52px;
}
#Vitamina2{
  font-size: 31px;
    line-height: 52px;
}
.inositol {
    width: 29%;
    
}
.resaltado2{
  font-size: 25px;
}
.round2{
 border-radius:  66%;
 margin-left: 28%;
 width: 41%;
}

#contacto {
    letter-spacing: 5px;
    font-size: 82px;
    margin-left: 146px;
}
#whatSapp {
    font-size: 57px;
    margin-left: 21%;
    line-height: 205%;
}
}

.tell{
  width: 11%;
}
.emailreal{
  width: 8%;
    margin-left: -20%;
    margin-right: 1%;

}

#icorreo {
    font-size: 38px;
    margin-left: 22%;
    line-height: 89px;
}
.numero {
    font-size: 51px;
    margin-left: 23%;
    line-height: 22px;
}
#pedido {
    margin-top: 3%;
    margin-left: -10%;
    width: 118%;
    font-size: 44px;
    border-radius: 7px;
    color: white;
}


#pidelo{
  color: white;
    margin-left: 2%;
    font-style: normal;
    background-color: #376768;
    padding: 15px;
    font-size: 36px;
    padding: 19px;
    border-radius: 28px;
}

#logo1{
  width: 66%;
}

#logo2{
  width: 76%;
    margin-left: -24px;
    margin-top: -16px;
}
#faq{
font-size: 50px;
line-height: 190px;
}
#terms{  
    font-size: 50px;
    line-height: 96px;

}
#blog{

  font-size: 50px;
    line-height: 198px;
}
#siguenos{
  font-size: 50px;

}
#redes{
  font-size: 50px;

}
#face{  
   
  font-size: 59px;

}
}  



@media only screen  
and (min-width : 1199px)  
and (max-width : 1235px)  
and (orientation : landscape) {

  #lenguajetitulo {
    font-size: 36px;
    margin-right: -8%;
}
}

@media only screen  
and (min-width : 1024px)  
and (max-width : 1366px)  
and (orientation : portrait) {  
  #pedido {
    width: 89%;
    font-size: 33px;
    margin-left: 3%;
}
  #lenguajetitulo {
    font-size: 36px;
    margin-right: -30%;
}
 
#parrafo {
  font-size: 26px;
    line-height: 113%;
    margin-left: 0%;
    margin-right: 0%;
}

.round{
  width: 100%;
    margin-left: -5%;

    margin-top: 45px;
    margin-bottom: 14px;
}
.round2{
  width: 100%;
    margin-left: -5%;
    margin-top: 16%
}
.name {
    font-size: 17px;
    line-height: 26px;
}
.resaltado {
    font-size: 10px;
}
.resaltado2 {
    font-size: 10px;
}
.cantidad {
    font-size: 11px;
    line-height: 34px;
    line-height: 30px;
}
#Vitamina1 {
  font-size: 17px;
    line-height: 26px;
}
#Vitamina2 {
  font-size: 17px;
    line-height: 26px;
}
.sanasweetImage {
  margin-top: 10%;
}
.vitaminac {
  width: 66%;
}
.prosulinatitulo {
    margin-bottom: 39%;
    margin-top: 4%;
}
.inositol {
    width: 66%;
    margin-top: 20%;
}
.inositoltitulo {
    margin-bottom: 38%;
    margin-top: 7%;
}

.desodorante1 {
  margin-top: 44%;
}
.round2 {
    border-radius: 66%;
    margin-left: 0%;
    margin-top: 20%;
    width: 100%;
}
#contacto {
    letter-spacing: 5px;
    font-size: 58px;
    margin-left: 16px;
}
#whatSapp {
    font-size: 38px;
    margin-left: 2%;
    line-height: 205%;
}
.numero {
    font-size: 33px;
    margin-left: 15%;
    line-height: 11px;
}
#icorreo {
    font-size: 31px;
    margin-left: 4%;
    margin-left: 24%;
    line-height: 199%;
}
#pidelo {
    color: white;
    margin-left: 2%;
    font-style: normal;
    background-color: #376768;
    padding: 15px;
    font-size: 28px;
    padding: 15px;
    border-radius: 28px;
}
#logo1 {
  width: 100%;
    margin-top: -1%;
}
#logo2 {
    width: 115%;
    margin-left: -20px;
    margin-top: -38px;
}
#faq {
  font-size: 33px;
    line-height: 18px;
}
#terms {
    font-size: 30px;
    line-height: 53px;
}
#blog {
    font-size: 33px;
    line-height: 55px;
}
#siguenos {
    font-size: 26px;
}
#redes {
    font-size: 29px;
}
#face {
  font-size: 44px;
}
}  



@media only screen  
and (min-width : 992px)  
and (max-width : 1023px)  
and (orientation : portrait) {
  #parrafo {
    font-size: 32px;
    line-height: 113%;
    margin-left: -14%;
    margin-right: -13%;
}
.round {
    width: 82%;
    margin-top: 15%;
    margin-left: -3%;
}
#lenguajetitulo {
    font-size: 47px;
    margin-left: -19%;
    margin-right: 20px;
    line-height: 111%;
}
#parrafo {
    font-size: 25px;
    line-height: 131%;
    margin-left: -14%;
    margin-right: 0%;
}

#salud {
    font-size: 30px;
    text-align: center;
    margin-left: -18%;
    line-height: 122%;
}
.resaltado {
    font-size: 11px;
}
.resaltado2 {
    font-size: 11px;
}
.cantidad {
    font-size: 13px;
}
.name {
    font-size: 31px;
    line-height: 21px;
}
#Vitamina1 {
    font-size: 20px;
    line-height: 27px;
}
#Vitamina2 {
  font-size: 22px;
    line-height: 35px;


}

.name {
    font-family: Roboto;
    font-style: normal;
    font-size: 15px;
}
.emailreal {
    width: 8%;
    margin-left: -10%;
    margin-right: 1%;
}
.round2 {
    border-radius: 66%;
    margin-left: 24%;
    width: 41%;
}
#icorreo {
  margin-left: 22%;
}
}

@media only screen  

and (max-width : 991px)  
and (orientation : portrait) 
{
  .resaltado{
    font-size: 30px;
    
      }
      .resaltado2{
        font-size: 30px;
        
          }

          .cantidad {
            font-size: 30px;
        }

        .cantidad {
    font-size: 30px;
}
  .magpotim{
    width: 67%;
  }


  #barranav {
    background-color: #376768;
    position: fixed;
    z-index: 1;
    width: 100%;
}
  .ligasheader{
          font-family: Roboto;  
             font-size: 35px;  
              margin: 0px 10px;

         }
#busca1{
  display: none;
}
#contacto {
    letter-spacing: 5px;
    font-size: 74px;
    margin-left: 151px;
}
#icorreo {
    font-size: 50px;
    line-height: 89px;
}

#whatSapp {
    font-size: 54px;
    margin-left: 21%;
    line-height: 205%;
}
.numero {
    font-size: 49px;
    margin-left: 23%;
    line-height: 22px;
}
}  
  

@media only screen  
and (min-width : 321px) {  

.titlemodal {
    font-weight: bold;
    font-family: Roboto;
    font-size: 34px;
}

}  

            
/* iPads (portrait) ----------- */  
@media only screen  
and (min-width : 992px)  
and (orientation :  landscape)
{
  
  .round{

    
  }

  .round2{

  }
  #icorreo {
    font-size: 36px;
    margin-left: 32%;
    line-height: 89px;
}
#contacto {
    font-size: 42px;
    margin-left: 11%;
}
#whatSapp {
    font-size: 32px;
    margin-left: 1%;
  
}
.numero {
    font-size: 29px;
    margin-left: 11%;
    line-height: 22px;
}
#icorreo {
    font-size: 37px;
    margin-left: 22%;
    line-height: 89px;
}
#pedido {
    margin-top: 3%;
    margin-left: 0%;
    width: 91%;
    font-size: 31px;
}
#faq {
    font-size: 32px;
    line-height: 8px;
}
#terms {
    font-size: 32px;
    line-height: 42px;
}
#blog {
    font-size: 32px;
    line-height: 64px;
}
#logo2 {
    width: 268px;
    margin-left: -24px;
    margin-top: -16px;
}
#logo1 {
    width: 241px;
}
#siguenos {
    font-size: 33px;
}
#redes {
    font-size: 32px;
}
#face {
    font-size: 38px;
}
}
@media only screen  

and (max-width : 991px)  
and (orientation : landscape) {  

  .modalsize{
    padding-left: 67px;
    padding-right: 67px;
    padding-bottom: 91%;
    font-size: 10px;
    padding-top: 10px;
      }


  #pedido {
    margin-top: -3%;
    margin-left: -10%;
    width: 120%;
    font-size: 45px;
    border-radius: 7px;
    color: white;
}
  #busca1{
  display: none;
}
.round{
  width: 29%;
    margin-left: 35%;
    
}
.round2{
  width: 28%;
    margin-left: 35%;
    margin-bottom: -4%;
}
#contacto {
    font-size: 66px;
    margin-left: 31%;
    line-height: 61%;
}

#sobreSanazen{
  display: none;
}
#lenguajetitulo {
    margin-right: -39%;
    font-size: 46px;
    margin-left: -41%;
}
#parrafo {
  
  font-size: 29px;
    line-height: 107%;
 
}

#salud {
 
    font-size: 26px;

    line-height: 35px;
    margin-left: 2%;
}

.sanasweetImage {
    margin-top: -7%;
}
.name {
   
    font-size: 28px;
    line-height: 76%;
}
.resaltado {
    font-size: 21px;
}

.resaltado2{
  font-size: 20px;
}
.cantidad {
    font-size: 21px;
    line-height: -1px;
}
.vitaminac {
    width: 28%;
    margin-top: 10%;
    margin-bottom: 5%;
    margin-top: 24px;
}


#Vitamina1 {
    font-size: 28px;
    /* line-height: 37px; */
    font-family: Roboto;
    margin-bottom: -1%;
}
#Vitamina2 {
    font-size: 28px;
    margin-top: 10px;
    line-height: 60px;
    font-family: Roboto;
    margin-bottom: -12px;
}

.inositol {
    width: 24%;
    margin-top: 6%;
    margin-bottom: -4%;
}


#contentchueco{
  margin-bottom: -37px; 
  margin-top: 0px;


}


.inositoltitulo {
    margin-bottom: -6%;
    margin-top: 5%;
}
.prosulinatitulo {
    margin-bottom: -3%;
    margin-top: 4%;
}


.desodorante1{
  margin-top: 21%;
    margin-bottom: -1%;
}

#desodoranteylcion{
  margin-top: 9%;
}
#whatSapp {
    font-size: 49px;
    margin-left: 27%;
}
.numero {
    margin-left: 30%;
    line-height: 25px;
    font-size: 48px;
}
.emailreal {
  margin-left: 1%;
    font-size: 33px;
}
#pidelo{
  font-size: 34px;
    margin-left: 21%;
}
#icorreo {
    margin-right: 3%;
    margin-left: 6%;
    font-size: 34px;
    margin-top: -6px;
    font-size: 50px;
}
#logo1 {
    width: 54%;
    padding: 40px;
    margin-bottom: -2%;
    margin-top: 6%;
}
#logo2 {
    width: 56%;
    margin-top: -19px;
}
#faq {
 
    font-size: 49px;
    line-height: 272%;
}
#terms {
 
  font-size: 49px;
    line-height: 204px;
}
#blog {
  
  font-size: 49px;
    line-height: 190px;
}
#siguenos {
   
    font-size: 41px;
 
}
#redes {
 
    font-size: 41px;
    
}
#face{
  font-size: 44px;
}

.imgmodals{
  width: 22%;
}
.parrafoModal1 {
    margin-left: -13px;
    font-size: 21px;
}
.parrafoModal {
    padding-left: 36px;
    font-size: 20px;
}
.btnwhats {
    background-color: #009432;
    padding-left: 6%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 5%;
    margin-right: 33%;
    color: white;
    border-radius: 17px;
    font-size: 21px;
    text-align: center;
    font-weight: 500;
}
}

/* Smartphones (portrait) ----------- */  
@media only screen  
and (max-width : 320px) and (orientation: landscape) {  
/* Styles */  

}

@media only screen  

and (max-device-width  : 687px){
  .navbar-dark .navbar-toggler-icon {
    font-size: 35px;
}
#logonav{
  width: 166%;
}

#parrafo {
  font-size: 32px;
    line-height: 107%;

}
#salud {
    font-size: 46px;
    line-height: 113%;
}
.round{
  margin-left: 6%;
}
.sob1{
  font-size: 76px;
}
.sob {

    font-size: 66px;
}
      
    .titlemodal {
    font-weight: bold;
    font-family: Roboto;
    font-size: 55px;
}
/* Styles */        .parrafoModal1 {
  
  margin-left: -15px;
  font-size: 33px;
}
.parrafoModal {
  
  padding-left: 36px;
  font-size: 31px;
}
.btnwhats {
    background-color: #009432;
    padding-left: 6%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 5%;
    margin-right: 29%;
    color: white;
    border-radius: 17px;
    font-size: 30px;
    text-align: center;
    font-weight: 500;
}
}

@media only screen  
and (min-width : 320px)  
and (max-width : 991px)  
and (orientation : landscape) 
{

  .name{
    font-family: Roboto;
                font-style: normal;
                font-size: 45px;
                
  }
  #dropdownMenuLink {
    display: inline-block;
    color: white;
    font-size: 43px;
    margin-right: 39px;
}

#Vitamina1{
  font-size: 60px;
}
.magpotim{
  width: 47%;
}
#contentchueco{
  margin-bottom: -37px; 
  margin-top: 0px;
  

}


}

@media only screen  
and (min-width : 320px)  
and (max-width : 991px)  
and (orientation : portrait) 
{

  .name{
    font-family: Roboto;
                font-style: normal;
                font-size: 40px;
                
  }
  #dropdownMenuLink{
  display: inline-block;
  color: white;
    margin-right: 53px;
    font-size: 43px;
    }
}