@charset "utf-8";
@media (min-width: 1200px) {
}
@media only screen and (max-width: 1390px) {
}
@media only screen and (max-width: 1220px) {
}
@media only screen and (max-width: 1200px) {
    .header-top, .seperator
    {
        display: none;
    }
    .wrapper
    {
        justify-content: space-between;
    }
    .brand-mobile
    {
        display: block;
    }
    .menu-link {
        justify-content: space-between;
        padding: 0.5rem 1.25rem;
        position: relative;
        display: block;
        line-height: 24px;
        padding: 25px 20px;
        font-size: 18px;
        color: #000;
        text-transform: capitalize;
    }
    .mobile-only
{
    display: block;
}
.brand img, .brand
{
    margin:  0 auto 0 0;
}
}
@media only screen and (max-width: 1170px) {
}

@media only screen and (max-width: 992px) {
    .title-with-line {
        position: relative;
        display: inline;
        z-index: 1;
        margin-bottom: 1.65rem;
        font-size: 28px;
        line-height: 37px;
    }
    img.about
    {
        height: 617px;
    }
    .panelImage {
        overflow: hidden;
        width: 55%;
        height: 400px;
        padding: 5px 5px;
        border-radius: 50% 50% 0% 50%;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
        background: linear-gradient(to bottom, #bcc6cc, #eee, #bcc6cc);
        display: block;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 600px) {
    .register .login-inner-form img {
        height: 64px;
    }
    .register .login-inner-form h3 {
        font-size: 25px;
    }
    .contant-section .sec-contact_title:first-child{
        padding-top: 35px;
    }
    .contant-section .sec-contact_title
    {
        padding-top: 0;
    }
    .title-with-line {
        font-size: 2.75rem;
    }
    .sec-title_heading {
        font-size: 20px;
    }
    .google-map-section
    {
        padding-top: 25px;
    }
    .booking-section p.title {
        font-weight: 700;
        line-height: 55px;
        font-size: 43px;
        margin-bottom: 47px;
    }
}

@media only screen and (max-width: 769px) {
    .item-fees
    {
        text-align: center !important;
    }
    .item-fees ul li:first-child
    {
        margin-bottom: 15px;
    }
    .fees-section .item-fees ul span
    {
        text-align: center;
    }
}

@media only screen and (max-width: 569px) {
    .brand img {
        height: 45px;
    }
}

@media only screen and (max-width: 280px) {
    .fees-section .item-fees 
        {
            padding: 25px 10px;
        }
}
@media only screen and (max-width: 450px) {
    .panelImage {
        overflow: hidden;
        width: 100%;
    }
    }