@media (min-width:1200px) {
    body.hidden{overflow-y: hidden;}
    #special-menu-container{width: 100%;position: fixed;opacity: 0;background:#44586D;pointer-events: none;z-index: 10;height: calc(100vh - 183px);}
    #header.sticky #special-menu-container{height: calc(100vh - 170px);} 
    .main-menu-container{height:100%;overflow-y: auto;width: 100%;background: #44586D;position: relative;z-index: 4;padding-bottom:40px}
    #special-menu-container.open{opacity: 1;pointer-events: auto;}
    #special-menu{padding: 0;margin:30px auto 0;list-style: none;display: flex;flex-direction: column;align-items: center;width: max-content;text-align: center;}
    #special-menu > li{position: relative;margin-bottom: 25px;overflow: hidden;display: flex;flex-direction: column;align-items: center;}
    #special-menu > li:last-child{margin-bottom: 0;}
    #special-menu > li span{transform: translate(0,100%);display: block;}
    #special-menu > li.open span{transform: translate(0,0);}
    .special-menu-text{font:700 28px Geologica;color:white;width: max-content;}
    .rooms-submenu,.sights-submenu{list-style: none;padding: 0;margin: 25px auto 0;display: flex;justify-content: center;}
    .rooms-categ,.sights-submenu-box{position: relative;margin-right: 20px;padding-right: 20px;}
    .rooms-categ:last-child,.sights-submenu-box:last-child{margin-right: 0;padding-right: 0;}
    .rooms-categ:after,.sights-submenu-box:after{content: "";position: absolute;right: 0;top:0;bottom: 0;margin: auto 0;width: 1px;height: 10px;background: white;}
    .rooms-categ:last-child:after,.sights-submenu-box:last-child:after{content: none;}
    .rooms-text-categ,.sights-text-menu{font:400 20px Geologica;color:white;}
    .useful-links-container{text-align: center;height: max-content;margin-top: 40px;}
    .useful-text{font:400 20px Geologica;color:rgba(255,255,255,0.4);}
    .useful-links-menu{list-style: none;display: flex;justify-content: center;align-items: center;margin:17px auto 0;padding: 0;flex-wrap: wrap;}
    .useful-links-item{overflow:hidden;position: relative;width: max-content;margin-right: 5px;border-radius:30px;border: 1px solid white;}
    .useful-links-item:before{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 100%;background-color:#1BA3AE;transition: all 0.4s ease;border-radius: 30px;z-index: -1;}
    .useful-links-item:hover:before{width: 100%;}
    .useful-link{display: flex;align-items: center;padding: 10px 24px;}
    .text-useful{font:400 18px Geologica;color:white;margin-right: 10px;}
    .menu-social{display: none;}
    #special-menu > li > a:hover .special-menu-text{color:#1BA3AE;}
    #special-menu > li> a:hover{color:#1BA3AE;}
}
@media (min-width: 765px) and (max-width: 1199px){
    #special-menu-container{width: 100%;position: absolute;opacity: 0;background:#44586D;pointer-events: none;z-index: 100;height: 100vh;top: 100%;}
    #special-menu-container.open{opacity: 1;pointer-events: auto;}
    .main-menu-container{position: relative;height: 100vh;overflow-y: auto;width: 100%;z-index: 4;}
    #special-menu{padding: 0;margin:40px auto 0;list-style: none;display: flex;flex-direction: column;align-items: center;width: max-content;text-align: center;}
    #special-menu > li{position: relative;margin-bottom: 25px;overflow: hidden;display: flex;flex-direction: column;align-items: center;;}
    #special-menu > li span{transform: translate(0,100%);display: block;}
    #special-menu > li.open span{transform: translate(0,0);}
    #special-menu > li:last-child{margin-bottom: 0;}
    .special-menu-text{font:700 22px Geologica;color:white;width: max-content;}
    .rooms-submenu,.sights-submenu{list-style: none;padding: 0;margin: 25px auto 0;display: flex;justify-content: center;}
    .rooms-categ,.sights-submenu-box{position: relative;margin-right: 20px;padding-right: 20px;}
    .rooms-categ:last-child,.sights-submenu-box:last-child{margin-right: 0;padding-right: 0;}
    .rooms-categ:after,.sights-submenu-box:after{content: "";position: absolute;right: 0;top:0;bottom: 0;margin: auto 0;width: 1px;height: 10px;background: white;}
    .rooms-categ:last-child:after,.sights-submenu-box:last-child:after{content: none;}
    .rooms-text-categ, .sights-text-menu{font:400 20px Geologica;color:white;}
    .useful-links-container{margin-top: auto;padding-bottom: 50px;text-align: center;padding-top: 50px;height: 55%;}
    .useful-text{font:400 18px Geologica;color:rgba(255,255,255,0.4);}
    .useful-links-menu{list-style: none;display: flex;justify-content: center;align-items: center;margin:17px auto 0;padding: 0;flex-wrap: wrap;}
    .useful-links-item{overflow:hidden;position: relative;width: max-content;margin-right: 5px;border-radius:30px;border: 1px solid white;}
    .useful-links-item:before{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 100%;background-color:#1BA3AE;transition: all 0.4s ease;border-radius: 30px;z-index: -1;}
    .useful-links-item:hover:before{width: 100%;}
    .useful-link{display: flex;align-items: center;padding: 10px 24px;}
    .text-useful{font:400 16px Geologica;color:white;margin-right: 10px;}
    .menu-social{display: flex;margin: 30px auto;justify-content: center;align-items: center;}
}
@media (min-width: 0px) and (max-width: 764px){
    #special-menu-container{width: 100vw;position: absolute;opacity: 0;background:#44586D;pointer-events: none;z-index: 100;height: 100vh;top: 100%;}
    #special-menu-container.open{opacity: 1;pointer-events: auto;}
    .main-menu-container{position: relative;height: 100vh;overflow-y: auto;padding-bottom: 100px;width: 100%;z-index: 4}
    #special-menu{padding: 0;margin:35px auto 0;list-style: none;display: flex;flex-direction: column;align-items: center;text-align: center;}
    #special-menu > li{position: relative;margin-bottom: 22px;}
    #special-menu > li:last-child{margin-bottom: 0;}
    .special-menu-text{font:700 26px Geologica;color:white;width: max-content;}
    .rooms-submenu,.sights-submenu{list-style: none;padding: 0;margin: 22px auto 0;display: flex;justify-content: center;flex-direction: column;align-items: center;}
    .rooms-categ,.sights-submenu-box{position: relative;margin-bottom: 20px;padding-bottom: 20px;}
    .rooms-categ:last-child,.sights-submenu-box:last-child{margin-bottom: 0;padding-bottom: 0;}
    .rooms-categ:after,.sights-submenu-box:after{content: "";position: absolute;right: 0;left:0;bottom: 0;margin: 0 auto;width: 10px;height: 1px;background: white;}
    .rooms-categ:last-child:after,.sights-submenu-box:last-child:after{content: none;}
    .rooms-text-categ, .sights-text-menu{font:400 20px Geologica;color:white;}
    .useful-links-container{margin-top: auto;padding-bottom: 50px;text-align: center;padding-top: 50px;height: 70%;overflow-y: auto;}
    .useful-text{font:400 20px Geologica;color:rgba(255,255,255,0.4);}
    .useful-links-menu{list-style: none;display: flex;justify-content: center;align-items: center;margin:17px auto 0;padding: 0;flex-direction: column;}
    .useful-links-item{overflow:hidden;position: relative;width: max-content;margin-bottom: 10px;border-radius:30px;border: 1px solid white;}
    .useful-links-item:before{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 100%;background-color:#1BA3AE;transition: all 0.4s ease;border-radius: 30px;z-index: -1;}
    .useful-links-item:hover:before{width: 100%;}
    .useful-link{display: flex;align-items: center;padding: 10px 24px;}
    .text-useful{font:400 15px Geologica;color:white;margin-right: 10px;}
    .menu-social{display: flex;margin: 30px auto;justify-content: center;align-items: center;}
}