/*---------------------------------
          Desk Navbar
----------------------------------*/

html {
    font-size: 100%;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    margin: 0px;
    padding: 0px;
    min-height: 100vh;
    font-family: 'Nunito Sans'!important;
    background-color: #141414;
    background-image: url('../images/home-bg-desk.jpg');
    background-size: 100%!important;
    background-repeat: no-repeat!important;

}


#header .container {
    /*width: 1488px;*/
}

.logo-img {
    width: 78%;

}
.logo-img-mob {
    display: none;
}
#banner-img {
    text-align: center;
    padding: 30px 0px;
}
#header h1 {
    font-size: 73px;
    font-weight: 600;
    padding: 0px 30px;
    letter-spacing: 4px;
    color: #fff;
}
#header .banner-logo-text {
    margin: 0px 50px;
}

/*------------- Navbar -----------*/
.navbar-text {
    font-size: 18px;
}
#subnavbar a {
    color: #fff;
}
#subnavbar .navbar-text {
    color: #fff!important;
    font-weight:100;
}
#mob-nav {
    display: none;
}
.caret {
    display: none!important;
}
#navbar-main {
    /*  border-top: 1px solid;
    border-bottom: 1px solid;*/

    padding: 0px;
    border-radius: 0;
}
#navbar-main .navbar-nav>li>a {
    padding: 15px 60px; /*Changed by me padding: 15px 85px;*/
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 65px;
}
.navbar-nav>li {
    float: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#navbar-main .nav>li>a:focus,
.nav>li>a:hover {
    background-color: #01010173!important;
    /*color: #CE000D!important;*/
}
#navbar-main .nav .active a {
    background-color: #01010173!important;
}
#navbar-main .navbar-toggle .icon-bar {
    background-color: #fff;
}

/*dropdown*/
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    /*background-color: #01010173!important;*/

    background-color: none!important;
}
.open {
    background: #0000004f;
}
.dropdown .fa-arrow-down {
    float: right;
}
.dropdown .fa-arrow-down {
    transition: all 0.5s ease;
}
.rtoate180 {
    transform: rotate(180deg);
}
.dropdown-menu>.drp-lemon>a:hover {
    color: #6C5E93!important;
}
.dropdown-menu>.drp-the_ram>a:hover {
    color: #738626!important;
}
.dropdown-menu>.drp-great_hall>a:hover {
    color: #BB9650!important;
}
.dropdown-menu>.drp-forum_kitchen>a:hover {
    color: #FF9300!important;
}
.dropdown-menu {
    background-color: #0000008c!important;
    width: 100%;
    text-align: center!important;
    margin-bottom: 30px;
    padding: 18px 0;
    border: none!important;
}
.dropdown-menu>li>a {
    color: #fff!important;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #f5f5f505!important;
    color: #D10000!important;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
#mob-navbar-main {
    display: none;
}

/*---------- mov -nav ----*/
.mob-header {color: #fff;}
.mob-header span{    font-weight: 100;font-size: 16px;}

#mob-nav .mob-header {
    /*padding: 15px 0;*/
}
#mob-nav .mob-header .btn-bar {
    float: right;
    background: transparent;
    font-size: 24px;
    padding: 0px 0px;
}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.modal-body .active a {
    background-color: #01010173!important;
}
.modal-body {
    padding: 15px 45px;
}
.modal-title {
    color: #fff;
}
.close {
    opacity: 1;
}
.modal-header {
    border-bottom: none!important;
}
.modal-header .close {
    color: #fff;
}
.modal.modal-fullscreen .modal-dialog {
    margin: 0;
    width: 100%;
    animation-duration: 0.6s;
}
.modal.modal-fullscreen .modal-content {
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -o-box-shadow: inherit;
    box-shadow: inherit;
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
    padding: 0;
    color: #fff;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    left: 0;
    position: absolute;
    right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
    top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    bottom: 0;
}

/*----------Modal nav---------*/
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: #000;
}
.modal-header h4 {
    font-size: 16px;
}
#mob-nav .mob-header {
    /*padding: 15px 0;*/
}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.modal-title {
    color: #fff;
}
.close {
    opacity: 1;
}
.modal-header {
    border-bottom: none!important;
}
.modal-header .close {
    color: #fff;
}
.modal.modal-fullscreen .modal-dialog {
    margin: 0;
    width: 100%;
    animation-duration: 0.6s;
}
.modal.modal-fullscreen .modal-content {
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -o-box-shadow: inherit;
    box-shadow: inherit;
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
    padding: 0;
    color: #fff;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    left: 0;
    position: absolute;
    right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
    top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    bottom: 0;
}

/*---------mob-nav---------------*/
#cssmenu {
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1;
}
#cssmenu ul,
#cssmenu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}
#cssmenu {
    font-weight: bold;
    zoom: 1;
    font-size: 12px;
}
#cssmenu:before {
    content: '';
    display: block;
}
#cssmenu:after {
    content: '';
    display: table;
    clear: both;
}
#cssmenu a {
    display: block;
    padding: 30px 36px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid #696969;
    font-size: 18px;
}
.dropdown-menu a {
    border-bottom: none;
}
#cssmenu>ul>li a:hover {
    background: #0000004f;
    color: #f1f1f1;
}
#cssmenu .dropdown-menu>li>a {
    color: #fff!important;
    border-bottom: none!important;
    padding: 10px 36px!important;
    font-size: 16px;
}
#cssmenu .dropdown-menu>li>ul {
    background: #fff;
}
#cssmenu .open a {
    border-bottom: none;
}

/*---------------Text para ----------*/
#text-para {
    /*background: #000;*/

    color: #fff;
    padding: 100px 0px;
}
#text-para p {
    font-size: 24px;
    letter-spacing: 2px;
    /* margin: 0px 90px;*/
}

/*-----------------------------------------
                Media Query
------------------------------------------*/
@media (max-width: 1500px) {
    #header .container {
        /*max-width: 1349px;*/
    }

    #navbar-main .navbar-nav>li>a {
        padding: 15px 60px; /*Changed by me  padding: 15px 71px;*/
    }

    .container {
        /*width: 1066px;*/
    }
}


@media (max-width: 600px) {
    .container {
        width: unset;
       /* padding-right: 30px; /*Added by me commented*/
       /* padding-left: 30px;*/ /*Added by me commented*/
    }
    /*----------navbar-------*/

    .dropdown-menu {
        position: inherit;
        text-align: left!important;
    }

    #mob-nav { display: block; }

    #subnavbar { display: none; }

    #navbar-main { display: none; }

    #mob-navbar-main .navbar-brand {
        color: #fff;
        font-size: 14px;
    }

    #mob-navbar-main {
        display: block;
        padding: 0px;
        border-radius: 0;
    }

    #mob-navbar-main .navbar-nav>li>a {
        padding: 15px 49px;
        color: #fff;
        font-size: 22px;
        font-weight: 600;
        line-height: 55px;
        border-top: 1px solid #696969;
    }

    #mob-navbar-main .navbar-nav>li {
        border-top: unset;
    }

    #mob-navbar-main .dropdown-menu {
        text-align: left!important;
    }

    #mob-navbar-main .dropdown-menu>li>a {
        font-weight: 600;
    }

    #mob-navbar-main .nav>li>a:focus,
    .nav>li>a:hover {
        background-color: #01010173!important;
        color: #CE000D!important;
    }

    #mob-navbar-main .nav .active a {
        background-color: #01010173!important;
        color: #CE000D!important;
    }

    #mob-navbar-main .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    #mob-navbar-main .nav>li {
        width: 100%;
    }

    #mob-navbar-main .navbar-nav>li {
        border-bottom: unset;
    }

    #mob-navbar-main .navbar-nav>li {
        border-bottom: unset;
    }

    .heading {
        font-size: 28px;
        margin-top: 30px;
        margin-bottom: 0px;
    }

    #banner-img {
        /*text-align: center;*/
        padding: 11px 20px;
    }

    .dropdown-menu {
        margin-bottom: 30px!important;
    }
    /*-----------------*/

    #text-para {
        padding-top: 0px;
        padding-bottom: 50px;
        background: unset;
    }

    #text-para p {
        font-size: 16px;
        letter-spacing: 1px;
        margin-top: 100px;
    }

    #header .container {
        width: unset;
    }

    #header h1 {
        font-size: 30px;
        font-weight: 600;
        padding: 0px 0px;
        float: left;
        letter-spacing: 1px;
    }

    .logo-img {
        display: none;
    }

    .logo-img-mob {
        display: block;
        width: 100%;
    }
}

*--------- ipad Medeia query -----------*/

 @media only screen and (min-width: 834px) and (max-width: 1194px)  {
   #header .container{width: unset;!important;}
   .container{width: unset;}
   #text-para{padding: 100px 40px;}
   #blog{padding: 0px 40px;}
   #booking{padding: 0px 50px;}
   #booking .row{border: none;}
   #navbar-main .navbar-nav>li>a { padding: 15px 31px;}
    .footer-section {padding: 0px 50px;}
    .footer .footer-social-icon a{margin-right: 10px!important;}
  }


/*Changed by me*/

@media (max-width: 768px){
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
    padding: 5px !important;

}

#blog .b-maintext {
    position: absolute;
    top: 27%;
    left: 10%;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 1rem;
    text-transform: uppercase;
}
}