@media screen and (max-width:900px){header .container{justify-content:center}.header-logo{width:134px;height:134px;margin-right:0}nav{flex-direction:column;align-items:flex-start;position:fixed;top:0;right:-100%;background-color:#c4c4c4;width:100%;max-width:374px;height:100vh;z-index:15;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}nav.show{right:0}.redes-mob{display:flex;align-items:center;margin-left:65px}.redes-mob img{filter:brightness(0) invert(1)}.redes-mob .facebook{width:25.34px;margin-right:10px}.redes-mob .instagram{width:24.64px;margin-right:10px}.redes-mob .youtube{width:29.57px}.menu{align-items:flex-start;flex-direction:column;margin-top:122px;margin-left:65px;margin-bottom:28px;background-color:transparent}.menu li{margin-right:0;margin-bottom:40px}.menu a{font-size:30px;font-weight:700;color:#f5eded}#barras-menu{display:block;cursor:pointer;width:42px;position:absolute;top:59px;right:49px;margin:0;z-index:15}#barras-menu.close{position:fixed}#barras-menu span{background:#707070;height:3px;width:100%;position:absolute;bottom:0;top:0;margin:auto;transition:transform .5s linear;-webkit-transition:transform .5s linear}#barras-menu span::before{position:absolute;top:-12px;transform-origin:left top 0;-webkit-transform-origin:left top 0;transition:transform .5s ease 0s,width .5s ease 0s,top .5s ease 0s;-webkit-transition:transform .5s ease 0s,width .5s ease 0s,top .5s ease 0s}#barras-menu span::after{position:absolute;bottom:-12px;transform-origin:left bottom 0;-webkit-transform-origin:left bottom 0;transition:transform .5s ease 0s,width .5s ease 0s,bottom .5s ease 0s;-webkit-transition:transform .5s ease 0s,width .5s ease 0s,bottom .5s ease 0s}#barras-menu span::after,#barras-menu span::before{background-color:#707070;content:"";display:block;height:3px;left:0;right:0;margin:auto;position:absolute;width:100%}#barras-menu.close span{width:28.67px;background-color:transparent}#barras-menu.close span:after,#barras-menu.close span:before{width:28.67px;background-color:#fff;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}#barras-menu.close span:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#barras-menu.close span:after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#attraction{margin-top:-26px}#attraction .swiper-slide{height:325px}#nosotros{padding-top:33px}.title,.title.after{font-size:37px;justify-content:center}.title.after::after,.title.before::before{display:none}.flex-end{justify-content:center}.flex-end .text{margin-right:0;margin-bottom:52px}.flex-end .description{font-size:16px}.flex-end .image{width:506px;height:377px}#productos{padding-top:99px}.flex-wrap .image:nth-child(even),.flex-wrap .image:nth-child(odd){height:332px}#galeria{padding:94px 0 76px}#galeria .swiper-slide{height:347px}#contacto .content{padding-bottom:96px;border:none}#contacto .title{margin-bottom:41px}#contacto .info{flex-direction:column-reverse;align-items:center;margin-bottom:90px}#contacto .infoContacto{display:flex;margin-bottom:100px}#contacto .box{margin-bottom:0;margin-right:60px}#contacto .box:last-child{margin-right:0}#contacto .formulario{margin:0 auto}.input textarea{height:154px}.map iframe{height:418.09px}footer{padding-top:0;padding-bottom:42px}footer .content{padding-top:24px;max-width:676px;border-top:3px solid #707070}.footer-logo{width:97px;height:97px;margin-bottom:32px}.modal{max-width:708px;padding-top:90px}.modal .container{flex-direction:column}.modal .image{max-width:100%;height:243px}.modal .text{padding:0}.modal .title{font-size:40px;margin:0;justify-content:center;position:absolute;top:17px;left:0;right:0;margin:auto}.modal ul{justify-content:center;max-width:600px;margin:50px auto 33px}.modal li{margin-right:90px}.modal li:nth-child(2n){margin-right:0}#modalPlatillo{padding-top:136px}#modalPlatillo .container{flex-direction:row}#modalPlatillo .image{max-width:272px;height:254px}#modalPlatillo .text{padding:0}.modal .platillo{margin-bottom:0;text-align:center;position:absolute;top:70px;left:0;right:0;margin:auto}.modal .description{font-size:18px;max-width:387px;margin-left:13px}}@media screen and (max-width:500px){header{padding-top:20px}header .container{justify-content:flex-start}.header-logo{width:100px;height:100px;margin-left:21px}#barras-menu{top:20px;right:21px;width:30.31px}#barras-menu span::before{top:-8px}#barras-menu span::after{bottom:-8px}#barras-menu.close{top:30px;right:36px}#attraction{margin-top:-38px}#attraction .swiper-slide{height:255px}#nosotros{padding-top:38px}.title,.title.after{font-size:30px;margin-bottom:29px}.flex-end .text{max-width:88.7%;margin-bottom:43px}.flex-end .description{font-size:12px;line-height:25px;margin-bottom:35px}.flex-end .image{width:100%;height:275px}#productos{padding-top:42px}.flex-wrap .image:nth-child(even),.flex-wrap .image:nth-child(odd){width:50%;height:237px}#galeria{padding:86px 0 54px}#galeria .swiper-slide{height:395.71px}#contacto .title{margin-bottom:34px}#contacto .box{margin-right:35px}#contacto .box a,#contacto .box p{font-size:16px}#contacto .box .phone::before{width:20.1px;height:20.1px}#contacto .box .email::before{width:27.79px;height:18.76px}#contacto .box .address::before{width:20.1px;height:26.79px}#contacto .box .facebook::before{width:22.96px;height:22.96px}#contacto .box .instagram::before{width:22.33px;height:22.33px}#contacto .box .youtube::before{width:26.79px;height:20.1px}#contacto .infoContacto{margin-bottom:53px}#contacto .formulario{max-width:300px}#contacto .content{padding-bottom:55px}.input label{font-size:13px}.input input,.input select{max-width:225.52px;height:22.33px}.input textarea{max-width:225.52px;height:114.62px}#contacto .select{margin-bottom:21px}#contacto select{font-size:14px;max-width:116.85px;background-size:15.13px 8.65px}#contacto .info{margin-bottom:42px}.map iframe{height:416.83px}footer{padding-bottom:18px}footer .content{max-width:88.7%}.footer-logo{margin-bottom:24px}.copyright{font-size:15px}.modal{padding-top:66px}.modal .title{font-size:20px;top:35px}.modal ul{margin:23px auto 30px}.modal li{margin-right:25px}.modal li a{font-size:20px}.modal .image{height:151px}#modalPlatillo{padding-top:81px}#modalPlatillo .container{flex-direction:column}#modalPlatillo .image{max-width:100%;height:174px}#modalPlatillo .title{margin-bottom:0;top:15px}.modal .platillo{font-size:16px;top:42px}.modal .description{font-size:15px;max-width:349px;margin:15px auto}}