body{ position: relative; float: left; width: 100%; margin: 0; padding:0; font-size: 15px; 

    overflow-x: hidden; font-style: normal; }

image{ border: none; }

p{ font-weight: normal; line-height: 27px; }



header{ position: relative; float: left; width: 100%; }

header .top-header{ position: relative; float: left; width: 100%; background:#fff; padding:10px 0; }

.cont-list{ position: relative; float: left; width: 100%; padding: 0; margin:3px 0 0; }

.cont-list li{ float:left; list-style: none; display: inline-block; color: #fff; 

    margin: 0 0 0 20px; font-weight:500; }

.cont-list li a{ color:#333; }

.social-media-icon{ width: 100%; float: left; text-align: right; }

.social-media-icon ul{ margin: 0; padding: 0; float: left; width: 100%; }

.social-media-icon ul li{ list-style: none; display: inline-block; margin: 0 5px; }
.social-media-icon ul li:first-child a{ display: inline-block;
    width: 100%;
    height: 30px;
    border-radius: 10px;
    line-height: 18px;
    padding: 10px 20px 28px;}
.social-media-icon ul li a{

    display: block;

    height: 30px;

    width: 31px;

    background:#f60;

    color: #fff;

    line-height: 29px;

    border-radius: 50%;

    text-align: center;

    font-size: 14px;

}

.social-media-icon ul li a:hover{

    background:#f60; color:#fff

}





.menu-main-section{ position:relative; float:left; width:100%; }

.menubar{ position:relative; width:100%; float: left; background:#001a3b; padding:18px 0 18px; }

.slider-bx{ position:relative; float:left; width:100%; }





/* menu css */

.navbar-brand{ position: absolute; top:-62px; }

.navbar-brand img{ width:99px; }

.navbar-light .navbar-nav{ margin-left:auto!important; margin-right:0px !important; }

.navbar-light .navbar-nav .nav-link { 

    text-transform: uppercase;

    font-size: 14.2px;

    font-weight: 500;

    padding: 0 11px; 

    color: #fff;

}

.navbar-light .navbar-nav .nav-link:hover

{ color:#c39d4c !important; }





/*common css*/

a.booknow-btn {

    display: inline-block;

    padding: 12px 40px;

    text-transform: uppercase;

    color: #fff;

    background:#f60;

    font-weight: 700;

    border-radius: 120px;

}



/* slider  */

.carousel-caption{ top:12%; text-align:center; }

.carousel-caption h5{   

    color:#f60; 

    font-family: 'Playball', cursive;

    font-size:22px;

    font-weight: 600;

    margin-bottom: 0px; }

.carousel-caption h2{

   font-size: 53px;

    line-height:68px;

    font-weight:600;

    color: #fff;

    margin-bottom: 40px;

}



/*--------------quote-area start------------*/



.quote-area{

    width: 100%; float: left;

    padding: 60px 0px;

    background:url(../images/slider1.jpg) no-repeat center center / cover;

    

}

.quote-area.black-opacity:before{

    opacity: .8;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

}

.black-opacity{

    position: relative;

    z-index: 9;

}

.quote-wrap{ z-index: 100; float: left; width: 100%;  }

.quote-wrap h2{

    line-height: 40px;

    font-size: 27px;

    color:#f60; font-weight: 700;

}

.quote-wrap h3{

    font-size: 35px;

    color: #fff;

    font-weight:700;

    margin-bottom: 20px;

}

.quote-wrap h4{

    color: #fff;

    font-size: 25px;

    font-weight: 900;

}

/*--------------quote-area end------------*/



.normal-section{ position: relative; float: left; width: 100%; padding: 80px 0; }



/*title */

.title{ text-align: center; float: left; width: 100%; margin-bottom: 40px; }

.title span {

    border-radius: 50px;

    font-size: 14px;

    color: white;

    background-color:#f60;

    text-transform: capitalize;

    padding: 4px 18px 6px;

    line-height: 1;

    font-weight: 600;

}

.title h2{ font-size: 40px; font-weight: 700; }



.title-white{ color: #fff; }



/* about section */

.abt-img img{ width: 100%; border-radius: 12px; }

.about_section .about_content {

  margin-left: 0px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 100%; 

}



.about_section .about_content h5 {

    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));

    color:#767676;

    text-transform: capitalize;

    font-weight: 800;

    font-style: italic;

    margin-bottom: 25px; font-weight: 600; }



.about_section .about_content h5 span {

      color:#f60; }



.about_section .about_content h2 {

    font-size:32px;

    color: black;

    font-weight:700;

    text-transform: capitalize;

    margin-bottom: 30px; }



.about_section .about_content p {

    font-size: 17px;

    color: #525151;

    line-height:30px;

    font-weight:400;

    margin-bottom: 38px; }



.about_section .about_content .about_bottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }



.about_section .about_content .about_bottom h6 {

      margin-left: 25px;

      background-color: #f7f7f7;

      color: #acacac;

      font-size: 14px;

      text-transform: capitalize;

      margin-bottom: 0;

      padding: 8px 12px;

      border-radius: 20px;      

      font-weight: 600;   }

.about_content_white h5, .about_content_white p{ color:#fff !important; }







.service_section{ background:#001a3b; }

.service-wrap {

    text-align: center;

    padding: 50px 30px;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

    border-radius: 15px;

    margin-bottom: 30px;

}

 .service-icon img {

    height: 80px;

    padding: 18px 20px;

    border-radius: 20px;

    background-color:#ffffff;

    -webkit-box-shadow: 7.5px 12.99px 40px 0px rgb(239 63 62 / 25%);

    box-shadow: 7.5px 12.99px 40px 0px rgb(239 63 62 / 25%);

    margin-bottom: 30px;

}

.service-wrap h5 {

    text-transform: capitalize;

    font-weight: 700;

    margin-bottom: 8px;

    letter-spacing: 0.001em; color:#fff;

}

.service-wrap p {

    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));

    color:#a8abaf;

    margin-bottom: -6px;

    line-height: 1.5;

    letter-spacing: 0.01em;

}

.service-wrap:hover {

    -webkit-box-shadow:3px 5px 20px 10px rgb(0 0 0 / 10%);

    box-shadow:3px 5px 20px 10px rgb(0 0 0 / 10%);

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}





.rooms{ position: relative; float: left; width: 100%; overflow: hidden; border-radius: 12px; 

 margin-bottom: 30px;}

.rooms img{ width: 100%; }



.room-con{ position: absolute; background:#3333335c; height: 100%; width: 100%; z-index: 100; 

top: 0; display: flex; flex-direction: column; justify-content: end; padding: 10px 20px;}

.room-con .con{ color:#fff; }

.room-con .con h3{ font-size: 17px; margin-bottom: 0; }

.room-con .con p{ font-size: 13px; margin-bottom:0px; }

.rating {

    color:#f9690e;

}



footer .footer-top{ background:#111; text-align: center; }

footer .footer-top img{ width:100px; border-radius: 19px; }

footer .footer-bottom{ 

    float: left; width: 100%;

    background: #202020;

    padding: 15px;

    text-align: center;

    color: #fff; }

footer .footer-bottom p{ margin-bottom: 0; }

.social-links{ display: inline-block; width: 100%; float: left; padding: 0; margin: 30px 0; }

.social-links li{ list-style: none; display: inline-block; margin:5px; }

.social-links li a .fa{  

    border:2px solid #f60;

    border-radius: 100%;

    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);

    box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);

    color:#f60;

    height: 55px;

    width: 55px;

    font-size: 24px;

    padding-top: 15px;

    transition: .4s;

}

.social-links li a .fa:hover{ background:#f60; border: 2px solid #f60; color:#fff; }



.other-links li a{ color: #fff; }





.restaurant-sec{ padding:55px 0;

    position: relative;

    background-color: #001a3b;}

.restaurant-sec .booknow-btn{ background:#f60; color:#fff; }



.client-item{  }

.client-item img{ border-radius: 150px; position: relative; z-index: 2;}

.client-item .col-lg-2{ position: relative; }

.client-item .col-lg-2:before {

    position: absolute;

    content: "";

    height: 80px;

    width: 80px;

    background:#f60;

    border-radius: 100px;

    z-index: 1;

    right: -15px;

    top: 5px;

    left: 0;

}

.test-main{  }

.disc{ font-size: 20px; width: 75%; margin-bottom: 30px; color: #707070; }

.author h3{ text-transform: uppercase; font-size: 18px; font-weight: 700; }

.author h4{ font-size: 16px; color: #707070; }







.gallry-section .container{ max-width: 100%; padding: 0; }

#owl-carousel-gallery img{ width: 100%; transition: all 0.3s ease-in; }

#owl-carousel-gallery img:hover{ opacity:0.75 }

#owl-carousel-gallery .owl-dots{ display: none !important; }







.inner-head-bx{ float: left; width: 100%; position: relative;

 background: url(../images/about-cover.jpg) no-repeat center;

 background-size: 100%; text-align: center; padding: 125px 0; }



/* breadcrumb css */

.breadcrumb-bx{ background:#33333385; width: 400px; margin: 0 auto 0; padding:40px 15px;

 border-radius:2px; }

.theme-breadcrumb ol{ background: none; justify-content: center; margin:8px 0 0; padding: 0;}

.theme-breadcrumb ol li a, .theme-breadcrumb ol .active{ color: #fff !important; 

    text-transform: uppercase; font-size: 14px; }

.breadcrumb-bx h2{ 

    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));

    color: white;

    text-transform: uppercase;

    font-weight:600;

    margin-bottom:0px;

} 

.breadcrumb-item+.breadcrumb-item::before {

    display: inline-block;

    padding-right: 0.5rem;

    color: #a4a7a9;

    content: "/";

}



.about-bx-top{ padding:0 0 50px 0; }

.about-bx-top h6{ line-height:27px; font-style: italic; }

.about-bx-top h3{ font-size: 35px; line-height: 52px; }



.rooms-item{ background: #dbdbdb; border-radius: 10px; overflow: hidden; margin-bottom:60px; }

.rooms-item img{ width: 100%; height: 100%; }

.room-text{ padding: 40px 40px; position: relative; float: left; width: 100%; }

.room-title{ margin-bottom:20px; }

.room-text .room-title span{ font-weight: 600; font-size:18px; font-style: italic; color:#828485; }

.room-text .list-inline { margin: 0 0 20px; padding: 0; }

.room-text .list-inline i{     

    background: #fff;

    padding: 10px;

    border-radius: 3px;

    font-size: 25px; }



.ser-page .service-wrap h5, .ser-page .service-wrap p{ color:#333; }







/*gallery page css*/

.gallery-col{ padding: 0; }

.gallery-item{  }

.gallery-item img{ width: 100%; transition:all 0.3s ease-in; }

.gallery-item img:hover{ opacity: 0.7; }





/*contact page css*/

.contact-col{ background: url(../images/about1-2.jpg) no-repeat center; 

    background-size:100% auto; padding:80px 0 50px 100px; position: relative; }

.con-item{ z-index: 100; float: left; width: 100%; }

.con-item a{ color:#fff ; }

.con-item a:hover{ text-decoration: none; }

.con-item .icon{ width:100px; float: left; }

.con-item .icon i{ 

    width: 70px;

    height: 70px;

    background: #fff;

    font-size: 27px;

    padding: 20px 0;

    text-align: center;

    margin-bottom: 30px; }



.con-item .con-text{ font-size: 18px; padding: 3px 0; }

.form{ width:100%; margin: 0 auto; }





/*scrollbar*/

.scrollbar

{

    margin-left: 0px;

    float: left;

    height: 100%;

    width: 100%;

    background: #F5F5F5;

    overflow-y: scroll;

    margin-bottom: 25px;

}



.force-overflow

{

    min-height: 100%;

}



#wrapper

{

    text-align: center;

    width: 100%;

    margin: auto;

}

/*

 *  STYLE 3

 */



#style-3::-webkit-scrollbar-track

{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    background-color: #F5F5F5;

}



#style-3::-webkit-scrollbar

{

    width: 3px;

    background-color: #F5F5F5;

}



#style-3::-webkit-scrollbar-thumb

{

    background-color: #000000;

}



.brek-img{ float: left; width: 100%; position: relative; }

.breakfast-item .brek-img img{ width: 100%; border-radius: 25px; -webkit-box-shadow: 1px 10px 14px 1px rgb(0 0 0 / 16%);

    box-shadow: 1px 10px 14px 1px rgb(0 0 0 / 16%); margin-bottom: 20px; }

.breakfast-item h2 {

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    color: white;

    letter-spacing: 0.3em;

    margin-top: 15px;

    margin-bottom:0px;

}

.breakfast-item .brek-text{ opacity: 0.5; animation: all 0.3s ease-in; }

.breakfast-item:hover .brek-text{ opacity: 1; }

.breakfast-item .rating i { font-size: 10px; }

.arrow-up{ position: absolute; z-index: 1; width: 100%; left: 0; text-align: center; bottom: 40px; 

    display: none; animation: all  0.6s ease-in; }

.arrow-up i{ background-color: #ef3f3e;

    -webkit-box-shadow: 0px 15px 25px 0px rgb(0 0 0 / 50%);

    box-shadow: 0px 15px 25px 0px rgb(0 0 0 / 50%);

    width: 56px;

    height: 56px;

    border-radius: 100%;

   /* opacity: 0;*/

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    font-size: 19px;

    color: #fff;

    text-align: center;

    line-height:52px;

 }

.brek-img:hover .arrow-up{ display:block; }





.res-about-bx{ font-size: 18px; text-align: center; }

.menu-list{ position:relative; float: left; width: 100%; }

.menu-list .menu-item { margin: 0 0 30px; border-bottom: solid 1px #c19b7687; }

.menu-list .menu-item:last-child{ margin-bottom: 0; }

.menu-list .menu-item .menu-img img{ width: 100%; }

.menu-list .menu-item .menu-con h3{ font-size:21px; font-weight:600; 

  font-family: 'Gilda Display', sans-serif; }

.menu-list .menu-item .menu-con h3 .rate{ float:right; 

background: #c19b76; padding: 5px; color: #fff; }



.order-btn {

    text-align: center;

    margin: 68px 0 0; width: 100%; float: left;

}

.head-bx-res{ text-align: center; margin: 0 0 50px; float: left; width: 100%;}

.head-bx-res h2{ font-size: 55px; font-family: 'Gilda Display', serif; }

.head-bx-res small{ position: relative; padding: 0 0 8px; text-transform:uppercase; }

.head-bx-res small {

    font-size: 16px;

    position: relative;

    padding: 0 0 5px;

    text-transform: uppercase;

    margin-bottom:00px;

    float: left; width: 100%;

}



.services-list{ float: left; width: 100%; position: relative; margin:0 0 30px;  }

.services-list h3{ float: left; width: 100%; position: relative; text-transform: uppercase;

 font-weight:800; /*font-family: 'Montserrat', sans-serif; */ font-size:20px; padding: 0 0 10px 25px;

  margin:0 0 10px; 

  }

.services-list h3:before{ position: absolute; width:14px; height:2px;  background:#8d5424; 

  content: ""; left: 0; top:9px;   }





.services-list ul{ float: left; width: 100%; position: relative; margin: 0; padding: 0; }

.services-list ul li{ list-style: none; width: 100%; float:left; }

.services-list li a{ font-size: 17px; color:#777676; font-weight: 600; background:#f7f7f7;

 padding: 15px 10px; float: left; width: 100%; border-bottom:solid 1px #e6e6e6;

 border-left: solid 2px #f7f7f7;

  }

 .services-list li a:hover, .services-list li a.active{ border-left: solid 2px #cd5200; color:#cd5200;

   text-decoration: none; }

.services-list li:last-child a{ border-bottom: none; }



.testimonails-bx{ float: left; width: 100%; position: relative; background: #f7f7f7;

 border-radius: 5px; padding: 20px; margin: 0 0 30px; }

.testimonails-bx .test-per{ text-align: center; padding:0px; float: left;width: 100%; }

.testimonails-bx .test-per h3{ font-weight: 700; font-size:18px; color:#6b6b6b;

 margin:14px 0 0px; }

.testimonails-bx .test-per p{ text-transform: uppercase; font-size: 14px; font-weight:600;

 color:#a0a0a0;  }

.testimonails-bx .testimonail{ padding:0 46px 20px;  position: relative; color:#a0a0a0; 

  font-style: italic; }

.testimonails-bx .testimonail:before{ 

position: absolute;

    width: 0;

    height: 0;

    content: "\f10d";

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 25px;

    left: 8px;

    color:#cd5200; }

.testimonails-bx .testimonail p{ font-style: italic; }



.help-bx{ position: relative; float: left; width: 100%; border-radius: 5px; background:#cd5200;

text-align: center; padding:35px 25px; margin: 0 0 30px; }

.help-bx span{ color:#fff; font-size:60px; text-align: center; }

.help-bx h3{ font-size:25px; font-weight: 700; color:#fff;font-family: 'Montserrat', sans-serif;

margin:20px 0 0; }

.help-bx p{ color: #fff; text-align: left; padding:0 0 0 10px;  }

.help-bx ul{ position: relative; width: 100%; padding: 0; margin: 0; }

.help-bx ul li{ list-style: none; float: left; width: 100%; }

.help-bx ul li a{ font-size:16px; color: #fff; }

.help-bx ul li a span{ font-size:16px; margin:0 8px; }

.download-list ul li a{ background: none; border:solid 1px #86bc42; border-radius:5px;

 padding:10px 10px 10px 0; margin:0 0 9px; overflow: hidden; transition: all 0.3s ease-in; }

.download-list ul li:last-child a{ border-bottom:solid 1px #86bc42; }

.download-list ul li span{ background:#86bc42; color: #FFF; padding:32px 17px 17px; margin:0 8px 0 0;

  font-size:22px;  }

.download-list ul li a:hover{ background:#86bc42; color: #fff; text-decoration: none; }

.download-list{ margin: 0; }



/*.leftsite-bar, .rightsite-bar{ padding: 0;  }*/

.right-services-bar{ position: relative; float: left; width: 100%;  }

.right-services-bar .services-details{ position: relative; float: left; width: 100%;

 border-bottom: solid 2px #f4f4f4; padding:0 40px;  }

.right-services-bar .services-head{     

    font-size: 38px;

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

    font-weight: 600;

    color: #636363;

    letter-spacing: 0px;

    margin: 0 0 15px; }

.hotel-star{ position: relative;

    float: left;

    width: 100%;

    margin: 0 0 0px;

    font-size: 18px;

    color: #8f8f8f;

  }

.hotel-star span{ color:#c16314;  }



.right-services-bar .service-description{ position: relative; float: left; width: 100%;

padding:20px 0 30px; }

.right-services-bar .service-description img{ width: 100%; margin: 0 0 40px; border-radius: 10px; 

-webkit-box-shadow: -1px 12px 37px -19px rgba(0,0,0,0.75);

-moz-box-shadow: -1px 12px 37px -19px rgba(0,0,0,0.75);

box-shadow: -1px 12px 37px -19px rgba(0,0,0,0.75); }



.right-services-bar .service-description p{ line-height:30px; font-weight:400; font-size:17px; }

.right-services-bar .service-description p b{ font-weight: 500; }



.services-include-details{ float: left; width: 100%; position: relative; padding:0 39px; }

.services-include-details h3{ font-size: 25px; line-height: 25px; color: #727475; margin: 40px 0 0; }

.services-include-details ul{ float: left; width: 100%; position: relative; margin: 0; padding: 0; }

.services-include-details ul li{ list-style: none; float: left; width: 20%; }

.include-bx{ text-align: center; position: relative; float: left; width: 100%; padding: 30px 0; }

.include-bx h4{ font-size: 15px; color: #a2a2a2; font-weight: 600; }



.cleaning, .health, .hospitality, .housekeping, .ladscping, 

.message, .parking, .pest-control, .recyle, .valet-parking, 

.security, .waste, .visit, .wifi

{ display: inline-block; background: url('../images/include.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

 

.cleaning { background-position: -0px -0px; width: 59px; height: 54px; }

.health { background-position: -59px -0px; width: 59px; height: 54px; }

.hospitality { background-position: -118px -0px; width: 59px; height: 54px; }

.housekeping { background-position: -0px -54px; width: 59px; height: 54px; }

.ladscping { background-position: -59px -54px; width: 59px; height: 54px; }

.message { background-position: -118px -54px; width: 59px; height: 54px; }

.parking { background-position: -0px -108px; width: 59px; height: 54px; }

.pest-control { background-position: -59px -108px; width: 59px; height: 54px; }

.recyle { background-position: -118px -108px; width: 59px; height: 54px; }

.valet-parking { background-position: -0px -162px; width: 59px; height: 54px; }

.security { background-position: -59px -162px; width: 59px; height: 54px; }

.waste { background-position: -118px -162px; width: 59px; height: 54px; }

.visit { background-position: -0px -216px; width: 59px; height: 54px; }

.wifi { background-position: -59px -216px; width: 59px; height: 54px; }

.right-services-bar{ padding:40px 0 0; }



.room-item{ width: 100%; float: left; }

.room-item h4{ font-size: 18px; font-weight: 500; color: #cd5200; }

.room-item ul{ margin: 0 0 25px; padding: 0; float: left; width: 100%;}

.room-item ul li{ list-style: none; width: 50%; float: left; margin: 5px 0; position: relative; float: left;

 padding-left: 15px;

}

.room-item ul li:before{ content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; 

position: absolute; left: 0; top: 7px; height:0; width: 0; font-size: 10px; color: #333; }





/* --------------------------------------- 



Responsive CSS 



----------------------------------------- */



/* Extra large devices (large desktops, 1200px and up)  */

@media (max-width: 1200px) { 

.container {

    max-width:90% !important;

}



 }



 /* Large devices (desktops, 992px and up) */

@media (max-width: 992px) { 

.navbar-light .navbar-toggler {

    background: rgb(255 255 255);

    border: solid 2px #fff;

    position: absolute;

    right: 0;

}

.navbar-light .navbar-nav .nav-link {

    text-transform: uppercase;

    font-size: 14.2px;

    font-weight: 500;

    padding: 11px 11px;

    color: #fff;

}



.navbar-brand {

    position: absolute;

    top: -62px;

    z-index: 10;

}

.navbar-collapse{ 

    position: absolute;

    top: 34px;

    left: 0;

    right: 0;

    background: #001a3b;

    width: 100%;

    z-index:20;

    padding: 47px 20px; }



.carousel-caption h2 {

    font-size: 32px;

    line-height: 42px;

    font-weight: 600;

    color: #fff;

    margin-bottom:20px;

}



.about_section .about_content {

    margin-left: 0; padding: 20px 0 0; }



.restaurant-sec {

    padding: 55px 0;

    position: relative;

    background-image: url(../images/bg-2.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100% 100%;

}

.client-item img { width: 300px !important; } 

.navbar-brand {

    position: absolute;

    top:-73px;

    z-index: 22;

}

.navbar-brand img {

    width: 91px;

}



 }



/* Medium devices (tablets, 768px and up) */

@media (max-width: 768px) { 

.breadcrumb-bx{ width: 100%; }

.inner-head-bx{ background-size: 100% 100%; }

.room-item ul li { width: 100%; }

.menu-list .menu-item .menu-con h3 {

    font-size: 21px;

    font-weight: 600;

    font-family: 'Gilda Display', sans-serif;

    padding: 19px 0;

    text-align: center;

}

.service-wrap { text-align: center; padding: 20px 30px; }

.gallery-col { padding: 15px; }

.con-item { padding: 0 50px; }

.client-item .col-lg-2:before{ left:20px }

}



/* Small devices (landscape phones, 576px and up) */

@media (max-width: 576px) {

.form{ width:100%; margin: 0 auto; }

 .carousel-caption h5{  }

.carousel-caption h2, a.booknow-btn{ display: none; }

.room-text a.booknow-btn{ display: block; text-align: center; }

.navbar-brand img { width:61px; }

.services-include-details ul li { width: 100%; }

.services-include-details h3{ text-align: center; }

.title h2 {

    font-size: 28px;

    font-weight: 700;

}

.restaurant-sec{ background: #001a3b; }

.normal-section {

    padding: 40px 0;

}

.social-media-icon ul{ display: none; }

.navbar-brand {

    top: -42px;

}

.client-item img {

    width: 173px !important;

}



}