@charset "utf-8";
.slider-container{
    width: 100%;
    max-height: 600px;
}
.img-main{
   width: 100%;
 max-height: 600px;
    }
.invertir {
    font-family: calibri;
    color: white;
    background: #353535;
    padding: 150px ;
    margin: none;
    font-size: 18px;
}
.porque{
    font-size: 30px;
}
.img-liderit{
    height: 500px;
    background-image:url(/content/lit-img/principal/about2v1.jpeg);
     background-attachment: fixed;
    background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      font: gradyent;
      color: white;
        width: 100%;
      border-bottom: 1px solid #D1D1D1 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (min-width: 481px) and (max-width: 1000px) {
.slider-container{
    width: 100%;
    max-height: 600px;
}
.img-main{
   width: 100%;
 max-height: 600px;
    }
.invertir {
    font-family: calibri;
    color: white;
    background: #353535;
    padding: 150px ;
    margin: none;
    font-size: 18px;
}
.porque{
    font-size: 30px;
}
.img-liderit{
    height: 500px;
    background-image:url(/content/lit-img/principal/nosotros2-01.png);
     background-attachment: fixed;
    background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      font: gradyent;
      color: white;
        width: 100%;
      border-bottom: 1px solid #D1D1D1 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    
}
      
    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (max-width: 480px){
.slider-container{
    width: 100%;
  max-height: 250px;
    background: #353535;
}
.sub-main{
    width: 100%;
 max-height: 250px; 

}
.img-main{
    width: 100%;
 max-height: 250px;
    }   

.invertir{
    font-family: calibri;
    color: white;
    background: #353535;
    padding: 50px ;
    margin: none;
    font-size: 15px;
}
.porque{
    font-size: 25px;
}
.img-liderit{
    height: 400px;
    background-image:url(/content/lit-img/principal/about2v1.jpeg);
      background-repeat: no-repeat;
      background-size: cover;
   background-attachment: local;
    background-position: center;
      font: gradyent;
      color: white;
        width: 100%;
      border-bottom: 1px solid #D1D1D1 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    
}

}