.navigation .navigation-inner .navigation-booking .booking-dropdown-form{
    display: none;
}

/*=======================================
BANNER CSS
=======================================*/
.banner{
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    position: relative;
}
.banner .banner-content{
    height: 500px;
    background: url('../images/1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .banner-content::before{
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.banner .banner-content h4{
    color: #fff;
    font-family: 'Roboto',serif;
    opacity: 0.9;
    text-align: center;
    padding: 150px 0;
}

/*================================
MID SECTION CSS
=================================*/
.mid-section{
    margin-top: 25px;
}

.mid-section .mid-section-inner{
    width: 85%;
    margin: 0 auto;
}

.mid-section .mid-section-inner .mid-section-col .demo-mid-col{
    height: 470px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 5px;
    margin-top: 5px;
}

.mid-section .mid-section-inner .mid-section-col .demo-mid-col .mid-hover-content{
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 5px;
    display: none;
    cursor: pointer;
}

.mid-section .mid-section-inner .mid-section-col .demo-mid-col:hover .mid-hover-content{
    display: block;
}

.mid-section .mid-section-inner .mid-section-col .demo-mid-col .mid-hover-content h6{
    color: #004d99;
    font-family: 'Roboto',serif;
}

.mid-section .mid-section-inner .mid-section-col .demo-mid-col .mid-hover-content p{
    color: #999999;
    font-family: 'Roboto',serif;
    font-size: 14px;
    text-align: justify;
}