@import url('https://fonts.googleapis.com/css?family=KoHo');
@import url('https://fonts.googleapis.com/css?family=Trochut');





body{padding: 0; margin: 0;font-family: 'KoHo', sans-serif; background: url(../images/bg.jpg);}

span{color: #056cea; text-shadow: 1px 0px #fff;}

#loading {width:100%;height: 100%; background: url('../images/loader.gif'); background-attachment: fixed; background-repeat: no-repeat; z-index: 9999;}

.no_padding{padding: 0;}
.logo{float: left;}
.logo img{border: 2px solid #fff;border-radius: 5%;  width: 130px;z-index: 9999}
.navigation_bar{position: absolute;top:0;  left: 0; right: 0; z-index: 1111 }
.item{position: relative; z-index: 0;}
.item:before {content: ''; position: absolute; top:0; right: 0; left: 0; bottom: 0px; background: #000; opacity: 0.4;}





.ban_txt{position: absolute; left: 31%; top: 33%; color: #fff; text-align: center; background: #000;opacity: 0.6; padding: 50px; border: 2px solid #fff; border-radius: 2px;}
.ban_txt h1{font-size: 80px;font-family: 'Trochut', cursive;
  -webkit-animation-name: ban_text; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: ban_text;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes ban_text {
  from {color: #fff;}
  to {color: #056cea;}
}

/* Standard syntax */
@keyframes ban_text {
  from {color: #fff;}
  to {color: #056cea;}
}

.ban_txt p{font-size: 30px; color: #fff}

.about_us{margin-top: 50px;}
.abt_img img{width: 100%; transition: ease-in-out,1.5s; padding: 0 33px;}
.abt_txt{margin-top: 34px; text-align: center;}
.abt_txt h3{font-family: 'Trochut', cursive; font-size: 50px; line-height: 20px; color: #056cea;text-align: left; margin-left: 200px;text-shadow: 1px 0px #fff;}
.abt_txt h2{font-size: 40px; text-align: center;}
.abt_txt p{font-size: 18px;}

.btn-primary{font-size: 16px; padding: 5px 25px; background: none; border: 1px solid #fff; border-radius: 0; color: #fff; transition: 1s}

.content_1{margin-top: 200px; position: relative; background: url('../images/content_1.jpg');background-size: cover; background-attachment: fixed; height: 546px; padding-bottom: 20px;}
.content_1:before {content:''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.5;}
.subcont1_img img{width: 100%; position: absolute; bottom: 30px; left: 0; right: 0; padding: 30px;}
.subcont1_txt{margin-top: 95px;}
.subcont1_txt h2{ font-size: 40px; color: #fff;}
.subcont1_txt p{font-size: 18px; color: #fff; margin: 27px 0;}
.btn_custom{ font-size: 16px!important; padding: 5px 35px!important; border: 1px solid #000!important; border-radius: 0!important; color: #000!important;}


.content_2 {position: relative; background: url('../images/content_2.jpg'); padding-bottom: 100px; background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover;}
.content_2:before {content:''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.5;}
.subcont2_txt {text-align: center; margin-top: 95px;}
.subcont2_txt h2{font-size: 40px; color: #fff;}
.subcont2_txt p{font-size: 18px; color: #fff; margin: 27px 0;}

.content_3 {position: relative; background: url('../images/content_3.jpg'); background-size: cover; background-attachment: fixed; z-index: 999; padding-bottom: 150px;}
.content_3:before {content:''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.5;}
.subcont3_img img{width: 100%; position: absolute;top:30px; left: 0; right: 0; padding: 30px;}
.subcont3_txt{margin-top: 95px;text-align: left;}
.subcont3_txt h3{font-family: 'Trochut', cursive; font-size:50px; line-height: 20px; color: #056cea; text-shadow: 1px 0px #fff;}
.subcont3_txt h2{font-size: 40px; margin-left: 58px; color: #fff;}
.subcont3_txt p{font-size: 18px; color: #fff; margin: 27px 0;}
.btn_custom{font-size: 20px;padding: 5px 25px; background: none; border: 1px solid #fff; border-radius: 0; color: #fff;}

.amenities_wrap{height: 390px;}
.amenities_heading h2{text-align: center;margin-top: 70px; font-size: 50px; color: #056cea; text-shadow: 1px 0px #fff; margin-bottom: 25px;}
.amenities{margin: 10px; text-align: center; margin-bottom: 50px; color: #000;}
.amenities:hover{transition: 1.5s;text-shadow: 5px 5px 5px 5px #ccc}
.amenities img{width: 70%;transition: 1.5s;}
.amenities img:hover{width: 90%; cursor: pointer;}
.amenities h3{font-size: 20px; text-align: center;}

.content_4{position: relative; background: url('../images/fish bg.jpg');  background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: 50px; padding-bottom: 50px;}
.content_4:before {content:''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.7;}
.testimonials{text-align: center; margin-top: 50px; margin-bottom: 60px;}
.testimonials h2{font-size: 40px; color: #fff;}
.test_text p{font-size: 18px; color: #fff; text-align: center;}

footer {position: relative; background: url('../images/footer.jpg'); background-size: cover;}
footer:before {content:''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.8;}
.quick_links {margin: 50px 0 0 60px;}
.quick_links h3{ border-left: 4px solid #056cea; padding-left: 36px; margin-bottom: 25px; color: #fff; font-size: 20px }
.foot_menus {margin: 0; margin-bottom: 15px!important; font-size: 16px; list-style: none; text-decoration: none; }
.foot_menus li a{color: #fff;}
.footer_menus{font-size: 16px; list-style: none; text-decoration: none; color: #fff}
.footer_menus li{ margin-bottom: 20px;}
.footer_menus li a{color: #fff;}
.address_footer{cursor: none;}
.fa-fa-footer{margin-left: -37px; padding-right: 20px}
.social_icons img{padding-right: 5px; width: 40px;}
.footer_logo img{border: 2px solid #fff; margin-top: 50px; border-radius: 5%; width: 94px;}
.copyright {color: #fff; z-index: 1; margin: auto;}
.copyright p{text-align: center; font-size: 13px;}

.banner{position: relative; z-index: -1;}
.banner:before {content: ''; position: absolute; top:0; right: 0; left: 0; bottom: 0px;background: #000; opacity: 0.6;}
.about_main{padding: 40px 0;}
.about_image img{width: 100%; border: 5px solid #f7a81e; border-radius: 80px 0 80px 0;}
.about_main{padding: 50px 0;}

.heading{position:absolute; top:25%; right: 0; left: 35%; text-align: center;}
.heading_txt {position: absolute;top: 27%;right: 0;left: 35%;}
.heading img{float: left; width: 100px;}
.heading h2{float: left; font-size: 40px; color: #fff; margin-left: 15px; margin-top: 22px;}
.about_text p{font-size: 18px;}


.gallery{margin-top: 10px}
.bottom_margin{margin-bottom: 20px;}
.gallery img{width:33%; border: 5px solid #fff;}
.room_subheading{box-shadow: 1px 1px 1px 1px #bababa; margin-top: 50px;-webkit-transform: rotateY(0deg); /* Safari */
  transform: rotateY(0deg) auto; transition: 1.5s}
.room_subheading:hover{-webkit-transform: rotateX(180deg); /* Safari */
  transform: rotateX(180deg); transition: 1.5s}
.room_subheading h2{text-align: center; font-family: 'Trochut', cursive;}

.alibag_wrap{margin-bottom: 30px;}
.box_wrap{background: #f1f0f0a8; border: 10px solid #fff; height: 790px; margin-top: 30px;}
.box_image img{width: 100%; }
.box_heading h2{text-align: center; margin-top: 30px;font-family: 'Trochut', cursive; font-size: 40px;}
.box_text p{text-align: center; font-size: 18px; padding: 50px 15px 15px 15px;}

.map{margin-top: 50px;}
.map iframe{width: 100%;}
.google_wrap h2{text-align: center; font-size: 50px; font-family: 'Trochut', cursive; padding: 100px 0 0 0}
.contact_wrap{margin-bottom: 100px;}
.contact_form input{width: 100%; font-size: 16px; border: none; background: none; outline: 0; border-bottom: 1px solid #000; margin-top: 50px; padding-left: 15px;}
.contact_form textarea {width: 100%; font-size: 16px; height: 75px; background: none; border: none; border-bottom: 1px solid #000; outline: none; margin-top: 50px; margin-bottom: 35px; padding-left: 15px;}
.heading_txt{text-align: left;}


.fa-angle-double-right{font-size: 17px; padding-right: 3px}
/*Start Waves Restaurant*/

.menu {
  margin: 5% 3%;
  padding: 2.5% 4% 5%;
  border-radius: 2px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0), 0 8px 10px -5px rgba(0, 0, 0, 0);
}
.menu h3 {font-size: 20px; padding: 40px 0 10px 0;}
.menu__title {
  text-align: center;
  text-transform: uppercase;
}
.menu__items-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0% 2%;
}
.menu-item__title {
  display: flex;
  justify-content: space-between;
}
.menu-item__name {
  font-size: 90%;
  font-weight: bold;
  text-transform: uppercase;
}
.menu-item__dotted-divider {
  margin: auto 2%;
  border-bottom: 1px dotted #777;
  flex-grow: 1;
}
.menu-item__description {
  font-size: 80%;
  color: #666;
  line-height: 1.7;
  text-transform: capitalize;
}








.book-now-wrapper{
    position: fixed;
    right: 0;
    top: 15%;
    text-align: center;
    z-index: 9999;
    display: block;
}
.book-now-wrapper .book-now{
    position: relative;
    width: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
    border-width: 0;
    background: #ffffff;
    padding: 25px 0;
    border-radius: 2px ;
    overflow-x: hidden ;
    opacity: 0;
}
.book-now-wrapper .book-now.open{
  width: 385px;
  padding: 25px 20px;
  border-right: 2px solid #c57676;
  opacity: 1;
}
.book-now-wrapper .toggle{
    font-size       : 14px;
    color           : #ffffff;
    font-weight: 500;
    letter-spacing: 2px;
    width: 200px;
    opacity: 1;
    -webkit-transition: all ease 0.35s;
    -o-transition: all ease 0.35s;
    transition: all ease 0.35s;
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari */
    transform: rotate(270deg);
    padding: 10px 0;
    text-transform: uppercase;
    background: #1a5aaa;;
    box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.72);
    text-align: center;
    border-radius: 5px 5px 0 0 ;
    position: absolute;
    left: -121px;
    top: 40%;
    cursor: pointer;
}
.book-now-wrapper .book-form p{
    font-size       : 15px;
    color           : #000000;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 300;
    padding: 0 15px 20px 15px;
    -ms-text-align-last: auto;
    text-align: left;
}
.book-now-wrapper .form-control{
    border-radius: 2px;
    margin-bottom: 15px;
    background: #f5f5f5;
    box-shadow: none;
    border: 1px solid #e6e6e6;
}
.book-now-wrapper  .form-control:focus {
  border-color: #e6e6e6;
  background: #ffffff;
  outline: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(102, 175, 233, 0);
          box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(102, 175, 233, 0);
}
.book-now-wrapper  .form-control::-moz-placeholder {
    font-family     : 'Roboto', sans-serif;
    font-size       : 14px;
    color           : #a2a2a2;
    font-style: italic;
    text-transform: capitalize; 
    font-weight: 300;
    letter-spacing: 1px; 
    opacity         : 1;
}
.book-now-wrapper  .form-control:-ms-input-placeholder {
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    color           : #a2a2a2;
    font-style: italic;
    font-weight: 300;
    text-transform: capitalize;
}
.book-now-wrapper  .form-control::-webkit-input-placeholder {
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    color           : #a2a2a2;
    font-style: italic;
    font-weight: 300;
    text-transform: capitalize;
}
.book-now-wrapper .btn{

    background: #bc8f4a;
    font-family     : 'Roboto', sans-serif;
    font-size       : 14px;
    color           : #ffffff;
    text-transform: uppercase;
    padding: 7px 0;
    width: 100%;
}
.book-now-wrapper .btn:hover{

    background: #a87f41;
}





/*a{
  font-size: 18px;
  
    color: white;
    text-decoration: none;

}*/

input:focus,textarea:focus,select:focus{
  border:1px solid #fafafa;
  -webkit-box-shadow:0 0 6px #007eff;
  -moz-box-shadow:0 0 5px #007eff;
  box-shadow:0 0 5px #007eff;
  outline: none;
}



.content ul{
  list-style: none;
  font-size: 15px;
  padding: 0px;
  margin: 0px;


}


.content li{
  font-size: 16px;
border-bottom: 1px solid #494a5a42;
padding: 0px;
margin: 0px;
text-align: center;
height: 60px;
line-height: 52px;
color: #000;
}


#container{
  width: 100%;
  text-align:center;
}

.whole{margin: 40px 10px;
  display: inline-block;
  -webkit-box-shadow:0 3px 9px #666;-moz-box-shadow:0 3px 9px #666;box-shadow:0 3px 9px #666;
  border-radius: 5px 5px;
  
}



.type{
  width: 300px;
  border-radius: 5px 5px 0px 0px;
  background-color: #1a5ba8;
  height: 62px;
  border-bottom: 3px solid #ee3c24;

}

.type p{
  
  padding-top: 8px;
  font-weight: 600;
  font-size: 25px;
  text-transform: none;
  color: white;
  text-align: center;
  

  

}

.plan{
  width: 300px;
  background-color: #fff;

  border-radius: 0px 0px 5px 5px;
   
    font-style:condensed;
    font-size: 90px;
    color: white;
    text-align: center;


}
.standard{
  background-color: #646a75;
  border-bottom: 3px solid #ee3c24;
}

.ultimate{
  background-color: #5d6a9a;
  border-bottom: 3px solid #474f6f;
}





.header{
  padding: 6px;
  border-bottom: 1px solid #494a5a42;
  color: #000;
  font-size: 20px;


}

.header span{
  font-size: 20px;

  
}

.bed{
  font-size: 14px;
  
  padding: 0px;
  margin: 0px;
}

.price{
  height:10px;
}

.cart{
  
  color:white;
  position: relative;
  top: 16px;
  
}

.bottom{
  
  
}

.content{
}




.to-top {
  position: absolute;
  bottom: 50px;
  right: 20px;
    color: #fff;
    padding: 0px 10px;
    background-color: #efa52c;
    border-radius: 3px;
    font-size: 20px;
    opacity: 0.7;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    z-index: 9999;
}


/*End Waves Restaurant*/




@media screen and (min-width: 1920px) {.banner img {
        width: 100%;
    }

    .subcont1_img img {
        width: 80%;
        top: -108px;
        left: 115px;
        bottom: 0 right:0;
    }

    .subcont3_img img {
        width: 77%;
        top: 82px;
        left: 115px;
    }

    .ban_txt {
        width:52%;

        position: absolute;
        left: 25%;
        top: 33%;
        color: #fff;
        text-align: center;
        background: #000000a1;
        padding: 50px;
        border: 2px solid #fff;
        border-radius: 2px;
    }}
@media (max-width: 1920px) {
    .banner img {
        width: 100%;
    }

    .subcont1_img img {
        width: 70%;
        top: -108px;
        left: 115px;
        bottom: 0 right:0;
    }

    .subcont3_img img {
        width: 70%;
        top: 82px;
        left: 115px;
    }

    .ban_txt {
        width:52%;

        position: absolute;
        left: 25%;
        top: 33%;
        color: #fff;
        text-align: center;
        background: #000000a1;
        padding: 50px;
        border: 2px solid #fff;
        border-radius: 2px;
    }
}

@media (min-width: 1025px)and (max-width: 1440px){

.ban_txt h1{font-size: 50px;}
.ban_txt p{font-size: 25px; line-height: 18px;}

.about_us{margin-top: 40px;}

.abt_txt {margin-top: 20px;}
.abt_txt h3{margin-left: 205px}
.abt_txt h2{text-align: center;}
.abt_txt p{text-align: justify; font-size: 18px }


.subcont1_img img{ width: 85%; position: absolute;top:-130px; bottom: 0; left: 60px; right: 0; padding: 55px;}
.content_1 { margin-top: 150px; height: auto; padding-bottom: 100px}
.subcont1_txt{margin-top: 120px;}
.subcont1_txt h2{ font-size: 30px; color: #fff;}
.subcont1_txt p{font-size: 18px; color: #fff; margin: 27px 0;}

.subcont2_txt {text-align: center; margin-top: 95px;}
.subcont2_txt h2{font-size: 30px; color: #fff;}
.subcont2_txt p{font-size: 18px; color: #fff; margin: 27px 0;}

.content_3 {height: auto; padding-bottom: 100px}
.subcont3_img img {width: 75%; position: absolute; top: 100px; left: 60px; right: 0; bottom: 0;}
.subcont3_txt { margin-top: 85px;}

.test_img img{width: 80px; margin: auto;}

.heading {position: absolute;top: 25%;right: 0;left: 35%;}

.gallery img{width:32.9%;}

.box_wrap{background: #f1f0f0a8; border: 10px solid #fff; height: 700px; margin-top: 30px;}
.box_image img{width: 100%;}
.box_heading h2{text-align: center; margin-top: 30px;font-family: 'Trochut', cursive; font-size: 30px;}
.box_text p{text-align: center; font-size: 16px; padding: 30px 15px 15px 15px; text-align: justify;}

.price_margin{margin-left: -74px;}


}

@media (min-width: 1440px){

.ban_txt h1{font-size: 50px;}
.ban_txt p{font-size: 25px;line-height: 18px;}

.about_us{margin-top: 40px;}

.abt_txt p{margin-top: 22px;}
.abt_txt h3{margin-left: 205px}
.abt_txt h2{text-align: center;}
.abt_txt p{text-align: justify; font-size: 18px }

.subcont1_img img{ width: 85%; position: absolute;top:-130px; bottom: 0; left: 60px; right: 0; padding: 55px;}
.content_1 { margin-top: 150px; height: auto; padding-bottom: 100px}
.subcont1_txt{margin-top: 120px;}
.subcont1_txt h2{ font-size: 40px; color: #fff;}
.subcont1_txt p{font-size: 18px; color: #fff; margin: 27px 0;}

.subcont2_txt {text-align: center; margin-top: 95px;}
.subcont2_txt h2{font-size: 40px; color: #fff;}
.subcont2_txt p{font-size: 18px; color: #fff; margin: 27px 0;}

.content_3 {height: auto; padding-bottom: 100px}
.subcont3_img img {width: 75%; position: absolute; top: 85px; left: 60px; right: 0; bottom: 0;}
.subcont3_txt { margin-top: 85px;}

.test_img img{width: 140px; margin: auto;}

.heading {position: absolute;top: 27%;right: 0;left: 38%;}
.heading_txt {position: absolute;top: 27%;right: 0;left: 35%;}


.gallery img{width:32.9%;}

.box_wrap{background: #f1f0f0a8; border: 10px solid #fff; height: 700px; margin-top: 30px;}
.box_image img{width: 100%;}
.box_heading h2{text-align: center; margin-top: 30px;font-family: 'Trochut', cursive; font-size: 30px;}
.box_text p{text-align: center; font-size: 16px; padding: 30px 15px 15px 15px; text-align: justify;}

.price_margin{margin-left: -74px;}
}



@media (max-width: 1280px){

.subcont3_img img{top:132px;}

}

@media (max-width: 1040px){

.ban_txt {
    position: absolute;
    left: 16%;
    top: 33%;
    color: #fff;
    text-align: center;
    background: #000000bf;
    padding: 30px;
    border: 2px solid #fff;
    border-radius: 2px;
    width: 70%;
}

  .ban_txt h1{font-size: 50px;}
.ban_txt p{font-size: 25px;line-height: 35px;}
  .content_1 {margin-top: 125px; height: auto;padding-bottom: 82px;}
  .subcont1_img img{ width: 100%; position: absolute;top:-130px; bottom: 0; left: 20px; right: 0; padding: 25px;}
  .subcont3_img img {width: 100%; position: absolute; top: 200px; left: 20px; right: 0; bottom: 0;}
  .content_2{padding-bottom: 95px}
  .test_img img{width: 120px; margin: auto;}
  .heading {
    position: absolute;
   
    top: 12%;
    right: 0;
    left: 30%;
}

.btn_custom{ margin-left: 10px;}
  }



@media (min-width : 768px) and (max-width : 991px){
.logo img {width: 93px;}
nav ul {margin-right: 0;
}



.abt_img img {
    width: 100%;
    /* transition: ease-in-out,1.5s; */
    padding: 0;
}

.about_us{margin-top: 20px;}
.abt_txt {margin-top: 0}
.abt_txt h3{margin-left: 100px}
.abt_txt p{text-align: justify; font-size: 16px; padding: 0 10px}

.subcont1_img img{ width: 100%; position: absolute; top: -70px; left: 20px; right: 0; }
.content_1 { margin-top: 80px; height: auto; padding-bottom: 40px}
.subcont1_txt{margin-top: 50px; }
.subcont1_txt h2{ font-size: 30px; color: #fff;}
.subcont1_txt p{font-size: 16px; color: #fff; margin: 27px 0; padding: 0 10px}

.subcont2_txt {text-align: center; margin-top: 95px;}
.subcont2_txt h2{font-size: 30px; color: #fff;}
.subcont2_txt p{font-size: 16px; color: #fff; margin: 27px 0; padding: 0 10px}

.content_3 {height: auto; padding-bottom: 50px}
.subcont3_img img {
    width: 100%;
    position: absolute;
    top: 170px;
    left: 20px;
    right: 0;
}
.subcont3_txt { margin-top: 50px;}
.subcont3_txt p{font-size: 16px;}
.subcont3_txt h3{font-family: 'Trochut', cursive; font-size: 35px; line-height: 20px; color: #056cea; text-shadow: 1px 0px #fff;}
.subcont3_txt h2{font-size: 30px; margin-left: 58px; color: #fff;}

.amenities_wrap {
    height: 210px;
}

.content_4{margin-top: 100px; padding-bottom: 50px;}

.btn_custom{font-size: 15px;padding: 5px 25px; background: none; border: 1px solid #fff; border-radius: 0; color: #fff;}

.testimonials{text-align: center; margin-top: 20px; margin-bottom: 20px;}
.testimonials h2{font-size: 30px; color: #fff;}
.test_text p{font-size: 16px; color: #fff; text-align: center;}
.test_img img{width: 80px; margin: auto;}

.foot_menus {margin: 0; margin-bottom: 15px!important; font-size: 14px; list-style: none; text-decoration: none; }

.banner{position: relative;}
.heading{position:absolute;top:13%; right: 0; left: 31%;}
.heading img{float: left; width: 50px;}
.heading h2{float: left; font-size: 30px; color: #fff; margin-left: 15px; margin-top: 8px;}
.about_text p{font-size: 16px; text-align: justify; margin-top: 15px; padding: 0 10px;}
.gallery img{width:32%;}

.box_wrap{background: #f1f0f0a8; border: 10px solid #fff; height: 680px; margin-top: 30px;}
.box_image img{width: 100%;}
.box_heading h2{text-align: center; margin-top: 30px;font-family: 'Trochut', cursive; font-size: 30px;}
.box_text p{text-align: center; font-size: 16px; padding: 30px 15px 15px 15px; text-align: justify;}

.price_margin{margin-left: -74px;}


.box_wrap{background: #b2b2b2; border: 10px solid #fff; height: 620px; margin-top: 30px;}
.box_image img{width: 100%;}
.box_heading h2{text-align: center; margin-top: 30px;font-family: 'Trochut', cursive; font-size: 30px;}
.box_text p{text-align: center; font-size: 14px; padding: 30px 15px 15px 15px; text-align: justify;}
}



@media only screen and (min-width : 480px) and (max-width : 767px){



.about_us{margin-top: 20px;}
.abt_txt {margin-top: 0}
.ban_txt  {background: #000000bf; padding: 0;}
.ban_txt h1{font-size: 25px;}
.ban_txt p{font-size: 13px; padding: 0 40px; line-height: 4px;}

.subcont1_img img{ width: 100%; position: absolute; top: -70px; left: 20px; right: 0; }
.content_1 { margin-top: 80px; height: auto; padding-bottom: 40px}
.subcont1_txt{margin-top: 50px; }
.subcont1_txt h2{ font-size: 30px; color: #fff;}
.subcont1_txt p{font-size: 16px;color: #fff; margin: 27px 0;padding: 0 10px;text-align: justify;}

.subcont2_txt {text-align: center; margin-top: 95px;}
.subcont2_txt h2{font-size: 30px; color: #fff;}
.subcont2_txt p{font-size: 16px;color: #fff; margin: 27px 0;padding: 0 10px;text-align: justify;}

.content_3 {height: auto; padding-bottom: 50px}
.subcont3_img img {width: 100%; position: absolute; top: 90px; left: 20px; right: 0;}
.subcont3_txt { margin-top: 50px;}
.subcont3_txt p{font-size: 16px;color: #fff; margin: 27px 0;padding: 0 10px;text-align: justify;}
.subcont3_txt h3{font-family: 'Trochut', cursive; font-size: 35px; line-height: 20px; color: #056cea; text-shadow: 1px 0px #fff;}
.subcont3_txt h2{font-size: 30px; margin-left: 58px; color: #fff;}

.menu-item__name {
    font-size: 14px;
}

.menu-item__price {
    font-size: 14px;
}

.amenities_wrap{height: auto;}
.amenities {
    margin: 20px 100px;
    text-align: center;
}

.amenities_heading h2 {
    text-align: center;
    margin-top: 120px;
    font-size: 30px;
    color: #056cea;
    text-shadow: 1px 0px #fff;
    margin-bottom: 25px;
}

.content_4{margin-top: 100px; padding-bottom: 50px;}
.buttons{text-align: center;}
.btn-primary{font-size: 14px; padding: 4px 20px; background: none; border: 1px solid #fff; border-radius: 0; color: #fff; transition: 1s}
.btn_custom{font-size: 14px;padding: 5px 22px; background: none; border: 1px solid #fff; border-radius: 0; color: #fff;}

.testimonials{text-align: center; margin-top: 20px; margin-bottom: 20px;}
.testimonials h2{font-size: 30px; color: #fff;}
.test_text p{font-size: 16px; color: #fff; text-align: center; padding: 0 10px; margin-top: 20px;}
.test_img img{width: 80px; margin: auto;}

.foot_menus {margin: 0; margin-bottom: 15px!important; font-size: 14px; list-style: none; text-decoration: none; }

.copyright p{text-align: center; font-size: 10px;}

.banner{position: relative;}
.heading{position:absolute; top:60px; right: 0; left: 120px;}
.heading img{float: left; width: 50px;}
.heading h2{float: left; font-size: 30px; color: #fff; margin-left: 15px; margin-top: 8px;}
.about_text p{font-size: 16px; text-align: justify; margin-top: 15px; padding: 0 10px}

.header {
    font-size: 18px;
}

.gallery img{width:49.2%;}

.box_wrap{background: #f1f0f0a8; border: 10px solid #fff; height: 680px; margin-top: 30px;}
.box_image img{width: 100%;}
.box_heading h2{text-align: center; margin-top: 30px;font-family: 'Trochut', cursive; font-size: 30px;}
.box_text p{text-align: center; font-size: 16px; padding: 30px 15px 15px 15px; text-align: justify;}

.price_margin{margin-left: -74px;}


.box_wrap{background: #b2b2b2; border: 10px solid #fff; height: 620px; margin-top: 30px;}
.box_image img{width: 100%;}
.box_heading h2{text-align: center; margin-top: 30px;font-family: 'Trochut', cursive; font-size: 30px;}
.box_text p{text-align: center; font-size: 14px; padding: 30px 15px 15px 15px; text-align: justify;}

.menu h3 {font-size: 24px; padding: 40px 0 10px 0;}
.menu__items-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0% 2%;
}
.google_wrap h2 {
    text-align: center;
    font-size: 30px;
    font-family: 'Trochut', cursive;
    padding: 60px 0 0 0;
}
}


@media (max-width: 600px){

  nav ul li a {
    font-family: 'Trochut', cursive;
    display: inline-block;
    outline: none;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 0.04em;
}

nav ul {
    float: right;
    margin-right: 0;
    font-size: 10px;
}

nav ul li:not(:first-child) {
    margin-left: 20px;
}

.ban_txt {
    position: absolute;
    left: 16%;
    top: 48%!important;
    color: #fff;
    text-align: center;
    background: #000000bf;
    padding: 10px;
    border: 2px solid #fff;
    border-radius: 2px;
    width: 70%;
}

.abt_img img {
    width: 100%;
    /* transition: ease-in-out,1.5s; */
    padding: 0;
}

.amenities {
    margin: 20px 0px;
    text-align: center;
}


.abt_txt h3 {
    font-size: 35px;
    line-height: 20px;
    color: #056cea;
    text-align: left;
    margin-left: 0;
    text-shadow: 1px 0px #fff;
}
.abt_txt h2 {
    font-size: 25px;
    line-height: 20px;
    }
.abt_txt p {
    text-align: justify;
    font-size: 14px;
}
.btn_custom {
    font-size: 14px;
    padding: 5px 12px;
    background: none;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
}
.subcont1_txt h2 {
    font-size: 25px;
  }

.subcont1_txt p {
    font-size: 14px;
    }


.subcont3_txt p {
    font-size: 14px;
    margin: 15px 0;
    }

.subcont3_txt h3 {
    font-size: 30px;
    }

    .subcont3_txt h2 {
    font-size: 25px;
    }
.subcont1_img img{
  padding: 0;
  width: 100%;
}
.subcont3_img img {
    width: 100%;
    position: absolute;
    top: 230px;
    padding: 0;

  }
.amenities_heading h2 {
    text-align: center;
    margin-top: 60px;
  }

.amenities h3 {
    font-size: 16px;
  }

.test_text p{
  font-size: 14px;
}
.quick_links {
    margin: 50px 0 0 10px;
}

.footer_logo img {
    border: 2px solid #fff;
    margin-top: 20px;
    border-radius: 5%;
    width: 70px;
}

.heading {
    position: absolute;
    top: 96px;
    left: 212px;}

.about_image img {
    width: 100%;
    border: 3px solid #f7a81e;
    border-radius: 40px 0 40px 0;
}

.about_text p {
    font-size: 14px;
    text-align: justify;
    margin-top: 0;
    padding: 0;
}

.box_text p {
    text-align: center;
    font-size: 14px;
    padding: 7px 15px 15px 15px;
    text-align: justify;
}

.box_heading h2 {
    text-align: center;
    margin-top: 30px;
    font-size: 25px;
}

.menu__title{margin-top: 50px;}

}


/*@media only screen and (max-width : 320px){
.ban_txt{width: 57%;top:25%; left: 23%; background:#000000bf; padding: 3px 1px; }
.ban_txt h1{font-size: 18px;}
.ban_txt p{font-size: 10px; padding: 0; line-height: 15px;}

}*/
@media only screen and (min-width : 320px) and (max-width : 479px){

.logo img {width: 80px;}
.logo {margin: -25px}

.ban_txt{width: 57%; top:25%!important; left: 23%; background:#000000bf; padding: 6px 2px; }
.ban_txt h1{font-size: 20px;}
.ban_txt p{font-size: 13px; padding: 0; line-height: 15px;}

.about_us{margin-top: 20px;}
.abt_txt {margin-top: 30px}
.abt_txt h3{margin-left: 85px; font-size: 35px;}
.abt_txt h2{text-align: center; font-size: 25px;}
.abt_txt p{font-size: 16px;padding: 0 10px; text-align: justify;}

.subcont1_txt {margin-top: 250px;}

.subcont1_img img{ width: 85%; position: absolute; top: -70px; left: 20px; right: 0; }
.content_1 { margin-top: 80px; height: 545px; padding-bottom: 40px;background-attachment: inherit;}
.subcont1_txt{margin-top: 245px}
.subcont1_txt h2{ font-size: 30px; color: #fff;margin-left: 11px;}
.subcont1_txt p{font-size: 16px; color: #fff; margin: 27px 0;padding: 0 10px;text-align: justify;}

.content_2{background-attachment: inherit;}
.subcont2_txt {text-align: center; margin-top: 95px;}
.subcont2_txt h2{font-size: 30px; color: #fff;}
.subcont2_txt p{font-size: 16px;color: #fff; margin: 27px 0;padding: 0 10px;text-align: justify;}

.content_3{height: 500px; background-attachment: inherit;}
.subcont3_img img {width: 85%; position: absolute;top: 282px; left: 20px; right: 0;}
.subcont3_txt { margin-top: 0;}
.subcont3_txt p{font-size: 16px;padding: 0 10px;text-align: justify;}
.subcont3_txt h3{font-family: 'Trochut', cursive; font-size: 35px; line-height: 20px; color: #056cea; text-shadow: 2px 0px #fff; margin-left: 11px;}
.subcont3_txt h2{font-size: 30px; margin-left: 58px; color: #fff;}

.buttons{text-align: center;}
.btn-primary{font-size: 14px; padding: 4px 20px; background: none; border: 1px solid #fff; border-radius: 0; color: #fff; transition: 1s}
.btn_custom{font-size: 14px;padding: 5px 25px!important; background: none; border: 1px solid #fff; border-radius: 0; color: #fff;}

.amenities_wrap{height: auto;}
.amenities {
     margin: 20px 100px;
    text-align: center;
}


.amenities_heading h2 {
    text-align: center;
    margin-top: 120px;
    font-size: 30px;
    color: #056cea;
    text-shadow: 1px 0px #fff;
    margin-bottom: 25px;
}

.content_4{margin-top: 120px}
.test_img img{width: 80px; margin: auto;}
.testimonials{text-align: center; margin-top: 20px; margin-bottom: 20px;}
.testimonials h2{font-size: 30px; color: #fff;}
.test_text p{font-size: 16px; color: #fff; text-align: center; padding: 0 10px; margin-top: 20px;}

.foot_menus {margin: 0; margin-bottom: 15px!important; font-size: 14px; list-style: none; text-decoration: none; }
.footer_menus{font-size: 14px; list-style: none; text-decoration: none;}

.copyright p{text-align: center; font-size: 10px;}

.heading {position: absolute;top: 8%;right: 0;left: 29%;}
.heading img{float: left; width: 38px;}
.heading h2{float: left; font-size: 20px; color: #fff; margin-left: 15px; margin-top: 8px;}

.about_text p {font-size: 16px;text-align: justify; margin-top: 15px; padding: 0 10px}

.header {
    font-size: 18px;
}

.room_subheading {margin-top: 35px}
.room_subheading h2{font-size: 24px;margin: 6px;}
.gallery img {width: 49.2%;border: 2px solid #fff;}


.menu__title{margin-top: 50px;}
.menu h3 {font-size: 18px; padding: 40px 0 10px 0;}
.menu-item__name {font-size: 14px;}
.fa-angle-double-right{font-size: 11px;}
.menu-item__price{font-size: 14px}
.menu-item__description{font-size: 10px;}

.book-now-wrapper{display: none;}
.menu__items-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0% 2%;
}

.google_wrap h2 {
    text-align: center;
    font-size: 30px;
    font-family: 'Trochut', cursive;
    padding: 60px 0 0 0;
}
}

@media screen and (max-width:360px){

.logo img {width: 55px;}

.ban_txt{top: 26%;left: 19%; background:#000000bf; padding: 3px 2px;}
.ban_txt h1{font-size: 20px;}
.ban_txt p{font-size: 12px; padding: 0; line-height: 15px;}


.about_us{margin-top: 20px;}
.abt_img img{padding: 25px; margin-top: -27px;}
.abt_txt {margin-top: 10px}
.abt_txt h3{margin-left: 50px; font-size: 35px;}
.abt_txt h2{text-align: center; font-size: 25px;}
.abt_txt p{text-align: justify; font-size: 16px;}


.subcont1_txt {margin-top: 190px;}
.subcont1_txt p{font-size: 16px;padding: 0 10px;text-align: justify;}

.subcont2_txt p{font-size: 16px;color: #fff; margin: 27px 0;padding: 0 10px;text-align: justify;}

.content_3{height: 500px}
.subcont3_txt {margin-top: 15px;}
.subcont3_txt p{font-size: 16px;padding: 0 10px;text-align: justify;}
.subcont3_img img {width: 90%; position: absolute; top: 306px; left: 20px; right: 0;}

.buttons{text-align: center;}

.btn-primary{font-size: 12px;padding: 2px 15px!important; background: none; border: 1px solid #fff; border-radius: 0; color: #fff;margin-top: -10px;margin-left: 10px;}

.content_4{margin-top: 65px;}
.test_img img{width: 80px; margin: auto;}

.foot_menus {margin: 0; margin-bottom: 15px!important; font-size: 14px; list-style: none; text-decoration: none; }
.footer_menus{font-size: 14px; list-style: none; text-decoration: none;}

.copyright p{text-align: center; font-size: 10px;}

.amenities_wrap{height: auto;}

.amenities {
    margin: 20px 100px;
    text-align: center;
}


.amenities_heading h2 {
    text-align: center;
    margin-top: 120px;
    font-size: 30px;
    color: #056cea;
    text-shadow: 1px 0px #000;
    margin-bottom: 25px;
}

.menu__title{margin-top: 50px;}

.heading {position: absolute;top: 7%;right: 0;left: 28%;}
.heading_txt{position: absolute;top: 7%;right: 0;left: 19%;}
.heading img{float: left; width: 38px;}
.heading h3 {font-size: 30px; line-height: 0}
.heading h2{float: left; font-size: 20px; color: #fff; margin-left: 15px; margin-top: 8px;}

.about_text p {font-size: 16px;padding: 0 10px;text-align: justify; margin-top: 15px; }


.header {
    font-size: 18px;
}

.whole{margin: 40px -6px;}
.room_subheading {margin-top: 35px}
.room_subheading h2{font-size: 24px;margin: 6px;}
.gallery img {width: 49.2%;border: 2px solid #fff;}


.menu-item__name {font-size: 14px;}
.fa-angle-double-right{font-size: 11px;}
.menu-item__price{font-size: 14px}
.menu-item__description{font-size: 10px;}

.google_wrap h2{font-size: 30px; padding: 50px 0 0 0}

.menu h3 {font-size: 18px; padding: 40px 0 10px 0;}
.menu__items-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0% 2%;
}

.google_wrap h2 {
    text-align: center;
    font-size: 30px;
    font-family: 'Trochut', cursive;
    padding: 60px 0 0 0;
}
}


/*@media screen and (max-width:1024px){

.subcont3_img img {
    width: 100%;
    position: absolute;
    top: 150px;
    left: 20px;
    right: 0;
}
.subcont3_txt {
    margin-top: 115px;
}
}*/