@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

html{

    scroll-behavior: smooth;

}

body{

   font-family: 'poppins', sans-serif;

}
p,a,ul,li{
    font-family: "poppins";
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Playfair Display', serif; 
}
h2{
    margin-bottom: 15px !important;
    margin-top: -9px;
}
header{

  position: absolute;

    z-index: 999;

    left: 0;

    right: 0;

    transition: .5s ease-in;

}

header.sticky{

    background: #0e1317;

    position: sticky;

    top: 0;

}

.carousel{

    position: relative;

}



.banner a {

    text-decoration: none;

    color: #fff;

}



.banner.btn {

    padding: 8px 15px;

    color: #fff !important;

    border: 2px solid #fff;

    font-size: 20px;

    outline: none !important;

    margin: 0;

    font-weight: 500;

}



/* .container{

    padding: 10px;

} */

nav{

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;
    padding: 5px 0;

}

 .logo {
        width: 100%;
        max-width: 100px;

}

nav ul li{

    display: inline-block;

    list-style: none;

    margin: 10px 20px;

}

nav ul li a{

    text-decoration: none;

    color: #fff;

    font-size: 18px;

    position: relative;

   

}

nav ul li a:hover{

    color: #fff;

}

nav ul li a::after{

    content: '';

    width: 0;

    height: 3px;

    background: #fff;

    position: absolute;

    left: 0;

    bottom: -6px;

    transition: 0.5s;

}

nav ul li a:hover::after{

    width:100%;

}

nav .fas{ 

    display: none;

}
#sidemenu{
    margin: 25px 0;
}

.header .header-text{

   

    text-align: start;

    padding: 4rem 0rem 10rem 0rem;

}



.banner h1{

     font-family: 'Playfair Display', serif;

    font-weight: 600;

    line-height: 62px;

    color: #fff;

    font-size:55px;

}

.banner p{

    

font-size: 24px;

font-weight: 400;

line-height: 30px;

letter-spacing: 0em;

text-align: center;

color: #fff;

   

}

.carousel-caption p {
    padding: 0.5rem 0;
}


.about .about-text{

   margin-top: auto;

  margin-bottom: auto;    

}

 .about-headtext{

font-family: 'Playfair Display', serif;

font-size: 40px;

font-weight: 600;

line-height: 44px;

letter-spacing: 0.01em;

text-align: left;
margin-top: 12px;
}

 .highlight{

    color: #238FCF;



}

.btnn{

    border-radius: 25px;

    background-color: #238FCF;

    color: #fff !important;

    padding: 8px 22px;

    text-decoration: none;

    font-family: "poppins";

font-size: 20px;

font-weight: 400;

line-height: 26px;

letter-spacing: 0.01em;

text-align: center;

    



}











.stay{

  

    width: 100%;

    max-width: 495px;

}




 .header-text{

   font-family: 'Playfair Display', serif;

font-size: 40px;

font-weight: 600;


letter-spacing: 0.01em;

text-align: center;

   

}



.services img{

    height: 300px;

    width: 100%;

   

}

.services .services-btn{



    margin-top: 2rem;

}



.service-block{

    position: relative;

}

.service-head{

   position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    height: 100%;

     background: linear-gradient(90deg, rgba(0,0,0, 0.5), rgba(0,0,0, 0.1));

     

}


button{
    border: none;
}




.video{

    padding: 2rem;

    width: 100%;

    height: 370px;

    background-image:url(../images/vdimg.jpg);

    background-size: cover;

    background-position: center;

}





.video h2{

font-family: 'Playfair Display', serif;

font-size: 40px;

font-weight: 700;

line-height: 60px;

letter-spacing: 0em;

text-align: center;

color: #fff;

margin-top: 5rem;    

}









.vid {

    width: 100%;

    height: 500px;

    max-width: 890px;

    margin: auto;

    display: block;

}



iframe {

    border: 0;

}


.cardtexts{
    font-size: 16px;
    font-weight: 500;
    color: #858484;
    padding-bottom: 5px;    
    border-bottom: 1px dashed #858484;    

}

.cardtexts span{ 
    margin-right: 15px;
}

.cardtext{

   

font-size: 16px;

font-weight: 500;

color: #858484;

padding-bottom: 5px;    

border-bottom: 1px dashed #858484;    





}

.cardimg{

    width: 130px;

    margin-top: -6px;

    margin-left: -15px;

}



.highlight-text{

   

font-size: 20px;

font-weight: 700;

letter-spacing: 0.01em;

}



.rooms .header-text{

       

}



.card-btn .cardbtn1{

       background-color: #343A40;

    

    font-size: 14px;

    font-weight: 400;

    line-height: 52px;

    letter-spacing: 0em;

    text-align: center;

    padding: 10px;

    color: #fff;

    text-decoration: none;

}

.card-btn .cardbtn2{

       background-color: #238FCF;

    font-size: 14px;

    font-weight: 400;

    line-height: 52px;

    letter-spacing: 0em;

    text-align: center;

    padding: 10px 20px;

    color: #fff;

    text-decoration: none;

}

.card-title{

    font-size: 21px;

}



.dining{

    padding: 3rem 0rem;

}

.dining .dining-text{

  margin-top: auto;

  margin-bottom: auto;    

}



.dining .dining-headtext{

    font-family: 'Playfair Display', serif;

font-size: 40px;

font-weight: 600;

line-height: 44px;

letter-spacing: 0.01em;

text-align: left;

}

.dine{

    

    width: 100%;

}




.gtco-testimonials {

  position: relative;

  margin-top: 30px;



  h2 {

    font-size: 30px;

    text-align: center;

    color: #333333;

    margin-bottom: 50px;

  }



  .owl-stage-outer {

    padding: 30px 0;

  }



  .owl-nav {

    display: none;

  }



  .owl-dots {

    text-align: center;



    span {

      position: relative;

      height: 10px;

      width: 10px;

      border-radius: 50%;

      display: block;

      background: #fff;

      border: 2px solid #01b0f8;

      margin: 0 5px;

    }



    .active {

      box-shadow: none;



      span {

        background: #01b0f8;

        box-shadow: none;

        height: 12px;

        width: 12px;

        margin-bottom: -1px;

      }

    }

  }



  .card {

    background: #fff;

    box-shadow: 0 8px 30px -7px #c9dff0;

    margin: 0 20px;

    padding: 0 10px;

    border-radius: 20px;

    border: 0;



    .card-img-top {

      max-width: 100px;

      border-radius: 50%;

      margin: 15px auto 0;

      box-shadow: 0 8px 20px -4px #95abbb;

      width: 50px;

      height: 50px;

    }



    h5 {

      color: #01b0f8;

      font-size: 21px;

      line-height: 1.3;



      span {

        font-size: 18px;

        color: #666666;

      }

    }



    p {

      font-size: 18px;

      color: #555;

      padding-bottom: 15px;

    }

  }



  .active {

    opacity: 0.5;

    transition: all 0.3s;

  }



  .center {

    opacity: 1;



    h5 {

      font-size: 24px;



      span {

        font-size: 20px;

      }

    }



    .card-img-top {

      max-width: 100%;

      height: 80px;

      width: 80px;

    }

      .card-body i{

          font-size: 36px;

      }

  }

}













.footer{

    background-color: #0E1317;

   padding: 3rem 0;

    color: #fff;

}

.social-icon i{

  font-size: 30px;  

}



.footer-three{

    padding-left: 3rem;
    line-height: 30px;

}

.footer-three ul{

    list-style: none;

    margin-left: -2rem;



}

.footer-three a{

    text-decoration: none;

    color: #fff;
   

}

.mail{

   width: 160;

    padding: 7px;

    margin-top: 2.1rem;

border: 1px solid #858484;

background-color: #0E1317;

color: #858484;

font-size: 15px;  

z-index: -1;    

}

.mail-icon{

        font-size: 40px;

    background-color: #238FCF;

    position: absolute;

    margin-top: 2rem;

    margin-left: -1rem;

}

.map-address{

    display: flex;

}

.footer-bottom{

    background-color: #000;

    text-align: center;

    color: #fff;

    padding: 1rem 0;

}

.footer-bottom a{

    text-decoration: none;

    color: #238FCF;

}



/*---------Rooms---------------*/

.room, .restaurant {

    padding: 3rem 0rem;

}

.restaurants p{
    padding: 0rem 0rem 1rem;
}

.room-header-text{

    font-family: 'Playfair Display', serif;

    background: url(../images/banners/room-banner.jpg);

    background-size: cover !important;

    background-position: center;

    background-attachment: fixed !important;

    color: #fff;

    font-size: 60px;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

    display: block;

    width: 100%;

    padding: 10rem;

 }

.room-header-text h1{

    font-size: 55px;

}

.room-headtext{

    font-size: 40px;

    font-weight: 600;

    line-height: 52px;

    letter-spacing: 0.01em;

}

.rooms-image{  

    width: 100%;

}

.icon-images{

    display: flex;

    padding-top: 2rem;

    

}

.icon-images img{

    height:100px;

}

.icon-images h3{

    font-family: 'Playfair Display', serif;

    font-size: 18px;

    color: #238FCF;

}



/*-------------Restaurant----------------*/


.restaurant-header-text{

    font-family: 'Playfair Display', serif;

    background: url(../images/banners/restaurant-banner.jpg);

    background-size: cover !important;

    background-position: center;

    background-attachment: fixed !important;

    color: #fff;

    font-size: 3rem;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

    display: block;

    width: 100%;

    padding: 10rem;

 }

.restaurant-header-text h1{

    font-size: 55px;

}

.meal-header-text{

    font-family: 'Playfair Display', serif;

    font-size: 40px;

    font-weight: 600;

    line-height: 52px;

    letter-spacing: 0.01em;

}

.kitchens,.restaurant p{
    margin-bottom: 2rem;
}

.restaurant-images{

    display: flex;

  

}

.restaurant-images1{

    display: flex;

  

}

.restaurant-images img{

height: 500px;

}

.restaurant-images1 img{

height: 470px;

}

.bed-dine-images{

    display: flex;

}

.bed-dine-images img{

    height:450px;

   

}



/*-------------------Live Kitchen-------------*/

.kitchen-header-text{

    font-family: 'Playfair Display', serif;

    background: url(../images/banners/kitchen-banner.jpg);

    background-size: cover !important;

    background-position: center;

    background-attachment: fixed !important;

    color: #fff;

    font-size: 60px;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

    display: block;

    width: 100%;

    padding: 10rem;

 }

.kitchen-header-text h1{

    font-size: 55px;

}

.kitchen-images{

    display: flex;

}



.cooking{

    padding-bottom: 3rem;

}

 .cooking-text{

 align-content: center;
}



.cooking-headtext{

    font-family: 'Playfair Display', serif;

font-size: 40px;

font-weight: 600;

line-height: 44px;

letter-spacing: 0.01em;

text-align: left;

}

.cook{

   

    width: 100%;
  

}



/*----------------Meeting & Events-------------*/



.events-header-text{

    font-family: 'Playfair Display', serif;

    background: url(../images/banners/events-banner.jpg );

    background-size: cover !important;

    background-position: center;

    background-attachment: fixed !important;

    color: #fff;

    font-size: 60px;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

    display: block;

    width: 100%;

    padding: 12rem;

 }

.events-header-text h1{

    font-size: 55px;

}



 .event-headtext{

font-family: 'Playfair Display', serif;

font-size: 40px;

font-weight: 400;

line-height: 44px;

letter-spacing: 0.01em;



 }

.event-image img{

    width: 100%;

}

.event .event-text{

    margin-top: auto;

    margin-bottom: auto;

   

}

  .banquet{

        width:100%;

        text-align: center;

        margin: auto;

        margin-top: 1.5rem;

    }

    .banquet img{

        height:80px;

    }

.cardsbtns{

    background-color: #238FCF;

    font-size: 14px;

    font-weight: 400;

    line-height: 52px;

    letter-spacing: 0em;

    text-align: center;

    padding: 10px 20px;

    color: #fff !important;

    text-decoration: none;

}



/*---------------Gallery------------*/



.gallery-header-text{

    font-family: 'Playfair Display', serif;

    background: url(../images/banners/gallery-banner.jpg);

    background-size: cover !important;

    background-position: center;

    background-attachment: fixed !important;

    color: #fff;

    font-size: 60px;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

    display: block;

    width: 100%;

    padding: 12rem;

 }

.gallery-header-text h1{

    font-size: 55px;

}

.lightbox { 
    position: fixed !important;
    top: 20% !important;
}

.lb-close {
    position: absolute;
    top: -30px;
    right: 24%;
}

.tab{

    display: flex;

    justify-content: space-evenly;

}

.tab button {

  border: none;

  cursor: pointer;

  padding: 14px 16px;

  transition: 0.3s;

  font-size: 17px;

}







/* Style the tab content */

.tabcontent {

  

  padding: 6px 12px;

  border: 1px solid #ccc;

  border-top: none;

}









/*-----------Contact------------------*/



.contact-header-text{

    font-family: 'Playfair Display', serif;

    background: url(../images/banners/contact-banner.jpg);

    background-size: cover !important;

    background-position: center;

    background-attachment: fixed !important;

    color: #fff;

    font-size: 60px;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

    display: block;

    width: 100%;

    padding: 12rem;

 }

.contact-header-text h1{

    font-size: 55px;

}

.contact-heading {

    font-family: 'Playfair Display', serif;

    font-size: 40px;

    font-weight: 600;

    line-height: 52px;

    letter-spacing: 0.01em;

}



.form{

    display: flex;
  

   

}

.contact-form {

    padding: 1rem;



}

.contact-form input, .contact-form textarea {

    width: 80% !important;

    margin-bottom: 1rem;

    background: #f4f4f4;

    color: #666;

    border: 2px solid transparent;

    padding: 0.5rem;

}



.contact-form textarea {

    width: 100%;

    resize: none;

}



/* .contact-form input[type="button"] {

    background: linear-gradient(90deg, #238FCF, #238FCF);

    color: #fff;

    border: 0;

    text-transform: uppercase;

    font-size: 20px;

    padding: 6px 25px;

    text-align: right;

    width: auto;

} */
.contact-form button{
    background: linear-gradient(90deg, #238FCF, #238FCF);
    margin-top: -10px;
    color: #fff;

    border: 0;

    text-transform: uppercase;

    font-size: 20px;

    padding: 6px 25px;

    text-align: right;

    width: auto;

}


.map{

    padding-top: 5rem;

}



.address-block .address{

    width:50%;

}



.address-block .contact-details{

    width:50%;

}



.address-block .contact-details i{

    color:#fff;

    

}



.address-block{

    width:100%;

    background: #238FCF;

    color: #fff;

    padding:2rem;

    display:flex;

    align-items: center;

    justify-content: center;

}



.address-block p{

    margin-bottom: 0;

    line-height: 30px;

}



/*-----------scroll-button-----------*/



#myBtn {

  display: none;

  position: fixed;

  bottom: 20px;

  right: 30px;

  z-index: 99;

  font-size: 18px;

  border: none;

  outline: none;

  background-color: #238FCF;

  color: white;

  cursor: pointer;

  padding: 8px;

  border-radius: 50px;

}

#myBtn i{

    font-size: 30px;

}



#myBtn:hover {

  background-color: #555;

}



/*--------privacy policy--------*/

.privacy-header-text {
    font-family: 'Playfair Display', serif;
    background: url(../images/banners/privacy-banner.jpg);
    background-size: cover !important;
    background-position: center;
    background-attachment: fixed !important;
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    padding: 12rem;
  }

/*--------terms and conditions--------*/

.terms-header-text {
    font-family: 'Playfair Display', serif;
    background: url(../images/banners/terms-banner.jpg);
    background-size: cover !important;
    background-position: center;
    background-attachment: fixed !important;
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    padding: 12rem;
  }

@media (max-width: 767px) {
    .about-headtext {
      
        font-size: 36px;
        font-weight: 500;
        line-height: 40px;
        
    }

  .gtco-testimonials {

    margin-top: 20px;

  }

  .privacy-header-text,.terms-header-text {
    padding: 12rem 1rem;
  } 

 

}



.owl-carousel {

  .owl-nav button {

    &.owl-next, &.owl-prev {

      outline: 0;

    }

  }



  button.owl-dot {

    outline: 0;

  }

}

@media only screen and (max-width:767px){
    
    .room-text {
        padding-bottom: 2rem;
    }

    nav{

        justify-content: space-between;
        padding: 10px 0;
    }

   



    .title{

  margin-top: -21rem;

  margin-bottom: 0rem;    

}

    .carousel-caption  .header-text {

        font-size: 29px;

        line-height: 31px;

    } 

   .banner p {

   

    font-size: 18px;

    font-weight: 400;

    line-height: 22px;

    letter-spacing: 0em;

    text-align: center;

    color: #fff;

      

}

    

    .carousel-control-next-icon, .carousel-control-prev-icon{

        display: none !important;

    }    

    nav .fas{ 

        display: block;

        font-size: 25px;

    }

    nav ul {

    background-color: #238FCF;

    position: fixed;

    top: 0;

    right: -352px;

    width: 352px;

    height: 32rem;

    padding-top: 2rem;

    z-index: 2;

    transition: right 0.5s;

    text-align: center;   
 

}

.carousel-caption p{
    padding: 0.5rem 0;
}

    nav ul li{

        display: block;

        margin: 25px;

    }

    nav ul .fas{

        position: absolute;

        top: 25px;

        left: 25px;

        cursor: pointer;

    }

    nav ul li a {

    text-decoration: none;

    color: #fff;

    font-size: 24px;

    position: relative;

}

    

    .open{

        color: #fff;

    }    


    

    .stay { 

    width: 100%;

    margin-top: 3rem;        

}

    .about header-text{

        margin-top: 2rem;

    }


    .services img {

    height: 300px;

    width: 100%;

    margin-bottom: 2rem;

}

.services .services-btn {

    margin-top: 0rem;

    margin-bottom: 1rem;

}

    .service-head{

        height: 90%;

    }

    .video{

        padding: 0px;

    } 

    .video h2 {

        font-size: 38px;

        line-height: 42px;

        margin-top: 6rem;

    }

    .dining{

        padding: 0px;

    }

    .dine {

    

    width: 100%;

    margin-top: 3rem;        

}

    .btn2{

        display: block;

    }

    


    .footer{
        padding: 3rem 0.5rem;
    }

    .footer-one {

        padding-bottom: 1rem;

    }

    .footer-two{

        padding-bottom: 1rem;

    }

   

    .footer-three{

    padding-left: 0rem;

}

    .mail{

        margin-top: 0.1rem;

    }

    .mail-icon{

        margin-top: 0rem;

    }

    

    /*---------------Inner Pages-------------*/

    

    

    /*-----rooms mobile-------*/

 

    .room-header-text{

        padding: 10rem 2rem;

    }

    .room-headtext {

    font-family: 'Playfair Display', serif;

    font-size: 30px;

    font-weight: 600;

    line-height: 40px;

    letter-spacing: 0.01em;

}

    .room-header-text h1{

    font-size: 35px;

}

    

    .icon-images{

    display: block;

    }

    

    .rooms-image{

         height: 300px;

    width: 100%;

    }

    

  /*----------restaurant mobile--------*/


    .restaurant-header-text{

        padding: 10rem 2rem;

    }

    .restaurant-header-text h1{

    font-size: 35px;

}



.restaurant-images{

    display: block;

  

}

.restaurant-images1{

    display: block;

  

}

.restaurant-images img{

height: 320px;

width: 100%;    

}

.restaurant-images1 img{

height: 470px;

width: 100%;    

}



    

.bed-dine-images{

    display: block;

}

.bed-dine-images img{

    height:400px;

    width: 100%;

   

} 

.meal-header-text {

    font-family: 'Playfair Display', serif;

    font-size: 36px;

    font-weight: 600;

    line-height: 43px;

    letter-spacing: 0.01em;

}    

    

/*---------------Live kitchen mobile--------------*/


.kitchen-header-text{

        padding: 10rem 2rem;

    }

    .kitchen-header-text h1{

    font-size: 35px;

}

    .kitchen-images{

        display: block;

    }

    .kitchen-images img{

        width: 100%;

    }

    .cooking{

        padding-bottom: 3rem;

    }

    .cook{

        width: 100%;

    }

    .cooking .cooking-headtext {

    font-family: 'Playfair Display', serif;

    font-size: 30px;

    font-weight: 400;

    line-height: 35px;

    letter-spacing: 0.01em;

    text-align: left;

}

    

/*----------------Meeting & Event mobile-----------*/

    .events-header-text{

        padding: 10rem 2rem;

    }

    .events-header-text h1{

    font-size: 35px;

}

    .event-image img{

        width: 100%;

    }

    

 /*-------------Gallery mobile----------*/  

    .gallery-header-text{

        padding: 10rem 2rem;

    }

    .gallery-header-text h1{

        font-size: 35px;

}

    .gallery-header-text h1{

    font-size: 55px;

}


  .lightbox { 
    position: fixed !important;
    top: 30% !important;
}
    

/*---------------Contact us mobile---------*/

    .contact-header-text{

        padding: 10rem 2rem;

    }

    .contact-form {

    padding: 0rem;



}

    .map{

    padding-top: 0rem;

}

    .contact-header-text h1{

    font-size: 35px;

}

    .contact-form input, .contact-form textarea {

        width: 100% !important;

    }

    .form{

    display: block;
    margin-bottom: 3rem;

}

    .address-block{

        display: block;

        padding:2rem 1rem;

    }

    .address-block .contact-details, .address-block .address{

        width:100%;

    }

    .address-block p{

        margin-bottom: 0.8rem;

    }

    

    .thanq{

        width: 200px;

    }

    .header-text{
        font-size: 36px;
    }

}



/* gallery */



.gallery{

    overflow: hidden;

    border-radius: 10px;

    position: relative;

    margin-bottom: 30px;
/* 
       height: 250px; */

 }

 .gallery img {

    width: 100%;

    object-fit: contain;

    transition: all 0.4s ease-out 0s;

 }

 .overlay {

 position: absolute; 

 bottom: 0; 

 background: rgb(0, 0, 0);

 background: rgba(0, 0, 0, 0.5); /* Black see-through */

 color: #f1f1f1; 

 width: 100%;

 transition: .5s ease;

 opacity:0;

 color: white;

 font-size: 18px;

 padding: 20px;

 text-align: center;

    text-transform: uppercase;

 }

 .carousel-caption {
    padding: 0rem 10rem;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15% !important;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    
}



 .gallery:hover .overlay {  opacity: 1;} 

 .gallery:hover img{  transform: scale(1.2); }


 .error-message {
    background: #ffe6e6;
    border: 1px solid #ffcccc;
    padding: 2px 5px;
    color: #d9534f !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    font-family: "Poppins", sans-serif;
    margin: -15px 0 10px;
    font-weight: 500;
    width: 80%;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: none;
}
.error-message.active {
    display: inline-block;
}

@media (max-width: 1024px) and (min-width: 768px){

    nav ul li {    
        margin: 10px;
    }
    nav ul li a {
        font-size: 12px;
        font-weight: 600;
    }
    .carousel-caption{
       
        bottom:-35% !important;
    }
    .banner h1{font-size: 40px;}
    .header-text{font-size: 26px;}
 }
 @media(max-width:1024px)and (min-width:768px){
    .dining .dining-text {
        margin-bottom: 40px;
    }
    .footer-three{padding-left:0;}
.card {
    height: 630px !important;
}
.lb-close {
       right: 15%;
}
.cook {
    margin-bottom: 2rem;    max-width: 400px;
}
}
@media only screen and (max-width: 767px) {
    .carousel-caption .header-text {       
        margin-bottom: 0px;}
        .lb-close {
           
            right: 3%;
        }
        .cook {
         
            max-width: 400px;
            margin-top: 2rem;
        }
        .dine {
            width: 100%;
            margin-bottom: 2rem;
        }

        .carousel-caption {
            top: auto !important;
            }

      .error-message{
        width: 100%;
      }    
      .dining .dining-headtext{
        font-size: 36px;
        
      }
      .carousel-caption{
        width: 100%;
        padding: 0px 40px;
        left: 0 !important;
      }
      .cooking-headtext{
        font-size: 36px;
      }
}