.menu-links:hover{background-color: rgba(0, 0, 0);transition:0.3s}
.menu li a:hover{color:#fff;}
li.submenu-hover:hover .submenu{ transition:0.3s; opacity:1}
.about a:hover{color:#000}
.room-slider a:hover img{margin-left:2px; transition:0.1s}
.dinewine-box-details:hover{background:#f5f5f5;transition:0.1s}
.footer:hover{background:#323232;transition:0.5s}
.fot-clm a:hover,.powered a{color:#fff}

.top {
    position: fixed;
    bottom: -100%;
    right: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 99;
    text-align: center;
    line-height: 40px;
}
.powered{overflow:hidden}
.mobile-menu,.mobile-menu-sidebar{display:none !important}
.fot-clm ul ul a{background:url(../angle-right.png) no-repeat 0 5px;padding-left:10px;}





/* media */
@media (max-width:480px)
{
    
    .about h2,.aminities strong,.gallery strong,.fot-clm strong,.article h1, .article h2, .article h3, .article strong{font-size:18px !important}
    .about h1{font-size:16px !important}
    .about p{font-size:14px !important}
    .dinewine-box-details{padding:15px !important}
    .gallery-box-img{width:50% !important}
}


@media (max-width:786px)
{
    .logo,.room-33,.dinewine-box,.fot-33,.room-divider img,.requestform li,.room-30,.room-70{width:100% !important}
    .booking-engine .container,.about .container,.room-slider .container,.footer .container,.gallery .container,.breadcrumb .container,.article .container{padding:0 10px !important}
    .social{float:left !important;padding-top:10px}
    .room-slider .item{background:#f5f5f5;overflow: hidden;}
    .menu-section .container{padding:0px 50px}
    .about,.room-slider,.footer{padding:20px 0 !important}
    .rooms-details-box{padding:10px !important}
    .menu-section{display:none}

    /* mobile-logo" */
    .mobile-menu,.mobile-menu-sidebar{display:block !important}
    .mobile-menu,.mobile-menu-sidebar li a{font-family: 'Playfair Display', serif;}
    .mobile-logo{padding: 20px 50px;}
    .mobile-logo img{width:100%}
    .mobile-menu-links{text-align:center;margin-bottom:5px}
    .mobile-menu-links a{text-decoration: none; border:1px solid #000; display:inline-block; padding:5px 10px; color:#000}
    .mobile-menu-links a:hover{background:#f5f5f5;}
    .mobile-menu-sidebar{position:fixed; width:100%; background:#000;top:0; z-index:999; height: 100vh;left:-100%}
    .mobile-menu-sidebar ul{padding:20px}
    .mobile-menu-sidebar li a{color:#e5e5e5;font-size:13px;padding:10px 0; display:block; text-decoration:none}
    .mobile-menu-sidebar li li a{padding:5px 0px}
    .mobile-menu-links li a:hover{color:#fff}
    .close{text-align:right;width:90%;margin-top:10px}
    .close a{border:1px solid #fff; display:inline-block; padding:5px 10px; color:#fff;text-decoration: none;}
}