@media (max-width:  412px){
    #contenedor-mobilll{
    display: block;
  } 

   #headercontent{
display: none;
  }

    #headercontentt{
        display: none;
    }

  #headercontenttt{
 height: 100vh;
 background-position: center center;
 background-size: cover;
 margin: 0;
 padding: 0;
 border: 0;                     
 height: 65vh;
 min-height: 65vh;
 overflow: auto ;
 position: relative;
            
  display: block;
  }

}

#page-headertt {
  background-image: url('/images/slides/{{ (slides()->site_segundo)}}');
  display: block;
}

@media (max-width:  576px){
    #contenedor-mobill{
    display: block;
  } 

 #headercontent{
display: none;
  }

    #headercontenttt{
        display: none;
    }

  #headercontentt{
 height: 100vh;
 background-position: center center;
 background-size: cover;
 margin: 0;
 padding: 0;
 border: 0;                     
 height: 65vh;
 min-height: 65vh;
 overflow: hidden;
 position: relative;
 width: 491px;  
 margin-left: 532px;

  display: block;
  }

}

@media (min-width: 576px) {
  .containerr {
    max-width: 491px;
  }
}

@media (min-width: 769px) {
  .contenedor-mobil {
    max-width: 384px;
  }
}

@media (min-width: 576px) {
  .contenedor-mobill {
    max-width: 384px;
  }
}

@media (min-width: 412px) {
  .contenedor-mobilll {
    max-width: 238px;
  }
}


@media (max-width: 769px){
    #contenedor-mobil{
    display: block;
  } 

  #headercontentt{
display: none;
  }

    #headercontenttt{
        display: none;
    }

  #headercontent{
 height: 100vh;
 background-position: center center;
 background-size: cover;
 margin: 0;
 padding: 0;
 border: 0; 
 display: flex;                    
 height: 65vh;
 min-height: 65vh;
 overflow: hidden;

 width: 491px;  
 margin-left: 532px;
          
          
  display: block;
  }
/*  .headercontent2{
  padding-bottom: 3rem;
  padding-top: 3rem;  
   max-height: 92vh;
    overflow: auto;
    box-sizing: border-box;
    width: 100%;
  display: none;
  } */

 }

 #headercontent{ 
 display: block;
  }

   #headercontentt{ 
 display: block;
  }

   #headercontenttt{ 
 display: block;
  }

  html ** {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}