@media screen and (max-width: 1400px) {
    .container .espectaculos .carteles {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .container .espectaculos .carteles img {
        width: 400px;
    }

    .container .header .top-header .title-header {
        font-size: 35px;
    }


    .footer .redes a {
        text-decoration: none;
    }
}

@media screen and (max-width: 1000px) {
    .container .espectaculos .carteles {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
  
  	.navidad-text h2 {
      padding-top: 15px !important;
  	}

    .container .header .top-header .title-header {
        font-size: 30px;
    }

    .container .header .top-header .menu-header ul li a {
        font-size: 18px;
    }

    .container .espectaculos .carteles img {
        width: 280px;
        margin: 20px;
    }

    .container .about {
        display: flex;
        flex-direction: column;
    }

    .container .about .texto {
        width: 100%;
    }

    .container .about .texto h2 {
        text-align: center;
    }

    .container .about-img img {
        width: 100%;
    }

    .footer .redes i {
        font-size: 22px;
    }
}

@media screen and (max-width: 770px) {
    footer {
        display: flex;
        flex-direction: column;
    }

    .container .espectaculos .carteles img {
        width: 200px;
        margin: 20px;
    }

    .footer-text {
        width: 100%;
        text-align: center;
    }

    .footer .redes {
        display: flex;
        justify-content: space-around;
    }

    .footer .redes i {
        display: flex;
        justify-content: space-between;
        font-size: 28px;
    }

    .container .contacto .formulario {
        flex-direction: column;
    }

    .container .contacto .group {
        width: 100%;
    }

    #youtube {
        background: #c4302b;
    }

    #facebook {
        background: #3b5998;
    }

    #tiktok {
        text-shadow: 4px 2px 0 #EE1D52, -4px -2px 0 #69C9D0;
        background-color: black;
    }

    #instagram {
        background: #f09433;
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
    }

}

@media screen and (max-width: 522px) {
    .container .espectaculos .carteles img {
        width: 90%;
    }

    .container .espectaculos {
      	/*120px antes*/
        
    }
  
  	.caja-carousel {
      height: auto !important;
      margin-bottom: 5px;
  	}
}

@media screen and (max-width: 1000px) {
    .btn-hamburguesa {
        display: block;
    }

    .header {
        position: relative;
        padding: 1rem 0;
    }

    .box-menu-navegacion {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        background-color: black;
        filter: opacity(0.8);
        width: 100%;
        transform: scaley(0);
        transform-origin: top;
        transition: .3s linear;
        padding: 0 2rem;
    }

    .menu-navegacion {
        flex-direction: column;
        align-items: flex-start;
    }

    .item-menu-link {
        padding: 1rem 0;
    }

    .item-menu-sub-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }

    .angle-view-sub-menu {
        border: 1px solid #000;
        width: 30px;
        display: flex;
        justify-content: center;
        padding: .2rem 0;
    }

    .sub-menu {
        width: 100%;
        position: initial;
        transform: scaley(1);
        display: none;
    }

    .viewMenu {
        transform: scaley(1);
    }

    .item-menu-link:hover,
    .item-menu-sub-menu:hover i {
        color: #ffe001;
    }
  
    .navidad-text h2 {
      padding-top: 15px !important;
  	}
}