@media screen and (min-width: 1024px) and (max-width: 5000px) {

#Florig {

  float: right;
}



/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}


/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: white;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3.5s;
  animation-name: fade;
  animation-duration: 3.5s;
}

@-webkit-keyframes fade {
  from {opacity: .1} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .1} 
  to {opacity: 1}
}



#Tiprod {

  font-size: 28px;
  color: #2196f3;
  padding: 20% 0% 0% 30%;
  font-weight: bold;
  font-family: Century Gothic;

}


#Timar {

  font-size: 15px;
  color: #A9A9A9;
  padding: 0% 0% 0% 30%;
}


#borbttm {

  border-bottom-style: solid;
    border-width: 5px;
    border-color: #2196f3;

}


#bgcl {

  background-color: #f1f1f1;
}


#Tdescrip {

  font-size: 28px;
  color: #2196f3;
  padding: 5% 0% 0% 5%;
  font-weight: bold;
  font-family: Century Gothic;

}


#descripcion {

font-size: 15px;
  color: #A9A9A9;
  padding: 0% 5% 0% 5%;
  text-align: justify;

}


#Titcaract {

font-size: 28px;
  color: #2196f3;
   padding-left: 15px;
   font-weight: bold;
   font-family: Century Gothic;

}


#listcaract {

font-size: 15px;
  color: #A9A9A9;

}

#bcglist {

  border-bottom: 1px solid #ddd;
  padding: 6px 2px 6px 16px;
}


#bannerservicio {

  padding-left: 0px;
  padding-right: 0px;
}


 .text-block {
    position: absolute;
    bottom: 60px;
    padding-left: 90px;
    
}



#Titespesif {

  font-size: 28px;
  color: #2196f3;
  padding-left: 17px;
  font-weight: bold;
  font-family: Century Gothic;

}


#listespesif {

  font-size: 15px;
  color: #A9A9A9;
}


#videoe{
   
    height: 400px;
    width: 500px;
   
   
 }


}


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


.text-block {
    position: absolute;
    bottom: 30px;
    padding-left: 90px;
    



}







@media screen and (min-width: 768px) and (max-width: 1023px) {


#Tiprod {

  font-size: 28px;
  color: #2196f3;
  font-weight: bold;
  font-family: Century Gothic;

}


#Timar {

  font-size: 15px;
  color: #A9A9A9;
}


#borbttm {

  border-bottom-style: solid;
    border-width: 5px;
    border-color: #2196f3;

}


#bgcl {

  background-color: #f1f1f1;
}


#Tdescrip {

  font-size: 28px;
  color: #2196f3;
  font-weight: bold;
  font-family: Century Gothic;

}


#descripcion {

font-size: 15px;
  color: #A9A9A9;

}

#Titcaract {

font-size: 28px;
  color: #2196f3;
   padding-left: 15px;
   font-weight: bold;
   font-family: Century Gothic;
}


#listcaract {

font-size: 15px;
  color: #A9A9A9;

}


#videoe{
   
    height: 328px;
    width: 100%;
  
 }

#bcglist {

  border-bottom: 1px solid #ddd;
  padding: 6px 2px 6px 16px;
}


#bannerservicio {

  padding-left: 0px;
  padding-right: 0px;
}


.text-block {
    position: absolute;
    bottom: 7px;
    right: 20px;
    padding-left: 20px;
    
}



#Titespesif {

  font-size: 28px;
  color: #2196f3;
  padding-left: 17px;
  font-weight: bold;
  font-family: Century Gothic;

}


#listespesif {

  font-size: 15px;
  color: #A9A9A9;
}




}
















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

#Tiprod {

  font-size: 28px;
  color: #2196f3;
  font-weight: bold;
  font-family: Century Gothic;

}


#Timar {

  font-size: 15px;
  color: #A9A9A9;
}


#borbttm {

  border-bottom-style: solid;
    border-width: 5px;
    border-color: #2196f3;

}


#bgcl {

  background-color: #f1f1f1;
}


#Tdescrip {

  font-size: 28px;
  color: #2196f3;
  font-weight: bold;
  font-family: Century Gothic;

}


#descripcion {

font-size: 15px;
  color: #A9A9A9;

}


#Titcaract {

font-size: 28px;
  color: #2196f3;
   padding-left: 15px;
   font-weight: bold;
   font-family: Century Gothic;
}


#listcaract {

font-size: 15px;
  color: #A9A9A9;

}


#bcglist {

  border-bottom: 1px solid #ddd;
  padding: 6px 2px 6px 16px;
}


#bannerservicio {

  padding-left: 0px;
  padding-right: 0px;
}


.text-block {
    position: absolute;
    bottom: 5px;
    right: 15px;
    padding-left: 20px;
    
}


#boton {

  width: 50px;
  height: 25px;
  font-size: 9px;
}



#Titespesif {

  font-size: 28px;
  color: #2196f3;
  padding-left: 17px;
  font-weight: bold;
  font-family: Century Gothic;

}


#listespesif {

  font-size: 15px;
  color: #A9A9A9;
}



}