.firsview {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
 
}

.AF-tit {
    background: url(../images/marcas/AfNewYork/0.jpg) center;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
    
}

.Al-tit {
    background: url(../images/marcas/Alape/0.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Do-tit {
    background: url(../images/marcas/Dornbracht/1.webp) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Du-tit {
    background: url(../images/marcas/Duravit/1.webp) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Ef-tit {
    background: url(../images/marcas/Effegibi/1.webp) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.TE-tit {
    background: url(../images/marcas/Tece/1.webp) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

h1.tit-sec {
    display: none;
}

.logo-marca {
    position: absolute;
    bottom: 0%;
    float: left;
    width: 89%;
    padding: 15% 5.4% 15% 5.4%;
    background: #3333334f;
}

.logo-marca img {
    float: left;
    width: 30%;
    margin: 0% 35%;
   filter: invert(1) brightness(4.3);
}

.AF-tit .logo-marca img {
    width: 40%;
    margin: 0% 30%;
}

.Du-tit .logo-marca img {
    width: 40%;
    margin: 0% 30%;
}

section#info-marca {
    margin: 13% 0% 0% 0%;
}

#info-marca p {
    float: left;
    max-width: 670px;
    padding: 0% 5.4%;
    margin-bottom: 2%;
    font-weight: 300;
}

#info-marca p a {

    margin: 6% 0% 0% 0%;
    font-weight: 500;
    text-decoration: underline;
}

.botones-marca {
    float: left;
    width: 89%;
    margin: 0% 5.4%;
}

.botones-marca a.fill-btn {
    width: 95%;
    margin-bottom: 5%;
}

.botones-marca .outline-btn {
    float: left;
    width: 95%;
    text-align: center;
    padding: 2.5%;
}



button.fancybox-button.fancybox-button--close {
    float: none;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    left: 40%;
}

button.fancybox-button.fancybox-button--zoom {
    display: none !important;
}

.fancybox-infobar {
    display: none;
}

.fancybox-toolbar {
    top: 85% !important;
    width: 100%;
}

button.fancybox-button.fancybox-button--play {
    display: none;
}

.fancybox-slide.fancybox-slide--image.fancybox-slide--current.fancybox-slide--complete {
    height: 100%;
    padding: 0%;
}

.fancybox-navigation {
display: none;
}

ul{
    padding-left: 10%;
}


#af1 {
    background: url(../images/marcas/AfNewYork/1.jpg);
    background-size: cover;
}

#af2 {
    background: url(../images/marcas/AfNewYork/2.jpg);
    background-size: cover;
}

#af3 {
    background: url(../images/marcas/AfNewYork/3.jpg);
    background-size: cover;
}

#af4 {
    background: url(../images/marcas/AfNewYork/4.jpg);
    background-size: cover;
}

#af5 {
    background: url(../images/marcas/AfNewYork/5.jpg);
    background-size: cover;
}

#af6 {
    background: url(../images/marcas/AfNewYork/6.jpg);
    background-size: cover;
}


#al1 {
    background: url(../images/marcas/Alape/1.jpg);
    background-size: cover;
}

#al2 {
    background: url(../images/marcas/Alape/2.jpg);
    background-size: cover;
}

#al3 {
    background: url(../images/marcas/Alape/3.jpg);
    background-size: cover;
}

#al4 {
    background: url(../images/marcas/Alape/4.jpg);
    background-size: cover;
}

#al5 {
    background: url(../images/marcas/Alape/5.jpg);
    background-size: cover;
}

#al6 {
    background: url(../images/marcas/Alape/6.jpg);
    background-size: cover;
}


#do1 {
    background: url(../images/marcas/Dornbracht/1_dornbracht.png);
    background-size: cover;
}

#do2 {
    background: url(../images/marcas/Dornbracht/2_dornbracht.jpg);
    background-size: cover;
}

#do3 {
    background: url(../images/marcas/Dornbracht/3_dornbracht.jpeg);
    background-size: cover;
}

#do4 {
    background: url(../images/marcas/Dornbracht/4_dornbracht.png);
    background-size: cover;
}

#do5 {
    background: url(../images/marcas/Dornbracht/5_dornbracht.jpg);
    background-size: cover;
}

#do6 {
    background: url(../images/marcas/Dornbracht/6_dornbracht.jpg);
    background-size: cover;
}


#du1 {
    background: url(../images/marcas/Duravit/1_duravit.png);
    background-size: cover;
}

#du2 {
    background: url(../images/marcas/Duravit/2_duravit.png);
    background-size: cover;
}

#du3 {
    background: url(../images/marcas/Duravit/3_duravit.jpg);
    background-size: cover;
}

#du4 {
    background: url(../images/marcas/Duravit/4_duravit.jpg);
    background-size: cover;
}

#du5 {
    background: url(../images/marcas/Duravit/5_duravit.png);
    background-size: cover;
}

#du6 {
    background: url(../images/marcas/Duravit/6_duravit.jpg);
    background-size: cover;
}


#ef1 {
    background: url(../images/marcas/Effegibi/1_effe.jpeg);
    background-size: cover;
}

#ef2 {
    background: url(../images/marcas/Effegibi/2_effe.jpg);
    background-size: cover;
}

#ef3 {
    background: url(../images/marcas/Effegibi/3_effe.jpeg);
    background-size: cover;
}

#ef4 {
    background: url(../images/marcas/Effegibi/4_effe.jpeg);
    background-size: cover;
}

#ef5 {
    background: url(../images/marcas/Effegibi/5_effe.jpg);
    background-size: cover;
}

#ef6 {
    background: url(../images/marcas/Effegibi/6_effe.jpg);
    background-size: cover;
}


#te1 {
    background: url(../images/marcas/Tece/1_tece.jpg);
    background-size: cover;
}

#te2 {
    background: url(../images/marcas/Tece/2_tece.jpg);
    background-size: cover;
}

#te3 {
    background: url(../images/marcas/Tece/3_tece.jpg);
    background-size: cover;
}

#te4 {
    background: url(../images/marcas/Tece/4_tece.jpg);
    background-size: cover;
}

#te5 {
    background: url(../images/marcas/Tece/5_tece.png);
    background-size: cover;
}

#te6 {
    background: url(../images/marcas/Tece/6_tece.jpg);
    background-size: cover;
}

.seo{
    width:60%;
}
@media only screen and (min-width: 1024px) {
.logo-marca {
    position: absolute;
    bottom: 0%;
    float: left;
    width: 89.2%;
    padding: 3% 5.4% 3% 5.4%;
    background: #0000006b;
}
    
  .logo-marca img {
    width: 8%;
    margin: 0% 46%;
}
    
    .AF-tit .logo-marca img {
    width: 20%;
    margin: 0% 40%;
}
    .Al-tit .logo-marca img {
    width: 10%;
    margin: 0% 45%;
}

    
    .Du-tit .logo-marca img {
    width: 14%;
    margin: 0% 43%;
}

    section#info-marca {
    margin: 0% 0% 0% 0%;
}
    
   span.label-brand {
    margin: 5% 5.4% 4% 5.4%;
    font-size: 1.2em;
    font-weight: 300;
}
    
    .parr-marca {
    float: left;
    max-width: 670px;
    margin: 0% 2% 0% 5.4%;
}

   #info-marca p {
    margin-bottom: 2%;
    text-align: left;
    max-width: 670px;
    padding: 0;
}
    
    .botones-marca {
    float: right;
    width: 38%;
    margin: 0% 5.4% 0% 2%;
}
    
.botones-marca a.fill-btn {
    width: 60%;
    margin-bottom: 5%;
    float: right;
}
    
    button.fancybox-button.fancybox-button--close {
    left: 50%;
}
.links{
    position:none;
    display:inline;
}
.seo{
    width:100%;
}
}
@media (max-width: 768px){
    .videoYouTube iframe{
        width:100%;
    }

}


@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* Tus estilos para pantallas entre 1024px y 769px van aquí */
.botones-marca a.fill-btn {

    margin-top: 5%;
}
.logo-marca {
padding: 10% 5.4% 10% 5.4%;   
}

.botones-marca{
    margin-top : 8%;
    margin-bottom: 8%;
}
.seo{
    width:100%;
}

  /* Otros estilos específicos para pantallas de ese tamaño */
}